/* imports */
@import url(Navigation.css);
@import url(../Scripts/greybox/gb_styles.css);

/* standard shell template */
html, body 
{
	margin: 15px 0px 15px 0px;
	padding:0;
	border:0;
}

body
{		
	font-family: Verdana;
	font-size: 70%;
	background: #FFF url(../Images/SiteBackground.jpg) no-repeat top center;
	text-align: center;	
	line-height: 16px;
	color: #414141;
}

.clear{
	clear:both;		
}

/* redefine */
form 
{
	padding: 0px;
	border: 0px;	
}

.standardformfield 
{
	font-family: Verdana;
	font-size: 100%;
	color: #302C2D;
}

a 
{
	color: #302C2D;
	text-decoration: underline;
}

a:hover 
{
	text-decoration: none;	
}

/* construct */
#wrapper 
{
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position: relative;	
	width: 974px;		
}

	#wrapper #header 
	{
		width: 974px;
		float: left;
	}
	
		#wrapper #header h1 
		{
			margin: 0px;
			padding: 0px;			
		}
		
			#wrapper #header h1 a 
			{
				width: 974px;
				height: 144px;
				float: left;
				background: url(../Images/shellGraphics_01.jpg) no-repeat top left;
				display: block;
			}
			
				#wrapper #header h1 a span 
				{
					display: none;
				}
				
		#wrapper #header ul 
		{
			width: 946px;
			float: left;
			border-left: solid 1px #595657;
			border-top: solid 1px #595657; 
			border-bottom: solid 1px #908E8F;
			border-right: solid 1px #908E8F;
			height: 22px;			
			margin: 0px;
			padding: 0px 0px 0px 28px;
		}
		
			#wrapper #header ul li 
			{
				list-style-type: none;
				display: inline;				
			}
				
				#wrapper #header ul li a 
				{
					float: left;
					display: block;
					height: 22px;
				}
				
					#wrapper #header ul li.aboutus a 
					{
						width: 81px;
						background: url(../Images/shellGraphics_04.gif) no-repeat top left;						
					}
					
					#wrapper #header ul li.whatwedo a 
					{	
						width: 100px;
						background: url(../Images/shellGraphics_05.gif) no-repeat top left;					
					}
					
					#wrapper #header ul li.sportssurfaces a 
					{
						width: 125px;
						background: url(../Images/shellGraphics_06.gif) no-repeat top left;						
					}
					
					#wrapper #header ul li.howwework a 
					{	
						width: 111px;
						background: url(../Images/shellGraphics_07.gif) no-repeat top left;					
					}
					
					#wrapper #header ul li.products a 
					{			
						width: 80px;
						background: url(../Images/shellGraphics_08.gif) no-repeat top left;			
					}
					
					#wrapper #header ul li.recentprojects a 
					{		
						width: 125px;
						background: url(../Images/shellGraphics_09.gif) no-repeat top left;					
					}
					
					#wrapper #header ul li.whoweworkfor a 
					{			
						width: 133px;
						background: url(../Images/shellGraphics_10.gif) no-repeat top left;				
					}
					
					#wrapper #header ul li.contactus a 
					{		
						width: 93px;
						background: url(../Images/shellGraphics_11.gif) no-repeat top left;					
					}
					
					#wrapper #header ul li.findus a 
					{			
						width: 68px;
						background: url(../Images/shellGraphics_12.gif) no-repeat top left;				
					}
					
						#wrapper #header ul li a:hover 
						{
							background-position: bottom left;							
						}
						
						#wrapper #header ul li a span 
						{
							display: none;
						}
						
	#wrapper #content 
	{
		width: 974px;
		float: left;
		margin-top: 27px;
	}
	
		#wrapper #content #columncontainer 
		{
			width: 974px;			
			float: left;
		}
		
			#wrapper #content #columncontainer #leftcol 
			{
				width: 446px;
				float: left;
			}
			
				#wrapper #content #columncontainer #leftcol h2
				{
					margin: 0px;
					padding: 0px;
					color: #526270;
					font-size: 160%;
					line-height: 150%;					
				}
				
				#wrapper #content #columncontainer #leftcol h3, #wrapper #content h3
				{
					margin: 0px;
					padding: 0px;
					color: #1F8B3D;
					font-size: 140%;
					line-height: 140%;
				}
				
				#wrapper #content #columncontainer #leftcol h4
				{
					margin: 0px;
					padding: 0px;
					color: #1F8B3D;
					font-size: 120%;
					line-height: 120%;
				}
				
				#wrapper #content #columncontainer #leftcol h5
				{
					margin: 0px;
					padding: 0px;
					color: #221E1F;
					font-size: 120%;
					line-height: 140%;
				}
			
			#wrapper #content #columncontainer #rightcol 
			{
				width: 508px;
				float: left;
				height: 560px;	
				padding-left: 20px;					
			}
			
				#wrapper #content #columncontainer #rightcol #supplist 
				{
					width: 137px;
					float: left;
					margin-top: 40px;
				}
			
					#wrapper #content #columncontainer #rightcol img 
					{						
						margin-bottom: 25px;	
						float: left;				
					}
	
	#wrapper #footer 
	{
		width: 972px;
		float: left;
		height: 22px;
		line-height: 22px;
		margin-top: 27px;
		text-align: center;
		border-left: solid 1px #595657;
		border-top: solid 1px #595657; 
		border-bottom: solid 1px #908E8F;
		border-right: solid 1px #908E8F;
	}
	
		#wrapper #footer ul 
		{
			margin: 0px 0px 0px 10px;
			padding: 0px;	
		}
		
			#wrapper #footer ul li 
			{
				list-style-type: none;
				display: inline;
				padding-right: 10px;
				color: #707070;
			}
			
				#wrapper #footer ul li a 
				{
					color: #707070;
				}