/* Style Sheet for
 * Released Under the GPL License, which permits modification and redistribution under the same license. 
 * LICENSE, DEVELOPER CREDITS AND COPYRIGHT MUST REMAIN INTACT FOR LEGAL USE
 * Developer Credits: Ed Nailor (http://ednailor.com)
 * Copyright 2010 by Ed Nailor
 */

/* CSS Reset - Eric Meyer v.2 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, 
td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* Clearfix */
.clearfix { clear: both; }
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }

html { 
	margin: 0;
	padding: 0;
	background: #fff url('images/html-bg.jpg') repeat;
	}
	
body {
	margin: 0;
	padding: 0;
	background: url('images/html.jpg') no-repeat top center; 
	text-align: center;
	font-family: 'Ubuntu', sans-serif;
	color: #000;
	font-size: 14px;
	line-height: 1.5em;
	}
	
body.index {
	background: url('images/html-home.jpg') no-repeat top center; 
	}
	
p { padding: 1em 0; }

a { color: #107610; }
a:hover { color: #000; }

b, strong { font-weight: bold; }
em { font-style: italic; }

h1, h2, h3, h4, h5, h6 {
	color: #107610;
	font-size: 22px;
	line-height: 32px;
	}

	
#container {
	width: 920px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	}
	
#header {
	}
	
.branding {
	width: 920px;
	height: 100px;
	padding: 0;
	}
	
	
.logo {
	float: left;
	width: 306px; 
	height: 80px;
	padding: 20px 0 0;
	}
	
.logo a {
	display: block;
	width: 100%;
	height: 100%;
	background: url('images/logo.png') no-repeat center;
	text-indent: -9999em;
	}
	
.call {
	height: 75px;
	padding-top: 25px;
	float: right;
	text-align: right;
	color: #fff;
	font-family: 'Ubuntu', sans-serif;
	font-size: 22px;
	letter-spacing: 0.15em;
	}

	
#content {
	padding: 0;
	margin: 0;
	}
	
#main {
	background: rgba(255, 255, 255, 0.8) url('images/divider-main.png') no-repeat top center;
	position: relative;
	top: -70px;
	z-index: 100;
	width: 560px;
	padding: 40px 20px 20px;
	float: left; 
	margin-left: 10px;
	}
	
#ie6 #main,
#ie7 #main {
	background: #fff url('images/divider-main.png') no-repeat top center;
	}
	
.index #main {
	top: -30px;
	float: right; 
	}
	
.products-grid #main {
	background: rgba(255, 255, 255, 0.8);
	top: -30px;
	width: 780px;
	padding: 10px 40px 20px;
	margin: 0 30px;
	}
	
.products-grid h1 {
	background: url('images/divider-main.png') no-repeat top left;
	padding-top: 40px;
	}
	
#main ul {
	list-style: disc outside;
	padding-left: 30px;
	}
	
#main ol {
	list-style: decimal outside;
	padding-left: 30px;
	}
	
.faqs .question { 
	padding-top: 10px;
	}
	
.faqs .answer {
	padding: 0 20px;
	background: #efefef;
	}
	
a.pdf {
	display: block;
	padding-left: 30px;
	background: url('images/pdf.gif') no-repeat left center;
	height: 20px;
	margin: 10px 0;
	}
	
table.compare td, table.compare th{
	background: #efefef;
	padding: 5px 10px;
	border: 1px solid #fff;
	}
	
table.compare td.right, table.compare th.right{
	background: #ffaa69;
	}
	
.amazing { 
	display: block;
	width: 100%;
	height: 23px;
	background: url('images/amazing-protection.png') no-repeat left center;
	text-indent: -9999em;
	}
	
.overhead { 
	display: block;
	width: 100%;
	height: 23px;
	background: url('images/cut-overhead.png') no-repeat left center;
	text-indent: -9999em;
	}
	
#side {
	color: #107610;
	position: relative;
	margin-top: 20px;
	z-index: 100;
	width: 270px;
	float: right;
	padding-bottom: 30px;
	margin-left: 10px;
	}

.index #side {
	float: left; 
	margin-top: -70px;
	}
	
.products-grid #side {
	display: none;
	}
	
#side ul {
	list-style: disc outside;
	padding-left: 30px;
	}
	
