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

@import url("reset.css");
/* Color Declaration:
ORANGE:			#efb211
GREEN:			#283b16
GREY: 			#2f2f2f
LT. GREY:		#e2e5df	
*/

/*---------------------------------------------------*/
/*-------------- GENERAL LAYOUT ---------------------*/
/*---------------------------------------------------*/
body {
	font-family:Verdana, Tahoma, Arial, sans-serif;
	background:#fff url(../img/template/cltc_header-bg.jpg) top center repeat-x;
	font-size:11px;
	color:#2f2f2f;
	width:100%;
	height:100%;
	line-height:1.3em;
	text-align:justify;
}
#h1, h1 {
	display:block;
	text-indent:-9999px;
}
#h1 {
	float:left;
	position:relative;
}
h2 {
	position:absolute;
	visibility:hidden;
	float:left;
}
h3 {
	font-size:18px;
	font-weight:normal;
	padding:10px 0;
	border-bottom:1px solid #e2e5df;
	margin-bottom:5px;
}
p {
	padding:5px 0;
}
blockquote {
	width:90%;
	margin:10px auto;
	padding:10px 13px;
	background:#efb211 url(../img/template/cltc_blockquote-bg.jpg) top left repeat-x;	
	font-family:"Times New Roman", Times, serif;
	font-size:1.4em;
	line-height:1.4em;
	font-style:italic;
	color:#283b16;
}
#header-content, #main-content, #footer-content {
	width:100%;	
}
.section {
	clear:both;
	margin-top:20px;
}
.section.short {
	clear:none;
	width:50%;
	float:left;
}

/*---------------------------------------------------*/
/*-------------------- HEADER -----------------------*/
/*---------------------------------------------------*/
#header-container {
	width:940px;
	height:128px;
	margin:0 auto;
}
#header-content #h1, #header-content h1 {
	width:267px;
	height:85px;
}
#header-content #h1 {
	top:20px;
	background:url(../img/template/cltc_main-logo.gif) top left no-repeat;	
}
#header-content #h1:hover {
	background-position:0 -85px;	
}

/*---------------------------------------------------*/
/*------------------- CONTENT -----------------------*/
/*---------------------------------------------------*/
#main-content {
	background:#fff url(../img/template/cltc_main-bg.jpg) bottom left repeat-x;
	padding-bottom:30px;
}
#content-container {
	width:940px;
	margin:0 auto;
}
.col {
	float:left;
}
.col-1x3 {
	margin-top:30px;
	padding-left:5px;
	width:295px;
}
.col-2x3 {
	padding-right:35px;
	width:605px;
}
#services-list {
	margin-top:30px;
}
#services-list li {
	display:block;
	padding-bottom:40px;
}
#services-list li img{
	float:left;
	position:relative;
	left:-18px;
}
.img-fl {
	float:left;
	position:relative;
}
#services-list li p {
	line-height:1.2em;
}
#content-header {
	position:relative;
	display:block;
	height:40px;
	width:100%;
	border-bottom:1px solid #e2e5df;
}
#content-header img {
	position:absolute;
	bottom:-6px;
	padding-right:15px;
	background:#fff;
}
.img-container {
	margin-top:5px;
}
.img {
	position:relative;
	display:block;
	width:280px;
	height:210px;
	background:url(../img/template/cltc_img-bg.png) top left no-repeat;
}
.img img {
	position:absolute;
	top:10px;
	left:10px;
	clip:rect(0px, 260px, 190px, 0px);
	overflow: hidden; 
}
.img-container .caption {
	width:260px;
	color:#999;
	position:relative;
	padding:0px 10px;
	padding-bottom:10px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:1.3em;
	line-height:1.2em;
}
.ie-fl {
	float:left;
	margin-left:-20px;
	margin-right:10px;
}
.fl {
	float:left;
	margin-right:10px;
}
.fr {
	float:right;
	margin-left:10px;
}
ul.bulleted {
	/*clear:both;*/
}
ul.bulleted li {
	background:url(../img/template/cltc_bullet.gif) 15px 6px no-repeat;
	padding-left:25px;
}
.sidetext {
	font-style:italic;
	position:absolute;
	right:0px;
}
.app {
	position:relative;	
}


