/* @override http://www.elkinsconstructors.com/stylesheets/interior.css */

@import url("./common.css");

#feature {
	width: 897px;
	height: 90px;
	float: left; }
	#feature #feature-left {
		float: left;
		width: 192px;
		height: 90px;
		background: #B3B8B1;
		color: #FFFFFF; }
	#feature #feature-middle {
		float: left;
		margin: 0 5px;
		width: 366px;
		height: 90px; }
	#feature #feature-right {
		float: right;
		width: 329px;
		height: 90px;
		background: #B3B8B1;
		color: #FFFFFF; }

#main
{
	float: left;
	width: 897px;
	margin: 20px 0 30px 0;
	background-color: #fff;
	background-image: url("../images/tagline2.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
	#main #sidebar {
		float: left;
		width: 197px; }
		#main #sidebar p {
			font-size: 12px;
			color: #999;
			line-height: 2.5em;
			margin: 60px 15px 0 0; }
		#main #sidebar p .right {
			float: right;
			padding-right: 5px; 
			color: #a8b8c8;
			font-size: 11px;
			font-style: italic; }				
		#main #sidebar ul {
			margin: 60px 15px 0 0; }
			#main #sidebar ul li {
				text-align: right;
				padding: 7px 30px 7px 10px;
				font-size: 11px;
				background: transparent url("../images/blt_arrow.gif") no-repeat 93% 50%; }
			#main #sidebar ul li.separater {
				margin-bottom: 15px;
				border-top: 1px solid #ccc; }
				
				#main #sidebar ul li a {
					color: #335d91; }
					#main #sidebar ul li a:hover {
						text-decoration: underline; }
				#main #sidebar ul li a.feature {
					color: #891a1c; }

	#main #content {
		float: left;
		padding: 30px 0 0 46px;
		width: 430px;
		font-size: 12px;
		border-left: 1px solid #CACACA; }
	#main #content_b {
		float: left;
		padding: 30px 0 0 46px;
		width: 600px;
		font-size: 12px;
		border-left: 1px solid #CACACA; }
	#main #content_c {
		float: left;
		padding: 30px 0 0 46px;
		width: 653px;
		font-size: 12px;
		border-left: 1px solid #CACACA; }
		#main #content h1, #main #content_b h1 {
			color: #fff;
			font-size: 15px;
			margin: 0 0 30px 0;
			padding-left: 15px;
			text-transform: uppercase; 
			font-weight: normal;			
			line-height: 30px; }
		#main #content_c h1 {
			color: #fff;
			font-size: 15px;
			margin: 0;
			padding-left: 15px;
			text-transform: uppercase; 
			font-weight: normal;			
			line-height: 30px; }
		#main #content h1.band {
			position: relative;
			background: url("../images/color_band.gif") repeat-x;
			width: 431px;
			top: 0;
			left: -16px;
			color: #002F5D; }
		#main #content_b h1.band {
			position: relative;
			background: url("../images/color_band.gif") repeat-x;
			width: 600px;
			top: 0;
			left: -16px;
			color: #002F5D; }
		#main #content_c h1.band {
			position: relative;
			background: url("../images/color_band.gif") repeat-x;
			width: 168px;
			top: 0;
			left: -16px;
			color: #002F5D; }
		#main #content_c h1.band_market {
			position: relative;
			background: url("../images/color_band.gif") repeat-x;
			width: 260px;
			top: 0;
			left: -16px;
			color: #002F5D; }
		#main #content h2, #main #content_b h2, #main #content_c h2 {
			color: #881719;
			font-size: 14px;
			font-weight: normal;
			margin: 0 0 10px 0; }
		#main #content h3, #main #content_b h3, #main #content_c h3 {
			color: #333;
			font-size: 13px;
			font-weight: bold;
			margin: 3px 0 5px 0; }
		#main #content h4, #main #content_b h4, #main #content_c h4 {
			color: #335d91;
			font-size: 12px;
			font-weight: normal;
			line-height: 190%;			
			margin: 0 0 10px 0; }
		#main #content img .pdf, #main #content_b img .pdf, #main #content_c img .pdf {
			padding-top: 2px; }
		#main #content p, #main #content_b p, #main #content_c p {
			color: #333;
			line-height: 190%;
			margin: 0 16px 20px 0;
			padding: 0; }
		.title {
			color: #333;
			font-size: 12px;
			font-weight: normal;
			padding: 0 0 15px 0; }		
		.emphasis {
			color: #335d91; 
			font-size: 110%; }
		.emphasis2 {
			color: #333; 
			font-size: 110%; }
		.highlight {
			color: #666666;
			font-weight: bold; }			
		#main #content strong, #main #content_b strong, #main #content_c strong {
			color: #335d91; }
		#main #content ul, #main #content_b ul, #main #content_c ul { 
			font-size: 11px;
			color: #666666;
			margin-bottom: 20px; 
			padding-left: 15px; }
		#main #content ul#list, #main #content_b ul#list, #main #content_c ul#list { 
			font-size: 11px;
			color: #666666;
			margin-bottom: 20px; 
			padding-left: 30px; }
		#main #content ul li, #main #content ul#list li, #main #content_b ul li, #main #content_b ul#list li, #main #content_c ul li, #main #content_c ul#list li { 
			list-style-position: outside;
			list-style-type: square;
			line-height: 1.75em; }

		#main #content a, #main #content_b a, #main #content_c a {
			color: #335d91;
			text-decoration: none; }
		#main #content a:hover, #main #content_b a:hover, #main #content_c a:hover {
			text-decoration: underline; }				
		#main #content p.page-nav, #main #content_b p.page-nav, #main #content_c p.page-nav, #main #content_c p.page-nav_right {
			font-size: 9px;
			margin: 10px 0 5px 0;
			text-transform: uppercase; }
			#main #content_c p.page-nav_right {
				float: right;
				margin-right: 35px;
				margin-bottom: 30px; }
			#main #content p.page-nav a, #main #content_b p.page-nav a, #main #content_c p.page-nav a {
				color: #A9B8C9;
				text-decoration: none; }
				#main #content p.page-nav a:hover { color: #335d91; }
			#main #content p.page-nav a.next-page, #main #content_b p.page-nav a.next-page, #main #content_c p.page-nav a.next-page { float: right; }
			#main #content p.page-nav a.prev-page, #main #content_b p.page-nav a.prev-page, #main #content_c p.page-nav a.prev-page { }

		
	/* services pages
	------------------------------------------------------ */
	
	#main #content.services {
		width: 652px;
		padding: 20px 0 0 44px;
		margin: 0; }
	
	#main #content.services h1.band {
		position: relative;
		top: 0;
		text-indent: 18px;
		width: 668px;
		height: 90px;
		padding: 0;
		margin: 0 0 5px 0;
		color: #002F5D; }
	
	#main #content.services #design h1.band {
		background: url("../images/services_design.jpg") no-repeat; }
		
	#main #content.services #construction h1.band {
		background: url("../images/services_construction.jpg") no-repeat; }
		
	#main #content.services #general h1.band {
		background: url("../images/services_general.jpg") no-repeat; }	
		
	#main #content.services #intro {
		float: left;
		width: 430px;
		margin-top: 20px;
		padding: 0; }
	
	#main #content.services ul#icons {
		float: right;
		width: 194px;
		margin: 0;
		padding: 0; }	
		#main #content.services ul#icons li {
			float: right;
			margin: 0 0 5px 5px;
			list-style-type: none;
			text-indent: -9999px; }
		#main #content.services ul#icons a {
			display: block;
			width: 92px;
			height: 92px; }
		#main #content.services ul#icons li.construction {
			background-image: url(../images/services_construction_off.jpg);
			background-repeat: no-repeat;
		}
		#main #content.services ul#icons li.construction a:hover {
			background-image: url(../images/services_construction_on.jpg);
			background-repeat: no-repeat;
		}
		#main #content.services ul#icons li.construction_on {
			background-image: url(../images/services_construction_on.jpg);
			background-repeat: no-repeat;
		}
		#main #content.services ul#icons li.design {
			background-image: url(../images/services_design_off.jpg);
			background-repeat: no-repeat;
		}
		#main #content.services ul#icons li.design a:hover {
			background-image: url(../images/services_design_on.jpg);
			background-repeat: no-repeat;
		}
		#main #content.services ul#icons li.design_on {
			background-image: url(../images/services_design_on.jpg);
			background-repeat: no-repeat;
		}
		#main #content.services ul#icons li.general {
			background-image: url(../images/services_general_off.jpg);
			background-repeat: no-repeat;
		}
		#main #content.services ul#icons li.general a:hover {
			background-image: url(../images/services_general_on.jpg);
			background-repeat: no-repeat;
		}
		#main #content.services ul#icons li.general_on {
			background-image: url(../images/services_general_on.jpg);
			background-repeat: no-repeat;
		}
	
	#main #content.services #info {
		clear: both;
		margin: 0;
		padding: 0 0 40px 0;
		}
		#main #content.services #info ul.col_1 {
		float: left;
		width: 300px;
		}
		#main #content.services #info ul.col_2 {
		float: right;
		width: 300px;
		}
		
	#main #content.services #services_footer {
		clear: both;
		margin: 0;
		padding: 0;
	}
			
			

		/* joinus 
		------------------------------------------------------ */
		
		.equal_op {
			padding: 5px;
			display: block;
			background: #ececec;
			border: 1px dotted #ccc;
			font-size: .8em; }
		#main #content p.equal_op  {
			padding: 5px 5px 5px 10px;
		}
			
		
		
		
		/* featured projects
		------------------------------------------------------- */

		#left {
			float: left;
			margin-left: 16px;
			width: 390px; }

		#right {
			float: right;
			width: 230px;
			margin: 15px 10px 0px 20px;
			fontcolor: #333;
			text-align: left; }


		/* image classes
		------------------------------------------------------- */
		img.tagline {
			position: relative;
			width: 172px;
			top: 335px;
			left: 0; }

		img.tagline_team {
			position: relative;
			width: 172px;
			top: 215px;
			left: 0; }			

		img.tagline_affiliations {
			position: relative;
			width: 172px;
			top: 302px;
			left: 0; }		

		img.tagline_what {
			position: relative;
			width: 172px;
			top: 157px;
			left: 0; }	

		img.tagline_joinus {
			position: relative;
			width: 172px;
			top: 199px;
			left: 0; }

		img.tagline_resume {
			position: relative;
			width: 172px;
			top: 394px;
			left: 0; }

		img.tagline_news {
			position: relative;
			width: 172px;
			top: 351px;
			left: 0; }

		img.tagline_forms {
			position: relative;
			width: 172px;
			top: 118px;
			left: 0; }

		img.tagline_contact {
			position: relative;
			width: 172px;
			top: 272px;
			left: 0; }

		img.tagline_sitemap {
			position: relative;
			width: 172px;
			top: 380px;
			left: 0; }

		img.tagline_projects {
			position: relative;
			width: 172px;
			top: 161px;
			left: 0; }

		img.headshot, img.market {
			position: relative;
			width: 221px;
			top: 60px;
			right: 0px;
			float: left; }

		img.leed {
			position: relative;
			width: 109px;
			top: 90px;
			left: 30px;
			float: left; }

		img.right {
			float: right;
			padding-left: 15px; }

		#projectbox.ghost {
			position: relative;
			width: 669px;
			top: 0;
			left: -16px;
			background: url("../images/_ourprojects/portfolio_bkgd.jpg") no-repeat; }

		#projectbox {
			position: relative;
			width: 669px;
			top: 0;
			left: -16px;
			background-color: #e8e8e8; }

		#projectbox .band {
			position: relative;
			background: url("../images/color_band.gif") repeat-x;
			width: 486px;
			height: 30px;
			right: -183px;
			background-color: #e8e8e8; 
			color: #002F5D; }

		#projectbox .featuredband {
			position: relative;
			background: url("../images/color_band.gif") repeat-x;
			width: 471px;
			height: 30px;
			right: -183px;
			background-color: #e8e8e8;
			color: #333;
			font-size: 13px;
			margin: 0;
			padding-left: 15px;
			font-weight: normal;			
			line-height: 30px; }

		#featured_projects {
			position: relative;
			width: 149px;
			top: -113px;
			left: 45px; }		

		.thumbnail {
			float: right;
			width: 114px;
			margin: 0 0 3px 5px;
			padding: 0; }

		#download_bttn {
			list-style: none;
			padding: 5px 0px 5px 0px;
			width: 230px;
			background-color: #e7e7e7; }
		#download_bttn li {
			list-style: none;
			padding-left: 25px;
			background: url("../images/_ourprojects/pdf.gif") 0 50% no-repeat; }

		/* table
		------------------------------------------------------- */
		
		#twocolumn table {
			width: 598px;
			padding-top: 15px; }
		
		#twocolumn td {
			padding-bottom: 15px;
			vertical-align: top; }
		.padcell {
			padding-left: 25px;
			color: #666; }
		
			.padcell ol{
				margin-bottom: 5px; 
				padding-left: 20px;
				list-style: lower-alpha;
				color: #333;
			}
			
			.padcell ol ol{
				margin-bottom: 20px; 
				padding: 5px 0 0 20px;
				list-style: lower-roman;
				color: #666;
			}		
			
		.alignright {
			text-align: right;
			width: 150px;
			color: #333; }


		#columns {
			margin: 0;
			padding: 0;
			width: 430px; }
		
		#columns #left_col {
			float: left; }
		
		#columns #right_col {
			float: right; }

		.tag {
			clear: both;
			padding: 40px 0 0 230px;
			color: #666;
			font-weight: bold; }
		.small {
			font-size: 10px;
			color: #999; }

		#clear {
			clear: both; }

		.pad {
			padding-left: 113px; }
			
		.padright {
			padding-right: 15px; }



