/* ---------------------------- */
/* 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;}

/* LAYOUT & GLOBAL
-------------------------------*/
body {background:#9e9e9e url(../images/body-bg.jpg) top repeat-x;}
#wrapper {font:normal 12px Arial, Helvetica, sans-serif; margin:0 auto; width:900px;}

/* HEADER
-------------------------------*/
#header {overflow:hidden;}
	.title {margin:20px 0 20px 0;}
		.title h1 {color:#3b3b3b; font-size:24px; font-weight:bold;}
		.title p {color:#828282; font-size:14px; font-weight:bold;}
	.call {margin:20px 0 20px 0; text-align:right;}
		.call h2 {color:#3b3b3b; font-size:20px; font-weight:normal;}
		.call p {color:#828282; font-size:16px; font-weight:bold; text-transform:uppercase;}
	.topnav {clear:both;}
		.topnav ul {background:url(../images/topnav-bg.jpg) top repeat-x; height:36px;}
		.topnav li {float:left; font-size:14px; line-height:36px; text-align:center;}
		.topnav a {color:#fff; display:block; padding:0 22px; text-decoration:none;}
		.topnav a:hover, .topnav li.on a {color:#3b3b3b; background:url(../images/topnav-bg.jpg) bottom repeat-x;}
	.headimg {height:252px; margin:15px 0;}
		.headimg img {border:1px solid #b3b3b3; width:592px;}
	.promo {background:#fff url(../images/promo-bg.jpg) bottom right no-repeat; border:1px solid #b3b3b3; height:230px; margin:15px 0 15px 8px; padding:10px; width:276px;}
		.promo h2 {color:#3b3b3b; font:bold 26px Georgia, "Times New Roman", Times, serif; margin:0 0 25px 0;}
		.promo a {color:#828282; display:block; font-size:34px; font-weight:bold; line-height:24px; text-decoration:none;}
			.promo a span {font-size:18px; font-weight:bold; text-transform:uppercase;}
			.promo a:hover {color:red;}
		
/* CONTENT
-------------------------------*/
#content {background:#fff; border:1px solid #b3b3b3; overflow:hidden; padding:20px; width:859px;}

/*contact column*/
.contact-col {border-right:1px solid #bdbdbd; padding-right:20px;}
	.contact-top h2 {background:url(../images/contact-icon.jpg) center right no-repeat; color:#3b3b3b; font:bold 26px Georgia, "Times New Roman", Times, serif; margin-bottom:10px;}
	.contact-top p, .contact-form label {color:#828282; margin-bottom:1em;}
	.contact-top strong {color:#ed1c24;}
	.contact-form label {display:block; margin:0 0 2px 0;}
	.contact-form input, .contact-form textarea {background:#fff; border:1px solid #bdbdbd; color:#5f5f5f; font:normal 12px Arial, Helvetica, sans-serif; margin:0 0 6px 0; padding:4px 0 4px 4px; width:100%;}
	.contact-form input:focus, .contact-form textarea:focus {color:#454545; border:1px solid #454545;}
	input.submit-button {background:#fff; border:0; height:46px; width:232px;}
	input.submit-button:focus {background:#fff; border:none;}
	
/*main column*/
.main-col {padding-left:20px;}
	.main-col .txtarea h2 {color:#3b3b3b; font:bold 18px Georgia, "Times New Roman", Times, serif; margin-bottom:14px;}
	.main-col .txtarea p {color:#454545; font-size:14px; line-height:1.4; margin-bottom:1em;}
	.main-col .txtarea ul {color:#454545; font-size:14px; margin-bottom:1em;}
        
.main-col .txtarea li {list-style-type:disc; margin: 8px 35px;}
		.main-col.txtarea li a {color:#3b3b3b; display:block; padding-left:25px; text-decoration:none; list-style-type:disc;}
		.main-col .txtarea li a:hover {color:#828282;}
	.moreinfo {margin-left:20px;}
		.moreinfo a {background:url(../images/more-button.jpg) no-repeat;  display:block; height:33px; margin:10px 0 90px 8px; text-indent:-9999px; width:207px;}

/*bottom column*/
.bottom-col {border-top:1px solid #bdbdbd;}
	.bottom-col h2 {color:#000; font-size:18px; margin-bottom:16px;}
	.services-col {margin-top:10px; padding-right:20px;}
		.services-col .txtarea li {margin-bottom:12px;}
		.services-col .txtarea li a {background:url(../images/bullet.jpg) 0 3px no-repeat; color:#3b3b3b; display:block; padding-left:25px; text-decoration:none;}
		.services-col .txtarea li a:hover  {background:url(../images/bullet-hover.jpg) 0 3px no-repeat; color:#828282;}	
.testimonials-col {border-right:1px solid #bdbdbd; border-left:1px solid #bdbdbd; margin-top:10px; padding:0 20px;}
		.testimonials-col p {font-style:italic; line-height:1.4;}
		.testimonials-col cite {display:block; font-style:normal; font-weight:bold; margin-bottom:20px; text-align:right;}
		.testimonials-col a {background:url(../images/bullet.jpg) right 4px no-repeat; color:#3b3b3b; float:right; font-weight:bold; padding-right:20px; text-decoration:none;}
		.testimonials-col a:hover {background:url(../images/bullet-hover.jpg) right 4px no-repeat; color:#828282;}
	.cta-col {margin-top:10px; padding-left:20px;}
		.cta-col h3 {background:url(../images/cta-icon.jpg) right bottom no-repeat; color:#828282; font-size:24px; margin:40px 0;}
		.cta-col h3 strong {color:#3b3b3b; font-weight:bold;}

/* FOOTER
-------------------------------*/
#footer {font:normal 12px Arial, Helvetica, sans-serif; margin:0 auto; padding:10px 0; text-align:center; width:900px;}
.bottomnav li {display:inline; margin:0 40px 0 0}
	.bottomnav a {color:#fff; font-weight:bold; text-decoration:none;}
		.bottomnav a:hover, .bottomnav li.on a {text-decoration:underline;}
	.copyinfo {color:#3b3b3b; margin:8px 0 0 0;}

/* 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;}
.hours table {font-size: 11px; border: 1px solid #ccc; font-weight: bold; margin:0 auto; width: 100%; }
.hours table td {padding: 3px 10px;}

.service-detail img {padding:6px;}


/* payment options */
#footer .payments { text-align: center; margin: 2px 0 0; color: #3B3B3B; }
#footer .payments ul {  margin: 2px 0; }
#footer .payments ul li { border: none; margin: 0 2px; display:inline; }
#footer .payments img { float: none; }

/* why choose us */
.whyus { margin: 0 0 20px;  }
.whyus h2 { font-size: 18px;  line-height: 20px; margin-bottom:1px;}
.whyus ul { margin: 7px 0 0 0; }
.whyus li { background:url("../images/bullet.jpg") no-repeat scroll 0 50% transparent; padding:3px 0 3px 20px; }

/* 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 20px;
}
 
.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; }
	
.green.submit, .green.submit:visited { background-color: #91bd09; }
.green.submit:hover	{ background-color: #749a02; }
.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: #707070; }
.gray.submit:hover { background-color: #505050; }