@import url("reset.css");
@import url("layout.css");


#homeBanner		{ height: 266px; margin: 0 9px 0 10px; padding: 7px;
				  border: solid #949daa; border-width: 0 1px 1px 0;
				  position: relative; background: #fff; z-index: 1; }
#homeBanner a:link,
#homeBanner a:visited
				{ position: absolute; top: 7px; border: none;
				  text-transform: uppercase; color: #fff;
				  font: 1em/1.6em Arial, Helvetica, sans-serif }
#homeBanner a:link span,
#homeBanner a:visited span
				{ font: 1.2em/1em Arial, Helvetica, sans-serif }
#homeBanner .prev
				{ left: 10px }
#homeBanner .next
				{ right: 10px }
				
#subBanner		{ padding: 7px; margin-bottom: 20px; background: #fff }
				  
.exploreWork	{ text-align: right; margin: 0 14px;
				  font: 1em/2em Arial, Helvetica, sans-serif }
.aquo			{ font-size: 1.2em }


.sub #mainCol ul{margin-left: 20px;}
.sub #mainCol h2{text-transform:none; font-size: 14px;}
.sub #mainCol h2.bordered
				{ padding-bottom: 5px; margin: 0px; font-size: 14px;
				  background: url(../img/sidebar_photo.gif) bottom repeat-x }
.sub #mainCol img{border: 5px solid white; margin: 5px 10px;}

/*----------------------------------------*/

#intro			{ padding: 0 25px 15px }
.sub #intro		{ padding: 0 12px 15px }

.entry			{ padding: 15px 25px 0;
				  background: url(../img/entry.gif) repeat-x }
.sub .entry		{ padding: 15px 12px 0;
				  background: url(../img/entry.gif) repeat-x }
				  
.entry .right	{ float: right; margin-right: -25px;
				  position: relative; width: 215px }
.entry .right h3
				{ font-size: 1em; line-height: 2em; margin: 0 0 2px }
.entry .right a:link,
.entry .right a:visited
				{ display: block; height: 39px; position: relative;
				  text-indent: -999.9em; border: none }
.entry .right .client
				{ width: 164px; margin-left: -8px;
				  background: url(../img/planning-project.jpg) no-repeat }
.entry .right .subcontractor
				{ width: 223px; margin-left: -11px;
				  background: url(../img/subcontractor.gif) no-repeat }

.list1			{ list-style-type: none }
.list1 li		{ margin: 0; padding-left: 30px; font-style: italic; font-weight: bold;
				  background: url(../img/bull.gif) 12px 7px no-repeat }

