/* LaborPro CSS Document */

body { 
	margin: 0px;
	padding: 0px;
	color:#333333;
	background:#5C593D url(images/bgrndGradient.gif) repeat-y 50% 0;
	font: .75em verdana, Helvetica, sans-serif;
	line-height: 140%;
}
	
a:link, a:visited, a:hover, a:active {
	color:#42526C;
	text-decoration:underline;}

a:hover, a:active {
	color:#663300;
	text-decoration:underline;}

a img{
	margin:1em 0px .2em 0px;
	text-decoration:none;
	border:1px solid #CCC;}

#wrapper {
	position:static;
	width:800px;
	margin:0px auto;
	padding:0px;
	background:#999966 url(images/bgrndGradient.gif) repeat-y 50% 0;}


/*Masthead------------------------------------------------------------------------------------------------------------------------------------------------------*/

#headcont {
	position:relative;
	width:774px;
	height:auto;
	margin:0px auto;
	background:#FFF;}

#head {
	position:relative;
	height: 12.9em;
	width: 400px;
	margin-left:14px;
	cursor: pointer;
	background: 40px 30px url(images/laborprologo.gif) no-repeat;}

#intro {
	position:absolute;
	top:49px; right:40px; bottom:auto; left:auto;
	width:48%;
	height:auto;
	background:#FFF;}


/*Navigation Bar------------------------------------------------------------------------------------------------------------------------------------------------------*/

#navCont {
	position:relative;
	width:774px;
	height:auto;
	margin:0px auto;
	background:#50729F;
	clear:both;}

#navlist{
	border-bottom: 1px solid #3F4224;
	border-top: 1px solid #42526C;
	margin: 0px;
	padding:12px 0px 12px 58px;
	background-color: #42526C;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;}
	
#navlist li {
	padding-right: 0.36em;
	display: inline;
	font-size: 1.1em;}

#navlist ul {
	margin: 0px;
	padding: 0px;}

#navlist a:link, #navlist a:visited {
	border-top: 1px solid #708090;
	border-right: 1px solid #2E3038;
	border-bottom: 1px solid #2E3038;
	border-left: 1px solid #708090;
	padding: 4px;
	padding-left: 1em;
	padding-right: 1em;
	color: #FAFAD2;
	text-decoration: none;}

#navlist a:hover, #navlist a:active, #navlist a:focus {
	border-top: 1px solid #994C00;
	border-right: 1px solid #472F1F;
	border-bottom: 1px solid #472F1F;
	border-left: 1px solid #994C00;
	background-color: #734526;}
	
#active a {
	border-top: 1px solid #994C00;
	border-right: 1px solid #472F1F;
	border-bottom: 1px solid #472F1F;
	border-left: 1px solid #994C00;
	background-color: #734526;}


/*Main Content------------------------------------------------------------------------------------------------------------------------------------------------------*/

#bodyCont {
	position:relative;
	width:774px;
	height:600px;
	background:#FAFAD2 url(images/bodyContBgrnd.gif) repeat-x;
	margin:0px auto;
	border-top: solid .15em #FFFFCC;
	clear:left;}

#mainContent {
	position:absolute;
	top:30px; right:30px; bottom: auto; left:30px;
	width: 658px;
	height: auto;
	background:#FAFAD2;
	margin:0 auto;
	padding:40px 30px;}

#mainContent h1 {
	width:410px;
	font:1.8em "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#663300;
	margin:0;
	padding:0;}

#mainContent h2 {
	width:410px;
	font:1.4em "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#3D3D29;
	background:url(images/serviceHeadBg.jpg) no-repeat left bottom;
	padding-bottom:.5em;
	margin-top:1em;}

#mainContent h3 {
	color:#663300;
	font:1.1em "Lucida Grande", Arial, Helvetica, sans-serif;
	margin-top:2em;
	margin-bottom:-.55em;}
	
#mainContent h4 {
	font:1.1em Verdana, Helvetica, sans-serif;
	margin-top:3em;
	margin-bottom:-.55em;}
	
#mainContent p {
	width:410px;}

#mainContent ul {
	width:380px;
	margin:1em;}

#mainContent li {
	list-style:none;
	width:380px;
	background:url(images/bullets.gif) no-repeat left center;
	padding:0px 1em 0px;
	font-size:.9em;
	margin-bottom:.25em;}
	