/*---------------------------------------------------*/
/*-------------------- FOOTER -----------------------*/
/*---------------------------------------------------*/
#footer-content #h1, #footer-content h1 {
	width:153px;
	height:49px;
}
#footer-content #h1 {
	background:url(../img/template/cltc_footer-logo.gif) top left no-repeat;	
}
#footer-content {
	display:block;
	height:130px;
	background:#efb211 url(../img/template/cltc_footer-bg.jpg) top center repeat-x;
}
#bottom-nav-container, #copyright-container {
	display:block;
	width:940px;
	margin:0 auto;
}
#bottom-nav-container {
	height:70px;
	padding-top:30px;
}
#copyright-container {
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:12px;
	color:#283b16;
	line-height:28px;
}

/*---------------------------------------------------*/
/*------------------- NEWSLETTER --------------------*/
/*---------------------------------------------------*/
#newsletter-container {
	display:block;
	float:right;
	width:600px;
	height:40px;
	position:relative;
	top:28px;
}
#newsletter-container li {
	display:block;
	float:left;
}
#nl-form .label{
	display:block;
	width:355px;
	height:30px;
	line-height:30px;
	text-align:right;
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	padding-right:5px;
	font-weight:bold;
}
#nl-form #nl-email {
	border:0px none;
	background:#fff;
	width:160px;
	height:16px;
}
#nl-form #inputs {
	display:block;
	width:222px;
	height:23px;
	padding:4px;
	background:#1f2e11;
}
#nl-form #inputs div {
	float:left;
	display:block;
	padding-top:2px;
	width:164px;
	height:21px;
	background:#fff;
}
#nl-form #nl-go {
	margin-left:2px;	
}
/*---------------------------------------------------*/
/*------------------- Contact -----------------------*/
/*---------------------------------------------------*/
#contact-container {
	display:block;
	float:right;
	width:600px;
	position:relative;
	margin-top:10px;
}
#contact-container li {
	display:block;
	float:left;
}
#contact-form .label{
	display:block;
	width:355px;
	height:30px;
	line-height:30px;
	text-align:right;
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	padding-right:5px;
	font-weight:bold;
	
}
#contact-form #contact-name {
	border:0px none;
	background:#fff;
	width:160px;
	height:16px;
}
#contact-form #contact-email {
	border:0px none;
	background:#fff;
	width:160px;
	height:16px;
}
#contact-form #contact-phone {
	border:0px none;
	background:#fff;
	width:160px;
	height:16px;
}
#contact-form #contact-question {
	border:0px none;
	background:#fff;
	width:360px;
	height:300px;
}
#contact-form #inputs {
	display:block;
	width:222px;
	height:23px;
	padding:4px;
	background:#CC0000;
}
#contact-form #inputs div {
	float:left;
	display:block;
	padding-top:2px;
	width:164px;
	height:21px;
	background:#fff;
}
#contact-form #nl-go {
	margin-left:2px;	
}

/*------- FORM -------*/

