﻿* {
    margin: 0;
    padding: 0;
}

body {
	font-family: Arial, san-serif;
	background: #0196fc!important;
}

.clear {
	clear: both;
}

a:link,
a:visited {
    color: #db0907;
	text-decoration: none;
}

a:active,
a:hover {
    color: #db0907;
    text-decoration: underline;
}

a img {
	border: 0 none;
}

p {
    margin: 0 0 16px 0;
    line-height: 1.45em;
}

ul li {
	list-style: none;
}

#BrandingBar {
    width: 100%;
    height: 40px;
    font-size: x-small;
    background: #000000;
}

    #BrandingBar .wrapper {
        width: 980px;
        min-width: 980px;
        margin: 0 auto;
    }
    
    #BrandingBar .parent-logo {
        float: left;
        display: block;
        margin: 10px 0 0 0;
    }
    
        #BrandingBar .parent-logo img {
            display: block;
        }
    
    #BrandingBar .links {
        float: left;
    }
    
        #BrandingBar .links li {
            float: left;
            list-style: none;
            padding: 0;
            margin: 0;
            background: transparent url("../images/brandingbar-bull.png") no-repeat left 21px;
        }
        
            #BrandingBar .links li a {
                display: block;
                padding: 18px 14px 0 14px;
                color: #ffffff;
                text-transform: uppercase;
                text-decoration: none;
            }
            
                #BrandingBar .links li a:hover {
                    color: #cdcdcd;
                }
        
        #BrandingBar .links li:first-child {
            background: none;
        }
        
    #BrandingBar ul.socialicons {
        float: right;
        width: 300px;
        margin: 10px 0 0 0;
    }
        
        #BrandingBar ul.socialicons li {
            display: inline;
            float: right;
        }

#Header {
    height: 310px;
    color: #ffffff;
}
    
    #Header .wrapper {
        width: 980px;
        margin: 0 auto;
        background: transparent url("../images/content-bg.jpg") repeat-x left top;
    }
    
    #Header .cushion {
    	padding: 20px 0 5px 0;
    }
    
    #Header .logo {
        float: left;
        display: block;
        width: 483px;
        height: 285px;
    }
    
        #Header .logo img {
            display: block;
        }
    
    #Header .blurb {
    	float: right;
    	width: 440px; /*
    	margin: 32px 0 0 0; */
    	padding: 20px 47px 0 0;
        font-weight: bold;
    }
    
