@charset "UTF-8";
/* CSS Document */

/* HTML REDEFINITIONS
------------------------ */ 
	
	* {
		behavior: url(/includes/iepngfix.htc);
		behavior/**/: none; /* hack so this above ruls does not apply in IE6 */
	}
	
	html{ 
		background: #2d2425 url(/images/bg2.jpg) top center repeat-x;
	}
	body {
		margin: 0;
		padding-top:30px;
		background: url(/images/shadow_bg.png) top center no-repeat fixed;  
		font: normal 12px/1.5 Arial, Helvetica, sans-serif;
		behavior: url(includes/iepngfix.htc);
		behavior/**/: none; /* hack so this above ruls does not apply in IE6 */
	}
	
	body,td,th, blockquote, li {
		color: #433333;
		font-size: 12px; 
	}
	
	h2{
		border-bottom: 1px solid #ccc;
		font-size: 17px !important;
		font-weight: bold  !important;
		font-family: Georgia,"Times New Roman", Times, serif !important;
	}
	h2, h3, h4, h5 {
	  margin: 15px 10px 0px 10px;
	  font-family: Georgia,"Times New Roman", Times, serif;
	  color: #2c2525;
	  text-align: left;
	} 
	ul li{
		text-align: left;
	}
	
	 h3 + p {
		margin-top: 0px;
		padding-top:0px; 
	 }
	p{
		line-height: 2.0;
		margin: 15px 10px 0px 10px; 
		text-align: left;
	} 
	form, fieldset {
		padding: 0px;
		margin: 0px;
		border: none;
		}
		
	table.contact {
		padding-top: 10px;
		}
		
	table.contact td {
		padding: 10px;
		vertical-align: top;
		}
		
	textarea {
		font: normal 11px Arial, Helvetica, sans-serif;
		height: 100px;
		}
		
	table.contact input, textarea {
		padding: 2px;
		border: 1px #444444 solid;
		background: #f6f6f6;
		width: 200px;
		}
		
	table.contact input.submit {
		width: 100px;
		background: #554849 url(/images/submit-background.jpg) repeat-x top left;
		color: #FFFFFF;
		font-weight: bold;
		font-style: italic;
		}
		
	/* links */
	a:hover {
		text-decoration: underline;
	}
	a {
		color: #2c2525 !important; 
	}
	a:visited{
		color: #655858 !important;
	}
	/* pdf icons on pdf links */
	a[href$=".pdf"] { 
		/*background:transparent url(/bremik.com/images/icon_pdf.gif) no-repeat scroll right center;*/
		padding-right:18px;
	}
	blockquote { 
		background:#eeebe4 url(/images/blockquote.png) no-repeat scroll 15px 25px;
		border:1px solid #bebbb6; 
		margin:5px 25px 10px;
		padding:8px 12px 8px 38px; 
	}
	blockquote > p:first-child  { 
		padding-right: 25px;
		background:#eeebe4 url(/images/blockquote_bottom.png) no-repeat top right;
	}
	blockquote DIV.credits{
		padding: 20px 10px 10px 350px;
		/* If we want the second quote mark at the bottom 
		background:#eeebe4 url(/images/blockquote_bottom.png) no-repeat top right;*/
	}
	blockquote DIV.credits em{
		display:block; 
	}
	/* definition lists */
	dl {
		margin:0;
		padding: 0;
		}
	dl dt { 
		font-weight: bold;
		}
	dl dd{ 
		margin:0;
		padding: 0;
		margin-bottom: 10px;
		}
 
 
 
/* LAYOUT
------------------------ */ 

	#BorderWrap{
		width: 777px;  
		margin: 0 0 10px 0;	
	} 
	div#LeftCol{
		width: 210px;
		float:left; 
		width: 240px;
		min-height: 200px; 
		margin: 0px;
		float:left; 
		background-color: #eeebe4;
		border-right: 1px solid #bebbb6;
		text-align: left; 
	} 
	div#RightCol{ 
		width: 520px;
		float:right;
	}
	
	div#LeftCol, div#RightCol {	 
		color: #65655d;
		text-align: left;
	}
	
	div#LeftCol p, div#RightCol p { 
		color: #65655d;
		}
		
	div#LeftCOl a, div#RightCol a {
		text-decoration: underline;
	}



