/* CSS Document */


body {
  background-color: #8cc641;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#000;  
  margin:0px;
  text-align: center;
  background: url('images/bkg.gif') top left repeat;
}
a {
color: #3B6E8F;
text-decoration: none;
}
a:active, a:hover {
text-decoration: underline;
color: #8CC63F;
 }
h2 {
color: #660;
font: bold italic 14pt/1em Georgia, Palatino, Times, Times New Roman, serif;
margin-bottom: 0px;
}
h3 {
color: #8CC63F;
font: bold italic 12pt/1em Georgia, Palatino, Times, Times New Roman, serif;
margin-bottom: 10px;
margin-top: 25px;
}
h4 {
color: #3B6E8F;
font: bold italic 10pt/1em Georgia, Palatino, Times, Times New Roman, serif;
margin-bottom: 5px;
margin-top: 10px;
}
ul {
color: #000;
}
li {
list-style: disk inside;
color: #8CC63F;
}
li span {
color: #000;
}




#header {
background-color: #f4efd9;
height: 150px;
background: url('images/bkg-head.jpg') repeat-x;
}
#shadowHead {
height: 158px;
background: url('images/shadow-head.png') bottom left repeat-x;
z-index: 100;
}
#insideHead {
height: 150px;
width: 850px;
margin: 0 auto;
}
	#insideHead h1 {
		width: 200px;
		height: 63px;
		position: relative;
		float: left;
		margin: 0;
		padding: 45px 0px 0 25px;
		}
		
			#insideHead h1 a {
			display:block;
			width:200px;
			height:63px;
			text-indent:-3000px;
			margin:0; padding:0;
			background: url('images/logo.png') no-repeat;
			}
	
				#nav ul {
				font: bold 10pt/1.5em Georgia, Palatino, Times, Times New Roman, serif;
				height: 40px;
				position: relative;
				float: right;
				margin: 111px 10px 0 0;
				}
					#nav li { 
					display:inline; 
					float:left; 
					margin: 0; 
					}
					#nav a { 
					text-align: center;
					width:80px; 
					height:35px; 
					display:block;
					color: #660;
					margin:  0 0 5px;
					padding: 10px 10px 0 0;
					text-decoration: none;
					background: url("images/nav-spacer.gif") bottom right no-repeat;
					}
					#nav a:hover, #nav a:active { 
					color: #8CC63F;
					}
					.nav-on {
					background: url("images/nav-on-background.png") top left no-repeat;
					}

#contentWrapper {
text-align: left;
margin: 0 auto;
margin-top: -8px;
padding-top: 8px;
width: 870px;
background: url("images/bkg-body.png") top center repeat-y;
z-index: 1;
}
#content {
text-align: left;
margin: 0 auto;
margin-top: -8px;
padding: 25px;
width: 800px;
z-index: 1;
}
#contentTopshadow {
background: url('images/shadow-head.png') bottom left repeat-x;
width: 850px;
margin: 0 auto;
margin-top: -16px;
}
#footer {
text-align: center;
margin: 0 auto;
width: 870px;
height: 80px;
padding-top: 25px;
background: url("images/bkg-footer.png") top center no-repeat;
}
hr.green {
border: none 0;
border-top: 1px dashed #8CC63F;
width: 810px;
height: 1px;
} 
hr.brown {
border: none 0;
border-top: 1px dashed #660;
width: 810px;
height: 1px;
} 
.homeHead {
color: #3B6E8F;
font: italic 12pt/1.5em Georgia, Palatino, Times, Times New Roman, serif;
}
.greenText {
color: #8CC63F;
}
.workLeft {
float: left;
width: 506px;
height: 280px;
}
.workRight {
float: right;
width: 250px;
height: 280px;
background: url("images/bkg-port-desc.gif") top center no-repeat;
padding: 10px 5px 10px 20px;
}
.clear {
clear: both;
}
/* CONTACT FORM CSS */
#contact-area {
width: 480px;
margin-top: 0;
}

#contact-area input, #contact-area textarea {
padding: 5px;
width: 480px;
font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
font-size: 10px;
margin: 0px 0px 10px 0px;
border: 1px dashed #8CC63F;
}

#contact-area textarea {
height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
border: 1px dashed #3B6E8F;
}

#contact-area input.submit-button {
width: 100px;
float: right;
background-color: #3B6E8F;
color: #FFF;
}

.label {
float: left;
text-align: left;
margin-right: 15px;
margin-bottom: 10px;
width: 90px;
padding-top: 5px;
font-size: 12px;
}
.thumb {
margin: 0 10px 0 10px;
}