/* CSS Document */
html	{
	height:101%;
	}
	
body {
	background: url(/img/bg.gif) repeat-x top #2d2d2d;
	margin: 0px;
	behavior:url("../css/csshover.htc") /* make anything a hover in IE with this code >> */ 
	}
	
table, td	{
	border: 0px solid #ffffff;
    border-spacing: 0px;
    border-collapse: collapse;
    padding: 0px;
	empty-cells: show;
	}
	
td {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	color:#3b4043;
	margin: 0px;
 	}

#wrapper	{
	width:760px;
	background: #f1efef;
	}	

#nav	{
	width:760px;
	height:32px;
	font-size:14px;
	line-height:19px;
	}

/* Home Page Only Styles */	
#splash	{
	height:218px;
	}
	
#spl-sitework	{
	background: url(/img/bg_spl-sitework.jpg) no-repeat;
	vertical-align:top;
	font-size:11px;
	color:#FFFFFF;
	width:200px;
	height:138px;
	padding:25px 160px 20px 20px;
	}	
	
#spl-sitework a, #spl-building a	{	
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	}

#spl-building	{
	background: url(/img/bg_spl-building.jpg) no-repeat;
	vertical-align:top;
	font-size:11px;
	color:#FFFFFF;
	text-align:right;
	width:190px;
	height:138px;
	padding:25px 15px 20px 175px ;
	}	
	
#welcome	{
	background:url(/img/bg_welcome.gif) top no-repeat #f1efef;
	width:268px;
	padding:50px 180px 30px 15px;
	padding:50px 180px 7px 15px !important;
	}	
	
#hp-rt	{
	background: url(/img/bg_hp-content.gif) right repeat-y #FFFFFF;
	width:297px;
	}	
	
#feature	{
	background:url(/img/bg_featureboxes.gif) no-repeat top;
	width:463px;
	height:141px;
	}	
	
#feat-1	{
	width:114px;
	padding:15px 20px 5px 20px;
	color:#FFFFFF;
	font-size:10px;
	line-height:12px;
	vertical-align:top
	}	
	
#feat-2	{
	width:120px;
	padding:15px 20px 5px 15px;
	color:#FFFFFF;
	font-size:10px;
	line-height:12px;
	vertical-align:top
	}	
	
#feat-3	{
	width:119px;
	padding:15px 25px 5px 10px;
	color:#FFFFFF;
	font-size:10px;
	line-height:12px;
	vertical-align:top
	}	
	
.hp-news	{
	width:260px;
	padding:4px 10px 10px 10px;
	}	

.line-leftedge	{
	background:url(/img/bg_div-vert-left.gif) left repeat-y;
	width:8px;
	}
	
.line	{
	background:url(/img/bg_div-hor.gif) repeat-x;
	width:280px;
	height:3px;
	}	
	
.line-rightedge	{
	background:url(/img/bg_div-vert-right.gif) left repeat-y;
	width:7px;
	}
	
	
#hp-news-ft	{
	background:url(/img/bg_hp-news-ft.gif) top no-repeat ;
	height:46px;
	text-align:right;
	}	
	
/* End Home Page Styles*/	

#sitemap {
	width:710px;
	margin:0 auto;
	}
	
#sitemap td	{
	width:301px;
	padding:22px 24px 11px 30px ;
	vertical-align:top;
	}
	
#sitemap ul	{
	margin-top: 0;
	margin-bottom:12px;
	}	
	
#sitemap a	{
	color:#3b4043;
	text-decoration:none;
	}	
	
#sitemap a:hover {
	color:#f58428;
	}

/* Left Navigation Styles */
	#slidedown_menu {
		margin:0px;
		padding:0px;
		width:200px;
		border:solid #b1b1af;
		border-width:0 1px;
		display:none;
	}
	
	#slidedown_menu ul.psub{
		
		margin:0;
		padding:0;
	}

	#slidedown_menu ul.psub a { color:#726e6e; font-weight:normal; background:none;}
	
	#slidedown_menu ul.psub a:hover {	color:#f58428;	font-weight:normal;	text-decoration:none;	}

 	#slidedown_menu ul.psub li{
		list-style-type:none;
		border-top:1px solid #b1b1af; 
		padding:3px 0 3px 15px;  
		margin:0	}
	
 	#slidedown_menu ul.psub li ul{
		list-style-type:none;
		border:0px solid #b1b1af; 
		padding:0;  
		margin:0;	}
	
 	#slidedown_menu ul.psub li ul li{
		list-style-type:none;
		border:0px solid #b1b1af; 
		padding:2px 0 0 15px;  
		margin:0;	}

	#slidedown_menu ul.psub li ul li a { color:#f58428; font-weight:normal; background:none;}
	
	#slidedown_menu ul.psub li ul li a:hover {	color:#726e6e;	font-weight:normal;	text-decoration:none;	}