.entry p.entryFooter
				{ width: 515px; margin: 15px 0 0 -25px; padding: 0 25px;
				  font: 1em/2em Verdana, Arial, Helvetica, sans-serif;				  
				  background: #e1e1e1 }

.sub .entry p.entryFooter
				{ width: 501px; margin-left: -12px; padding: 0 12px }
.entry p.bordered
				{ padding-bottom: 2px;
				  background: #e1e1e1 url(../img/entry_footer_border.gif) bottom repeat-x }
.sub .entry p.bordered
				{ padding-bottom: 2px }
.entry p.entryFooter a:link,
.entry p.entryFooter a:visited
				{ font-family: Arial, Helvetica, sans-serif;
				  font-weight: bold; text-transform: uppercase }
				
.entry img.photo
				{ background: #fff; margin-right: 16px; padding: 7px; float: left }
				  
/*-------------------------------------Portfolio Landing Page------------------*/

div#content .port-container{margin-left: 50px; margin-right: 30px; width: 210px; border: 0px solid red; float:left; margin-bottom: 7px; margin-top: 7px;}
div#content .port-container a img{border: 5px solid white; margin: 0px;}
div#content .port-container a:hover img{border: 5px solid #A6BBC7;}
div#content .port-container .port-image{}
div#content .port-container .port-contents{width: 210px; padding-top: 5px; border: 0px solid red; text-align: center;}
div#content .port-container .port-contents h2{font-weight: bold; font-size: 13px; text-align: center; text-transform: none; padding: 0px;}
div#content .port-container .port-contents p{font-size: 11px; line-height: 13px;}


/*-------------------------------------Portfolio Sub Landing Pages------------------*/

#projects-heading-box{width: 600px; height: 240px;}
.sub #mainCol #projects-heading-box img{float: left; margin-right: 10px;}
.sub #mainCol #projects-heading-box p{padding-top: 5px;}

#project-container{width: 605px; clear: both; padding-top: 10px; overflow: hidden;}
#project-container .project-box{width:290px; height: 75px; border: 0px solid red; float:left; margin: 5px 5px 5px 5px;}
#project-container .project-box a img{float:left; border: 5px solid white; width: 100px;}
#project-container .project-box a:hover img{border: 5px solid #A6BBC7;}
#project-container .project-box a.project-link{float: left; margin: 25px 0px 0px 3px; font-size:13px; width: 130px; font-weight: 600;}

.project-sub-image-link a img{border: 2px solid #DCDAB7;}
.project-sub-image-link a:hover img{border: 2px solid #00678F;}

.projects-sub-names{font-size: 12px; color: #00678F}

#sub-project-header{background-color: #E3E1BD; padding:3px; text-align: center; margin-bottom: 5px;}
.sub-project-text-header{ font-size: 20px;}
/*----------------------------------------*/

.sub #mainCol #lightbox-thumbs{margin-top: 10px; float: left; width: 225px;}
.sub #mainCol #lightbox-thumbs #portfolio-subimages{width: 225px; clear: both; margin-top; 5px;}
.sub #mainCol #lightbox-thumbs #portfolio-subimages a img{float: left; margin: 0px 0px 0px 10px; border: 3px solid white;}
.sub #mainCol #lightbox-thumbs #portfolio-subimages a:hover img{border: 3px solid #A6BBC7;}
#lightbox-thumbs a:hover img{border: 5px solid #A6BBC7;}

#medical-office-subsection{height:70px;}
#medical-office-subsection a img{border: 5px solid white;}
#medical-office-subsection a:hover img{border: 5px solid #A6BBC7;}
#medical-office-subsection a.link{margin-top: 20px; font-size: 16px; font-weight: bold; color: black;}

#portfolio-main-column{float: left; width: 375px;}

.portfoliodetails {
	color: black;
	clear:both;
	padding:5px!important;
	margin:0 0 20px 0;
	width: 350px;
}
#portfoliodetails p{padding:10px!important;//padding-top:5px}
.portfolio_photo_desc {
	color: #666633;
	display:block;
	text-transform:uppercase;
	letter-spacing:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#portfolio_container img{border:none;
}
#portfolio_container #active img{background-image:url(/images/shadow-hilight-blue.gif)
}

.sub #mainCol h1.portfolio-header {
margin: 10px 0px 0px 0px; padding: 0px;
}

.sub #mainCol h2.location {
	font-size: 12px;
	line-height: 12px;
	float:left;
	font-weight: 400;
	margin-left: 10px;
}

.datecompleted {
float:right;
}


/*-------------------------------------Key Personnel Pages------------------*/
.sub #mainCol #profileContainer ul{list-style: none; margin: 0px;}
#profileContainer ul li{ margin-bottom: 20px; margin-left: 0px;}
.profileseparator{clear:both; height: 175px; background: transparent url(../img/entry.gif) repeat-x scroll 0 0; width: 605px;}
.profileseparator a.bio-pic{float: left; margin: 15px 0px 0px 20px;}
.profileseparator .index-content{float: left; width: 450px;}
.profileseparator .index-content h2{margin: 20px 0px 5px 20px; padding: 0px; font-size: 16px;}
.profileseparator .index-content h3{margin: 0px 0px 5px 20px; font-size: 11px;}
.profileseparator .index-content p{margin:0px 0px 0px 25px;}
.profileseparator .index-content a.view-more{margin-left:380px; font-weight: 600;}

#profile-content{float: left; width: 610px;}
.sub #mainCol #profilecontent #profile-content img{margin: 0px 10px 10px 15px;}
#profile-sidebar{clear: both; float: right; width: 200px; background: white; margin: 0px 10px 10px 15px; padding: 5px;}
#profile-sidebar h3{font-size: 13px; margin: 8px 5px 2px 5px; padding: 0px; font-weight: 600; line-height: 14px;}
#profile-sidebar p{margin: 4px 5px 2px 10px; line-height: 12px; font-size: 11px;}
#profile-sidebar img{border: 5px solid white; margin: 45px 0px 0px 25px;}

/*-------------------------------------Community Involvement------------------*/
.community-container{width: 610px; border: 0px solid red; clear: both;}
.sub #mainCol .community-container h2{font-size: 20px; background: url(../img/main.gif) no-repeat;}
.community-container .community-box{ float: left; width:150px; height: 200px; margin: 5px 25px; border: 0px solid red; display: inline; text-align: center;}
.sub #mainCol .community-container .community-box img{margin: 5px; width: 130px; height: 130px;}
.community-container .community-box a{margin: 5px 0px; font-size: 14px; font-weight: 600;}
.community-container .community-box a:hover{color: black;}
.sub #mainCol .community-container .community-box a:hover img{border:5px solid #A6BBC7;}

/*-------------------------------------Awards------------------*/
.sub #mainCol #awardContainer ul{list-style: none; margin: 0px;}
#awardContainer ul li{ margin-bottom: 20px; margin-left: 0px;}
.awardseparator{clear:both; height: 150px; background: transparent url(../img/entry.gif) repeat-x scroll 0 0; width: 605px;}
.sub #mainCol .awardseparator img.pic{float: left; margin: 15px 0px 0px 20px;}
.awardseparator .index-content{float: left; width: 450px; margin-top: 25px;}
.awardseparator .index-content h2{margin: 20px 0px 5px 20px; padding: 0px;}
.awardseparator .index-content h3{margin: 0px 0px 5px 20px;}
.awardseparator .index-content p{margin:0px 0px 0px 25px;}
.awardseparator .index-content a.view-more{margin-left:380px; font-weight: 600;}

.additional-awards{padding-left: 20px; padding-top: 20px; background: transparent url(../img/entry.gif) repeat-x scroll 0 0; width: 605px;}

/*--------------Press Releases-------------------------------------------*/
.sub #mainCol .pressrelease{width: 550px; height: 75px; margin-bottom: 15px; margin-top: 5px;}
.sub #mainCol .pressrelease .icon{float: left; width: 60px; height: 75px;}
.sub #mainCol .pressrelease .icon a img{margin: 0px; border: 2px solid white;}
.sub #mainCol .pressrelease .icon a:hover img{border: 2px solid #A6BBC7;}
.sub #mainCol .pressrelease .details{float: left; padding: 15px 10px;}
.sub #mainCol .pressrelease .details h2{font-size: 14px; padding: 0px;}
.sub #mainCol .pressrelease .details p{margin-left: 5px;}

/*--------------Clients-------------------------------------------*/
.sub #mainCol p.testimonial-text{margin:5px 0px; font-style: italic; font-size: 14px; background: url(../img/main.gif) no-repeat; padding:20px 10px 5px;}
.sub #mainCol p.testimonial-name{margin: 5px 80px 30px 20px; font-size: 12px; color:#333333; text-align: right; line-height: 14px;}
.sub #mainCol p.testimonial-name strong{font-weight: 600; color: #822433;}

/*-------------------------------------Profiles Sidebar------------------*/

#profilesmenu ul{list-style: none; margin-left: -5px;}
#profilesmenu ul li{font-size: 14px;}
#profilesmenu ul li ul{margin-left: -10px;}
#profilesmenu ul li ul li{font-size:11px; line-height: 16px;}

/*-------------------------------------Contact Page Directions------------------*/

#contact-info{margin-bottom: 15px; height: 70px;}
#contact-info h3{font-size: 16px; margin-bottom: 3px;}
#contact-info p{float: left; width: 220px;}

#directions-container{width: 810px; height: 360px;}
#directions-container #map{float: left; width: 350px; height: 350px; margin: 0px; border: 5px solid white;}
#directions-container #driving-container{float: left; width: 240px; height: 360px;}
#directions-container #driving-container .directions{width: 240px; height: 105px; margin: 0px 0px 7px 5px; border: 5px solid white; background: #A6BBC7;}
#directions-container #driving-container .directions h3{ margin: 2px;}
#directions-container #driving-container .directions ul{ list-style: none; margin: 0px;}
#directions-container #driving-container .directions li{font-size: 10px; line-height: 10px; margin-left: 5px;}


/*-------------------------------------Contact Page------------------*/
#contactform{width: 810px;}

#contentForm {
  width: 390px;
  margin-left:30px;
  padding: 0px 10px;
  border: 5px solid white;
  background-color: #A6BBC7;
  float: left;
  height: 350px;
}

#cost-analysis-form {
  width: 380px;
  float: left;
  height: 350px;
}

/* and now the form formatting itself */
label {
  display: block;
  float: left;
  clear: left;
  Width: 130px;
  line-height: 20px;
  margin-bottom: 10px;
  margin: 5px 0;
}

input, textarea, select {
  margin: 0;
  padding: 2px;
  font-size: 14px;
  color: black;
  background: #F5F5F5;
  border: 1px solid #ccc;
  margin: 5px 0;
}   

input:focus, textarea:focus, select:focus {
  border: 1px solid #999;
  background-color: #FFFFFF;
}

input.button {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url(/images/submit.png) no-repeat left top;
  width: 90px;
  height: 28px;
  margin-left: 150px;
}

span.required{
  font-size: 13px !important;
  color: red !important;
}

.errormsg {
  display: block;
  width: 90%;
  height: 22px;
  line-height: 22px;
  color: #FFFFFF;
  font-weight: bold;
  background: #FF9D9D url(/images/stop.gif) no-repeat 10px center;
  padding: 3px 10px 3px 40px;
  margin: 10px 0;
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;
}

.msgSent {
  font-size: 20px;
  text-align: center;
}

/*-----------------------------------------------------------------------*/

.sidebarBlock	{ background: url(../img/sidebar_block_top.gif) no-repeat }
.sub .sidebarBlock
				{ background-image: url(../img/sidebar_block_top_sub.gif) }
				
.sidebarBlock .inner
				{ padding: 13px 23px 32px 18px;
				  background: url(../img/sidebar_block_bottom.gif) left bottom no-repeat }
.sub .sidebarBlock .inner
				{ padding: 13px 18px 20px 13px;
				  background-image: url(../img/sidebar_block_bottom_sub.gif) }
.sidebarBlock .inner ul li{margin-left:10px;}		  
.sidebarBlock .inner ul li a{font-weight: 600; font-size: 12px; margin-left: -2px;}
.sub .sidebarBlock .inner #projectsmenu .menu ul li{margin-left: 10px;}				  
.sub .sidebarBlock .inner #projectsmenu .menu ul li a{font-weight: 600; font-size: 12px; margin-left: -2px;}				  

.sub .sidebarBlock .inner #featured-sidebar h4 a{color: #000000;}
.sub .sidebarBlock .inner #featured-sidebar h4 a:hover{color: #822433;}
  
.sub .sidebarBlock .inner #testimonial-sidebar p.client-text{line-height: 13.5px; font-style: italic;}
.sub .sidebarBlock .inner #testimonial-sidebar p.client-name{font-size: 10px;}
.sub .sidebarBlock .inner #testimonial-sidebar p.client-name strong{font-size: 13px;}

.sub .sidebarBlock .inner #featured-sidebar h4{color: black; margin-bottom:0;}

#sideNav		{ text-transform: uppercase;
				  font: bold 1.2em/1.6666em Arial, Helvetica, sans-serif }
