@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}


/****************************** HEADER ******************************/


#headerWrapper {
	float:left;
	width:100%;
	height:500px;
	background:url('../images/headerBG.jpg') center no-repeat #111;
}
#headerContainer {
	width:960px;
	height:500px;
	margin:0 auto;
}
#headerTopWrapper {
	width:960px;
	height:175px;
	float:left;
	position:absolute;
}
#logo {
	width:250px;
	height:175px;
	margin:0 0 0 120px;
	float:left;
	overflow:none;
}
#logo img {
	border:none;
}
#promoText {
	width:460px;
	height:45px;
	padding:35px 0 25px 0;
	float:left;
	text-align:right;
}
.phone {
	font-size:24px;
	color:#8cc63f;
	font-style:italic;
}
.tagline {
	font-size:16px;
	font-weight:bold;
	color:#bcd1a0;
}


/****************************** HEADER ******************************/


#nav {
	width:460px;
	float:left;
	height:70px;
}
#navMenu ul {
	list-style:none;
	padding:0;
	margin:0;
	float:right;
}
#navMenu li {
	list-style:none;
	display:inline-block;
	margin:0;
	padding:0;
}
#navMenu li a {
	display:block;
	color:#fff;
	background:#222;
	text-decoration:none;
	height:60px;
	width:100px;
	padding:10px 0 0 0;
	background:#222;
	text-align:center;
	line-height:60px;
	margin:0;
	font-size:12px;
	font-weight:bold;
}
#navMenu li a:hover {
	color:#fff;
	background:#333;
}



#navMenu {
	width:460px;
	float:left;
	height:70px;
}


/****************************** HERO ******************************/


#headerContainer #hero {
	width: 960px;
	height: 325px;
	position: absolute;
	clear:both;
	top: 175px;
}
#headerContainer #hero #hero_image {
	position: relative;
	width: 720px;
	height: 325px;
	margin:0 auto;
	overflow:hidden;
}
#headerContainer #hero #hero_image a {
	border: 0;
}
#headerContainer #hero #hero_image img {
	width: 720px;
	height: 325px;
	top:0;
	left:0;
	border:none;
}
#headerContainer #hero_prev {
	background: url('../images/hero_prev.png') no-repeat top;
	width: 62px;
	height: 63px;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 150px;
	left: 0;
}
#headerContainer #hero_prev:hover {
	background-position: bottom;
}
#headerContainer #hero_prev:active {
	background-position: top;
}
#headerContainer #hero_next {
	background: url('../images/hero_next.png') no-repeat top;
	width: 62px;
	height: 63px;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 150px;
	left: 898px;
}
#headerContainer #hero_next:hover {
	background-position: bottom;
}
#headerContainer #hero_next:active {
	background-position: top;
}


/****************************** CONTENT ******************************/


#contentWrapper {
	float:left;
	width:100%;
	padding:0 0 50px 0;
	background:url('../images/contentBG.png') center repeat-y #c7c7c7;
}
#contentContainer {
	width:725px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
