@charset "utf-8";
/*        SECOND LEVEL PAGE STYLES
***********************************************************************************************************************/



/*         SL HEADER IMAGES       
***********************************/
#header .home {background: url(../images/hdr_home.jpg) no-repeat; width: 930px; height: 143px; margin: 0;} 
#header .team {background: url(../images/hdr_team.jpg) no-repeat; width: 930px; height: 143px; margin: 0;} 
#header .profile {background: url(../images/hdr_profile.jpg) no-repeat; width: 930px; height: 143px; margin: 0;} 
#header .projects {background: url(../images/hdr_projects.jpg) no-repeat; width: 930px; height: 143px; margin: 0;} 
#header .resources {background: url(../images/hdr_resources.jpg) no-repeat; width: 930px; height: 143px; margin: 0;} 
#header .engineering {background: url(../images/hdr_engineering.jpg) no-repeat; width: 930px; height: 143px; margin: 0;} 
#header .surveying {background: url(../images/hdr_surveying.jpg) no-repeat; width: 930px; height: 143px; margin: 0;} 
#header .architecture {background: url(../images/hdr_architecture.jpg) no-repeat; width: 930px; height: 143px; margin: 0;} 
#header .planning {background: url(../images/hdr_planning.jpg) no-repeat; width: 930px; height: 143px; margin: 0;}
#header .contact {background: url(../images/hdr_contact.jpg) no-repeat; width: 930px; height: 143px; margin: 0;}
#header .employment {background: url(../images/hdr_employment.jpg) no-repeat; width: 930px; height: 143px; margin: 0;}



/*        SL TAG STYLES       
***********************************/
#slContent h1, h2, h3, ul, li, ol, a { margin: 0;}
#slContent h1 {font: bold 1em/22px Verdana, Arial, Helvetica, sans-serif; color: #ffffff; background: #000000 url(../images/bg_h1_rpt.gif) repeat-x; padding: 0 0 0 10px; margin: 20px 0 10px 0; letter-spacing: .03em; text-transform: uppercase;}
#slContent h2 {font: bold 1em/1.4 Verdana, Arial, Helvetica, sans-serif; color: #333333; margin: 10px 0 0 0;}
#slContent h3 {font: bold 1em/1.4 Arial, Helvetica, sans-serif; color: #236b08; margin: 15px 0 0 0; padding: 0;}
#slContent h4 {font: bold 1em/1.4 Arial, Helvetica, sans-serif; color: #236b08; margin: 10px 0 10px 0; padding: 0; border-bottom: 4px double #236b08;}
#slContent p { font: .85em/1.5 Verdana, Arial, Helvetica, sans-serif color: #000000; margin-top: 10px; padding: 0;}

/*        SL TAG STYLES       
***********************************/
#slContent p.small_text {
	font: italic .85em/1.4 "Trebuchet MS", Helvetica, sans-serif;
	color: #236b08;
}


/*             CONTENT STRUCTURE    
**************************************************/

/*--------slContent---------*/
#slContent {width: 930px; margin: 0; padding: 0;}

/*---------slRight----------*/
#slRight {float: right; width: 608px; margin: 15px 20px 20px 0; display: inline;}

/*------sidebar1_info-------*/
#sidebar1_info {
	margin: 0;
	padding: 0;
	width: 210px;
	position: absolute; top: 250px; left: 30px;
}
#sidebar1_info h3 {
	font: bold 1em/1.3 "Trebuchet MS", Helvetica, sans-sefif;
	color: #666666;
	padding: 0 15px 0 0;
	margin: 0;
}
#sidebar1_info p {
	font: bold .85/1.3 "Trebuchet MS", Helvetica, sans-sefif;
	color: #999999;
	padding: 0 20px 0 0;
	margin: 0;
}