/* FOOTER NAV 
------------------------ */ 
	UL#FooterNav{
		width: 500px; 
		height: 26px; height: 35px;
		line-height: 1em; line-height: 2em;
		margin: 0px;
		padding: 0px;
		float: left;	 
	}
	
	UL#FooterNav li{
		float: left;
		margin: 7px 8px 0 0; 
		padding: 0 0 0 10px;
		border-left: 1px solid #222222;
		list-style: none; 
	}
		
	UL#FooterNav li.first{
		border: none;
		margin-left: -4px;
	}
	
	UL#FooterNav li a{
		color: #f7f1b3 !important; 
	}
	
	UL#FooterNav li a:hover {
		color: #FFFFFF !important; 
		}
	
	
	
/* EMAIL OPT-IN 
------------------------ */  	

	div#FormLi{
		margin: -28px -16px 0px 0px;
		border: none;
		float: right;
		width: 350px;
		color: #FFFFFF;
	}
	div#FormLi input {
		background: #967a47;
		border: none;
		border: 1px #000000 solid;
		padding: 0px;
		margin: 0px;
		padding: 2px; 
		color: #f6f2a2;
	}
	div#FormLi INPUT#fields_email{
		width: 160px;
		padding: 3px;
	}
	
	div#FormLi INPUT#optin_submit{
	}
	
	P#EmailFormError{
		text-algin: center;
		color:#003399;
	}


 
 
 /* HOME PAGE 
------------------------ */ 	
	DIV#HomeLeftCol{
		float:left;
		width: 500px;
		height:390px;
		text-align: left; 
	}
	DIV#HomeRightCol{ 
		float:right;
		width: 274px;
		border-left: 1px solid #bbb;
		height:390px;
		background-color: #eeebe4;
		text-align: left;
	}
	DIV#HomeRightCol p, DIV#HomeLeftCol p { 
		color: #65655d;
	}
	DIV#HomeRightCol p { 
		line-height: 1.5;
	}
	DIV#HomeRightCol a, DIV#HomeLeftCol a { 
		}
		
	H3#HomeSubHead{
		font-weight: normal; 
		font-size: 16px; 
		margin-bottom: 14px;  
		color: #444;  
	}
	
	/* Portfolio Link on the 
	   bottom of the HomePage */
	
	UL#HomePortfolioLink{
		list-style: none;
		padding: 0;
		margin:0px 0px 0px 15px;
	}
	UL#HomePortfolioLink LI{
		list-style: none;
		padding: 0;
		margin:20px 0 0 10px;
	}
	UL#HomePortfolioLink LI A{
		display: block; 
		color: #fff !important;
		width:216px;
		padding: 39px 5px 4px 6px; 
		font-size: 11px;
		text-decoration: none;
		letter-spacing: .09em; 
	}
	UL#HomePortfolioLink LI A:HOVER{
		color: #3b3132 !important;
		text-decoration: none;
	}
	UL#HomePortfolioLink LI A.newConLink{   
		background:url(/images/porfolio_link_newcon.png) bottom center;
	}
	UL#HomePortfolioLink LI A.renovationLink{
		background:url(/images/porfolio_link_renovation.png) bottom center;
	}
	UL#HomePortfolioLink LI A.educationLink{
		background:url(/images/porfolio_link_education.png) bottom center;
	}
	
	UL#HomePortfolioLink LI A.newConLink:HOVER{   
		background:url(/images/porfolio_link_newcon_over.png) bottom center;
	}
	UL#HomePortfolioLink LI A.renovationLink:HOVER{
		background:url(/images/porfolio_link_renovation_over.png) bottom center;
	}
	UL#HomePortfolioLink LI A.educationLink:HOVER{
		background:url(/images/porfolio_link_education_over.png) bottom center;
	}
	UL#HomePortfolioLink LI A.moreLink{
		width:216px; 
		padding: 0px;
		color: #3b3132 !important;
		border: 0px;
		text-decoration: underline;
	}
	UL#HomePortfolioLink LI a:hover.moreLink {
			text-decoration: none;
		}
		


