@charset "utf-8";

/* css stylesheet - stylesheet.css*/

/* AND CONTAINER 
----------------------------*/
body {
	background-image: url(../images/bg_body.jpg);
		background-repeat: repeat;
		background-attachment: scroll;
		background-position: top center; 
	font-size: 76%;
	padding: 0px;
	margin: 25px auto 0 auto;
}

#wrapper {
		width: 950px;
		margin: auto;
		overflow: auto;
}

#container {
	background-image: url(../images/bg_container.png);
		background-attachment: scroll; 
		background-repeat: no-repeat;
	position: absolute; 
}

#container_home {
	background-image: url(../images/bg_home.png);
		background-attachment: scroll; 
		background-repeat: no-repeat;
	position: absolute; 
}

#container_consulting {
	background-image: url(../images/bg_consulting.png);
		background-attachment: scroll; 
		background-repeat: no-repeat;
	position: absolute; 
}

#container_bios {
	background-image: url(../images/bg_bios.png);
		background-attachment: scroll; 
		background-repeat: no-repeat;
	position: absolute; 
}

#container_jobsite {
	background-image: url(../images/bg_consulting.png);
		background-attachment: scroll; 
		background-repeat: no-repeat;
	position: absolute; 
}



/* HEADER AREA 
----------------------------*/
#header {
	float: left;
	width: 402px;
	height: 77px;
	padding: 23px 0 0 21px;
	margin: 20px 0 0 20px;
}

#header_right {
	position: absolute;
	margin: 40px 0 15px 745px;
}




/* MAIN NAVIGATION 
----------------------------*/
#nav_sub {
	clear: left;
	padding: 0 0 0 23px;
	margin: 0px;
}

#nav {
	position: absolute;
	height: 34px;
	padding: 0px;
	margin: 120px 0 0 30px;
}



#nav ul {
	list-style: none;
	height: 34px;
	padding: 0px;
	margin: 0px;

}


#nav ul li {
	display: inline;
	float: left;
	height: 34px;
	padding: 0px;
	margin:  0px;

}

#nav ul li#home a {
	float: left;
	background-image: url(../images/button_home.png);
		background-repeat: no-repeat;
	height: 34px;
	width: 73px;
	padding: 0px;
	margin: 0px;

}

#nav ul li#home_selected a {
	float: left;
	background-image: url(../images/button_homeR.png);
		background-repeat: no-repeat;
	height: 34px;
	width: 73px;
	padding: 0px;
	margin: 0px;

}

#nav ul li#consulting a {
	float: left;
	background-image: url(../images/button_Consulting.png);
		background-repeat: no-repeat;
	height: 34px;
	width: 103px;
	padding: 0px;
	margin: 0px;

}

#nav ul li#consulting_selected a {
	float: left;
	background-image: url(../images/button_ConsultingR.png);
		background-repeat: no-repeat;
	height: 34px;
	width: 103px;
	padding: 0px;
	margin: 0px;

}

#nav ul li#repair a {
	float: left;
	background-image: url(../images/button_repair.png);
		background-repeat: no-repeat;
	height: 34px;
	width: 77px;
	padding: 0px;
	margin: 0px;

}

#nav ul li#repair_selected a {
	float: left;
	background-image: url(../images/button_repairR.png);
		background-repeat: no-repeat;
	height: 34px;
	width: 77px;
	padding: 0px;
	margin: 0px;

}

#nav ul li#emergency a {
	float: left;
	background-image: url(../images/button_emergency.png);
		background-repeat: no-repeat;
	height: 34px;
	width: 107px;
	padding: 0px;
	margin: 0px;

}

#nav ul li#emergency_selected a {
	float: left;
	background-image: url(../images/button_emergencyR.png);
		background-repeat: no-repeat;
	height: 34px;
	width: 107px;
	padding: 0px;
	margin: 0px;

}

#nav ul li#bios a {
	float: left;
	background-image: url(../images/button_Bios.png);
		background-repeat: no-repeat;
	height: 34px;
	width: 70px;
	padding: 0px;
	margin: 0px;

}

#nav ul li#bios_selected a {
	float: left;
	background-image: url(../images/button_BiosR.png);
		background-repeat: no-repeat;
	height: 34px;
	width: 70px;
	padding: 0px;
	margin: 0px;

}

#nav ul li#home a:hover {
	float: left;
	background-image: url(../images/button_homeR.png);
		background-repeat: no-repeat;
	height: 34px;
	width: 73px;
	padding: 0px;
	margin: 0px;
}


#nav ul li#consulting a:hover {
	float: left;
	background-image: url(../images/button_ConsultingR.png);
		background-repeat: no-repeat;
	height: 34px;
	width: 103px;
	padding: 0px;
	margin: 0px;
}

