/* CSS Document */

/* ################ RESET ALL MAIN VALUES ############### */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ol, ul, li, table, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background-color: transparent;}

body {line-height: 1;}

table {border-collapse: collapse;border-spacing: 0;}

.left {float: left;}

.right {float: right;}

.center {text-align: center;}

.clear {clear: both; height: 2px; width: 100%;}

/* ############# GLOBAL VALUES ################ */

body {
font-size: 62.5%;line-height: 1.7; font-family: Arial, Helvetica, Sans-Serif;
margin: 0px;
padding:0px;
width:100%;
background: url('../images/bg-new3.jpg') #fff no-repeat center 100px;
text-align: center;
z-index: 1;
}

.container {
width: 960px;
padding: 0;
margin: 0 auto;
text-align: left;
z-index: 5;
}

/* ############# HEADER ################ */

#header {width: 100%; background-color: #34351E; height: 100px;}

#logo {
margin: 0;
padding: 20px;
width: 300px;
background-color: #34351E;
}

#nav {
	height: 40px;
	margin: 53px 0 0 0;
	line-height: 17px;
	font-size: 1.3em;
	font-weight: bold;
	padding: 0;
	float: right;
	}
#nav ul {
	float: left;
	}
#nav ul li {
	float: left;
	height: 40px;
	list-style: none;
	padding: 0;
	}
#nav ul li a {
	color: #fff;
	float: left;
	padding: 5px;
	margin: 0 10px 0 0;
	letter-spacing: 1px;
	text-decoration: none;
	border: solid 1px #72723D;
	}
#nav ul li.first a {
	margin-left: 9px;
	}
#nav ul li a:hover, #nav ul li a.selected, #nav ul li.first a.selected, #nav ul li a:visited:hover, #nav ul li a:focus {
	text-decoration: none;
	border: solid 1px #72723D;
	background-color: #72723D;
	color: #fff;
	}
#free-quote {float: right; padding: 12px 10px 0 0; line-height: 15px; color: #fff; letter-spacing: 1px; font-size: 1.4em;}

/* END HEADER */


h1 {
color: #555;
font-size: 2.5em;
font-weight: normal;
margin: 0;
padding: 0;
}

/* CONTENT
--------------------------------------------- */

#content {float: left; width: 920px; background-color: #fff; padding: 5px 20px 15px 20px; margin: 350px 0 0 0;}

#content p {
color: #333;
font-size: 1.2em;
line-height: 1.6em;
margin: 5px 5px 0 0;
padding: 0;
text-align: left;
}

#content p a:link, #content p a:visited {
color: #a4ac00;
text-decoration: underline;
background-color: #fff;
}

#content p a:hover, #content p a:visited:hover {
color: #fff;
background-color: #a4ac00;
text-decoration: none;
}

h2 a:link, h2 a:visited {color: #72713f;}
h2 a:hover, h2 a:visited:hover, h2 a:focus {background-color: #72713f; color: #fff; text-decoration: none;}

#content-product {float: left; width: 900px; background-color: #fff; padding: 0 10px;}


#content h1, #content h2, #content h3, #content-product h1, #content-product h2, #content-product h3 {float: left; display: block; width: 100%; text-align: left;}
#content h2, #content-product h2 {font-size: 1.6em; margin: .5em 0; padding: 0; font-weight: normal; color: #888;}
#content h3, #content-product h3 {font-size: 1.6em; margin: 0 0 .5em 0; padding: 0; font-weight: normal; color: #888;}
#content-product .twocol .col1 h2, #content-product .twocol .col2 h2 {line-height: 1.6em; margin: 0 0 1em 0; padding: 0;}

.left {float: left;}
.right {float: right;}

#content ul {margin: 0; padding: 0;}
#content h2 + ul, #content h2 + ol {
	margin-top: .5em;
}
.col1 ul, .col2 ul, .col3 ul, .col4 ul {
	padding: 0;
	margin: 0 0 15px 0;
}
#content ul li h2 {
	font-size: 1.4em;
	line-height: 2em;
}
.col1 li li, .col2 li li, .col3 li li {
	font-size: 1em;
}

#content ul li.techniques {
	padding: 0 0 30px 0;
	font-size: 1.4em;
	border-bottom: solid 1px #ccc;
	color: #333;
	list-style: none;
}
#content ul li.techniques h4 {font-size: 1.6em; color: #777; font-weight: normal; margin-top: .5em;}
#content ul li.techniques h4.first {margin-top: 0;}


/* CONTENT COLUMNS */
.onecol, .twocol, .twothirds, .onethird, .onefourth, .oneeighth, .forty-sixty, .seventy-thirty {
	float: left;
	display: inline;
	width: 100%;
	clear: both;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	}
#content .twocol, #content .twothirds, #content .seventy-thirty, #content-product .twocol {border: none;}
#content .seventy-thirty {padding: 0; margin: 0;}
#content .forty-sixty {border-bottom: none; margin-top: 5px;}
.twocol .onecol {
	width: 90%;
}

.col1, .col2, .col3, .col4, .leftCol, .rightCol {
	float: left;
	display: inline;
	}
.onecol .col1 {
	width: 100%;
	}
.twocol .col1 {
	width: 48%;
	margin: 0 3% 0 0;
	}
.twocol .col2 {
	width: 48%;
	float: right;
	}
#content-product .twocol .col1 {
	width: 46%;
	margin: 0 5% 0 0;
	}
#content-product .twocol .col2 {
	width: 46%;
	}
.twocol.icon .col1 {
	width: 12%;
	margin: 0 2% 0 0;
	}
.twocol.icon .col2 {
	width: 86%;
	}
.twocol.icon .twocol .col1 {
	width: 48%;
	margin: 0 4% 0 0;
	}