#side ul.no-bullets {
	list-style: none outside;
	padding-left: 10px;
	}

	
#side li.active a { 
	color: #000;
	}
	
#side #featured-products {
	width: 230px;
	height: 140px;
	background: url('images/side-featured.png') no-repeat top center;
	padding: 65px 20px 30px;
	}
	
#side ul#featured {
	list-style: none;
	padding: 0;
	}
	
#side a.pdf {
	margin: 0 0 0 30px;
	}
	
#side .overhead { 
	display: block;
	width: 100%;
	height: 49px;
	background: url('images/cut-overhead-sidebar.png') no-repeat left center;
	text-indent: -9999em;
	margin-bottom: 10px;
	}
	
#footer {
	background: url('images/footer.png') repeat-x top center;
	}
	
#footer-container {
	width: 920px;
	margin: 0 auto;
	text-align: right;
	padding: 15px 0;
	color: #fff;
	font-size: 12px;
	font-family: tahoma, 'Unbuntu', sans-serif;
	}
	
#footer .phone {
	font-size: 15px;
	}
	
	
/* Navigation */
	
nav#primary {
	width: 920px;
	height: 26px;
	text-align: right;
	}
	
nav#primary ul {
	float: right; 
	}
	
nav#primary li {
	display: block;
	float: left;
	border-left: 1px solid #fff;
	padding: 0 7px 0 6px;
	margin: 0;
	}
	
nav#primary li.index {
	border-left: 0; 
	}
	
nav#primary li a {
	margin: 0;
	text-decoration: none;
	color: #006a00;
	font-family: 'Ubuntu', sans-serif;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 0.1em;
	padding-bottom: 4px;
	}
	
nav#primary li ul {
	display: none;
	top: 30px;
	}
	
.index nav#primary li a {
	padding-bottom: 2px; 
	}
	
nav#primary li a:hover,
.index nav#primary li.index a,
.about nav#primary li.about a,
.topguard nav#primary li.topguard a,
.products nav#primary li.products a,
.green nav#primary li.green a,
.contact nav#primary li.contact a
	{
	border-bottom: 5px solid #006a00; 
	}
	
.about nav#primary li.about ul li.topguard a {
		text-decoration: underline; 
		}
	
nav#secondary {
	text-align: right;
	padding-bottom: 15px;
	}
	
nav#secondary li {
	display: inline;
	padding: 0 7px;
	margin: 0;
	}
	
nav#secondary li:last-child {
	padding-right: 0; 
	}

nav#secondary li.index {
	border-left: 0; 
	}
	
nav#secondary li a {
	margin: 0;
	text-decoration: none;
	color: #fff;
	font-family: tahoma, 'Unbuntu', sans-serif;
	font-size: 12px;
	}

nav#secondary li ul {
	display: none;
	}
	
nav#secondary li a:hover,
.index nav#secondary li.index a,
.about nav#secondary li.about a,
.topguard nav#secondary li.topguard a,
.products nav#secondary li.products a,
.green nav#secondary li.green a,
.contact nav#secondary li.contact a
	{
	text-decoration: underline; 
	}
	
	
/* Helpers */
.divider {
	display: block;
	height: 20px;
	width: 100%;
	clear: both;
	background: url('images/divider-side.png') no-repeat center; 
	}
	
.alignright {
	float: right;
	}
	
.alignleft {
	float: left;
	}
	
.aligncenter {
	text-align: center;
	margin: 0 auto;
	}
	
.ie-error { text-align: left; }
	
/* Contact Form */
.contact label { margin: 5px 0; clear: both; }	
input.email { display: none; }
input.textfield { width: 200px; margin-botom: 10px; }
textarea.message { width: 300px; height: 130px; }
	
/* Products Styles */
.product-table {
	text-align: center;
	margin: 20px auto;
	width: 780px;
	}
	
.single-product {
	float: left;
	text-align: center;
	background: #efefef;
	width: 230px;
	margin: 14px;
	padding: 10px 0;
	border: 1px solid #cecece;
	}
	
.single-product:hover {
	background: #f2b87e;
	border: 1px solid #000;
	color: #000;
	}
	
.single-product-image {
	padding: 5px;
	}
	
.single-product img {
	max-width: 100px;
	border: 1px solid #cecece;
	}
	
