html {
	height: 100%;
}

body {
	display:block;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff url(../images/body_background.jpg) top left repeat;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #444;
}

header, footer, article, section, nav, menu, hgroup {
	display: block;  
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -220px auto;
	background: url(../images/wrapper_background.png) top left repeat-x;
}
		
	header {
	    width: 940px;
	    height: 120px;
	    margin: 0 auto;
	    overflow: hidden;
	}
	
	    #logo {
	    	float: left;
	    	display: block;
	    	width: 580px;
	    	height: 120px;
	    	margin: 0;
	    }
	    
	    	#logo a {
	    		display: block;
	    		height: 120px;
	    		background: transparent url(../images/logo.png) top left no-repeat;
	    		text-indent: -1000em;
	    	}
	    	
	header p {
		float: right;
		margin: 0;
		padding: 42px 0 0 0;
		text-align: right;
		font-family: 'Droid Sans', Arial, Sans-serif;
		font-size: 17px;
		color: #eda502;
	}
	
		header p a {
			font-size: 14px;
			color: #eda502;
		}
		
		header p a:hover {
			text-decoration: underline;
			color: #eda502;
		}
	
	nav#main_nav {
		width: 940px;
		height: 80px;
		margin: 0 auto;
	}
	    	
		nav#main_nav ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		    	
		    nav#main_nav li {
		        height: 80px;
		        float: left;
		    }
		        
		        nav#main_nav li a {
		        	position: relative;
		        	display: block;
		        	height: 80px;
		        	text-indent: -1000em;
		        }
		        
		        	nav#main_nav li a span {
		        		position: absolute;
		        		display: block;
		        		top: 0;
		        		left: 0;
		        		width: 100%;
		        		height: 100%;
		        		cursor: pointer;
		        		opacity: 0;
		        	}
		        	
		        #nav_01 { width: 152px; background: url(../images/nav.png) 0 top no-repeat; }
		        #nav_01 span { background: url(../images/nav.png) 0 bottom no-repeat; }
		        
		        #nav_02 { width: 185px; background: url(../images/nav.png) -152px top no-repeat; }
		        #nav_02 span { background: url(../images/nav.png) -152px bottom no-repeat; }
		        
		        #nav_03 { width: 154px; background: url(../images/nav.png) -337px top no-repeat; }
		        #nav_03 span { background: url(../images/nav.png) -337px bottom no-repeat; }
		        
		        #nav_04 { width: 102px; background: url(../images/nav.png) -491px top no-repeat; }
		        #nav_04 span { background: url(../images/nav.png) -491px bottom no-repeat; }
		        
		        #nav_05 { width: 213px; background: url(../images/nav.png) -593px top no-repeat; }
		        #nav_05 span { background: url(../images/nav.png) -593px bottom no-repeat; }
		        
		        #nav_06 { width: 134px; background: url(../images/nav.png) -806px top no-repeat; }
		        #nav_06 span { background: url(../images/nav.png) -806px bottom no-repeat; }
	    		
	#content {
		position: relative;
		width: 900px;
		margin: 0 auto;
		padding: 20px;
		background: #fff;
		-moz-box-shadow: 0 2px 8px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.5);
		box-shadow: 0 2px 8px rgba(0,0,0,0.5);
	}
	
	.push {
		height: 220px;
	}
	
footer {
	height: 220px;
	background: url(../images/wrapper_background.png) top left repeat-x;
	-moz-box-shadow: inset 0 5px 30px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 5px 30px rgba(0,0,0,0.5);
	box-shadow: inset 0 5px 30px rgba(0,0,0,0.5);
}
	    
	footer .container {
		width: 940px;
		margin: 0 auto;
		padding: 30px 0 0 0;
	}
	
	
		footer nav		{ float: left; height: 140px; margin: 0 0 0 20px; }
		footer .nav1	{ width: 205px; margin: 0; }
		footer .nav2	{ width: 165px; }
		footer .nav3	{ width: 190px; }
		footer .nav4	{ width: 315px; }
	    	
			footer nav h3 {
			    margin: 0 0 10px 0;
			    padding: 0 0 5px 0;
			    border-bottom: 1px solid #3f3f3f;
			    -moz-box-shadow: inset 0 -1px 0 #000;
			    -webkit-box-shadow: inset 0 -1px 0 #000;
			    box-shadow: inset 0 -1px 0 #000;
			    font-size: 16px;
			    color: #ff9c00;
			}
			    
			footer nav ul {
			    list-style-type: none;
			    margin: 0;
			    padding: 0;
			    color: #fff;
			}
			
			footer nav p {
			    margin: 0;
			    padding: 0;
			    color: #fff;
			}
			
			footer nav a { color: #fff; }
			footer nav a:hover { color: #ff9c00; }
			
		footer .bottom {
			padding: 10px 0 0 0;
			border-top: 1px solid #2c2c2c;
		}
			
			#social_links {
				float: left;
				margin: 0;
				padding: 0;
				list-style: none;
			}
			
				#social_links li {
					float: left;
					height: 20px;
					margin: 0 20px 0 0;
				}
				
				#facebook { width: 68px; }
				#twitter { width: 66px; }
				#youtube { width: 51px; }
				
					#social_links li a {
						display: block;
						height: 100%;
						text-indent: -1000em;
					}
					
					#facebook a 		{ background: url(../images/social_links.png) 0 top; }
					#facebook a:hover	{ background: url(../images/social_links.png) 0 bottom; }
					
					#twitter a 			{ background: url(../images/social_links.png) -68px top; }
					#twitter a:hover	{ background: url(../images/social_links.png) -68px bottom; }
					
					#youtube a 			{ background: url(../images/social_links.png) -134px top; }
					#youtube a:hover	{ background: url(../images/social_links.png) -134px bottom; }
				
			footer .copyright {
				display: block;
				float: right;
				margin: 0 !important;
				padding: 5px 0 0 0;
				color: #666;
				font-size: 11px;
			}
			
			footer img {
				float: right;
				margin: 0 0 0 20px;
			}