#leftnav	{
	width:202px;	
	padding:11px;
	vertical-align:top;
	}
	
#leftnav li { list-style:none; }	

#leftnav li:hover { background:#dcdbd9; }

#leftnav .top { border:solid #b1b1af; border-width:0 1px; padding:0; margin:0; }

#leftnav .top li { border-top:1px solid #b1b1af; padding:3px 5px 3px 5px; margin:0; }

#leftnav .top a { color:#1b5083; font-weight:bold; display:inline-block;	}
	
#leftnav .top  a:hover {	color:#726e6e; text-decoration:none;	font-weight:bold; display:inline-block; background:url(/img/bullet-arrow.gif) no-repeat right; padding-right:15px;}

#leftnav .team { border:solid #b1b1af; border-width:0 1px; padding:0; margin:0; }

#leftnav .team li { border-top:1px solid #b1b1af; padding:3px 5px 3px 15px; margin:0; }

#leftnav .team a { color:#726e6e; font-weight:bold; display:inline-block;	}
	
#leftnav .team  a:hover {	color:#1b5083; text-decoration:none;	font-weight:bold; display:inline-block; background:url(/img/bullet-arrow.gif) no-repeat right; padding-right:15px;}

#leftnav .sub { border:solid #b1b1af; border-width:0 1px; padding:0; margin:0; }

#leftnav .sub li { border-top:1px solid #b1b1af; padding:3px 0 3px 15px;  margin:0 }

#leftnav .sub a { color:#726e6e; font-weight:normal; background:none; }

#leftnav .sub a:hover {	color:#f58428;	font-weight:normal;	text-decoration:none;	}

#leftnav .subt { border:solid #b1b1af; border-width:0 1px; padding:0; margin:0; }

#leftnav .subt li { border-top:1px solid #b1b1af; padding:3px 0 3px 30px;  margin:0 }

#leftnav .subt a { color:#726e6e; font-weight:normal; background:none; }

#leftnav .subt a:hover {	color:#f58428;	font-weight:normal;	text-decoration:none;	}

#leftnav .sub1	{ padding:0; margin:0;}

#leftnav .sub1 li	{ padding:3px 0 3px 15px;  margin:0}
	
#leftnav .sub1 a { color:#726e6e; font-weight:normal; background:none;}
	
#leftnav .sub1 a:hover {	color:#f58428;	font-weight:normal;	text-decoration:none;	}
	
/* End Left Navigation Styles */	
	
#content	{
	width:760px;
	background: url(/img/bg_content.jpg) repeat-y top; 
	}

#content2	{ /* total width is 536 */
	width:511px;
	padding:22px 21px 11px 4px;
	vertical-align:top;
	}	
	
h1	{
	font-family:Helvetica, Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:27px;
	color:#1b5083;
	margin:0px 0 6px 0;
	}	
	
h2	{
	font-family:Helvetica, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	line-height:15px;
	color:#f58428;
	margin:12px 0 7px 0;
	}	

h3	{
	font-family:Helvetica, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	color:#f58428;
	margin:0px 0 7px 0;
	}	
	
h4	{
	font-family:Helvetica, Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:15px;
	font-weight:normal;
	color:#1b5083;
	margin:12px 0 0px 0;
	}	

h5	{
	font-family:Helvetica, Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	color:#1b5083;
	margin:6px 0 6px 0;
	}	
	
img.left	{
	float:left;
	padding-right:10px;
	}
	
img.right	{
	float:right;
	padding-left:10px;
	}
	
a { 	
	color:#f58428;
	text-decoration:none;
	}

a:hover  { 	
	color:#1b5083;
	text-decoration: underline;
	}
	
/* Project Pages Styles */

.testimonials	p{
	padding:0;
	margin:14px 24px 14px 24px;
	}

.blue	{
	font-family:Helvetica, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	color:#1b5083;
	margin:6px 0px 6px  0;
	}	
	
#content3	{ /* total width is 530 */
	width:536px;
	padding:22px 0px 6px 0;
	vertical-align:top;
	}	
	
#content3 h1	{
	display:inline;
	}
	
#tplnk	{
	margin:0;
	width:200px;
	float:right;
	text-align:right;
	padding:2px 20px 10px 0;
	}

#tplnk a { 
	background:url(/img/arrow-left.gif) 0 -1px no-repeat;	
	color:#f58428;
	text-decoration:none;
	padding:0 0 0 14px;
	}

#tplnk a:hover  { 	
	color:#1b5083;
	text-decoration: underline;
	}
	
.proj	{
	width:536px;
	min-height:250px;
	height:auto !important;
	float:left;
	padding:12px 0 12px 0;
	background:#f3f3f3;
	border:solid #b1b1af;
	border-width:1px 0px 1px 0px;
	margin-bottom:12px;
	}	

