@charset "utf-8";



/***** MAIN *****/



body {
}



h1 { 

	font-weight: bold;

	font-size: 26px;

	margin: 0 0 10px 0;

	padding: 0;

}

h1.gry { color: #787878; }

h1.grn { color: #007550; }

h2.grn { color: #007550; font-size: 18px; font-weight: bold; margin: 4px 0; padding: 0; }

h3.grn { color: #007550; font-size: 13px; font-weight: bold; margin: 4px 0; padding: 0; }



p {
}

.lrgGrnBld { color: #007550; font-size: 18px; font-weight: bold; }

p.bld { font-size: 14px; font-weight: bold; }

a { color: #007550; text-decoration: none; }

a:hover { text-decoration: underline; }

p.tiny { color: #FFF; font-size: 12px; }

.f-left { float: left; }

.f-right { float: right; }

.padtop { padding-top: 10px; }

.m0 { margin: 0; padding: 0; }

.close { display: none; }

.open { display: block; }

ul.LG-list {

	margin: 0;

	padding: 0;

	list-style: none;

	font-size: 13px;

}

ul.LG-list li {

	background: url(imgs/grn-arrow.gif) top left no-repeat;

	margin: 0;

	padding: 0 0 0 15px;

	color: #000;

	

}



object { outline:none; }



img.plusminus {

	float: left;

	margin: 0 5px 10px 0;

	padding: 0;

}



/***** Clearing floats: http://www.positioniseverything.net/easyclearing.html *****/

.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

	

}

.c\learfix:after { line-height: 0; }

.clearfix { display: inline-block; }



/* Hides from IE-mac \*/

* html .clearfix { height: 0%; }

.clearfix { display: block; }



/***** HEADER *****/



#header {

	width: 100%; 

	height: 126px;

	background: url(imgs/header-bk.jpg) repeat-x;

	border-bottom: 2px solid #FFF;

	margin: 0 auto;

}

#header-logos {

	margin: 0 0 0 15px;

}

#header-logos .leafguard-logo { padding-right: 15px; }

#header-logos .leafguard-logo img { padding-bottom: 20px; }

#header-logos .leafguard-phone { padding-right: 10px; }

#header-logos .leafguard-phone img { padding-bottom: 10px; }

#header-navigation { 

	width: 985px;

	margin: 0 auto;

	padding: 0;

}

#header ul#nav {

	float: left;

	list-style: none;

	width: 100%;

	padding: 0 0 0 4px;

	margin: 0;

}

#header ul#nav li {

	float: left;

	width: auto;

	height: 29px;

	margin: 0 1px 0 0;

	padding: 0;

	color: #FFF;

	font-size: 14px;

	background: url(imgs/nav-left.jpg) top left no-repeat;

}

#header ul#nav li.selected { background: url(imgs/nav-left.jpg) top left no-repeat; }

#header ul#nav li.selected { background: url(imgs/nav-left_ro.jpg) top left no-repeat; }



#header ul#nav a {

	float: left;

	display: block;

	margin: 0 0 0 0;

	height: 21px;

	padding: 6px 15px 2px 15px;

	text-decoration: none;

	color: #FFF;

	background: url(imgs/nav-right.jpg) right no-repeat;

}

#header ul#nav a.selected { background: url(imgs/nav-right_ro.jpg) right no-repeat; }

#header ul#nav a:hover { background: url(imgs/nav-right_ro.jpg) right no-repeat; }



/***** MAIN *****/

div.main {

	clear: both;

	width: 980px;

	margin: 15px auto 5px auto;

}



/***** MAIN :: Left Rail *****/

div.main-left {
	float: left;
	width: 660px;
	margin: 0 20px 0 0;
	padding: 0;
	z-index: 8;
}





/***** MAIN :: Right Rail *****/

div.main-right {

	float: right;

	width: 300px;

	margin: 0;

	margin-top: 50px;

	padding: 0;

	

}

#home div.main-right { margin: 0; }



/***** VIDEO PLAYER CONTAINER *****/

div#vidplayer { 

	background: url(imgs/videoplayerBkg.jpg) top left no-repeat;

	height: 361px;

	width: 660px; 

}