#Content {
    color: #ffffff;
}
    
    #Content .wrapper {
        width: 980px;
        margin: 0 auto;
        background: #cbeafe url("../images/content-bg.jpg") repeat-x left -310px;
    }
    
    #Content .cushion {
        padding: 0 27px 0 27px;
    }
    
    #Content #Game {
    	position: relative;
    	left: -27px;
    	width: 980px;
    	height: 526px;
    	margin: 0 0 40px 0;
    	background: transparent url("../images/game-bg.png") no-repeat left top;
    }
    
    	#Content #Game .cushion {
    		padding: 36px 0 0 63px;
    	}
    	
    #Content .video {
		width: 480px;
    }
    #Content .video iframe {
		width: 100%;
		margin-top: 60px;
    }
    	
    #Content #Pledge {
    	margin: 0 0 50px 0;
    	font-weight: bold;
    	border: 2px solid #ffffff;
    	background: #0196fc;
    }
    
    	#Content #Pledge .cushion {
    		padding: 12px;
    	}
    	
    	#Content #Pledge .content {
    		float: left;
    		width: 408px;
    	}
    	
    	#Content #Pledge .video {
    		float: right;
    	}
    	
    	#Content #Pledge h2 {
    		position: relative;
    		left: -3px;
    		width: 100%;
    		height: 153px;
    		margin: 0 0 0 0;
    		text-indent: -9999px;
    		overflow: hidden;
    		background: transparent url("../images/head-takeaction.png") no-repeat left top;
    	}
    	
    	#Content #Pledge p {
    	    margin: 0 0 3px 0;
    	}
    	
    	#Content #Pledge a.button {
    		position: relative;
    		left: -3px;
    		width: 410px;
    		height: 206px;
    		display: block;
    		background: transparent url("../images/pledge-button.jpg") no-repeat left top;
    	}
    	
	    	#Content #Pledge a:hover.button {
	    		background: transparent url("../images/pledge-button.jpg") no-repeat right top;
	    	}
	    	
    #Content #OtherGames {
    	margin: 0 0 20px 0;
    }
    
	    #Content #OtherGames h2 {
	    	width: 100%;
	    	height: 74px;
	    	margin: 0 0 10px 0;
	    	text-indent: -9999px;
	    	overflow: hidden;
	    	background: transparent url("../images/head-othergames.png") no-repeat center top;
	    }
	    
	    #Content #OtherGames a.button {
	    	display: block;
	    	width: 455px;
	    	height: 206px;
	    }
	    
	    	#Content #OtherGames a#SCS {
	    		position: relative;
	    		left: -3px;
	    		float: left;
	    		background: transparent url("../images/scs-button.png") no-repeat right top; 
	    	}
	    	
		    	#Content #OtherGames a:hover#SCS {
		    		background: transparent url("../images/scs-button.png") no-repeat left top;
		    	}
	    	
	    	#Content #OtherGames a#NewSCS {
	    		position: relative;
	    		left: 3px;
	    		float: right;
	    		background: transparent url("../images/newscs-button.png") no-repeat right top; 
	    	}
	    	
		    	#Content #OtherGames a:hover#NewSCS {
		    		background: transparent url("../images/newscs-button.png") no-repeat left top;
		    	}
		    	
		    #Content #OtherGames a#TofuBoy {
	    		position: relative;
	    		left: 3px;
	    		float: left;
	    		background: transparent url("../images/tofuboy-button.png") no-repeat right top; 
	    	}
	    	
		    	#Content #OtherGames a:hover#TofuBoy {
		    		background: transparent url("../images/tofuboy-button.png") no-repeat left top;
		    	}
		    	
	#Content #SharePipes {
		position: relative;
		left: -27px;
		width: 980px;
		height: 152px;
		background: transparent url("../images/sharepipes-bg.png") no-repeat left top;
	}
	
		#Content #SharePipes ul {
			margin: 0 0 0 27px;
		}
	
		#Content #SharePipes li {
			float: left;
			list-style: none;
		}
		
			#Content #SharePipes li a.button {
				display: block;
				width: 183px;
				height: 58px;
			}
		
		#Content #SharePipes li#Facebook {
			width: 212px;
		}
		
			#Content #SharePipes li#Facebook a.button {
				background: transparent url("../images/pipe-facebook-button.png") no-repeat left top;
			}
			
				#Content #SharePipes li#Facebook a:hover.button {
					background: transparent url("../images/pipe-facebook-button.png") no-repeat right top;
				}
				
		#Content #SharePipes li#Twitter {
			width: 212px;
		}
		
			#Content #SharePipes li#Twitter a.button {
				background: transparent url("../images/pipe-twitter-button.png") no-repeat left top;
			}
			
				#Content #SharePipes li#Twitter a:hover.button {
					background: transparent url("../images/pipe-twitter-button.png") no-repeat right top;
				}
				
		#Content #SharePipes li#StumbleUpon {
			width: 321px;
		}
		
			#Content #SharePipes li#StumbleUpon a.button {
				background: transparent url("../images/pipe-stumbleupon-button.png") no-repeat left top;
			}
			
				#Content #SharePipes li#StumbleUpon a:hover.button {
					background: transparent url("../images/pipe-stumbleupon-button.png") no-repeat right top;
				}
				
		#Content #SharePipes li#GooglePlus {
		    position: relative;
		    top: -20px;
		    margin: 0 0 0 68px;
		}
		
			#Content #SharePipes li#GooglePlus a.button {
				background: transparent url("../images/pipe-googleplus-button.png") no-repeat left top;
			}
			
				#Content #SharePipes li#GooglePlus a:hover.button {
					background: transparent url("../images/pipe-googleplus-button.png") no-repeat right top;
				}
    
#Footer {
	color: #611f00;
	font-size: 12px;
}

	#Footer a:link {
		color: #611f00;
	}
	
	#Footer a:visited {
		color: #892e04;
	}
	
	#Footer a:hover,
	#Footer a:active {
		color: #db0907;
	}
    
    #Footer .wrapper {
        width: 980px;
        margin: 0 auto;
        background: #db8d2c;
    }
    
    #Footer .cushion {
    	padding: 15px 22px 11px 22px;
    }
    
    #Footer #ShareThis {
    	float: left;
    	width: 280px;
    	height: 26px;
    	overflow: hidden;
	}
	    
	    #Footer #ShareThis p {
	        float: left;
	        margin: 0 5px 0 0;
	    }
	    
	    #Footer #ShareThis ul {
	        float: left;
	    }
	    
	    #Footer #ShareThis ul li {
	        float: left;
	        margin: 0 5px 0 0;
	    }
	
	#Footer #ExternalLinks {
		float: right;
		width: 650px;
		height: 26px;
		overflow: hidden;
		text-align: right;
	}
	
	#Footer #Address {
		float: right;
		width: 350px;
	}
	
		#Footer #Address p {
			float: left;
			margin: 0 0 0 170px;
			text-align: right;
		}
	
		#Footer #Address #FooterLogo {
			display: block;
			float: right;
			margin: 4px 0 0 0;
		}
	
	#Footer #Copyright {
		float: left;
		width: 450px;
	}