ul#pdf_download {
	margin: 0;
	padding: 0; }
#pdf_download li {
	list-style: none;
	padding-right: 20px; }
#pdf_download a {
	display: block;
	padding: 3px 15px 3px 30px;
	border-bottom: 1px dotted #CCC;
	background: url(../images/pdf.gif) no-repeat 0 50%; }


/* table
--------------------------------------------------------*/

#pr table, #pr td {
	border: 1px solid #ccc;
	border-collapse: collapse; }

#pr table {
	margin-top: 10px;
	border: none;
	border: 1px solid #ccc; }
	
#main #content #pr table p, #main #content_b #pr table p, #main #content_c #pr table p {
	margin: 8px 16px 8px 0;
	line-height: 1.4em;
}

#pr thead th, #pr tbody th {
	font-size: 100%;
	line-height: .75em;
	font-weight: bold;
	text-align: left;
	color: #fff; 
	background-color: #999;
	padding: 5px 10px;
	border-left: 1px solid #ccc; }

#pr tbody th {
  background: #fafafb;
  border-top: 1px solid #ccc;
  text-align: left;
  font-weight: normal; }

#pr #date {
	width: 20%;
}

#pr #title {
	width: 80%;
}

#pr tbody tr td {
	vertical-align: top;
	padding: 1px 10px;
	color: #666; }

#pr tbody tr:hover {
	background: #fff; }

#pr tbody tr:hover td {
	color: #fff; }
  
#pr table a:link {
	color: #588fbb; }
	
#pr table a:visited {
	color: #89a5bc; }

#pr table a:hover {
	color: #588fbb;
	text-decoration: none; }

#pr table a:active {
	color: #588fbb; }


#pr table td p a {padding-bottom: 0;}


/* footer (new footer in common.css)
--------------------------------------------------------

#footer {
	padding: 30px 0 0 0;
	width: 390px;
	font-size: 11px;
	color: #999999;
	line-height: 160%;
	clear: both;}

#footer_inner {
	clear: both;
	padding: 30px 0 0 227px;
	font-size: 10px;
	color: #999999;
	line-height: 160%; }
	
	#footer a, #footer_inner a {
		color: #003366; }
	#footer a:hover, #footer_inner a:hover {
		text-decoration: underline; }
	#footer img {
		float: left;
		padding-right: 52px; }
		*/