form legend {
	background:transparent url(../img/lvgp_secondary-nav-back.jpg) repeat-x scroll 0 0;
	color:#F9D83D;
	font-size:1.2em;
	font-weight:bold;
	padding:0 10px;
	border:#363535 solid 1px;
	height:20px;
	line-height:20px;
}
form td {
	padding:5px;
	border:0px none;
}
form tr{
	width:auto;
	border:0px none;
}
form td div {
	border:1px #263815 solid;
	padding:3px;
	width:auto;
	height:22px;
}
form td label {
	color:#000000;
	padding-left:3px;
	cursor:pointer;
}
form td input[type="text"] {
	display:inline-block;
	width:260px;
	height:20px;
	border:0px none;
	outline:0px none;
	font-size:1.5em;
	background:#fff;
}
form td.zip input {
	width:166px;
}
form td select {
	height:22px;
	width:80px;
	border:0px none;
	outline:0px none;
	font-size:1.5em;
	background:#fff;
}
form fieldset {
	border:#363535 solid 1px;
	padding:0 10px 10px 10px;
}
form table {
	width:100%;	
	margin-top:10px;
}
form td table {
	margin-top:0px;	
}
form td table td {
	padding:0px;	
}
form td.zip {
	padding-left:5px;	
}
form td input.radio {
	background:none;
	padding:0px;
	margin:0px;
	cursor:pointer;
	outline:0px none;
}
form td div#radios {
	padding:5px;
	background:#eaeaea;
	height:auto;
}
form td div#radios label {
	line-height:20px;	
}
form td div#radios input {
	margin-left:10px;	
}
form td div#radios .contact-section {
	width:auto;
	border:0px none;
	clear:both;
}
form td div#radios .contact-section div {
	float:left;
	padding:5px 0;
	width:auto;
	border:0px none;
}
form td div#radios #interest-level2-subs {
	width:100%;
	border:0px none;
	position:relative;
}
form td div#radios .list {
	padding-left:20px;
	width:400px;
}
form td div#radios .list label{
	width:200px;
}
form td div#radios .clear {
	border:0px none;
	padding:0px;
	height:1px;
}

form td div#comment-area {
	height:auto;	
}
form td textarea {
	border:0px none;
	outline:0px none;
	width:100%;
	height:100px;
	resize:none; 
	font-size:1.5em;
	font-family:inherit;
}
form .contact-button {
	margin:5px 0px 5px 10px;
}
#contact-dialog {
	line-height:1.2em;
	margin:10px 5px 5px 5px;
	padding:5px;
	color:#f9d83d;
	background:#31850c;
	text-align:center;
	font-style:italic;
}

/*---------------------------------------------------*/
/*----------------- SECONDARY NAV -------------------*/
/*---------------------------------------------------*/
#secondary-nav-container {
	height:45px;
	background:url(../img/template/cltc_subnav-bg.jpg) top left repeat-x;	
}
#secondary-nav {
	position:relative;
	top:8px;
	width:940px;
	margin:0 auto;
}
#secondary-nav li {
	float:left;
	padding:0 10px;
	border-right:1px #CCC solid;
	font-size:1em;
	height:25px;
	line-height:25px;
}
#secondary-nav li.last {
	border:0px none;	
	font-size:1em;
	height:25px;
	line-height:25px;
}
#secondary-nav li a{
	border:0px none;	
	font-size:1em;
	height:25px;
	line-height:25px;
	text-decoration:none;
	color:#2f2f2f;
}

	#secondary-nav li a:hover {
		border-bottom:1px solid #b2baac;
	}
	#secondary-nav li a.on {
		border-bottom:1px solid #283b16;
	}
	

/*---------------------------------------------------*/
/*------------------ PRIMARY NAV --------------------*/
/*---------------------------------------------------*/
#primary-nav-container {
	display:block;
	width:100%;
	height:40px;
	border-top:1px solid #fff;
	border-bottom:1px solid #7f7f7f;
	background:#efb211;
}
#primary-nav {
	width:940px;
	margin:0 auto;
}
#primary-nav li {
	float:left;
}
#primary-nav li a{
	display:block;
	height:40px;
	text-indent:-9999px;
	background-position:0 0;
	background-repeat:no-repeat;
}
#primary-nav li a:hover{
	background-position:0 -40px;
}
#primary-nav li a.on, #primary-nav li a.on:hover{
	background-position:0 -80px;
}
	#primary-nav #nav-home {
		width:84px;
		background-image:url(../img/template/cltc_nav-home.gif);
	}
	#primary-nav #nav-about {
		width:89px;
		background-image:url(../img/template/cltc_nav-about.gif);
	}
	#primary-nav #nav-lawncare {
		width:128px;
		background-image:url(../img/template/cltc_nav-lawncare.gif);
	}
	#primary-nav #nav-trees-shrubs {
		width:157px;
		background-image:url(../img/template/cltc_nav-trees-shrubs.gif);
	}
	#primary-nav #nav-landscaping {
		width:151px;
		background-image:url(../img/template/cltc_nav-landscaping.gif);
	}
	#primary-nav #nav-contact {
		width:136px;
		background-image:url(../img/template/cltc_nav-contact.gif);
	}