.single-product:hover img {
	border: 1px solid #000;
	}

	

	
	
	
	
/* Image Slider Styles */
#unoslider {
	overflow: hidden;
	}
	
.unoslider {
  list-style: none;
  position: relative;
  width: 920px;
  height: 400px;
  margin: 0 auto;
  padding: 0;
  clear: both;
  margin-top: 2px;
}

.index .unoslider {
	height: 490px;
	margin-top: 0;
	}
	
.unoslider li {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* Timebar */
.unoslider_timer {
  background-color: white;
  width: 0%;
  height: 3px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.5;
  -moz-box-shadow: 0px 2px 2px black;
  -webkit-box-shadow: 0px 2px 2px black;
  -o-box-shadow: 0px 2px 2px black;
  box-shadow: 0px 2px 2px black;
}

/* Progress bar preloader container */
.unoslider_preloader {
  background: rgba(255, 255, 255, 0.5);  
}

/* progress bar preloader */
.unoslider_preloader .unoslider_progress {
  width: 30%;
  height: 5px;
  margin: 0 auto;
  border-top: 1px solid #7c7c7c;
  border-bottom: 1px solid #f1f1f1;
  border-left: 1px solid #949494;
  border-right: 1px solid #949494;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9a9a9a), color-stop(100%, #b3b3b3));
  background: -webkit-linear-gradient(#9a9a9a, #b3b3b3);
  background: -moz-linear-gradient(#9a9a9a, #b3b3b3);
  background: -o-linear-gradient(#9a9a9a, #b3b3b3);
  background: -ms-linear-gradient(#9a9a9a, #b3b3b3);
  background: linear-gradient(#9a9a9a, #b3b3b3);
}
/* progress bar fill */
.unoslider_preloader .unoslider_progress span {
  display: block;
  height: 100%;
  background: #66cccc;
}

/* Spinner preloader */
.unoslider_spinner {
  background: url('/images/spinner.gif') white center center no-repeat;
}	
	


#unoslider .overlay { 
	z-index: 11;
	background: url('images/slider-overlay.png') no-repeat top left;
	position: absolute;
	top: 0;
	left: 0;
	height: 400px;
	width: 920px;
	}
	
.index #unoslider .overlay { 
	background: url('images/slider-overlay-home.png') no-repeat top left;
	height: 490px;
	}
	
#unoslider li {
	width: 920px;
	height: 400px;
	position: relative;
	}
	
.index #unoslider li {
	height: 490px;
	}
	
#unoslider .slide-bg { 
	position: relative; 
	top: 0; 
	left: 0; 
	}
#unoslider .slide-description { 
	position: relative; 
	top: -400px; 
	min-height: 75px;
	width: 620px; 
	padding: 20px 270px 20px 20px; 
	margin-right: 5px; 
	margin-left: 5px; 
	color: #fff; 
	background: green; 
	z-index: 13;
	opacity: 0.7;
	font-size: 18px; 
	line-height: 25px;
	font-family: 'Unbutu', sans-serif;
	overflow: hidden;
	text-shadow: 1px 1px 3px #000;
	}
	
.index #unoslider .slide-description { 
	top: -490px; 
	}
	
#unoslider .slide-product { 
	position: relative;
	top: -510px;
	left: 680px;
	width: 190px;
	height: 350px;
	z-index: 14;
	}
	
.index #unoslider .slide-product { 
	top: -530px;
	}
	
.unoslider_indicator {
	left: 10px !important;
	bottom: 100px !important;
	}

.index .unoslider_indicator {
	bottom: 150px !important;
	}
	
.unoslider_indicator a {
	display: block !important;
	width: 10px !important;
	height: 10px !important;
	background: #fff !important;
	border: 2px solid #fe9125 !important;
	margin-top: 5px !important;
	}
	
.unoslider_indicator a.unoslider_indicator_active {
	display: block !important;
	width: 10px !important;
	height: 10px !important;
	background: #fe9125 !important;
	border: 2px solid #fe9125 !important;
	margin-top: 5px !important;
  -moz-border-radius: 0 0 0 !important;
  -webkit-border-radius: 0 0 0 !important;
  -o-border-radius: 0 0 0 !important;
  -ms-border-radius: 0 0 0 !important;
  -khtml-border-radius: 0 0 0 !important;
  border-radius: 0 0 0 !important;
  -moz-box-shadow: 0 0 0 !important;
  -webkit-box-shadow: 0 0 0 !important;
  -o-box-shadow: 0 0 0 !important;
  box-shadow: 0 0 0 !important;
	}
	