#mainContent img {
margin-right:.5em;}
			
#serviceMap {
	width:340px;
	height:340px;
	margin:20px 0px 12px;
	border:solid 2px #CCCC99;}
				
.instrResBullets {
	margin-bottom:-.5em;}
	
#frmContact p, #frmReqEst p {
	font:1em bold "Lucida Grande", Arial, Helvetica, sans-serif;}

#projectdescription, #name, #telephone, #email, #subject, #message, #address, #city, #zipcode {
	border:solid 1px #CCC;
	margin-top:-.5em;
	color:#333333;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	background-color:#FFFFFF;}

#submitButtn {
	border:solid 1px #CCC;}
	
input {
	color:#666666;
	font:1em Verdana, Arial, Helvetica, sans-serif;}
	
textarea {
	color:#666666;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	text-indent:0px;
	background-color:#FFFFFF;}
	
.messageSent {
	color:#CC0000;
	font:1em bold #333333 "Lucida Grande", Arial, Helvetica, sans-serif;}
	
#mainContent li {
	list-style:none;
	width:380px;
	background:url(images/bullets.gif) no-repeat left center;
	padding:0px 1em 0px;
	font-size:.9em;
	margin-bottom:.25em;}
	
#projects a, #projects a:link, #projects a:visited {
	color: #42526C;
	font:1.1em "Lucida Grande", Arial, Helvetica, sans-serif;
	margin-top:2em;
	margin-bottom:-.55em;}

#projects a:hover, #projects a:active, #projects a:focus {
	color:#663300;
	font:1.1em "Lucida Grande", Arial, Helvetica, sans-serif;
	margin-top:2em;
	margin-bottom:-.55em;}
	
#projects #active {
	color:#663300;
	font:1.1em "Lucida Grande", Arial, Helvetica, sans-serif;
	margin-top:2em;
	margin-bottom:-.55em;}

#projects img, #projectsCont img {
	margin:2em 2em 0px 0px;
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid #CCC;}
	
#projectsCont img {
	margin:4em 0em 0em 4.2em;
	padding:7px;
}
	
#custTestCont, #projectsCont {
	position:relative;
	width:780px;
	height:1400px;
	background:#FFF;
	margin:0px auto;}
	
#custTestCont a {
	float:right;
	margin:20px 98px 0px 0px;
}
	
#projectsCont a {
	float:right;
	margin:0px;
	padding:20px 50px 20px 70px;
	background:#FFF left url(images/recProjLinkBgrnd.gif) repeat-y;}
	
#projectsCont {
	background: #FAFAD2;
}


/*Right column------------------------------------------------------------------------------------------------------------------------------------------------------*/

#subNavCont {
	position:absolute;
	width:234px;
	height:auto;
	top:0; right:0; bottom:auto; left:auto;}
	
#subNav {
	font:1.1em bold "Lucida Grande", Arial, Helvetica, sans-serif;
	padding:35px 30px 250px;
	line-height:1.5em;
	background:#FFF bottom url(images/rightColBgrnd.gif) repeat-x;}
	
#subNav p {
	color:#333;
	font-style:italic;
	font-size:.9em;
	margin-top:35px;
	width: 180px;
	}

#subNav a:link {
	color:#666633;
	text-decoration:none;
	padding:15px 0px 15px 40px;
	border-bottom:solid 1px #CCCC99;
	display:block;}

#subNav a:visited {
	color:#666633;
	text-decoration:none;
	padding:15px 0px 15px 40px;
	border-bottom:solid 1px #CCCC99;
	display:block;}

#subNav a:hover {
	color:#663300;}

#subNav #active {
	color:#663300;}
		
.recProMarker {
	background:url(images/recProMarker.gif) no-repeat left center;}
	
.reqEstMarker {
	background:url(images/reqEstMarker.gif) no-repeat left center;}

.cusTestMarker {
	background:url(images/cusTestMarker.gif) no-repeat left center;}

.quaWorkMarker {
	background:url(images/quaWorkMarker.gif) no-repeat left center;}

/*Footer------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer, p#footer, #footerLinks, #footerLinks a {
	width: 410px;
	height:auto;
	margin:0;
	padding:60px 0px 0px 0px;
	color:#666666;
	font-size:.9em;}
	
#footerLinks a {
	padding-top: 10px;
	color:#FFFFFF;}