/*---------------------------------------------------*/
/*------------------- BOTTOM NAV --------------------*/
/*---------------------------------------------------*/
#bottom-nav {
	float:left;
	position:relative;
	left:20px;
}
#bottom-nav li {
	float:left;
}
#bottom-nav li a{
	display:block;
	padding:0 10px;
	color:#FFF;
	line-height:40px;
	text-decoration:none;
	text-transform:uppercase;
}
#bottom-nav li a:hover{
	text-decoration:underline;
}
#bottom-nav li a.on, #primary-nav li a.on:hover{
	color:#efb211;
	text-decoration:none;
}


/*---------------------------------------------------*/
/*-------------------- CAROUSEL ---------------------*/
/*---------------------------------------------------*/
#carousel-full-container {
	display:block;
	width:100%;
	height:310px;
	background:url(../img/template/cltc_carousel-bg.jpg) top left repeat-x;
}
.carousel-container {
	position:relative;
	left:-38px;
	width:940px;
	height:310px;
	background:url(../img/template/cltc_carousel-image-bg.jpg) top left no-repeat;
	margin:0 auto;
}
.carousel {
	position:relative;
	top:17px;
	left:39px;
	width:610px;
	height:260px;
}
.carousel-mask {
	position:relative;
	display:block;
	width:610px;
	height:260px;
	overflow:hidden;
}
.carousel-content {
	display:block;
	position:relative;
	height:260px;
	overflow:hidden;	
}
.carousel-content li {
	float:left;
	width:610px;
	height:260px;
}
.carousel-controls {
	position:absolute;
	display:block;
	width:270px;
	height:220px;
	padding-top:30px;
	background:url(../img/template/cltc_carousel-text-bg.jpg) top center no-repeat;
	top:15px;
	left:654px;
	z-index:100;
}
.carousel-text {
	position:relative;
	display:block;
	height:165px;
}
.carousel-text .headline {
	margin-bottom:20px;	
}
.carousel-text li {
	position:absolute;
	left:0;
	top:0;
}
.carousel-text p {
	font-size:1.2em;
	text-align:center;
	padding:0 10px;	
	line-height:1.4em;
}
.controls-list {
	display:block;
	width:268px;
	height:42px;
	border-top:#b3baaf 1px solid;
	border-bottom:#a0a89b 1px solid;
}
.controls-list ul {
	width:110px;
	margin:0 auto;
	position:relative;
	top:6px;
}
.controls-list li{
	float:left;
	display:block;
	text-align:center;
	line-height:30px;
	width:22px;
	height:30px;
	font-family:"Times New Roman", Times, serif;
	font-size:1.5em;
	color:#283b16;
	cursor:pointer;
}
.controls-list li.on {
	color:#efb211;
	background:#e2e5df;
}
.controls-list li.prev a, .controls-list li.next a{
	display:block;
	width:22px;
	height:30px;
	text-indent:-9999px;
	background:url(../img/template/cltc_carousel-prev-btn.gif) 0 0 no-repeat;
}
.controls-list li.next a{
	background:url(../img/template/cltc_carousel-next-btn.gif) 0 0 no-repeat;
}
.controls-list li.prev a:hover, .controls-list li.next a:hover{
	background-position:0 -30px;
}

/*---------------------------------------------------*/
/*-------------------- CONSTANTS --------------------*/
/*---------------------------------------------------*/

.learnmore {
	color:#283b16;
	font-style:italic;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top:20px;
}
.learnmore a {
	color:#283b16;
	text-decoration:none;
}
.learnmore a:hover {
	color:#efb211;
	text-decoration:underline;
}
.clear {
	clear:both;	
}

#error_message {
	padding:5px;
	background:#EFB211;
}