/* BIOS PAGES
------------------------ */ 
	
	
	/* Bios left col */
	
	DIV#BiosLeftCol{
		width: 240px; 
		height: 560px; 
		padding-right: 20px; 
		margin: 0px;
		float:left;
		background-color: #eeebe4;
		border-right: 1px solid #bebbb6;
		text-align: left; 
	}  
	#BiosLeftCol H2{
		letter-spacing: -.009em /*... so it displays on one line in IE */
	}
	#BiosLeftCol li a {
		margin-top: 5px;
		display: block;
		}
	#BiosLeftCol UL{
		list-style: none;
		 margin:0; 
		 padding: 10px 0 0 15px;  
		 width: 100px;  
	}
	#BiosLeftCol UL LI{
		list-style: none;
		margin-bottom: 5px;
	} 
 
 	/* bios images col */
 
	#BiosImgCol{
		width: 140px;
		height: 540px;
		padding-bottom: 20px;
		padding-right: 20px;
		float:left; 
		text-align: left; 
	} 
	#BiosImgCol img.headshot{ 
		display:block;
		border: 1px solid #333;
		margin: 50px 0px 20px 30px; 
		width: 100px;
		height: 135px;
		background: #fff url('/images/staff/image_coming_soon.jpg') no-repeat center;
	}
	#BiosImgCol a{
		color: #999;
		margin-left: 40px;
	}
	#BiosImgCol img.funshot{
		display:block;
		border: 1px solid #333;
		margin: 0px 0px 0px 30px;
		background: #fff url('/images/staff/image_coming_soon.jpg') no-repeat center; 
		max-width: 100px;
		xheight: 62px
	}
	#BiosImgCol em{
		/* job title */
		display: block;
		font-weight: bold;
		font-size: 14px;
	}
	#BiosImgCol a.bioEmail{
	}
	#BiosImgCol p{
		font-size: 11px;
		font-weight: 400; 
		line-height: 1.5; 
	} 
	
	
	DIV#BiosRightCol p{
		text-align: left;
	}
 
 
 
/* TEAM LIST
------------------------ */ 
	 UL#TeamList {
		margin: 20px 0 0 10px;
		padding: 0px; 
		width: 480px;
		float: right;
	 } 
	UL#TeamList LI{ 
		display: inline;
		float: left;
		width: 150px; 
		margin-right: 10px;
		height: 200px;
		padding-bottom: 8px;
	}
	UL#TeamList LI EM{ 
		display: block; 
	}
	UL#TeamList LI A{
		color: #333;
	}
	UL#TeamList LI A IMG{
		border:none;
		display: block; 
		width: 100px;	
		height: 135px; 
		border: 1px solid #333333;
		background: #fff url('/images/staff/image_coming_soon.jpg') no-repeat center;
	}

 
 
 
/* PORTFOLIO PAGES
------------------------ */ 
	div#PortfolioNav{ 
		text-align: left;
	}
	
	div#PortfolioNav div{
		width: 180px;
		float: left;
		margin: 0px 6px 10px;
	}
	
	div#PortfolioNav ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	}
		
	div#PortfolioNav div ul li{ 
		background: #f1f1f1;
		margin: 4px 0px;
		padding: 7px;
		list-style: none;
		display: block;
		width: 150px;
	}
			
	div#PortfolioNav div ul li em{
		display: block;
		color: #555;
	}
	p.portfolioHomeButtonWrap {
		margin-left: 40px;
	}
	
	UL.portfolioSubnav LI{
		list-style: none;
		font: normal 12px/2 Arial, Helvetica, sans-serif;
	}
	p.portfolio_credits{
		padding: 10px 0px 0px 10px;
		margin: 0px 0px 0px 0px;
	}
	p.portfolio_credits b {
		
	}




/* NEWS
------------ */
	#NewsScrollContainer{ 
		/* 5/20/09 JM made this page long to fit video + articles
		height: 345px; 
		overflow:scroll; */
		margin-top: 1px;
	}
	DIV.scrollBarMask{ 
		background-color: #FFF;
		width: 505px; 
		height: 20px;
		position:relative;
		top: -20px;
		 
	}
	p#NewsHomeLink{
		text-align: center;
		padding: 5px 10px 35px 10px;
	}
	#NewsScrollContainer EM{
		float:right; 
		margin-right: 40px;
	}
	#NewsScrollContainer P EM{
		float: none;
		margin: 0;
	}




/* ORGANIZATIONS
--------------------- */
	UL#Orgs{
		margin: 0 0 0 20px;
		padding: 0;
	} 
	UL#Orgs LI{
		padding: 10px;
		height: 100px;
		margin-bottom: 20px;
		list-style: none;
		text-align:center;
		width: 226px;
		height: 150px; 
		float: left; 
	}
	
	UL#Orgs LI EM{
		display: block; 
	}
	UL#Orgs LI A{
		color: maroon;
	}


	
/* UTILITY CLASSES
------------------------ */  
	div.clear {
		clear:both;
		}