/* 
*	InterCon Building Corp.
*	edreamz 2008
*	D. Allegrucci
*
*/



/*body{ background: url(/images/bg_header.gif) repeat left top; font-family: Verdana, sans-serif; font-size: 14px; background: #ea2229; margin: 0; text-align:center; padding: 0;}*/
.skiptocontent { display: none; }
body{background: url(/images/bg.jpg) repeat-x #000; color: #000; }

ul{list-style:disc;}
ol{list-style:decimal;}

.content a { color: #ba0606; text-decoration:underline; }
.content a:hover {color:#999999}

h1.sectionhead { margin: 0 0 0 17px; padding: 8px 0 0 0;}

#shadTop { width:972px; margin: 20px auto 0 auto; background:url(/images/structure/shad-top.png) no-repeat; line-height: 16px; }
#shadSides { width:972px; min-height:400px; height:auto !important; height:400px; margin: 0 auto; background:url(/images/structure/shad-sides.png) repeat-y; padding: 0 0 10px 0; }

.colorwrapper{background-color: transparent;}

/*HEADER STYLES*/
#header { width: 940px; height: 117px; margin: 0 0 0 16px; background:url(/images/structure/header.jpg) no-repeat; position: relative;  } 
	#header a#logolink { position: absolute; top: 10px; left: 20px; width: 150px; height: 100px; }
	#wearebuilders { width: 250px; height: 56px; position: absolute; bottom: 0; left: 250px; }
	#loginbox { position:absolute; bottom: 0; right: 0; background:url(/images/structure/bg-login.jpg) no-repeat; width: 398px; height: 35px; float: right; margin: 0 0 0 0; padding: 12px 0 0 10px; }
		#loginbox form { position:absolute; bottom: 4px; }
		#loginbox form input { font-size: 9pt;  vertical-align:middle; line-height: 10pt;  }
		#loginbox form input.textbox { width: 154px; height: 16px; padding: 0; margin: 0 8px 0 0; border: none; background:url(/images/bg-login-input.gif) repeat-x;  }
#homePanel { width: 940px; height: 279px; margin: 0 auto; }

#homeBot { width: 940px; background: url(/images/bg-home-bot.jpg) repeat-y; margin: 0 0 0 16px; }

img.spanel { margin-left: 3px; }

#experience { width:246px; float:left; margin: 3px 16px 0 0; }
#highlights { width:216px; float: left; margin: 8px 0 0 0; }
	h3#highlights { background:url(/images/h-highlights.gif) no-repeat; text-indent: -99999px; margin: 0 0 0 2px; }
	.highlight { margin: 0 0 10px 0; } 
	.highlight .pic { width: 50px; height: 50px; float: left; padding: 2px; background:url(/images/bg-highlight-pic.png) no-repeat; }
	.highlight .highlightText { width: 150px; float: left; font-size: 7pt; line-height: 9pt; }
		.highlight .highlightText .headline { font-weight: bold; }
			.highlight .highlightText .headline.red { color:#870000; }
			.highlight .highlightText .headline.green { color:#167b02; }
		.highlight .highlightText .dateline { color: #505050; }
		.highlight .highlightText .summary {}

#ctas { width:150px; float: left; }
#ctas img { margin: 0 0 4px 0; }

.bioListing, .clientListing { border-bottom: 1px dotted #666; padding-bottom: 15px; margin-bottom: 15px; }
.bioListing .thumb{ float:left; width: 80px;}
.clientListing .thumb{ float:left; width: 160px;}
.bioListing .summary{ float:left; width: 565px; margin: 0 0 0 15px; }
.clientListing .summary{ float:left; width: 485px; margin: 0 0 0 15px; }
.bioListing .summary img, .clientListing .summary img{ margin-top: 12px; }
.bioListing .summary p.header, .clientListing .summary p.header { margin: 0 0 0 0; padding: 0 }
.execName, .clientName { font-size: 11pt; font-weight: bold; color: #ba0606; }
.execTitle {font-size: 11pt; font-weight: normal; font-style:italic;}

.bioDetail {}
.bioDetail .pic { float: left; width: 160px; }
.bioDetail .background { float:left; width: 500px; margin: 0 0 0 15px; }

.content h3.block { background: #242424; color: #FFFFFE; padding-left: 6px; }

a.redlink { color: #ba0606; }

#loginPageBox { border: 1px solid #cbcbcb; width: 350px; margin: 0 auto; background: url(/images/bg-page-login.jpg) repeat-x; padding-bottom: 14px; }
	#loginPageBox .loginForm { width: 154px; margin: 10px auto 0 auto; }
	#loginPageBox label { font-weight: bold; font-size: 9pt; display: block; }
	#loginPageBox .loginForm .textbox{  width: 154px; height: 16px; padding: 0; margin: 0 8px 0 0; border: none; background:url(/images/bg-login-input.gif) repeat-x;}

#leftNav {float:left; width: 212px;}
.subCTA {margin: 10px 0 0 6px; }
div.subCTA.first { padding-top: 30px; clear:left; }

/*Sub page elements*/
#subShadow { width: 940px; background:url(/images/sub-shadow.jpg) no-repeat; height: 6px; line-height: 6px; }
#subBot { width: 940px; background: url(/images/bg-sub-fade.jpg) repeat-y; margin: 0 0 0 16px; }

#subRight { width: 723px; float: right; margin: 0 3px 0 0; background: url(/images/bg-sub-inner.gif) repeat-y; margin-bottom: 4px; }
#subBot #mainNav { margin: 18px 0 0 6px; }

.sectionHeader { width: 717px; height: 40px; margin: 0 3px; background:url(/images/bg-sectionheader.jpg) repeat-y; }
.subnav { background:url(/images/bg-subnav.jpg) repeat-x #242424; margin: 0 3px; font-size: 10pt; padding: 3px 0 3px 20px; line-height: 18px; }
	.subnav a { color: #FFF; margin: 0 20px 0 0;}
	.subnav a.selected { font-weight: bold; }
	
.thirdnav { background:url(/images/bg-thirdnav.jpg) repeat-x #818181; margin: 0 3px; font-size: 10pt; padding: 15px 0 3px 20px; line-height: 18px; }
	.thirdnav a { color: #FFF; margin: 0 20px 0 0; }
	.thirdnav a.selected { font-weight: bold; }
	
.content { padding: 23px; font-family:Arial, Helvetica, sans-serif; color: #28241e; font-size: 9pt; }
	.content h2 { color:#ba0606; font-size: 14pt; font-weight: normal; margin-bottom: 15px; background: transparent;  min-width:150px; height: 22px;filter:alpha(opacity=90); opacity:.90;}
	.content h3 { color:#3c3a37; font-size: 10pt; font-weight: bold; margin-bottom: 10px; }
	
	.leftColumn{width:200px;float:left;padding-right:5px;}
	.rightColumn{width:470px;float:left;}
	
	.newsColumn{
		width:320px;
		float:left;
		margin-right:10px;
		border:#CCCCCC 1px solid;
		background:url(/images/news-header.jpg) top no-repeat;
	}
		.newsColumn h2{margin-left:5px;}
	.pressColumn{width:320px;float:left;}
	
	.newsItem{padding:5px; line-height:normal;}
		.posted{color:#666666; font-size:8pt; font-style:italic;}
	
#contentBot {background:url(/images/bg-content-bot.jpg) no-repeat;height: 3px;line-height: 3px;}

.job-listing{border-top:#999999 1px solid;margin-top:20px;}
	.job-listing h3{margin:0;padding:0;}
	
	.job-title{float:left;width:100px;margin:0 10px 0 5px;;color:#cc0605;line-height:normal;}
	.job-description{float:left;width:350px;margin-right:10px;}
	.job-detail{float:left;width:75px;text-align:center;}
	.job-address{float:left;width:100px;}

.form{}
	.companyName{float:left;}
		.companyName .textField{width:416px;}
	
	.firstName{float:left;margin-right:10px;}
		.firstName .textField{width:200px;}
		
	.lastName{float:left;}
		.lastName .textField{width:200px;}
		
	.address{float:left;}
		.address .textField{width:416px;}
		
	.address2{float:left;margin-right:10px;}
		.address2 .textField{width:200px;}
		
	.city{float:left;margin-right:5px;}
		.city .textField{width:150px;}
		
	.state{float:left;margin-right:5px;}
		
	.zipCode{float:left;}
		.zipCode .textField{width:120px;}
		
	.dayPhone{float:left;margin-right:20px;}
		.dayPhone .areaCode{width:30px;}
		.dayPhone .prefix{width:30px;}
		.dayPhone .suffix{width:40px;}
		
	.eveningPhone{float:left;margin-right:20px;}
		.eveningPhone .areaCode{width:30px;}
		.eveningPhone .prefix{width:30px;}
		.eveningPhone .suffix{width:40px;}
		
	.fax{float:left;}
		.fax .areaCode{width:30px;}
		.fax .prefix{width:30px;}
		.fax .suffix{width:40px;}
		
	.email{float:left;margin-right:10px;}
		.email .textField{width:200px;}
		
	.confirmEmail{float:left;}
		.confirmEmail .textField{width:200px;}
		
	.trade{float:left;width:400px;}
		
	.csicode{float:left;width:400px;}
		
	.license{float:left;width:400px;}
		
	.insurance{float:left;width:400px;}
		
	.userid{float:left;margin-right:10px;}
		.userid .textField{width:150px;}
		
	.password{float:left;margin-right:10px;}
		.password .textField{width:150px;}
		
	.comments{float:left;}
		.comments .textArea{width:416px;}

.row{padding-bottom:10px;}

#footer { width: 960px; height: 80px; margin: 0 auto; }
#footer #logo { width: 110px; float: left; }
#footer #fnav { width: 800px; text-align:right; float: right; color: #FFFFFE;  font-size: 8pt; }
	#footer #fnav a {  color: #FFFFFE; }

/*MAIN NAV*/
/*#mainNavHolder { height: 45px; }*/
#mainNav {
	padding: 0;
	/*height: 25px;*/ 
	width: 205px;
	list-style: none;
	display: block;
	overflow: hidden;
	outline: 1px dashed 1px;
	margin: 4px 19px 10px 6px;
	float: left;
	}

#mainNav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: block;
	}

#mainNav a {
	float: left;
	padding: 25px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:25px; /* for IE5/Win only */
	}
	
#mainNav a:hover { background-position: 0 -25px; }
#mainNav a:active, #mainNav a.selected { background-position: 0 -25px; }

#tcorporate a  { width: 205px; background: url(/images/buttons/nav-corporate.gif) top left no-repeat; }
#texpertise a  { width: 205px; background: url(/images/buttons/nav-expertise.gif) top left no-repeat; }
#texperience a  { width: 205px; background: url(/images/buttons/nav-experience.gif) top left no-repeat; }
#tpress a  { width: 205px; background: url(/images/buttons/nav-press.gif) top left no-repeat; }
#tcareers a  { width: 205px; background: url(/images/buttons/nav-careers.gif) top left no-repeat; }
#tcontact a  { width: 205px; background: url(/images/buttons/nav-contact.gif) top left no-repeat; }
#thome a  { width: 205px; background: url(/images/buttons/nav-home.gif) top left no-repeat; }



#flash{
  text-align: left;
  border: 1px solid #ccc;
  font-size: 14px;
  margin: 0 auto;
  padding: 5px 5px 5px 30px;

} 
 
.error{ 
	width: 485px;
  border-color: #c99;
  color: #fff;
  background: #c00;
  }




/*TABLES---------------------------------------*/
div.tabletop { width: 516px; height: 5px; background:url(/images/bg-table-caption.gif) no-repeat; margin: 0; padding: 0; line-height: 0px; }
table.styled { width: 516px; padding: 0; margin: 0; background-color:#FFF; border-collapse:collapse; border: 1px solid #000; }
table.narrow { width: 208px; }
	.boltleft { background:url(/images/bg-table-bolt.gif) repeat-y #000 top left; }
	.boltright { background:url(/images/bg-table-bolt.gif) repeat-y #000 top right; }
	table.styled thead { background:#000; margin: 0; padding: 0; color: #FFF; font-weight:bold; }
	table.styled td.tablehead { line-height: 13px; }
	table.styled td.tablesubhead { background:url(/images/bg-tablesubhead.gif) repeat-x #0f0f0e; color: #FFF; font-size:14px; font-weight: bold; padding-left: 12px; border-bottom: none; }
	table.styled td { border-bottom: 1px solid #666666; margin: 0; padding: 2px; }
		table.styled td a { color: #000; text-decoration:underline; }
		table.styled td a:hover { text-decoration:none; color: #8a0917; }

/*FORMS---------------------------------------*/
fieldset.formBox input[type="text"]{ width: 350px; }
fieldset.formBox textarea { width: 320px; height: 150px; }
fieldset.formBox input.phoneShort { width: 35px; }
fieldset.formBox input.phoneLong { width: 50px; }
fieldset.formBox input[type="text"],input[type="password"],input[type="file"], textarea, select { background:url(/images/bg-form-input.gif) no-repeat #FFF; border: 1px solid #a6a6a6; font-size: 12px; padding: 3px; }
fieldset.formBox input[type="image"] { margin: 10px auto 10px auto; }

fieldset.formBox .textareaType{width:350px;height:70px;}
fieldset.formBox .dropdown{width:120px;}
fieldset.formBox .longCopy{padding-right:20px;}

#subcontent form { width: 465px; margin: 0 auto; }
fieldset.formBox { background:url(/images/bg-fieldset.jpg) repeat-x #c1c2c1; padding-top: 10px; border: 1px solid #999; margin: 0 0 12px 0; }
form fieldset.formBox  { padding: 2px 0 2px 0; }
	.formBox label, .labelLike { display:block; font-size: 12px; margin: 0; padding: 0; font-weight:bold; }
	.formBox label.checkBox { display: inline; }
	.formBox ul, .formBox ol { text-align:left; padding: 18px 0 12px 52px; }
	.formBox li { margin-bottom: 8px; }
	.formBox a { color: #666; font-size:11px; font-weight: bold; text-decoration: underline; }
	.formBox a:hover { text-decoration: none; }
div.checkboxIndent { width: 400px; float:left; margin: 0 0 0 12px; display:inline; }
	div.checkboxIndent input[type="radio"], div.checkboxIndent input[type="checkbox"] { margin: 0; }
	/*Required fields*/
	.asterisk { color:#43a8de; font-weight: bold; font-size: 18px; line-height: 16px; }
	.requiredKey { text-align:right; padding-right: 10px; }
	.note { font-size: 10px; color: #4d4d4d; }
	
	

#byedreamz { text-align: center; margin: 40px auto 10px auto; width:972px; }
	#byedreamz a { color: #666; font-size: 8pt; }
	

  
#loginForm{border:8px solid #ccc; width:485px; margin: 0 auto; padding: 10px; background: #fff; }  
#registerForm{border:8px solid #ccc; width:700px; margin: 0 auto; padding: 8px; background: #fff; }  
.util{
	background: url(/images/util_bg.jpg) repeat-x top left;
width: 920px;
height: 641px;
padding-top: 15px;
}

.projectImgLeft {max-width:95px;overflow: hidden;float:left; height: 95px;}
.projectImgRight {max-width:95px;overflow: hidden;float:left;margin-left:5px;height: 95px;}

.thumbList{list-style: none; margin: 0; padding: 0;}
.thumbList li{float: left; width: 95px; margin: 0 5px 0 0; height: 100px;}
.thumbList li div{max-width: 95px; overflow:hidden;}

/*UNDER CONSTRUCTION PAGE--------------------------------------*/
/*
#mainLogo {text-align: center; margin-top: 30px;}
#mainContent {text-align:center; margin-top:20px;}
#mainContent a{color: #fff;}*/