.prhdr	{
	padding:10px 0 0 10px;
	vertical-align:bottom;
	margin:0;
	}
	
.proj-lst	{
	width:187px;
	padding:0;
	vertical-align:top;
	background:#f3f3f3;
	}	
	
.proj-txt	{
	vertical-align:top;
	width:329px;
	padding:10px 10px 10px 0px;
	background:#f3f3f3;
	}	
	
.proj-txt-det	{
	vertical-align:top;
	height:auto;
	float:right;
	width:220px;
	margin:0px 20px 10px 0px;
	}
		
.proj-simtxt	{
	vertical-align:top;
	width:163px;
	padding:10px;
	}	

.description { min-height:165px; height:auto !important; height:165px; padding:0; margin:0 }
	
.vertline	{
	vertical-align:top;
	width:6px;
	height:70px;
	padding: 0 5px 0 5px ;
	border:solid #b1b1af;
	border-width:0px 0px 0px 1px;
	}	
	
.close	{
	display:block;
	margin:3px 0 0 0;
	}	
	
#tmbs .btns	{
	float:left;
	width: 11px;
	margin:2px;
	}	
	
#tmbs { float:left; min-height:62px; height:auto !important /* firefox & safari */; height:62px /* ie */;  padding:0 0 13px 4px; margin:0  0 0 -5px}

#tmbs img { border:none }

/* Footer Styles */	
#footer	{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(/img/bg_footer.gif) center no-repeat;
	border:solid #b1b1af;
	border-width:1px 0px 1px 1px;
	width:759px;
	height:55px;
	}	
	
.foot1	{
	font-size: 10px;
	line-height:12px;
	color: #898686;
	width:210px;
	padding:18px 0 0 20px;
	vertical-align:top;
	}	

.foot2	{
	font-size: 10px;
	line-height:12px;
	color: #898686;
	width:474px;
	padding:18px 56px 0 0;
	text-align:right;
	vertical-align:top;
	}	
	
a.rci:link, a.rci:hover { 	
	line-height:12px;
	font-size: 10px;
	color: #ec8429;
	text-decoration: none;
	}
	
a.gray:link,a.gray:hover { 	
	line-height:12px;
	font-size: 10px;
	color: #898686;
	text-decoration: none;
	}
	
/* Contact Form Extra Styles */

table#cx { }

table#cx td{ padding: 0px; }
table.cx td.space { width: 15px; }

table#cx th { text-align:left; font-weight:bold; color:#393838; padding:5px 0 0 0;}

td#label {

}

.req {
	padding: 0px;
	border: 0px solid white;
	border-left: 5px solid #f58428;
	float: left;
}

input.cx {
	margin: 0px;
	font-size: 12px;
	height: 18px;
	width: 160px;
	border: 1px solid #cccccc;
	background-color: #f6f6f6;
}

/*OnSubmit required fields will change to this class by js*/
input.error {
	border: 2px solid #f58428;
	background-color: #fff6f6;
}

input#x_state {
	width: 40px;
	margin-right: 10px;
}

input#x_zip {
	width: 105px;
}

textarea#x_comments {
	width: 350px;
	height: 80px;
	border: 1px solid #cccccc;
	background-color: #f6f6f6;
}	

		/* event_drop styles */
		div#event_drop {
			position:relative;
			padding:0px;
		}
		
		div#event_drop h1 {
			margin: 0px;
			padding: 0px;
			font-size: 18px;
		}
		
		div#event_drop div#dropdown {
			padding: 10px;
		}
		
		div#event_drop div#dropdown select {
			width: 250px;
		}
		
		/* event list */
		div#event_drop table#list {
			width: 350px;
		}
		
		div#event_drop div#event_cat div#name{
			border-bottom: 1px dotted #cccccc;
		}
		
		div#event_drop table#event{
			margin-bottom: 10px;
			vertical-align: top;
		}
		
		td.left{
			vertical-align: top;
			padding:0 10px 0 0;
		}
		
 /* Gallery styles */
		table#gallery_a {
			width: 450px;
		}
		
		table#gallery_a div#gallery{
			xborder: 1px solid red;
			width: 200px;
			text-align: center;
			float: left;
			
		}
		
		table#gallery_a div#gallery div#desc {
			xborder: 1px solid pink;
			width: 180px;
			margin: 10px;
		}
		
		/* news styles */
		div#news {
			padding:0px;
		}
		
		div#news h1 {
			margin: 0px;
			padding: 0px;
			font-size: 18px;
		}
		
		div#news div#hdr {
			padding-bottom: 10px;
		}
		
		div#news-item {
			padding-bottom: 10px;
		}
		
		div#news div#ftr {
			padding-bottom: 10px;
		}
		
		div#news div#detail {
			padding-bottom: 15px;
		}
		
		div#news div#link {
			padding-bottom: 15px;
		}