#shadow {
	width:725px;
	height:25px;
	float:left;
	margin:0;
	padding:0;
	background:url(images/shadow.png) top no-repeat;
}
#content {
	float:left;
	width:700px;
	margin:20px 12px 20px 13px;
}
#contentLeft {
	width:500px;
	float:left;
	margin:0 20px 0 0;
}
#contentLeft h1 {
	color:#7ab42e;
	font-size:24px;
	margin:0 0 10px 0;
	padding:0;
	font-weight:normal;
}
.greyHeader {
	font-size:20px;
	color:#888;
}
#contentLeft blockquote {
	font-size:16px;
	color:#888;
	font-weight:normal;
	font-style:italic;
	line-height:28px;
	padding:10px 20px;
	margin:0;
}
#contentLeft dl {
	clear:both;
	margin:0;
	padding:0;
	width:390px;
	font-size:12px;
	color:#666;
}
#contentLeft dt {
	float:left;
	text-align:left;
	width:60px;
	line-height:18px;
	margin:0 5px 10px 0;
	padding:0;
}
#contentLeft dd {
	float:left;
	width:290px;
	line-height:22px;
	margin:0 0 10px 0;
	padding:0;
}
#contentLeft textarea {
	width:280px;
	height:100px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.textfieldStyle {
	width:280px;
	height:20px;
	color:#666;
}
.formSubmit {
	color:#fff;
	background:#666;
	font-size:11px;
	text-transform:uppercase;
	width:280px;
	height:26px;
	border:0;
}
#content h3 {
	font-size:18px;
	color:#7ab42e;
	font-weight:normal;
	margin:20px 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #ddd;
}
#contentLeft p, #contentLeft ul li {
	font-size:14px;
	color:#666;
	line-height:24px;
}
#contentLeft p a, #contentLeft ul li a {
	color:#619a15;
	text-decoration:none;
}
#contentLeft p a:hover, #contentLeft ul li a:hover {
	color:#619a15;
	text-decoration:underline;
}
#contentRight {
	width:180px;
	float:left;
}
.productNavLeft a, .productNavRight a {
	font-size:14px;
	color:#333;
	width:240px;
	height:40px;
	padding:20px 0;
	line-height:40px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	display:block;
	float:left;
	margin:0 20px 20px 0;
	background:url(images/productNav_bg.gif) no-repeat #dddddd;
}
.productNavRight a {
	margin:0 0 20px 0;
}
.productNavLeft a:hover, .productNavRight a:hover {
	color:#333;
	text-decoration:underline;
}
.facebook {
	width:180px;
	margin:0 0 0 0;
}
.facebook img {
	border:none;
}
.rightButton a {
	width:160px;
	height:80px;
	padding:35px 10px 5px 10px;
	display:block;
	background:url(images/buttonRightCol.gif) no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-align:left;
	text-decoration:none;
	margin:0 0 20px 0;
}
.rightButtonGallery a {
	width:180px;
	height:80px;
	padding:30px 0 10px 0;
	display:block;
	background:url(images/buttonRightColGallery.gif) no-repeat;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	text-decoration:none;
	margin:0 0 20px 0;
}
.rightButtonSmallText {
	font-size:13px;
	font-weight:normal;
	font-style:italic;
}
.rightButtonXSmallText {
	font-size:12px;
	font-weight:normal;
	font-style:italic;
}
.rightButton a:hover, .rightButtonGallery a:hover {
	color:#c8ff7e;
}
#contentRight img {
	margin:0 0 20px 0;
	border:none;
}

/****************************** FOOTER ******************************/


#footerWrapper {
	float:left;
	width:100%;
	height:280px;
	background:url('../images/footerBG.jpg') center no-repeat #111;
}
#footerContainer {
	width:725px;
	height:220px;
	margin:0 auto;
	padding:30px 0;
	overflow:hidden;
	color:#919191;
	font-size:12px;
	line-height:24px;
	overflow:hidden;
}
#footerContainer a {
	color:#7b9c50;
	text-decoration:none;
}
#footerContainer a:hover {
	text-decoration:underline;
}
#footerContainer ul {
	list-style:none;
	padding:0;
	margin:0;
}
#footerContainer li {
	margin:0 0 8px 0;
	padding:0;
	line-height:16px;
	color:#919191;
}
#footerContainer li a {
	color:#919191;
	text-decoration:none;
}
#footerContainer li a:hover {
	color:#7b9c50;
	text-decoration:none;
}
#footerColOne {
	float:left;
	width:210px;
	height:220px;
	padding:0 20px 0 0;
	margin:0 20px 0 0;
	border-right:1px solid #393939;
}
#footerColTwo {
	float:left;
	width:180px;
	height:220px;
	padding:0 20px 0 0;
	margin:0 20px 0 0;
	border-right:1px solid #393939;
}
#footerColThree {
	width:70px;
	float:left;
	height:220px;
	padding:0 20px 0 0;
	margin:0 20px 0 0;
	border-right:1px solid #393939;
}
#footerColFour {
	float:left;
	width:142px;
	height:220px;
}
.smallText {
	font-size:11px;
}

/***************************
 CONTACT FORM
***************************/

#contact p, label, legend { font: 14px; }

#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #666; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #ddd; border-style: none none solid; }

#contact { display: block; width: 500px; margin: 20px 0; padding: 0; border: none; -webkit-border-radius:5px;  }

/* Form style */

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 14px; -webkit-border-radius:5px; color:#666; }
#contact input, textarea, select { width: 290px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:13px  'Ubuntu', sans-serif; webkit-border-radius:5px; }   
#contact textarea {width:290px !important;}
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#666; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#7ab42e; color:#fff; }
#contact input.submit:hover { background:#60911f; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:0; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#666; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('/images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('/images/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }