/* ---------------------------- 
Light Green: #9ccc69
Lighter Green: #c3ee9b
Dark Green: #98ca67
Darker Green: #368729
Light Blue: #26a0e0
Dark Gray: #4b4b4b
Medium Gray: #6d6d6d
Light Gray: #c6c6c6

 ---------------------------- */


/* ---------------------------- */
/* CMS GUI OVERWRITE
/* ---------------------------- */

.yodlecms_widget, .yodlecms_widget_layout {overflow:auto;}
div.yodlecms_column {float:left;}

/* ---------------------------- */
/* HTML TAG RESET               */
/* ---------------------------- */

html, body, form, fieldset, h1, 
h2, h3, h4, h5, h6, p, pre, 
blockquote, ul, ol, dl, address		{margin:0; padding:0; font-size:100%; font-weight:normal;}
ul, li 							{list-style-type:none;}

/* CLASSES
-------------------------------*/
.left {float:left;}
.right {float:right;}
.clear {clear:both;}

/* LAYOUT & GLOBAL
-------------------------------*/
body {background:#c7f09d url(../images/body-bg.jpg) top repeat-x;}
#wrapper {background:#fff; font:normal 14px Arial, Helvetica, sans-serif; margin:30px auto; padding:0 30px 30px 30px; overflow:hidden; width:901px;
box-shadow: 0px 0px 4px #9db485;-moz-box-shadow: 0px 0px 4px #9db485;-webkit-box-shadow: 0px 0px 4px #9db485;}

/* HEADER
-------------------------------*/
#header {margin:0 0 10px 0; padding:30px 0 0 0; overflow:hidden;}
.title  h1 {color:#9ccc69; font-size:30px; font-weight:bold;}
	.title p {color:#4b4b4b; font-weight:bold;}
.call p {color:#4b4b4b; font-size:18px; font-weight:bold; text-align:right;}
	.call strong {color:#9ccc69;}
.topnav {clear:both; padding:20px 0; width:100%;}	
	.topnav ul {background:url(../images/topnav-bg.jpg) top repeat-x; height:40px; padding:0 0 0 4px; width:899px;
	box-shadow: 1px 1px 2px #7d7d7d;-moz-box-shadow: 1px 1px 2px #7d7d7d;-webkit-box-shadow: 1px 1px 2px #7d7d7d;}
	.topnav li {float:left; line-height:40px; text-align:center;}
	.topnav a {color:#fff; display:block; font-weight:bold; padding:0 28px; text-decoration:none;}
	.topnav a:hover, .topnav li.on a {background:url(../images/topnav-bg.jpg) bottom repeat-x; color:#368729;}
.headimg img {border:1px solid #c6c6c6;}
.promo {background:url(../images/header-promo.jpg) no-repeat; border:1px solid #c6c6c6; height:289px; width:336px;}
	.promo h2 {color:#26a0e0; font-size:30px; font-weight:bold; margin:60px 0 20px 10px;}
		.promo h2 strong {font-size:48px;}
		.promo a {background:url(../images/circle-arrow.png) 90px 2px no-repeat; color:#4b4b4b; display:block; font-weight:bold; padding:0 30px 0 10px; text-decoration:none; width:80px;}
		.promo a:hover {background:url(../images/circle-arrow.png) 90px -32px no-repeat;}
		
/* CONTENT
-------------------------------*/

/*contact column*/
.contact-col {border:5px solid #c3ee9b; border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; margin:0 30px 20px 0; padding:20px 20px 10px 20px; box-shadow: 0px 1px 4px #7d7d7d;-moz-box-shadow: 0px 1px 4px #7d7d7d;-webkit-box-shadow: 0px 1px 4px #7d7d7d;}
	.contact-top h2 {background:url(../images/contact-icon.jpg) top right no-repeat; color:#4b4b4b; font-size:24px; font-weight:bold; margin:0 0 10px 0;}
	.contact-top p {color:#4b4b4b; font-size:12px; line-height:1.4; margin:0 0 1em 0;}
		.contact-top p strong {color:#368729;}
	.contact-form label {color:#4b4b4b; display:block; font-size:14px; margin:0 0 4px 0;}
	.contact-form input, .contact-form textarea {background:#fff; border:1px solid #c3ee9b; color:#4b4b4b; font:normal 12px Arial, Helvetica, sans-serif; margin:0 0 12px 0; padding:4px 0 4px 4px; width:100%;}
	.contact-form input:focus, .contact-form textarea:focus {background:#e7ffd1; border:1px solid #a6d37d; color:#000;}
	input.submit-button {background:#fff; border:0; height:57px; width:259px;}
	input.submit-button:focus {background:#fff; border:none;}
	
/*main column*/
.main-col .txtarea {margin:0 0 20px 0; padding:0 0 10px 0; overflow:hidden;}
.txtarea a {color:#26a0e0;}
.txtarea a:hover {color:#368729;}
	.txtarea  h2 {color:#C41300; font-size:24px; font-weight:bold; margin:0 0 20px 0;}
	.txtarea p {color:#4b4b4b; font-size:12px; line-height:1.6; margin:0 0 1em 0;}
	.txtarea img {padding:0 0 0px 8px;}
	.txtarea li { display:block; font-size:12px; margin:0 0 10px 0; background:url(../images/arrow.png) center left no-repeat; color:#C41300; padding:0 0 0 24px;}
.testimonial h2 {color:#368729; font-size:18px; font-weight:bold; margin:0 0 10px 0;}
.testimonial p {color:#6d6d6d; font-style:italic; line-height:1.4;}
	.testimonial cite {color:#000; display:block; font-style:normal; text-align:right;}
.testimonial a {background:url(../images/speech-bubbles.png) 50% 30% no-repeat; color:#4b4b4b; display:block; float:right; font-size:12px;font-weight:bold; margin:-30px 0 0 20px; padding:100px 0 15px 0; text-align:center; text-decoration:none; width:180px;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; }
	.testimonial a:hover {background:#e9ffd4 url(../images/speech-bubbles.png) 50% 30% no-repeat;}
	
/*bottom column*/
.bottom-col {clear:both; padding:20px 0; overflow:hidden; width:100%;}
.services {margin:0 30px 0 0; padding:0 20px 10px 20px;}
	.services .txtarea h2 {font-size:18px;}
.cta img {float:left; margin:0 20px 0 0;}
.cta h3 {color:#368729; font-size:30px; font-weight:normal;}
.cta span {color:#26a0e0; display:block; font-weight:bold; height:64px; line-height:64px;}

/* FOOTER
-------------------------------*/
#footer {background:#98ca67; clear:both; color:#4b4b4b; font-size:12px; padding:10px 10px 20px;}
	.bottomnav li {display:inline; margin:0 15px 0 0}
	.bottomnav a {color:#4b4b4b; text-decoration:none;}
		.bottomnav a:hover, .bottomnav li.on a {text-decoration:underline;}
	.copyinfo {margin:6px 0 0 0;}


/* ADDITIONS
-------------------------------*/

/* form validation error */
.yodlecms_formErrorDiv { margin:5px 0; font-size:12px; color:red;}    
.yodlecms_formError {border:1px solid red!important;}

/* business hours */
.hours {padding: 5px; margin: 0 auto; }
.hours table {font-size: 11px; border: 1px solid #ccc; font-weight: bold; margin:0 auto; width: 217px; }
.hours table td {padding: 3px 10px;}

.service-detail img {padding:6px;}


/* payment options */
#footer .payments { padding: 0; }
#footer .payments ul li { display: inline; list-style-type: none; margin: 0 0 0 2px; border: none; padding: 0;  }
#footer .payments ul { padding: 2px 0; }

/* why choose us */
.main-col .whyus { margin: 10px 0; line-height: 19px; width: 100%; border-bottom: none; border-top:  2px dotted #A6A6A6; padding: 20px 0 0 0; }
.main-col .whyus h2 { color:#368729; font-size:18px; font-weight:bold; margin:0 0 10px; }
.main-col .whyus ul { margin: 4px 0 0 0; }
.main-col .whyus li { margin:0 0 10px; padding:0 0 0 24px; background:url("../images/arrow.png") no-repeat scroll left center; width: 45%; float: left; }

/* SUBMIT BUTTON
-------------------------------*/

.submit, .submit:visited {
	background: #222 url(../images/alert-overlay.png) repeat-x; 
	border:0 none;
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin: 10px 0 0;
}
 
.submit:hover { background-color: #111; color: #fff; }
.submit:active { top: 1px; }

.small.submit, .small.submit:visited { font-size: 12px; padding: ; }
.submit, .submit:visited,
.medium.submit, .medium.submit:visited  { font-size: 14px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.submit, .large.submit:visited { font-size: 16px; }
	

.blue.submit, .blue.submit:visited { background-color: #2daebf; }
.blue.submit:hover { background-color: #007d9a; }
.red.submit, .red.submit:visited { background-color: #e33100; }
.red.submit:hover { background-color: #872300; }
.magenta.submit, .magenta.submit:visited { background-color: #a9014b; }
.magenta.submit:hover { background-color: #630030; }
.orange.submit, .orange.submit:visited { background-color: #ff5c00; }
.orange.submit:hover { background-color: #d45500; }
.yellow.submit, .yellow.submit:visited { background-color: #ffb515; }
.yellow.submit:hover { background-color: #fc9200; }
.gray.submit, .gray.submit:visited { background-color: #52727D; }
.gray.submit:hover { background-color: #3B525A; }
.green.submit, .green.submit:visited { background-color: #6EAC4B; }
.green.submit:hover	{ background-color: #34892E; }