.twocol.icon .twocol .col2 {
	width: 48%;
	}
.threecol .col1, .threecol .col2 {
	width: 30%;
	margin: 0 5% 0 0;
	}
.threecol .col3 {
	width: 30%;
	}
.twocol.icon.col1, .twocol.icon .onecol .col1 {
	width: 100%;
	}
.twocol.icon .threecol .col1 {
	width: 30%;
	margin: 0 5% 0 0;
	}
.twocol.icon .threecol .col2 {
	width: 30%;
	margin: 0 5% 0 0;
	}
.twocol.icon .threecol .col3 {
	width: 30%;
	}
.twothirds .col1 {
	width: 60%;
	}
.twothirds .col2 {
	width: 35%;
	margin: 0 0 0 5%;
	}
.onethird .col1 {
	width: 20%;
	margin: 0 4% 0 0;
	}
.onethird .col2 {
	width: 75%;
	}

#content .forty-sixty .col1 {width: 40%;}
#content .forty-sixty .col2 {width: 55%; margin: 0 0 0 5%;}
#content .seventy-thirty .leftCol {width: 70%;}
#content .seventy-thirty .rightCol {width: 25%; margin: 0 0 0 5%;}
#content .seventy-thirty .leftCol h2, #content-product .twocol .col1 h2, #content-product .twocol .col2 h2 {color: #798f2c; font-size: 1.6em; line-height: 1.2em;}
#content .seventy-thirty .rightCol p, #content .twothirds .col2 p {margin-bottom: 10px;}
#content .seventy-thirty .leftol p a, #content .seventy-thirty .leftol p a:link {color: #798f2c;}
#content .seventy-thirty .leftCol ul li {font-size: 1.4em; padding: 0 0 0 15px; background: url('../images/bullet-green.png') no-repeat 0 .5em; color: #333; list-style: none; font-size: 1.2em;}
#content-product .twocol .col1 ul li, #content-product .twocol .col2 ul li {font-size: 1.2em; padding: 0 0 0 15px; background: url('../images/bullet-green.png') no-repeat 0 .5em; clear: left; list-style: none;}

#content .twothirds .col1 h2, #content .twothirds .col2 h2 {color: #798f2c; font-size: 1.8em; margin: 0; padding: 0;}

/* WHY CHOOSE US */
#content #why-choose {float:left; display:inline; border:3px solid #f1f1f1; background-color: #f8f8f8; margin:0;}
#content #why-choose h4 {font-size:1.8em !important; margin:15px 0 10px 10px !important; color: #666!important;}
#content #why-choose p {margin:0 10px 17px 10px; font-size: 1.3em; text-align: left;}
#content #why-choose h3 {font-size:2em; margin-top:34px;}
#content #content .col2 li {background:url('../images/bg-service_separator.gif') center bottom no-repeat; padding:10px 0; overflow:hidden;}
#content .twothirds .col2 p.phoneNumber {font-size: 3em; color: #666; background: url(../images/phone.gif) #fff no-repeat bottom right; padding: 0 50px 30px 0;}
.example {float: left; padding: 4px; border: solid 1px #ccc; margin: 0 8px 0 0;}
.breaker {border-bottom: 1px solid #ccc; margin: 40px 0 0 0; padding: 0;}

.wrapper {
	float: left;
	width: 620px;
	}
	


/* Forms */
/***********************************************************************/

#content form {padding: 0; margin: 0; font-size: 1.2em; width: 100%;}
#content .activeformarea, #content .section {clear: both; margin: 5px 0 10px 0; border: solid 1px #b1bdc1; background: url("../images/form-bg.gif") repeat-x #fff;}
#content fieldset {border: none;  margin: 0; padding: 0; background: url("../images/form-bg.gif") repeat-x #fff;}
#content legend {color: #044b70; margin: 0 0 0 -8px; font-size: 1.2em; font-weight: normal; padding: 5px 4px 5px 4px; background-color: #e8eff2;}
#content input {color: #333; padding: 2px; margin: 0; border: solid 1px #999;}
#content select, #content option {color: #333; padding: 2px; margin: 0; border: solid 1px #999;}
#content textarea {color:#333; padding: 2px; margin: 0; font-family: Arial, Helvetica, sans-serif; border: solid 1px #999;}
#content label {color: #333; font-weight: bold; margin: 0; width: 80%; text-align: left; display: block;}
#content form ol {list-style: none; margin: 0; padding: 0; border-top: solid 3px #87a0a8;}
#content form ol li, #content form ol div.data, #content form ol li div.mandatory {margin: 0; text-indent: 0; padding: 3px 0 3px 30px; border-top: dotted 1px #ccc;}
#content .activeformarea span.mandatory {margin: 0; font-size: .9em; font-weight: normal; font-style: normal;}
#content .submitButtons {background-color: #dce4e7; padding: 3px 0 3px 30px; margin: 0;}
#content .submitButtons input {clear: none;}
#content form li label.radio {font-weight: normal; padding: 3px 20px 0 2px; width: auto; display: inline;}

/* FOOTER ######################## */

#footer {float: left; height: 150px; margin: 0; font-size: 1.1em; background: url('../images/footer-bg.gif') top repeat-x #34351e; padding:20px 0 17px 0; color:#eee; width: 100%; border-top: 3px #ccc solid; text-align: right; z-index: 20;}	
.footer-inner {width: 920px; margin: 0 auto; text-align: right;}
.footer-inner h3 {font-size: 2.5em; color: #eee; text-transform:uppercase; font-weight:bold;}
.footer-inner p {font-size: 1.8em; margin: 0;}
.footer-inner p a img {margin: 10px 0 0 0;}
.footer-inner .copyright {font-size: 1.2em; margin-top: 1em;}