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

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

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

.clear{
	clear:both;		
}

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

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

.bluehighlight 
{
	color: #2b4c86;
}

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: 930px;	
	background: #FFF url(../Images/topTile.gif) repeat-x top left;
	padding-top: 26px;
	border-left: solid 2px #D6D6D6;
	border-right: solid 2px #D6D6D6;
	border-bottom: solid 2px #D6D6D6;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

    #wrapper #leftpanel 
    {
		width: 227px;	
		margin-left: 24px;
		float: left;
    }
    
		#wrapper #leftpanel #companylogo h1
		{
			margin: 0px;
			padding: 0px;			
		}
		
			#wrapper #leftpanel #companylogo h1 a 
			{
				width: 227px;
				height: 138px;
				display: block;
				background: url(../Images/shellGraphics_03.gif) no-repeat top left;
			}
			
				#wrapper #leftpanel #companylogo h1 a span 
				{
					display: none;
				}
		
		/* See Navigation.css */
		
		#wrapper #leftpanel #latestnews 
		{
			width: 227px;
			float: left;
			margin-top: 28px;
			background: #E3E3E3;
		}
		
			#wrapper #leftpanel #latestnews #latestnewstext 
			{
				width: 191px;
				float: left;
				padding: 0px 18px 0px 18px;				
			}
				
				#wrapper #leftpanel #latestnews #latestnewstext h3 
				{
					margin: 0px;
					padding: 0px;
					width: 83px;
					height: 14px;
					background: url(../Images/LatestNews.gif) no-repeat top left;
				}
				
					#wrapper #leftpanel #latestnews #latestnewstext h3 span 
					{
						display: none;
					}
					
				#wrapper #leftpanel #latestnews #latestnewstext .newsreadmore 
				{
					padding-left: 10px;
					background: url(../Images/newsReadMore.gif) no-repeat left;
					color: #4482BE;
				}
    
    #wrapper #rightpanel 
    {
		width: 624px;
		float: left;
		margin-left: 31px;
    }
    
		#wrapper #rightpanel #pageheader 
		{
			width: 624px;
			height: 143px;
			float: left;			
		}	
		
			#wrapper #rightpanel #pageheader #pageheaderflash 
			{
				width: 624px;
				float: left;
				height: 123px;
			}
			
			#wrapper #rightpanel #pageheader #pageheaderfooter 
			{
				background: url(../Images/PageHeaders_02.gif) no-repeat top left;
				width: 624px;
				height: 20px;
				float: left;
				overflow: hidden;	
			} 
		
		#wrapper #rightpanel #pagecontent 
		{
			width: 624px;
			float: left;
			margin-top: 23px;			
		}
		
			#wrapper #rightpanel #pagecontent h2 
			{
				margin: 0px;
				padding: 0px;
				width: 275px;
				height: 17px;
			}
			
				#wrapper #rightpanel #pagecontent h2.ourservices 
				{
					background: url(../Images/Header_OurServices.gif) no-repeat top left;
				}
				
				#wrapper #rightpanel #pagecontent h2.ourprojects 
				{
					background: url(../Images/Header_OurProjects.gif) no-repeat top left;
				}
				
				#wrapper #rightpanel #pagecontent h2.ourprojectscommercial
				{
					background: url(../Images/Header_OurProjects_Commercial.gif) no-repeat top left;
				}
				
				#wrapper #rightpanel #pagecontent h2.ourprojectseducation
				{
					background: url(../Images/Header_OurProjects_Education.gif) no-repeat top left;
				}
				
				#wrapper #rightpanel #pagecontent h2.ourprojectsretail
				{
					background: url(../Images/Header_OurProjects_Retail.gif) no-repeat top left;
				}
				
				#wrapper #rightpanel #pagecontent h2.ourprojectsresidential
				{
					background: url(../Images/Header_OurProjects_Residential.gif) no-repeat top left;
				}
				
				#wrapper #rightpanel #pagecontent h2.aboutus
				{
					background: url(../Images/Header_AboutUs.gif) no-repeat top left;
				}
				
				#wrapper #rightpanel #pagecontent h2.latestnews
				{
					background: url(../Images/Header_LatestNews.gif) no-repeat top left;
				}
				
				#wrapper #rightpanel #pagecontent h2.contactus
				{
					background: url(../Images/Header_ContactUs.gif) no-repeat top left;
				}
				
				#wrapper #rightpanel #pagecontent h2.privacypolicy
				{
					background: url(../Images/Header_PrivacyPolicy.gif) no-repeat top left;
				}
				
				#wrapper #rightpanel #pagecontent h2.accessibility
				{
					background: url(../Images/Header_Accessibility.gif) no-repeat top left;
				}
				
				#wrapper #rightpanel #pagecontent h2.sitemap
				{
					background: url(../Images/Header_SiteMap.gif) no-repeat top left;
				}
				
				#wrapper #rightpanel #pagecontent h2.jobopportunities
				{
					background: url(../Images/Header_JobOpportunities.gif) no-repeat top left;
				}
				
					#wrapper #rightpanel #pagecontent h2 span 
					{
						display: none;
					}
		
			#wrapper #rightpanel #pagecontent .subheader 
			{
				color: #00086E;
				font-weight: bold;
				font-size: 120%;
			}
			
			#wrapper #rightpanel #pagecontent h4 
			{
				color: #4080BD;
				margin: 0px;
				padding: 0px;
				font-size: 120%;
			}
			
			/* Welcome Text */
			#wrapper #rightpanel #pagecontent #welcometext h3
			{
				color: #2b4c86;
				font-size: 130%;
				margin: 0px;
				padding: 0px;
				line-height: 140%;			
			}
			
				#wrapper #rightpanel #pagecontent #welcometext h3 .welcomehighlight 
				{
					font-size: 110%;					
				}
			
			#wrapper #rightpanel #pagecontent #welcometext .welcomereadmore 
			{
				padding-left: 10px;
				background: url(../Images/welcomeReadMore.gif) no-repeat left;
				color: #4783BD;
			}
												
			/* Latest Projects */
			#wrapper #rightpanel #pagecontent #latestprojects 
			{
				width: 624px;
				float: left;
				margin-top: 26px;
			}
			
				#wrapper #rightpanel #pagecontent #latestprojects #latestprojectstext 
				{
					border-left: solid 2px #D1D1D1;
					border-right: solid 2px #D1D1D1;
					width: 602px;
					padding: 0px 9px 0px 9px;
					background: url(../Images/homeLatestProjBG.gif) repeat-x top left;
					float: left;
				}
				
					#wrapper #rightpanel #pagecontent #latestprojects #latestprojectstext #latestprojcolone 
					{
						width: 202px;
						float: left;						
					}
					
						#wrapper #rightpanel #pagecontent #latestprojects #latestprojectstext #latestprojcolone img 
						{
							border: solid 1px #D79E17;
						}
						
					#wrapper #rightpanel #pagecontent #latestprojects #latestprojectstext #latestprojcoltwo 
					{
						width: 382px;
						float: left;
						margin-left: 18px;						
					}
					
						#wrapper #rightpanel #pagecontent #latestprojects #latestprojectstext #latestprojcoltwo h3 
						{
							width: 112px;
							height: 20px;
							background: url(../Images/latestProjects_03.gif) no-repeat top left;
							margin: 0px;
							padding: 0px;
						}
						
							#wrapper #rightpanel #pagecontent #latestprojects #latestprojectstext #latestprojcoltwo h3 span 
							{
								display: none;
							}
							
						#wrapper #rightpanel #pagecontent #latestprojects #latestprojectstext #latestprojcoltwo .latestprojectreadmore 
						{
							padding-left: 10px;
							background: url(../Images/latestProjectReadMore.gif) no-repeat left;
							color: #0054A6;
						}
						
			/* Projects Landing Page */
			#wrapper #rightpanel #pagecontent .projectcategorypicker 
			{
				width: 582px;
				height: 51px;
				line-height: 51px;				
				float: left;
				padding: 10px;
			}
				
				#wrapper #rightpanel #pagecontent .projectcategorypicker a 
				{
					text-decoration: none;
					color: #356B9F;
					width: 582px;
					height: 31px;
					display: block;
				}
				
					#wrapper #rightpanel #pagecontent .projectcategorypicker a img 
					{
						margin-right: 25px;
						float: left;
					}
					
			/* Projects List */
			#wrapper #rightpanel #pagecontent #projectslist 
			{
				width: 624px;				
			}
			
				#wrapper #rightpanel #pagecontent #projectslist .projectheader 
				{
					width: 600px;
					height: 93px;					
					cursor: pointer;
					padding: 12px;
					margin-top: 10px;					
				}
				
					#wrapper #rightpanel #pagecontent #projectslist .projectheader .projectphotoname 
					{
						width: 429px;						
						float: left;												
					}
				
						#wrapper #rightpanel #pagecontent #projectslist .projectheader .projectphotoname img 
						{
							border: solid 1px #D39D1B;
							float: left;
						}
						
						#wrapper #rightpanel #pagecontent #projectslist .projectheader .projectphotoname .projectheadertext 
						{
							float: left;
							line-height: 94px;
							margin-left: 25px;
							color: #FFF;
						}
						
					#wrapper #rightpanel #pagecontent #projectslist .projectheader .projectexpandbutton 
					{
						width: 171px;
						float: left;
						margin-top: 81px;
					}
					
				#wrapper #rightpanel #pagecontent #projectslist .projectinfo 
				{
					background: #E3E3E3;
					width: 624px;								
				}
				
					#wrapper #rightpanel #pagecontent #projectslist .projectinfo .projectbody 
					{
						padding: 12px;
						border-bottom: solid 2px #99B6D2;		
					}	
					
						#wrapper #rightpanel #pagecontent #projectslist .projectinfo .projectbody .projectbodyheader 
						{
							color: #5C7997;
						}
						
						#wrapper #rightpanel #pagecontent #projectslist .projectinfo .projectbody .projectdownload 
						{
							height: 31px;
							line-height: 31px;
							padding-left: 42px;
							background: url(../Images/DownloadIcon.gif) no-repeat left;		
							display: block;				
						}
					
						#wrapper #rightpanel #pagecontent #projectslist .projectinfo .projectbody .tablecolone 
						{
							background: #F0F0F0;
						}
				
		#wrapper #rightpanel #companyaccreditations 
		{
			width: 624px;
			float: left;
			margin-top: 26px;
		}
		
		#wrapper #rightpanel #pagefooter 
		{
			width: 624px;
			float: left;		
			margin-top: 26px;	
			color: #6E6E6E;	
			border-top: solid 1px #00086E;		
			padding-top: 15px;			
		}
		
			#wrapper #rightpanel #pagefooter .emailpage 
			{
				margin-left: 27px;
				padding-left: 20px;
				background: url(../Images/emailIcon.gif) no-repeat left;
				color: #4783BD;
			}
		
			#wrapper #rightpanel #pagefooter ul
			{
				margin: 5px 0px 0px 0px;
				padding: 0px;
			}
			
				#wrapper #rightpanel #pagefooter ul li 
				{
					display: inline;
					list-style-type: none;
					padding-right: 10px;
				}
				
					#wrapper #rightpanel #pagefooter ul li a 
					{
						color: #6E6E6E;
					}
					
					#wrapper #rightpanel #pagefooter ul .designby 
					{
						padding-left: 90px;	
						padding-right: 0px;
					}