#nav ul li#repair a:hover {
	float: left;
	background-image: url(../images/button_repairR.png);
		background-repeat: no-repeat;
	height: 34px;
	width: 77px;
	padding: 0px;
	margin: 0px;
}

#nav ul li#emergency a:hover {
	float: left;
	background-image: url(../images/button_emergencyR.png);
		background-repeat: no-repeat;
	height: 34px;
	width: 107px;
	padding: 0px;
	margin: 0px;
}

#nav ul li#bios a:hover {
	float: left;
	background-image: url(../images/button_BiosR.png);
		background-repeat: no-repeat;
	height: 34px;
	width: 70px;
	padding: 0px;
	margin: 0px;
}

#contact {
	position: absolute;
	margin: 70px 0 0 495px;
}

/* DROPDOWN MENU - MAIN NAVIGATION
-------------------------------------- */

#nav ul li ul {
	display: none;

}

#nav ul li:hover ul {
	width: 110px;
	display: block;
	visibility: visible;
	position: absolute;
	z-index: 1;

}

#nav ul li:hover ul li#rob a {
     background-image: url(../images/button_rc.png);
     width: 124px;
     margin: 0px;
}
#nav ul li:hover ul li#rob a:hover {
     background-image: url(../images/button_rcR.png); 
	 width: 124px;
    
}

#nav ul li:hover ul li#mark a {
     background-image: url(../images/button_mm.png);
     width: 124px;
	 margin: -9px 0 0 0;
     
}
#nav ul li:hover ul li#mark a:hover {
     background-image: url(../images/button_mmR.png); 
	 width: 124px;
     
}

#nav ul li:hover ul li#tim a {
     background-image: url(../images/button_ta.png);
     width: 124px;
	 margin: -18px 0 0 0;
     
}
#nav ul li:hover ul li#tim a:hover {
     background-image: url(../images/button_taR.png); 
	 width: 124px;
     
}

#nav ul li:hover ul li#fred a {
     background-image: url(../images/button_fl.png);
     width: 124px;
     margin: -28px 0 0 0;
}
#nav ul li:hover ul li#fred a:hover {
     background-image: url(../images/button_flR.png); 
	 width: 124px;
     
}

#nav ul li:hover ul li#bob a {
     background-image: url(../images/button_bl.png);
     width: 124px;
     margin: -37px 0 0 0;
}
#nav ul li:hover ul li#bob a:hover {
     background-image: url(../images/button_blR.png); 
	 width: 124px;
     
}

#nav ul li:hover ul li#jobsite a {
     background-image: url(../images/button_jobsite.png);
     width: 124px;
	 margin: 0px;
     
}
#nav ul li:hover ul li#jobsite a:hover {
     background-image: url(../images/button_jobsiteR.png); 
	 width: 124px;
     
}

#nav ul li:hover ul li#construction a {
     background-image: url(../images/button_construction.png);
     width: 124px;
	 margin: 0px;
     
}
#nav ul li:hover ul li#construction a:hover {
     background-image: url(../images/button_constructionR.png); 
	 width: 124px;
	 
}

a img {
	border: none;
}






/* CONTENT AREA HOME
----------------------------*/
#content_main {
	float: left;
	width: 586px;
	height: 405px;
	padding: 0 20px 0 27px;
	margin: 0 0 125px 0;
}

#content_main_home {
	float: left;
	width: 510px;
	height: 405px;
	padding: 0 20px 0 27px;
	margin: 0 0 125px 0;
}

#content_sub_main {
	float: left;
	width: 254px;
	height: 405px;
	border-left: 2px solid #00395a;
	padding: 0 10px 20px 10px;
	margin: 0 0 125px 0;
}

#footer_sub_home {
	position: absolute;
	height: 60px;
	padding: 0px;
	margin: 660px 0 0 16px;
} 

#footer_sub_emergency {
	position: absolute;
	width: 920px;
	height: 60px;
	padding: 0px;
	margin: 760px 0 0 16px;
}

#footer_sub_consulting {
	position: absolute;
	width: 920px;
	height: 60px;
	padding: 0px;
	margin: 760px 0 0 16px;
}

#footer_sub_repair {
	position: absolute;
	width: 920px;
	height: 60px;
	padding: 0px;
	margin: 760px 0 0 16px;
}

#footer_sub_construction {
	position: absolute;
	width: 920px;
	height: 60px;
	padding: 0px;
	margin: 760px 0 0 16px;
}

#footer_sub_jobsite {
	position: absolute;
	width: 920px;
	height: 60px;
	padding: 0px;
	margin: 760px 0 0 16px;
}

