/*
	 GRP WEBSITE
	 BY: TOM O"KEEFE
	 www.tomsdesignport.com
*/


/*BACKGROUND*/
img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1200px;
			
			/* Set up proportionate scaling */
			width: 60%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}
		
		div#content {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative; 
			
			
			/* These have no effect on the functionality */
			width: 800px;
			margin: 0 auto;
			padding: 20px;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 10pt;
			line-height: 16pt;
	
		}
		
		body {
			/* These rules have no effect on the functionality */
			/* They are for styling only */
			margin: 0;
			padding: 20px 0 0 0;
		}
		
		
		/*LOGO*/	
#content #logo{
	position:absolute;
	margin-bottom:0px;
	margin-top:-35px;
	margin-right:0px;
	margin-left:0px;
	padding:0px;
	z-index:1;
	height:98px;
	width:296px;
}
	
		/*SOCIAL NETWORKS*/
		
#content #facebook a.facebook_over{
	position:absolute;
	margin-bottom:0px;
	margin-top:45px;
	margin-right:0px;
	margin-left:729px;
	padding:0px;
	z-index:15;
	width:80px;
	height:25px;
	
	display: block;
	background-repeat: no-repeat;
	background-image:url(../buttons/fb_shadow_grey.png);
}
#content #facebook a.facebook_over:hover{
	background-image:url(../buttons/fb_shadow.png);
}

#content #twitter a.twitter_over{
	position:absolute;
	margin-bottom:0px;
	margin-top:45px;
	margin-right:0px;
	margin-left:635px;
	padding:0px;
	z-index:15;
	width:80px;
	height:25px;
	
	display: block;
	background-repeat: no-repeat;
	background-image:url(../buttons/twitter_shadow_grey.png);
}
#content #twitter a.twitter_over:hover{
	background-image:url(../buttons/twitter_shadow.png);
}
	
		/*TOP NAV*/	
#content ul#top_nav{
	position:absolute;
	margin-bottom:0px;
	margin-top:71px;
	margin-right:0px;
	margin-left:0px;
	padding-left:20px;
	list-style-type:none;
	z-index:10;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	width:800px;
	height:25px;
				
}

#content ul li {
	display:inline;
}

#content ul li a {
	padding-left:8px;
}

#content #top_nav_bg{
	position:absolute;
	margin-bottom:0px;
	margin-top:65px;
	margin-right:0px;
	margin-left:0px;
	padding:0px;
	z-index:1;
	height:40px;
	width:817px;
}

#content ul#top_nav a{
	padding-right:20px;
}


		/*BOTTOM NAV*/	

#content ul#bottom_nav{
	position:absolute;
	margin-bottom:0px;
	margin-top:865px;
	margin-right:0px;
	margin-left:0px;
	padding-left:200px;
	list-style-type:none;
	z-index:10;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width:800px;
	height:25px;
				
}

#content ul li {
	display:inline;
}

#content ul li a {
	padding-left:15px;
}
	
	
#content div.copyright{
	position:absolute;
	margin-bottom:px;
	margin-top:910px;
	margin-right:0px;
	margin-left:0px;
	padding:0px;
	z-index:5;	
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	width:400px;
	
}	

#content div.entourage{
	position:absolute;
	margin-bottom:0px;
	margin-top:935px;
	margin-right:0px;
	margin-left:0px;
	padding-bottom:35px;
	z-index:5;	
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	width:400px;
	
	
}