/*-----sl services list 1-----*/
.sl_list1 {  
	float: left;
	width: 300px;
	padding: 5px 0 5px 0;
	margin: 5px 0 5px 0;
	/*border-top: 4px double #009933;*/
}
.sl_list1 ul	{
	margin: 0;
	padding: 0 0 0 20px;
}
.sl_list1 ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	font: bold .9em/1 "Trebuchet MS", Helvetica, sans-serif;
	color: #236B08;
	display: block;
	padding: 5px 0 5px 0;
}

/*-----sl services list 2-----*/
.sl_list2 {  
	float: left;
	width: 600px;
	padding: 0;
	margin: 0;
}
.sl_list2 ul	{
	margin: 0;
	padding: 0 0 15px 20px;
}
.sl_list2 ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	font: normal .9em/1.9 Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	display: block;
	padding: 0;
}

/*		    	TEAM PAGE
************************************************/
.team_page {
	/*border-bottom: 4px double #009933;*/
	padding-bottom: 10px;
}
.team_page_small {
	padding-bottom: 10px;
	height: 200px;
}
.team_page h3, .team_page_small h3{
	border-bottom: 4px double #009933;
}
.team_page p {
	font: normal .83em/1.4 Verdana, Arial, Helvetica, sans-serif;
}
.team_page p a, .team_page_small a {
	color: #236B08;
	font: italic .9em/1.3 Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.team_page p a:hover, .team_page_small a:hover {
	color: #999999;
}
.team_page img{
	padding: 0 15px 15px 0;
}

/*		    	PROFILE PAGE
************************************************/

/*		    	RESOURCES PAGE
************************************************/
/*-------Links Section----------*/
/
#links_container {
	margin: 0;
	background: #FFFF99;
}
.links {  
	float: left;
	width: 300px;
	margin: 0;
	padding-bottom: 10px;
}
.links {  
	float: left;
	width: 300px;
	margin: 0;
	padding-bottom: 10px;
}
#links_container ul	{
	margin: 0;
	padding: 0;
	font: .85em/1 "Trebuchet MS", Helvetica, sans-serif;
}
#links_container ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
}		
#links_container ul a	{
	margin: 0;
	padding: 0;
	font: bold .85/1 "Trebuchet MS", Helvetica, sans-serif;
	color: #236B08;
	display: inline-block;
	padding: 5px 0 5px 0;
	text-decoration: none;
	width: 300px; /*ie bug fix triggers enire link*/
}
#links_container ul a:hover	{
	margin: 0;
	padding: 5px 0 5px 0;
	color: #339933;
}

/*-------Upload Section--------*/
.resources_page ol{
	padding-right: 30px;
	font: .85em/1 "Trebuchet MS", Helvetica, sans-serif;
	margin: 0;
}
.resources_page li{
	padding-bottom: 8px;
	color: #0f430c;
}
.resources_page p.upload {
	font: bold .9em/1.4 Verdana, Arial, Helvetica, sans-serif;
	color: #0f430c; letter-spacing: .01em;
	padding: 0 20px 8px 0;
}

/*		    	PROJECTS MAIN
************************************************/
.projects_main {
	margin-bottom: 30px;
}
.gallery_box_main {
	width: 608px;
	height: 120px;
	background: #CCCCCC url(../images/bg_proj_box_main_3.gif) repeat-x;
	margin-top: 30px;
}
.gallery_box_main li{
	margin: 0;
	padding: 0;
}
.gallery_box_main h5{
	margin: 0;
	padding: 18px 0 5px 0;
	font: bold 1em/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	letter-spacing: .15em;
	text-transform: uppercase;
}
.gallery_box_main em {
	color: #999999;
	text-transform: none;
	padding-left: 5px;
}
.gallery_box_main ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.gallery_box_main ul li {
	margin: 0;
	padding: 0;
}
.gallery_box_main li a {
	text-decoration: none;
	font: normal .85em/1.6em Arial, Helvetica, sans-serif;
	color: #236b08;
}
.gallery_box_main li a:hover {
	text-decoration: none;
	font: normal .85em/1.6em Arial, Helvetica, sans-serif;
	color: #000000;
}
.gallery_box_main .floatLeft {
	float: left;
	margin: 0 35px 0 0;
}