#icon-bbb {
	position: absolute;
	height: 34px;
	padding: 0px;
	margin: 473px 0 0 597px;
}

#icon-lead {
	position: absolute;
	height: 34px;
	padding: 0px;
	margin: 480px 0 0 677px;
}

#icon-maia {
	position: absolute;
	height: 34px;
	padding: 0px;
	margin: 487px 0 0 813px;
}

#footer {
	float: left;	
	width: 920px;
	height: 250px;
	padding: 0px;
	margin: 0px;
}


/* CONTENT AREA BIOS
----------------------------*/

#content_main_bios {
	float: left;
	width: 890px;
	height: 800px;
	padding: 0 0 0 27px;
	margin: 0 0 100px 0;
}

#content_sub_bios {
	float: left;
	width: 10px;
	height: 800px;
	
	padding: 0 10px 0 0;
	margin: 0 0 100px 0;
}

#content_sub {
	float: left;
	width: 274px;
	height: 505px;
	border-left: 2px solid #00395a;
	padding: 0 10px 20px 10px;
	margin: 0 0 125px 0;
}

#footer_bios {
	float: left;	
	width: 920px;
	height: 200px;
	padding: 0px;
	margin: 0px;
}

#footer_sub_bios_tim {
	position: absolute;
	width: 920px;
	height: 60px;
	padding: 0px;
	margin: 987px 0 0 16px;
}

#footer_sub_bios_rob {
	position: absolute;
	width: 920px;
	height: 60px;
	padding: 0px;
	margin: 987px 0 0 16px;
}

#footer_sub_bios_bob {
	position: absolute;
	width: 920px;
	height: 60px;
	padding: 0px;
	margin: 987px 0 0 16px;
}

#footer_sub_bios_fred {
	position: absolute;
	width: 920px;
	height: 60px;
	padding: 0px;
	margin: 987px 0 0 16px;
}

#footer_sub_bios_mark {
	position: absolute;
	width: 920px;
	height: 60px;
	padding: 0px;
	margin: 987px 0 0 16px;
}
#footer_sub {
	float: left;
	width: 920px;
	height: 60px;
	padding: 0 0 0 15px;
	margin: 0 0 20px 0px;
}

.spacing_sub {
	padding: 10px 0 0 5px;
	margin: 0px;
}

/* CONTENT AREA CONSULTING
----------------------------*/

#content_main_consulting {
	float: left;
	width: 580px;
	height: 485px;
	padding: 0 20px 0 27px;
	margin: 0 0 140px 0;
}

#content_sub_consulting {
	float: left;
	width: 330px;
	height: 485px;
	padding: 0 10px 20px 10px;
	margin: 0 0 140px 0;
}

#content_sub_jobsite {
	float: left;
	width: 330px;
	height: 465px;
	padding: 0 10px 20px 10px;
	margin: 0 0 140px 0;
}

#footer_consulting {
	float: left;	
	width: 920px;
	height: 250px;
	padding: 0px;
	margin: 0px;
}



/* TYPOGRAPHY ELEMENTS 
----------------------------*/

h1 {
	font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: bold;
		
		color: #000;
	padding: 0 0 0 15px;
	margin: 0px;
}

h2 {
	font-family: myriad pro, arial, helvetica, sans-serif;
		font-size: 1.6em;
		font-weight: bold;
		line-height: 1.4em;
		color: #0078c1;
	padding: 0px;
	margin: 0px;
}

h3 {
	font-family: serif;
		font-size: 1.2em;
		line-height: 1.4em;
		color: #000;
		padding: 0 0 0 15px;
	margin: 0 0 10px 0;
}

p {
	font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		line-height: 1.2em;
		color: #000;
	padding: 10px 10px 0 15px;
	margin: 0px;
}

.p_titles {
	font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		line-height: 1.2em;
		color: #000;
	padding: 10px 10px 0 15px;
	margin: 0 0 -10px 0px;
}

p a {
    color: #444444;
    
}

p a:hover {
    text-decoration: underline;
}

.footer_p {
	font-family: Arial, Helvetica, sans-serif;
		font-size: 1.0em;
		color: #444444;
		text-decoration:: none;
	padding: 5px 0 10px 25px;
	margin: 0px;
}

.link {
	font-family: Arial, Helvetica, sans-serif;
		font-size: 1.3em;
		color: #
		text-decoration:: none;
	padding: 0 0 20px 25px;
	margin: 0px;
}

.jobs {
	font-family: serif;
		font-size: 1.2em;
		line-height: 1.4em;
		color: #000;
}

.image {
	border: none;
}

.list {
	font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		line-height: 1.2em;
		color: #000;
	padding: 0px;
	margin-top: 8px;
}