#featured .unoslider_caption {
	background: transparent !important;
	bottom: auto !important;
	top: -50px !important;
	opacity: 1 !important;
	color: #107610 !important;
	border-top: 0px !important;
	border-bottom: 0px !important;
	font-weight: bold !important;
	font-family: font-family: 'Ubuntu', sans-serif !important;
	font-size: 20px !important;
	text-shadow: #fff 0 0 0 !important;
	}
	
#featured .unoslider_caption a {
	color: #107610 !important;
	text-decoration: none;
	}
	
#featured .unoslider_left, #featured .unoslider_right {
	width: 18px !important;
	height: 27px !important;
	}
	
#featured .unoslider_left {
	background: url('images/slider-arrow-left.png') no-repeat center;
	}

#featured .unoslider_right {
	background: url('images/slider-arrow-right.png') no-repeat center;
	}
	

@media all and (min-width: 1280px) {

body {
	background: url('images/html-wide.jpg') no-repeat top center; 
	}
	
body.index {
	background: url('images/html-home-wide.jpg') no-repeat top center; 
	}

}






/* Preset for Drop Down Menu */
.menu-above-container,.menu_above {
	margin: 0 auto;
	width: 100%;
	display:block;
	float:left;
	font-size: 16px;
	text-transform: uppercase;
	}
	
.menu-above-container a,.menu_above,.menu_above a {
	display:block;
	text-decoration:none;
	color:#000;
	line-height:1.2em;
	}	
	
.menu-above-container a,.menu_above a {
	padding:0 15px;
	}
	
nav#primary ul {
	list-style: none;
	margin: 0;
	}
	
nav#primary ul ul { /* The drop down level */
	//display:none;
	position:absolute;
	top:40px;
	left:0;
	float:left;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	z-index: 99999;
	}

nav#primary ul ul li { 
	min-width: 180px;	
	text-align: left;
	}
	
nav#primary ul ul ul{ 	
	left:100%;
	top:0;
	}
	
nav#primary ul ul a { /* affects the drop down part of navigation */
	background:#c74a1a;
	height:auto;
	line-height:1em;
	width: 160px;
	}
	
nav#primary ul li:hover > a { /* Color of the main nav area when hovered */
	background: transparent; 
	color: #000;
	}

nav#primary ul ul :hover > a { /* Color of the drop nav when hovered */
	
	}
	
nav#primary ul  li:hover > ul  {
	display:block;
	}

nav#primary ul li {
	float:left;
	position: relative;
	}	
	
nav#primary ul li.current_page_item > a, 
nav#primary ull li.current-menu-ancestor > a, 
nav#primary ul li.current-menu-item > a, 
nav#primary ul li.current-menu-parent > a {
	color: #fff;
	}
	
* html nav#primary ul li.current_page_item a,
* html nav#primary ul li.current-menu-ancestor a,
* html nav#primary ul li.current-menu-item a,
* html nav#primary ul li.current-menu-parent a,
* html nav#primary ul li a:hover {
	color:#fff;
	}
	
nav#primary ul li.current_page_item a,nav#primary ul li.current-page-item a,nav#primary ul li.current-menu-item a { /* Current page on main nav bar */
	background: transparent; color: #000;
	}



/*Top Nav*/

nav#primary .menu-item-176 a { border-right:none; }
nav#primary ul li.current_page_item > a, nav#primary ull li.current-menu-ancestor > a, nav#primary ul li.current-menu-item > a, nav#primary ul li.current-menu-parent > a { color:#000; }



/*Sub Nav*/
nav#primary ul ul { left: -10px; top:21px; padding: 5px 0 10px;
	background: #006A00; 
 }
nav#primary ul ul a { font-family: Arial, sans-serif; background:none; border: 0px !important; color:#fff !important; font-size:13px; font-weight:normal; text-transform:capitalize; padding:8px 0px 8px 10px; margin:0; }
nav#primary ul ul li a:hover { border: 0; color: #000; text-decoration: underline; }
nav#primary ul ul li { text-align: left; border: 0; }