/*	    PROJECTS TL (third level)
************************************************/
#slContent h1.projects_tl_breadcrumbs {
	font: normal .9em/24px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	background: #000000;
	text-transform: uppercase;
}
#slContent h1.projects_tl_breadcrumbs em{
	font: bold .9em/24px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-transform: none;
}
.projects_tl_container h5 {
	margin: 0;
	padding: 8px 0 15px 0;
	font: bold .9em/1.1 Verdana, Arial, Helvetica, sans-serif;
	color: #236b08;
	text-transform: uppercase;
}
#slContent p.work{ 
	font: .85em/1.5 Verdana, Arial, Helvetica, sans-serif
	color: #000000;
	margin-top: 15px;
	padding: 0;
	}
#slContent ul.projects_info1{
	margin: 0;
	padding: 0;
	list-style: none;
}
#slContent li.info1{
	font: italic 13px/1.5 Arial, Helvetica, sans-serif;
	color: #555555;
	margin: 0;
	padding: 0;
}
#slContent ul.projects_bullet {
	font: italic .85em/1.5 Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: 10px;
	padding: 0 0 0 40px;
}
#slContent li.info1 em {
	font: bold italic 13px Arial, Helvetica, sans-serif;
	color: #236b08;
}
#slContent p.linkBack a{
	text-decoration: none;
	color: #236b08;
}
#slContent p.linkBack a:hover {
	text-decoration: none;
	color: #999999;
}
.projects_tl_container .floatLeft {
	float: left;
	margin: 10px 15px 30px 0;
}
/*        CONTACT FORM
********************************/
#formWrap {
	background: #ffffff;
	padding: 1em 0;
	margin: 0;
}
form#frmContact {
	width: 500px;
	margin: 0 auto; /*centers form within above formWrap div*/
}
fieldset {
	background: #CCCCCC;
	border: none; /*gets rid of default fieldset border*/
	margin: .5em 0; /*pushes the fieldsets apart - the default is a bit to tight*/
	padding-bottom: .5em;
}
legend {
	font: 1em/1.4 Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #cccccc; /*same color as fieldsets, gives a kind of tabbed look*/
	padding: 0.2em .75em;
	margin-left: 0 0 0 .5em; /*legend is interpreted differinitely from browser to browser - keep in mind*/
}
#formWrap p {
	font: bold .8em/1.3 "Trebuchet MS", Helvetica;
	color: #333333;
	margin: 1em 0; /*separates form elements from each other*/
	padding-left: 20px;
}
#formWrap input.text {
	width: 250px; /*best to give specific size (not character values) to text fields*/
	margin: 0;
}
#formWrap input.text_phone {
	width: 125px; /*best to give specific size (not character values) to text fields*/
	margin: 0;
}
#formWrap textarea {
	width: 350px; /*best to give specific size to textarea fields*/
	margin-top: .5em 0 0 0;
}
#formWrap label.top {
	display: block;
	margin-bottom: .5em;
	line-height: 1.5;
}
#formWrap label.check {
	font: .8em/1 Arial, Helvetica, sans-serif;
	color: #666666;
	padding-top: 25px;
}
#formWrap label.radio {
	font: .85em Arial, Helvetica, sans-serif;
	color: #000000;
}
#formWrap span.aside {
	font-style: italic;
}
#formWrap p.required {
	position: relative;
}
#formWrap span.required {
	position: absolute;
	left: 338px;
	padding-left: 18px;
	background: url(../images/red_asterick.gif) no-repeat 0 6px;
	font: .75em/1 Arial, Helvetica, sans-serif;
	color: #236b08;
	height: 25px;
	line-height: 22px;
}
#formWrap label:focus, textarea:focus {
	background: #ffffa0;
}




