#sideNav li		{ margin: 0; list-style-type: none }
#sideNav li	a:link,
#sideNav li	a:visited
				{ color: #823d11 }

#sideNav li ul	{ font-weight: normal; text-transform: none;
				  padding-bottom: 10px; line-height: 1.5em;
				  font-family: Arial, Helvetica, sans-serif }
#sideNav li ul li
				{ padding-left: 18px;
				  background: url(../img/bull2.gif) 6px 6px no-repeat }
#sideNav ul li a:link,
#sideNav ul li a:visited
				{ color: #482700 }
				
#news			{ font-size: 1em; list-style-type: none }
#news li		{ margin: 0 }
#news li h4		{ font-size: 1.1em; line-height: 1.4545em; margin: 0 0 5px }
#news li p		{ font: 1em/1.6em Verdana, Arial, Helvetica, sans-serif }

.sidebarBlock img.photo
				{ display: block; padding: 3px 0 5px; margin-bottom: 5px }
.sidebarBlock img.bordered
				{ background: url(../img/sidebar_photo.gif) bottom repeat-x }

.sidebarBlock h3
				{ margin-bottom: 5px;
				  font: bold 1.6em/1.5em Arial, Helvetica, sans-serif }
.sidebarBlock h4
				{ font: bold 1.2em/1.3333em Arial, Helvetica, sans-serif;
				  margin-bottom: 9px }
.sidebarBlock h4.bordered
				{ padding-bottom: 5px; margin: 0 0 8px; font-size: 14px;
				  background: url(../img/sidebar_photo.gif) bottom repeat-x }
.sidebarBlock h4 .date
				{ color: #482700 }
.sidebarBlock p	{ font: 1.1em/1.4545em Georgia, "Times New Roman", Times, serif;
				  margin-bottom: 7px }
.sidebarBlock p small
				{ font-family: Verdana, Arial, Helvetica, sans-serif }
.sidebarBlock p.bordered
				{ padding-bottom: 9px;
				  background: url(../img/sidebar_photo.gif) bottom repeat-x }
.sidebarBlock p.big
				{ font-size: 1.2em; line-height: 1.2307em; margin-bottom: 9px }
.sidebarBlock p.indent
				{ padding-left: 1em }
.sidebarBlock p.entryFooter
				{ color: #482700; margin-bottom: 0;
				  font-family: Arial, Helvetica, sans-serif }
.sidebarBlock p.entryFooter a:link,
.sidebarBlock p.entryFooter a:visited
				{ font-weight: bold }
.sidebarBlock .request:link,
.sidebarBlock .request:visited
				{ display: block; width: 183px; height: 42px;
				  margin: 10px 10px 7px -4px; text-indent: -999.9em; border: none;
				  background: url(../img/request.gif) no-repeat }
				  
.sidebarBlock .subcontractor
				{ width: 223px; height: 39px; display: block; text-indent: -999.9em;
				  background: url(../img/subcontractor-sidebar.jpg) no-repeat }