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

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

body
{		
	font-family: "Trebuchet MS", "Trebuchet", Tahoma;
	font-size: 75%;
	background: #83A6C5 url(../Images/SiteBackground.jpg) no-repeat top center;	
	text-align: center;	
	line-height: 18px;
	color: #424142;
}

.clear{
	clear:both;
	overflow: hidden;
	display: none;
	height: 0px;			
}

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

.standardformfield 
{
	font-family: Tahoma;
	font-size: 100%;
	color: #424142;
}

.orangetext 
{
	color: #EE7700;
}

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: 835px;		
}
	
	#wrapper #header 
	{
		width: 835px;
		float: left;
		position: relative;		
	}
	
		#wrapper #header h1 
		{
			margin: 37px 0px 0px 6px;
			padding: 0px;
		}
		
			#wrapper #header h1 a 
			{
				display: block;
				width: 823px;
				height: 171px;	
				background: url(../Images/shellGraphics_01.jpg) no-repeat top left;			
			}
			
				#wrapper #header h1 a span 
				{
					display: none;
				}
		
				
		#wrapper #header #telephone 
		{
			position: absolute;
			color: #F8F9FA;
			top: 9px;
			right: 37px;
			font-size: 140%;
			font-weight: bold;
		}
				
	#wrapper #content 
	{
		width: 835px;
		float: left;		
		color: #FFF;
		background: url(../Images/ContentBackground.gif) repeat-y top left;		
	}
	
		#wrapper #content #contentbackground 
		{
			width: 771px;
			padding: 32px;	
			float: left;
			background: url(../Images/ContentFixedBackground.jpg) no-repeat top left;
		}
	
			#wrapper #content #contentbackground a 
			{
				color: #FFF;
			}
			
			#wrapper #content #contentbackground #leftcol 
			{
				width: 251px;
				float: left;				
			}
			
				#wrapper #content #contentbackground #leftcol #navigation 
				{
					width: 251px;
					float: left;								
				}
				
					#wrapper #content #contentbackground #leftcol #navigation ul 
					{
						margin: 0px;
						padding: 0px;
					}
						
						/* Main Navigation */
						#wrapper #content #contentbackground #leftcol #navigation ul li 
						{
							list-style-type: none;	
							float: left;					
						}
						
							#wrapper #content #contentbackground #leftcol #navigation ul li a 
							{
								height: 28px;
								line-height: 28px;
								background: url(../Images/NavigationBackground.gif) no-repeat top left;
								display: block;
								width: 212px;
								font-size: 110%;
								padding-left: 16px;	
								text-decoration: none;		
								margin-bottom: 1px;				
							}	
							
								#wrapper #content #contentbackground #leftcol #navigation ul li a:hover, #wrapper #content #contentbackground #leftcol #navigation ul li.selected a
								{
									background-position: bottom left;	
								}
								
							/* Sub Navigation */
							#wrapper #content #contentbackground #leftcol #navigation ul li ul 
							{
								margin: 0px;
								padding: 0px;
							}
							
								#wrapper #content #contentbackground #leftcol #navigation ul li ul li 
								{
									list-style-type: none;
									float: left;
								}
									
									#wrapper #content #contentbackground #leftcol #navigation ul li ul li a 
									{
										height: 28px;
										line-height: 28px;										
										background: #808080;										
										display: block;
										width: 202px;
										font-size: 110%;
										padding-left: 26px;	
										text-decoration: none;
										margin-bottom: 1px;											
									}
									
										#wrapper #content #contentbackground #leftcol #navigation ul li ul li a:hover 
										{										
											background: #7A7A7A;
										}
								
				#wrapper #content #contentbackground #leftcol #latestnews 
				{
					margin-top: 19px;
					float: left;
					width: 176px;
					height: 175px;
					background: url(../Images/shellGraphics_09.jpg) no-repeat top left;
					padding: 102px 35px 29px 40px;						
				}	
				
					#wrapper #content #contentbackground #leftcol #latestnews strong 
					{
						color: #1691C8;
						font-weight: bold;
						text-transform: uppercase;
						font-size: 110%;
					}
					
					#wrapper #content #contentbackground #leftcol #latestnews p 
					{
						color: #8A8989;
						margin: 10px 0px 10px 0px;
						padding: 0px;
					}
					
					#wrapper #content #contentbackground #leftcol #latestnews a 
					{
						color: #ED7923;
					}
				
				#wrapper #content #contentbackground #leftcol #hybridrange 
				{
					margin-top: 39px;
					float: left;				
					background: url(../Images/shellGraphics_17.jpg) no-repeat top left;					
				}
				
					#wrapper #content #contentbackground #leftcol #hybridrange a 
					{
						display: block;
						width: 251px;
						height: 97px;
					}
					
						#wrapper #content #contentbackground #leftcol #hybridrange a span 
						{
							display: none;
						}
				
				#wrapper #content #contentbackground #leftcol #sendwebsite 
				{
					margin-top: 20px;
					float: left;
					width: 206px;
					height: 23px;
					line-height: 23px;
					display: block;
					background: url(../Images/SendPage.gif) no-repeat top left;
					padding-left: 45px;					
				}	
			
			#wrapper #content #contentbackground #rightcol 
			{
				float: left;
				padding-left: 54px;
				width: 460px;	
				background: url(../Images/RightColBackground.gif) repeat-y top left;													
			}
			
				#wrapper #content #contentbackground #rightcol h2 
				{
					margin: 0px;
					padding: 0px;
					font-size: 140%;
					color: #068AC5;
					font-weight: normal;
				}
				
				#wrapper #content #contentbackground #rightcol .suppimage 
				{
					float: right;
					margin: 0px 0px 10px 10px;
				}
				
				/* Products Styles */
				#wrapper #content #contentbackground #rightcol #productselector 
				{
					width: 460px;
					float: left;
					margin-bottom: 15px;
				}
				
					#wrapper #content #contentbackground #rightcol #productselector ul
					{
						margin: 0px;
						padding: 0px;					
					}
				
						#wrapper #content #contentbackground #rightcol #productselector li 
						{
							list-style-type: none;
							display: inline;
						}
						
							#wrapper #content #contentbackground #rightcol #productselector li a 
							{
								width: 72px;
								height: 24px;
								display: block;
								margin-right: 9px;
								background: url(../Images/ProductSelector.jpg) no-repeat top left;
								text-align: center;
								text-decoration: none;
								line-height: 24px;
								float: left;
								font-weight: bold;
							}
							
								#wrapper #content #contentbackground #rightcol #productselector li a:hover, #wrapper #content #contentbackground #rightcol #productselector li.selected a 
								{
									background-position: bottom left;
								}
				
				/* News */
				#wrapper #content #contentbackground #rightcol #newsarticlecontainer 
				{
					width: 460px;
					float: left;
					margin-bottom: 20px;
				}
				
					#wrapper #content #contentbackground #rightcol #newsarticlecontainer #suppphoto 
					{
						float: right;
						margin: 0px 0px 10px 10px;
						width: 200px;
						text-align: center;
						background: #FFF;
						padding: 2px;
					}
					
						#wrapper #content #contentbackground #rightcol #newsarticlecontainer #suppphoto a 
						{							
							text-decoration: none;
							color: #000;
							line-height: 20px;
						}
				
				#wrapper #content #contentbackground #rightcol #newsleftcontrol 
				{
					width: 210px;
					float: left;
					background: #404040;
					padding: 5px 10px 5px 10px;					
				}
				
				#wrapper #content #contentbackground #rightcol #newsrightcontrol 
				{
					width: 210px;
					float: left;					
					text-align: right;
					background: #404040;
					padding: 5px 10px 5px 10px;
				}
				
				/* Case Studies Styles */
				#wrapper #content #contentbackground #rightcol .casestudyitem 
				{
					width: 460px;
					float: left;
					margin-bottom: 10px;
				}
				
					#wrapper #content #contentbackground #rightcol .casestudyitem.spacer 
					{
						margin-bottom: 33px;
					}
				
					#wrapper #content #contentbackground #rightcol .casestudyitem .casestudyheader 
					{
						background: #282828;
						float: left;
						width: 298px;
						padding: 15px;
						font-weight: bold;
						color: #E17203;
					}
					
					#wrapper #content #contentbackground #rightcol .casestudyitem .casestudydescription 
					{
						background: #181818;
						float: left;
						width: 298px;
						padding: 15px;
					}
					
					#wrapper #content #contentbackground #rightcol .casestudyitem .casestudyphotos
					{
						width: 119px;						
						float: right;
						margin-left: 13px;
						color: #EE7700;
						text-align: center;
					}
					
						#wrapper #content #contentbackground #rightcol .casestudyitem .casestudyphotos .photo 
						{
							margin-bottom: 11px;
							float: left;
						}
				
				/* Projects Styles */
				#wrapper #content #contentbackground #rightcol .projectitem 
				{
					width: 460px;
					float: left;
					
				}
				
					#wrapper #content #contentbackground #rightcol .projectitem.spacer 
					{
						margin-bottom: 33px;
					}
				
					#wrapper #content #contentbackground #rightcol .projectitem .projectheader 
					{
						background: #282828;
						float: left;
						width: 430px;
						padding: 15px;
						font-weight: bold;
						color: #E17203;
					}
					
					#wrapper #content #contentbackground #rightcol .projectitem .projectdescription 
					{
						background: #181818;
						float: left;
						width: 430px;
						padding: 15px;
					}
					
					#wrapper #content #contentbackground #rightcol .projectitem .photoarea 
					{	
						background: #282828;	
						float: left;	
						width: 430px;
						padding: 15px;			
					}
					
						#wrapper #content #contentbackground #rightcol .projectitem .photoarea .photo 
						{
							width: 66px;
							height: 47px;
							float: left;
							overflow: hidden;
							margin-right: 10px;
						}
				
				/* Contact Styles */
				#wrapper #content #contentbackground #rightcol .contactheader
				{
					width: 450px;					
					padding-left: 10px;
					height: 30px;
					line-height: 30px;
					background: #124892;
					float: left;
				}
				
				#wrapper #content #contentbackground #rightcol #contactmap 
				{
					width: 460px;
					float: left;
					margin: 10px 0px 10px 0px;
				}
				
				#wrapper #content #contentbackground #rightcol #contactform 
				{
					width: 460px;
					float: left;
					margin-top: 10px;
				}
				
					#wrapper #content #contentbackground #rightcol #contactform input 
					{
						font-family: "Trebuchet MS", "Trebuchet", Tahoma;
						font-size: 100%;
						color: #424142;
						margin: 0px;
						padding: 0px;
						width: 139px;
					}
					
						#wrapper #content #contentbackground #rightcol #contactform .submitbutton 
						{
							width: auto;
						}
				
				/* Home Styles */
				#wrapper #content #contentbackground #rightcol #homeprojselector 
				{
					width: 460px;
					float: left;
					margin-top: 29px;
				}
				
					#wrapper #content #contentbackground #rightcol #homeprojselector .projcat
					{
						width: 223px;
						height: 162px;
						float: left;
					}
					
						#wrapper #content #contentbackground #rightcol #homeprojselector .projcat a 
						{
							text-decoration: none;
							color: #F9B311;
						}
						
							#wrapper #content #contentbackground #rightcol #homeprojselector .projcat a .projcatlink 
							{							
								margin-left: 12px;
							}
							
							#wrapper #content #contentbackground #rightcol #homeprojselector .projcat a:hover 
							{
								opacity: .5;
								filter: alpha(opacity=50);
							}						
					
						#wrapper #content #contentbackground #rightcol #homeprojselector .projcat.spacer 
						{
							margin-left: 14px;
						}
						
				#wrapper #content #contentbackground #rightcol #latestproject 
				{
					float: left;
					margin-top: 50px;
					width: 440px;
					height: 105px;
					background: url(../Images/shellGraphics_13.jpg) no-repeat top left;
					padding: 13px 10px 13px 10px;
				}
				
					#wrapper #content #contentbackground #rightcol #latestproject #projimg 
					{
						float: left;
						width: 140px;
						height: 105px;
					}
					
					#wrapper #content #contentbackground #rightcol #latestproject #projtxt 
					{
						float: left;
						margin-left: 15px;
						width: 285px;
						margin-top: 20px;
					}
					
						#wrapper #content #contentbackground #rightcol #latestproject #projtxt strong 
						{
							font-size: 110%;
							color: #0588C4;
						}
						
						#wrapper #content #contentbackground #rightcol #latestproject #projtxt p 
						{
							color: #FDFEFF;		
							margin: 0px;
							padding: 0px;		
							line-height: 17px;		
						}
						
							#wrapper #content #contentbackground #rightcol #latestproject #projtxt p a 
							{
								color: #F9B311;
							}
							
				#wrapper #content #contentbackground #rightcol #letuscallform 
				{
					float: left;
					width: 424px;
					height: 74px;
					background: url(../Images/shellGraphics_15.jpg) no-repeat top left;
					margin-top: 29px;
					padding: 33px 18px 23px 18px;
					color: #9C9C9C;
				}
				
					#wrapper #content #contentbackground #rightcol #letuscallform .callField 
					{
						font-family: "Trebuchet MS", "Trebuchet", Tahoma;
						font-size: 100%;					
						color: #424142;
						border: solid 1px #7B7B7A;
						width: 170px;	
						margin: 0px;
						padding: 0px;
					}
					
					#wrapper #content #contentbackground #rightcol #letuscallform .callButton 
					{
						font-family: "Trebuchet MS", "Trebuchet", Tahoma;
						font-size: 100%;					
						color: #424142;
						border: solid 1px #7B7B7A;
						margin: 0px;
						padding: 0px;
					}
				
				#wrapper #content #contentbackground #rightcol #accreditations 
				{
					float: left;
					margin-top: 18px;
					width: 460px;
					text-align: right;
				}
	
	#wrapper #footer 
	{
		width: 835px;
		float: left;
		width: 835px;
		height: 63px;
		background: url(../Images/FooterBackground.jpg) no-repeat top left;	
		color: #FFF;
		line-height: 50px;		
	}
	
		#wrapper #footer ul 
		{
			margin: 0px 0px 0px 25px;
			padding: 0px;
		}
		
			#wrapper #footer ul li 
			{
				display: inline;
				list-style-type: none;
				padding-left: 8px;
			}
			
				#wrapper #footer ul li.spacer 
				{
					padding-right: 6px;
					background: url(../Images/FooterSpacer.gif) no-repeat left;
				}
			
				#wrapper #footer ul li a 
				{
					color: #FFF;
				}