/* CMS 2.0
------------------------------------------------*/
.yodlecms_column { float: left }
.yodlecms_formError { background: #FFEEEE !important; border: 1px solid red !important; }
.yodlecms_formErrorDiv { margin: 5px 0; font-size: 12px; color: red; }
.yodlecms_widget, .yodlecms_widget_layout { overflow: hidden }

/* General
------------------------------------------------*/
body { font: 14px arial,sans-serif; color: #222222; background: url(../images/banner.jpg) no-repeat center 70px #000000; }
	
	h1, h2, h3, h4, h5 { font-family: 'Michroma',arial,sans-serif; font-weight: normal; }
	h1 strong, h2 strong, h3 strong, h4 strong, h5 strong { font-weight: normal }
	h1 { font-size: 30px }
	h2 { font-size: 24px }
	h3 { font-size: 20px }
	h4 { font-size: 18px }
	h5 { font-size: 16px }
	
	em { font-style: italic }
	a { color: #A92121 }
	a:hover { color: #550000 }
	
	p { line-height: 1.5em }
	
	strong { font-weight: bold }
	
	table { margin: 0 0 40px }
		td { padding: 5px 10px; border: 1px solid #777777; }
		th { padding: 5px 10px; background: #555555; color: #CCCCCC; border: 1px solid #555555; }

	#banner-mask { position: absolute; top: 0; left: 0; width: 100%; background: url(../theme/black/banner-mask.png) no-repeat center 70px; z-index: -1; height: 600px; }
	#container { width: 964px; margin: 0 auto; }
	
/* Hover Form
------------------------------------------------*/
#form {z-index: 99; position: fixed; left: 100px;  bottom: -1000px; width: 340px; }
.form-hover { color: #FFFFFF; border: 2px solid #FFFFFF;  background: url(../theme/black/bg-contact.jpg) repeat-x center top #353535;
			-moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; 
			-moz-box-shadow: 0 0 15px #000000; box-shadow: 0 0 15px #000000; -webkit-box-shadow: 0 0 15px #000000; 
			}
.form-hover .wrapper { border: 2px solid #333333; padding: 5px 10px 10px; position: relative; 		
			-moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; 
			}
.form-hover .contact-top h2 { cursor: pointer;}
.form-hover .btn-close { position: absolute; background: url(../theme/black/btn-close.png) no-repeat 0 0; text-indent: -9999px; height: 29px; width: 29px; top: -15px; right: -16px; display: none; }
.form-hover .btn-close:hover { background-position: center bottom }
#form-overlay { background: #000000; opacity: 0.5; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 98; display: none; }


	
/* Header
------------------------------------------------*/
#header { border: 3px solid #969696; background: url(../theme/black/bg-header.jpg) no-repeat center top #797979;  margin: -9px 0 240px;
		-moz-box-shadow: 0 0 15px #000000; box-shadow: 0 0 15px #000000; -webkit-box-shadow: 0 0 15px #000000; 
		-moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; 
		}
	#header .wrapper { border: 2px solid #000000; padding: 5px 0 0; 
			-moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; 
			}
	
	.header-top { padding: 15px 15px 20px }
	
	.call { text-align: right }
		.call h2 { font-size: 20px; color: #D00000; text-shadow: 0 1px 1px #000000; }
		.call h2 strong { font-size: 24px; color: #FFFFFF; }
		.call p { color: #D0D0E5; font-size: 16px; font-family: 'Michroma',arial,sans-serif; }
	
	.title { float: left; border: 1px solid #000000; padding: 5px 15px 15px; background: url(../images/swatch-black50.png) no-repeat 0 0; }
		.title h1 { margin: 0; padding: 0; }
		.title h1 a { font-size: 26px; color: #CC0000; text-decoration: none; text-shadow: 0 1px 1px #000000; }
		.title p { font-family: 'Michroma',arial,sans-serif; font-size: 15px; color: #FFFFFF; }
	.topnav a { border: 1px solid #000000; display: block; background: url(../theme/black/bg-topnav.jpg) repeat-x 0 0; color: #FFFFFF; text-decoration: none; font-family: 'Michroma',arial,sans-serif; padding: 8px 14px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75); }
	.topnav a:hover, .topnav li.on a { background-position: center bottom; color: #FFFFFF; text-shadow: 0 0 5px #FFFFFF; border: 1px solid #000000; }
	.topnav li { float: left; border: 1px solid #FFFFFF; margin: 0 1px; 
				-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.75); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.75); -khtml-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.75); 
				}
	.topnav ul { overflow: hidden; padding: 0 0 5px; }

/* Contact Form
------------------------------------------------*/
.contact-top h2 { font-size: 28px; margin: 0 0 10px; background: url(../theme/black/checkmark-large.png) no-repeat left top; line-height: 1em; padding: 4px 0 9px 36px; }
	.contact-top h2 strong { text-transform: uppercase; font-size: 28px; color: #EBDD00; }

.contact-form { padding: 0 20px 20px }
	.contact-form input, .contact-form textarea { background: url(../images/swatch-white50.png) repeat 0 0;  border: 1px solid #FFFFFF; font-size: 14px; margin: 0 0 5px; padding: 5px; width: 96%; overflow: auto;
			-moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; 
			-moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; -khtml-box-shadow: 0 0 5px #000; }
	.contact-form label { display: block; font: 14px 'Michroma',arial,sans-serif; padding: 0 0 2px; }
	.submit-button { background: url(../theme/black/bg-submit.png) repeat-x 0 0; color: #FFFFFF; margin: 13px 0; text-shadow: 0 1px 2px #000000;  border: 2px solid white; font: 16px/20px 'Michroma',arial,sans-serif; padding: 3px 10px 6px; 
			-moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;
			-moz-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -khtml-box-shadow: 0 0 5px #000000; 
			}
		.submit-button:hover { background-position: center bottom;  text-shadow: 0 0 5px #FFFFFF; 
			-moz-box-shadow: 0 0 5px #FFFFFF; box-shadow: 0 0 5px #FFFFFF; -webkit-box-shadow: 0 0 5px #FFFFFF; -khtml-box-shadow: 0 0 5px #FFFFFF;}


/* Content
------------------------------------------------*/
#content { background: url(../theme/black/bg-content.jpg) no-repeat 0 0 #525252;  border: 3px solid #969696; 
			-moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; 
			-moz-box-shadow: 0 0 15px #000000; box-shadow: 0 0 15px #000000; -webkit-box-shadow: 0 0 15px #000000; -khtml-box-shadow: 0 0 15px #000000;}
	#content .wrapper { border: 2px solid #000000; padding: 10px;
						-moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;  }
	
	.top { position: relative; padding: 0 0 15px; overflow: hidden; margin: -45px 0 0; }
		.top .box1, .top .box2 { margin: 0 12px 0 0 }
		.top .box {  border: 3px solid #000000; background: #2E2E2E; margin-top: 15px;
					-moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; 
					-moz-box-shadow: 0 0 15px #000000; box-shadow: 0 0 15px #000000; -webkit-box-shadow: 0 0 15px #000000; -khtml-box-shadow: 0 0 15px #000000; }
			.top .box .txtarea { border: 2px solid #444444; text-align: center; padding: 7px; 
								-moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }
			.top .box h3 { font-size: 12px; color: #FFFFFF; margin: 0; }
			.top .box img { border: 1px solid #6E6E6E; 
							-moz-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -khtml-box-shadow: 0 0 5px #000000; }
	
	.main-content { background: url(../images/swatch-white50.png) repeat 0 0; border: 3px solid #777777; 
					-moz-box-shadow: 0 0 15px #000000; box-shadow: 0 0 15px #000000; -webkit-box-shadow: 0 0 15px #000000; -khtml-box-shadow: 0 0 15px #000000; 
					-moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }
		.main-content > div { border: 2px solid #000000; padding: 15px 25px 25px;
								-moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;  }
		.main h1, .main h2, .main h3 { color: #550000; margin: 0 0 10px; }
		.main p { margin: 0 0 15px }
		.main ul { margin: 10px 0 15px }
		.main ul li { background:url(../theme/black/bullet.png) no-repeat 0 0; padding:3px 0 11px 25px; }
		
	.below { margin: 15px 0 0 }
		.below .column1 { margin: 0 40px 0 0 }
		.below h2 { font-size: 20px }

.sidebar { border: 3px solid #000000; background: url(../images/swatch-black50.png) repeat 0 0; padding: 15px 15px 30px; color: #9A9A9A;
			-moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; margin: 0 0 0 12px;  }
	.sidebar h1, .sidebar h2, .sidebar h3 { color: #C12526}
	.sidebar h2 { border: 2px solid #000000; background: url(../images/swatch-black50.png) repeat 0 0; text-align: center; padding: 2px 0 6px; margin: 0 0 15px;
					-moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  }
	.sidebar p { padding: 0 10px }
	.sidebar ul { padding: 0 5px 15px 15px }
		.sidebar ul li { background: url(../theme/black/arrow.png) no-repeat 0 0; padding: 0 0 0 30px; margin: 0 0 8px; }
		.sidebar ul li a { color: #AAAAAA; }
		
	.cta { background: url(../theme/black/bg-cta.png) no-repeat 0 0; margin: 15px 0 0; padding: 34px 5px 10px 60px; }
		.sidebar .cta h2 { background: none repeat 0 0; text-align: left; border: medium none; font-size: 17px; color: #FFFFFF; }
		.sidebar .cta h3 { font-size: 19px; padding: 0; margin: 0; line-height: 1em; }
	


	
/* Widgets
------------------------------------------------*/
.hours table { width: 100%; }
.hours td { border-width: medium medium 1px; border-color: #858B97; border-style: none none solid; }
.hours tr:first-child { font-weight: bold }

.payments { margin: 0 0 1em; }
.payments h2 { font-size: 15px }
.payments ul { overflow: hidden; margin: 0 0 10px; padding: 0 12px;  }
	.payments ul li { float: left; margin: 0 5px 0 0; padding: 0; background: none; }


	
/* Footer
------------------------------------------------*/
#footer { background: url(../images/swatch-black50.png) repeat 0 0; border: 3px solid #3B3B3B; color: #9A9A9A; margin: 12px 0 0; font-size: 12px;
			-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
			}
	#footer .inner { border: 2px solid #000000; padding: 10px 0;	
					-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 
					}
	
	#footer .column { padding: 0 20px }
		#footer .column1 { border-right: 1px solid #5E636D }
		#footer .column2 { border-right: 1px solid #5E636D; border-left: 1px solid #5E636D; margin: 0 0 0 -1px; }
		#footer .column3 { border-left: 1px solid #5E636D; margin: 0 0 0 -1px; }

		#footer .column2 .txtarea { float: left }
		#footer .column2 h2 { border-bottom: 1px dotted #5E636D; }
	
	#footer a { color: #AAAAAA; text-decoration: none; }
	
	#footer h1, #footer h2, #footer h3 { color: #C12526; }
	#footer h2 { font-size: 16px; margin: 0 0 10px; }
	#footer h3 { font-size: 14px }
		#footer h3 strong { color: #FFFFFF; }
		
	#footer p { margin: 0 0 10px }
		#footer p strong { color: #EBDD00 }
	#footer ul li { margin: 0 0 5px }
		#footer li.on a, #footer a:hover { text-decoration: underline }
		
	
		
	.bottomnav { float: left; margin: 0 20px 0 0; width: 45%; }

	


/* Canvas Fixes
------------------------------------------------*/
#yodlecms_canvas #header,  #yodlecms_canvas #header *,
#yodlecms_canvas #content,#yodlecms_canvas  #content *,
#yodlecms_canvas #form,#yodlecms_canvas  #form *,
#yodlecms_canvas #footer, #yodlecms_canvas #footer * { position: static; margin: 0; top: auto; right: auto; bottom: auto; left: auto; padding: 0; }

#yodlecms_canvas .main ul li { background: none; }

#yodlecms_canvas #content p { color: #FFF; }


#yodlecms_canvas .sidebar li { background: none; }


/*=== Footer Widget ===*/
.section-footer { margin-top: 1em; color: #9A9A9A;}
.section-footer .container_12 { width: 920px; }
	.section-footer a { color: #9A9A9A; }
	.section-footer a:hover { color: #9A9A9A; }