div#vidplayer #SWFVideo {

	float: left;

	width: 400px;

	height:auto;

	margin: 0; padding: 0;

	padding-top: 25px;

	padding-left: 85px;

}

div#vidplayer #vp-right {

	float: left;

	width: 145px;

	height:auto;

	margin: 0; 

	padding: 20px 15px;

}



#vp-right ul {

	margin: 0; 

	padding: 0; 

	list-style: none;

}

#vp-right li {

	margin: 0; 

	padding: 0 0 8px 0;

	list-style: none;

}

#vidScrollContent { height:325px; width:140px; text-align:left; }

#vidScrollContent p { margin: 0; padding: 0; }

#vidScrollContent p.vidcaption { marging: 0; font-size: 10px; color: #666; padding: 0 0 0 5px; }

 

#testimonial-list { height: 115px; width: 100%; margin: 0; padding: 0; }

#testimonial-list ul { list-style: none; margin: 0; padding: 0; width: 100%; }

#testimonial-list li { list-style: none; margin: 0; padding: 0 10px 0 0; float: left; }

#testimonial-list p { margin: 0; padding: 0; }

#testimonial-list p.vidcaption { marging: 0; font-size: 10px; color: #666; padding: 0; }



.scrollBox { overflow:-moz-scrollbars-vertical; overflow-x:hidden; overflow:auto;padding-right:5px; }

.scrollBoxh { overflow-y : hidden;

POSITION : relative;

OVERFLOW : auto;

WIDTH : 100%; 

background-color: #96C}



/***** WHITE BOX *****/

div.white-box {

	background: url(imgs/whitebox-top.jpg) top no-repeat; 

	clear: both;

	width: 660px; 

	height: auto;

	margin: 0 0 0 0; padding:0 0 0 0; 

}



div.white-box-hr {

	background: url(imgs/whitebox-hr.jpg) top no-repeat; 

	clear: both;

	width: 660px; 

	height: 7px;

	margin: 0; padding: 0; 

}

div.white-box-mid {

	clear: both;

	background: url(imgs/whitebox-mid.jpg) top repeat-y;

	height: auto;

	width: 610px;

	margin: 0;

	padding: 5px 25px;

	color: #DCDCD7;

}

div.white-box-btm {

	clear: both;

	background: url(imgs/whitebox-btm.jpg) top no-repeat; 

	width: 660px; 

	height: 15px;

	margin: 0; padding: 0; 

}



/***** SMALL WHITE BOX *****/

div.white-box-sm {

	background: url(imgs/whitebox-top-sm.jpg) top no-repeat; 

	clear: both;

	width: 294px; 

	height: auto;

	margin: 0 0 15px 0; 

	padding: 15px 0 0 0; 

}



div.white-box-bar-sm {

	background: url(imgs/whitebox-bar-sm.jpg) top no-repeat; 

	clear: both;

	width: 294px; 

	height: 10px;

	margin: 0; 

	padding: 0; 

}



div.white-box-mid-sm {

	clear: both;

	background: url(imgs/whitebox-mid-sm.jpg) top repeat-y; 

	height: auto;

	width: 244px;

	margin: 0;

	padding: 15px 25px;

}

div.white-box-btm-sm {

	clear: both;

	background: url(imgs/whitebox-btm-sm.jpg) top no-repeat; 

	width: 294px; 

	height: 15px;

	margin: 0; padding: 0; 

}



/***** HOME PHOTO GALLERY *****/

#photo-gallery { 

	float: left;

	margin: 10px 15px 0 0;	

	padding: 0;

}



/***** DARK GREEN BOX *****/

div.drkgrn-top {

	background: url(imgs/greenbox-top.gif);

	width: 292px;

	height: 41px;

	margin: 0; padding: 0;

}



div.drkgrn-top h2 {

	font-size: 18px;

	color: #FFF;

	padding: 10px 20px 0 20px;

	margin: 0;

}

div.drkgrn-btm {

	background: url(imgs/greenbox-btm.gif) bottom no-repeat;

	width: 292px;

	height: auto;

	margin: 0; padding: 0;

	margin-bottom: 10px;

}

div.drkgrn-btm div.container { padding: 10px 20px 10px 20px; }

div.drkgrn-btm div.container h3  { color: #1E6043; font-size: 16px; font-weight: bold; margin: 0; padding: 0; }

div.drkgrn-btm div.container form, div.drkgrn-btm div.container p { margin: 4px 0; padding: 0; }

div.drkgrn-btm div.container p#name{

	color: #0C0;

	background: url(imgs/input-name-bk.png) no-repeat;

	width: 210px;

	height: 30px;

	padding: 5px 0 0 10px;

}

div.drkgrn-btm div.container input#name-input { border: 0; width: 190px; }



div.drkgrn-btm div.container p#county {

	clear: both; 

	float: left;

	color: #0C0;

/*	background: url(../imgs/input-county-bk.png) no-repeat;*/

	width: 115px;

	height: 35px;

	padding: 3px 0 0 0px;

}

div.drkgrn-btm div.container input#county-input { border: 0; width: 83px; margin: 0; padding: 0;  }



/***** GRAY BOX *****/

div.graybox-top {

	background: url(imgs/graybox-top.gif) top no-repeat;

	width: 292px;

	height: auto;

	margin: 0; padding: 0;

}



div.graybox-top div.container { margin:0; padding: 10px 0 0 8px; }

div.graybox-btm {

	background: url(imgs/graybox-btm.gif) bottom;

	width: 292px;

	height: 8px;

	margin: 0; padding: 0;

}



/***** FOOTER *****/

div#contactform-container {

	width: 600px;

}



div#contact-form-left {

	float: left;

	width: 275px;

}

div#contact-form-right {

	float: right;

	width: 325px;

}

p.contactfld {

	background: url(imgs/contact-field-bk.gif) no-repeat;

	width: 231px;

	height: 25px;

	padding: 5px 0 0 10px;

}

p.contactldLabel {

	width: 231px;

	height: 25px;

	padding: 5px 0 0 10px;

	text-align: right;

}

p.contactareafld {

	background: url(imgs/comments-field-bk.gif) center no-repeat;

	width: 310px;

	height: 190px;

	padding: 5px 0 0 10px;

}

p.contactareafld textarea { 

	font-family: Arial, Helvetica, sans-serif;

	color: #9d9b9c;

	border: 0;

	width: 295px;

	height: 180px;

}

p.contactfld input { 

	border: 0;

	width: 215px;

	color: #999;

}



/***** FOOTER *****/



#footer {

	clear: both;

	width: 983px;

	margin: 10px auto;

}



#footer p { 

	float: left;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	color: #787878;

	width: 275px;

	margin: 0 0 0 5px; padding: 0;

}

#footer ul {

	float: right;

	list-style: none;

	width: 560px;

	text-align: right;

	padding: 0;  margin: 0;

}

#footer li {

	float: left;

	width: auto;

	margin: 0 0 0 20px;

	padding: 0;

	color: #787878;

	font-size: 12px;

}

#footer li a {

	text-decoration: none;

	color: #787878;

}

#footer li a:hover { text-decoration: underline; }









/* // Easy Slider */

#slider-testimonials ul, slider-testimonials li, #slider ul, #slider li{

	margin:0;

	padding:0;

	list-style:none;

}

#slider, #slider li{ 

/* 

	define width and height of container element and list item (slide)

	list items must be the same size as the slider area

*/ 

	width:350px;

	height: auto;

	overflow:hidden; 

}



/* dealer results page */

#slider.dealer, #slider.dealer li{ 

	width:480px;

	height: auto;

	overflow:hidden; 

}



#slider.testimonials { margin: 0 50px; }

#slider.testimonials, #slider.testimonials li {

	width: 100px;

	height: 120px;

	overflow:hidden; 

}



#slider p.caption { 

	margin: 0; padding: 5px;

	font-size: 13px;

	background-color: #CCC;

}



span#prevBtn{ position: absolute; margin-top: -225px; }		

span#nextBtn{ position: absolute; margin-top: -225px; margin-left: 315px;   }		



.required { background: url(imgs/required.gif) top left no-repeat; padding-left: 10px; }



sup.regmark { font-size: 80%;  } 

