/* General 
------------------------------------*/
body { background-image: url(../theme/black_red/bkgrnd.gif); background-color: #fff; color: #666; font-family: Arial, sans-serif; font-size: 14px; line-height: 24px; }

em { font-style: italic; }
strong { font-weight: bold; }

a { color: #000; text-decoration: underline; }
    a:hover { text-decoration: none }

h1,h2,h3,h4,h5,h6 { font-family: 'NobileRegular', Arial, sans-serif; letter-spacing: 0px; line-height: 1.1em; text-transform: none; color: #bd3632; margin-bottom: 15px; }
	h1 { font-size: 30px; }
	h2 { font-size: 28px; }
	h3 { font-size: 24px; }
	h4 { font-size: 20px; }
	h5 { font-size: 18px; }
	h6 { font-size: 16px; }
	
p { margin-bottom: 20px; }

/* Header 
------------------------------------*/
#header { background-color: #000; }

.topnav { width: 940px; margin: auto; background-color: #000; }
.topnav ul { overflow: hidden; padding: 15px 0px 15px 0px; }
.topnav li { display: inline; }
.topnav li a { font-family: 'NobileBold', Arial, sans-serif; font-size: 12px; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 0px; padding: 13px 10px 8px 10px; }
.topnav li a:hover { text-decoration: none; color: #bd3632; }
.topnav li.on a { text-decoration: none; color: #bd3632; }
.topnav li.on a:hover { text-decoration: underline; }
.topnav li.on:first-child a { background: url(../theme/black_red/home-btn-on.png) no-repeat 0 3px; float: left; text-indent: -9999px; width: 17px; padding: 0px 10px 0px 0px; }
.topnav li.on:first-child a:hover { background: url(../theme/black_red/home-btn.png) no-repeat 0 3px; float: left; text-indent: -9999px; }
.topnav li:first-child a { background: url(../theme/black_red/home-btn.png) no-repeat 0 3px; float: left; text-indent: -9999px; width: 17px; padding: 0px 10px 0px 0px; }
.topnav li:first-child a:hover { background: url(../theme/black_red/home-btn-hover.png) no-repeat 0 3px; float: left; text-indent: -9999px; }

/* Content 
------------------------------------*/
#content-wrapper { width: 960px; margin: auto; background-color: #fff; border-left: 1px solid #dedede; border-right: 1px solid #dedede; }

	.title-service-area { width: 940px; margin: auto; overflow: hidden; }

	.title { width: 600px; float: left; padding: 45px 0px 0px 10px; min-height: 65px; }
	.title h2 { text-transform: none; line-height: 0.5em; font-size: 32px; }
	.title p { font-size: 12px; line-height: 0.5em; margin-bottom: 0px; font-style: italic; }
	.title a { text-decoration: none; }

	.service-area { width: 310px; float: right; padding: 38px 10px 0px 0px; }
	.service-area h3 { font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; text-align: right; color: #666; margin-bottom: 0px; }
	.service-area p { font-family: Georgia, serif; font-size: 12px; font-style: italic; text-align: right; margin-bottom: 0px; }

	.rail-left { float: left; width: 220px; margin-left: 10px; border-top: 1px solid #000; padding-top: 1px; }	
		
		.services { background-color: #000; padding: 10px 10px 20px 10px; margin-bottom: 10px; }
		.services h2 { font-family: 'NobileBold', Arial, sans-serif; font-size: 14px; color: #fff; text-transform: uppercase; margin-bottom: 10px; padding: 10px 10px 0px 10px; }
		.services ul { padding: 0px; margin: 0px 20px 0px 30px; }
		.services li { list-style-type: disc; color: #bd3632; }
		.services li a { font-size: 12px; color: #fff; }
		.services li a:hover { text-decoration: none; }
		
		.whyus { background-color: #d5d5d5; border-top: 1px solid #999; padding: 10px 10px 20px 10px; margin-bottom: 10px; }
		.whyus h2 { font-family: 'NobileBold', Arial, sans-serif; font-size: 14px; color: #333; text-transform: uppercase; margin-bottom: 10px; padding: 10px 10px 0px 10px; }
		.whyus ul { padding: 0px; margin: 0px 20px 0px 25px; }
		.whyus li { list-style-type: disc; color: #444; font-size: 12px; }		
		
		.hours { background-color: #d5d5d5; border-top: 1px solid #999; padding: 10px 10px 20px 10px; margin-bottom: 10px; }
		.hours h2 { font-family: 'NobileBold', Arial, sans-serif; font-size: 14px; color: #333; text-transform: uppercase; margin-bottom: 10px; padding: 10px 10px 0px 10px; }
		.hours p { margin-bottom: 5px; font-style: italic; font-weight: bold; font-size: 11px; text-align: center; }
		.hours table { width: 200px; margin: auto; font-size: 12px; }
		.hours tr:first-child { font-weight: bold; }
		.hours td:first-child { text-align: right; padding-right: 10px; width: 70px; }
		.hours td { font-size: 12px; color: #444; padding-bottom: 5px; }
		
		.rail-left .memberships { background-color: #d5d5d5; border-top: 1px solid #999; padding: 10px 10px 20px 10px; margin-bottom: 10px; }
		.rail-left .memberships h2 { font-family: 'NobileBold', Arial, sans-serif; font-size: 14px; color: #333; text-transform: uppercase; margin-bottom: 10px; padding: 10px 10px 0px 10px; }
		.rail-left .memberships ul { padding: 0px; margin: 0px 20px 0px 25px; }
		.rail-left .memberships li { list-style-type: disc; color: #444; font-size: 12px; }
		
		.rail-left .insurance { background-color: #d5d5d5; border-top: 1px solid #999; padding: 10px 10px 20px 10px; margin-bottom: 10px; }
		.rail-left .insurance h2 { font-family: 'NobileBold', Arial, sans-serif; font-size: 14px; color: #333; text-transform: uppercase; margin-bottom: 10px; padding: 10px 10px 0px 10px; }
		.rail-left .insurance ul { padding: 0px; margin: 0px 20px 0px 25px; }
		.rail-left .insurance li { list-style-type: disc; color: #444; font-size: 12px; }	
		
		.rail-left .txtarea { width: 200px; background-color: #d5d5d5; border-top: 1px solid #999; padding: 10px 10px 20px 10px; margin-bottom: 10px; }
		.rail-left .txtarea h2 { font-family: 'NobileBold', Arial, sans-serif; font-size: 14px; color: #333; text-transform: uppercase; margin-bottom: 10px; padding: 10px 10px 0px 10px; }
		.rail-left .txtarea ul { padding: 0px; margin: 0px 20px 0px 25px; }
		.rail-left .txtarea li { list-style-type: disc; color: #444; font-size: 12px; }	
		
	.main-content { float: left; width: 500px; border-top: 1px solid #000; padding-top: 1px; }
	
		.main-images { margin-bottom: 20px; overflow: hidden; }			
			
			.image { float: left; margin-left: 1px; }	
			.image2 { float: right; margin-right: 1px; }
			
		.txtarea { width: 460px; margin: auto; }
		.txtarea h1, h2, h3, h4, h5, h6 { text-transform: none; }				
		.txtarea ul { list-style-type: disc; color: #666; padding: 0 0 15px 0; margin-left: 37px; }
		.txtarea li { margin: 5px 5px; }
		.txtarea ol { list-style: decimal; margin-left: 45px; padding: 0 0 15px 0; }
		.txtarea ol li { background: none; padding: 0 0 5px 0; margin: 0px; }				
		.txtarea blockquote { border-left: 1px solid #999; font-family: Georgia, serif; font-size: 16px; font-style: italic; margin-bottom: 20px; padding: 20px 0px 40px 20px; }
		.txtarea blockquote cite { float: right; clear: both; font-family: 'NobileBold', Arial, sans-serif;	font-style: normal; font-size: 13px; }	
		
		.main-content .whyus { width: 460px; background-color: #d5d5d5; border-top: 1px solid #999; padding: 10px 10px 20px 10px; margin: 0px 10px 10px 10px; }
		.main-content .whyus h2 { font-family: 'NobileBold', Arial, sans-serif; font-size: 14px; color: #333; text-transform: uppercase; margin-bottom: 10px; padding: 10px 10px 0px 10px; }
		.main-content .whyus ul { padding: 0px; margin: 0px 20px 0px 25px; }
		.main-content .whyuss li { list-style-type: disc; color: #444; font-size: 12px; }	
		
		.main-content .hours { width: 460px; background-color: #d5d5d5; border-top: 1px solid #999; padding: 10px 10px 20px 10px; margin: 0px 10px 10px 10px; }
		.main-content .hours h2 { font-family: 'NobileBold', Arial, sans-serif; font-size: 14px; color: #333; text-transform: uppercase; margin-bottom: 10px; padding: 10px 10px 0px 10px; }
		.main-content .hours p { margin-bottom: 5px; font-style: italic; font-weight: bold; font-size: 11px; text-align: center; }
		.main-content .hours table { width: 200px; margin: auto; font-size: 12px; }
		.main-content .hours tr:first-child { font-weight: bold; }
		.main-content .hours td:first-child { text-align: right; padding-right: 10px; width: 70px; }
		.main-content .hours td { font-size: 12px; color: #444; padding-bottom: 5px; }		
		
		.main-content .memberships { width: 460px; background-color: #d5d5d5; border-top: 1px solid #999; padding: 10px 10px 20px 10px; margin: 0px 10px 10px 10px; }
		.main-content .memberships h2 { font-family: 'NobileBold', Arial, sans-serif; font-size: 14px; color: #333; text-transform: uppercase; margin-bottom: 10px; padding: 10px 10px 0px 10px; }
		.main-content .memberships ul { padding: 0px; margin: 0px 20px 0px 25px; }
		.main-content .memberships li { list-style-type: disc; color: #444; font-size: 12px; }
		
		.main-content .insurance { width: 460px; background-color: #d5d5d5; border-top: 1px solid #999; padding: 10px 10px 20px 10px; margin: 0px 10px 10px 10px; }
		.main-content .insurance h2 { font-family: 'NobileBold', Arial, sans-serif; font-size: 14px; color: #333; text-transform: uppercase; margin-bottom: 10px; padding: 10px 10px 0px 10px; }
		.main-content .insurance ul { padding: 0px; margin: 0px 20px 0px 25px; }
		.main-content .insurance li { list-style-type: disc; color: #444; font-size: 12px; }	
		
		.main-content .payments { width: 460px; background-color: #d5d5d5; border-top: 1px solid #999; padding: 10px 10px 20px 10px; margin: 0px 10px 10px 10px; }
		.main-content .payments h2 { font-family: 'NobileBold', Arial, sans-serif; font-size: 14px; color: #333; text-transform: uppercase; margin-bottom: 10px; padding: 10px 10px 0px 10px; }
		.main-content .payments ul { padding: 0px; margin: 10px; }
		.main-content .payments li { display: inline; margin-left: 3px; }
		.main-content .payments p { margin-left: 3px; font-size: 12px; padding: 10px 10px 0 10px; }								
		
		.map { width: 460px; margin: auto; }			

	.rail-right { float: right; width: 220px; margin-right: 10px; border-top: 1px solid #000; padding-top: 1px; }
	
		.contact-form { background-color: #bd3632; padding: 20px 10px 15px 10px; margin-bottom: 10px; }
		.contact-form h2.call-email { text-align: center; font-family: 'NobileBold', Arial, sans-serif; letter-spacing: 0px; line-height: 1.1em; font-size: 13px; color: #fff; text-shadow: 0px 1px 1px #842623; text-transform: uppercase; letter-spacing: 0px; margin-bottom: 0px; }
		.contact-form h2.phone-number { text-align: center; font-family: 'NobileBold', Arial, sans-serif; letter-spacing: 0px; line-height: 1.1em; font-size: 26px; color: #fff; text-shadow: 0px 1px 1px #842623; text-transform: uppercase; letter-spacing: 0px; margin-bottom: 10px; }		
		.contact-form form { margin-left: 2px; } 
		.contact-form .yodlecms_contactform { overflow: hidden; }
		.contact-form .yodlecms_contactform label { display: block; color: #fff; font-size: 12px; text-shadow: 0px 1px 1px #a62f2c; }	
		.contact-form form input, form textarea { background-color: #fff; width: 196px; border: none; margin-bottom: 5px; padding: 0px; }
		.contact-form form input { height: 25px; }
	 	.contact-form form textarea { resize: none; }	
	 	.contact-form .submit { float: right; margin: 10px 2px 20px 0px; border: none; font-family: 'NobileBold', Arial, sans-serif; color: #fff; text-transform: uppercase; font-size: 12px; letter-spacing: 0px; line-height: 1.1em; cursor: pointer; padding: 7px 10px 5px 10px; background-color: #000; }
	 	.contact-form .submit:hover { background-color: #282828; }	
	 	.yodlecms_formErrorDiv { margin: 5px 0px 0px 0px; border: 0px solid #c00; width: 20em; font-size: 12px!important; font-family: inherit; }    
		.yodlecms_formErrorDiv p { margin-bottom: 0px; padding: 5px; text-align: center; background: red; color: #fff; width: 186px; }
		.contact-form form input.error, .contact-form form textarea.error { background: #ffe8e8; border: 1px solid red; }		
		
		.payments { background-color: #d5d5d5; border-top: 1px solid #999; padding: 10px; margin-bottom: 10px; }
		.payments h2 { font-family: 'NobileBold', Arial, sans-serif; font-size: 14px; color: #333; text-transform: uppercase; margin-bottom: 10px; padding: 10px 10px 0px 10px; }
		.payments ul { padding: 0px; margin: 10px; }
		.payments li { display: inline; margin-left: 3px; }
		.payments p { margin-left: 3px; font-size: 12px; padding: 10px 10px 0 10px; }						
		
		.rail-right .memberships { background-color: #d5d5d5; border-top: 1px solid #999; padding: 10px 10px 20px 10px; margin-bottom: 10px; }
		.rail-right .memberships h2 { font-family: 'NobileBold', Arial, sans-serif; font-size: 14px; color: #333; text-transform: uppercase; margin-bottom: 10px; padding: 10px 10px 0px 10px; }
		.rail-right .memberships ul { padding: 0px; margin: 0px 20px 0px 25px; }
		.rail-right .memberships li { list-style-type: disc; color: #444; font-size: 12px; }
		
		.rail-right .insurance { background-color: #d5d5d5; border-top: 1px solid #999; padding: 10px 10px 20px 10px; margin-bottom: 10px; }
		.rail-right .insurance h2 { font-family: 'NobileBold', Arial, sans-serif; font-size: 14px; color: #333; text-transform: uppercase; margin-bottom: 10px; padding: 10px 10px 0px 10px; }
		.rail-right .insurance ul { padding: 0px; margin: 0px 20px 0px 25px; }
		.rail-right .insurance li { list-style-type: disc; color: #444; font-size: 12px; }	
		
		.rail-right .txtarea { width: 200px; background-color: #d5d5d5; border-top: 1px solid #999; padding: 10px 10px 20px 10px; margin-bottom: 10px; }
		.rail-right .txtarea h2 { font-family: 'NobileBold', Arial, sans-serif; font-size: 14px; color: #333; text-transform: uppercase; margin-bottom: 10px; padding: 10px 10px 0px 10px; }
		.rail-right .txtarea ul { padding: 0px; margin: 0px 20px 0px 25px; }
		.rail-right .txtarea li { list-style-type: disc; color: #444; font-size: 12px; }		
		
/* Footer 
------------------------------------*/		
#footer { background-color: #000; overflow: hidden; }

	.footer-content { width: 940px; margin: auto; }

		.footer-content-left { float: left; margin: 20px 0px 20px 0px; }
	
			.bottomnav ul { padding-bottom: 10px; background: url(../images/hr.gif) repeat-x bottom; margin-bottom: 5px; }
			.bottomnav li { display: inline; margin-right: 20px; }
			.bottomnav li a { font-size: 12px; color: #fff; }
			.bottomnav li a:hover { text-decoration: none; }
			.bottomnav li.on a { text-decoration: none; }
			.bottomnav li.on a:hover { text-decoration: underline; }
		
			.copyright { color: #fff; font-size: 11px; float: left; margin-bottom: 0px; }	
			.copyright a { color: #fff; }
			.copyright a:hover { text-decoration: none; }	
			.copyright p { margin-bottom: 0px; }		
		
		.footer-content-right { float: right; margin: 20px 0px 20px 0px; }	
	
			.company { color: #fff; font-size: 12px; text-align: right; }	
			.company p { margin-bottom: 0px; }	
			
/* Canvas Fixes
------------------------------------*/
#yodlecms_canvas #content-wrapper .rail-left { margin-left: 0; }
#yodlecms_canvas .main-content { width: 498px !important; }		


/*=== Footer Widget ===*/
.section-footer { margin-top: 1em; color: #fff; }
.section-footer .container_12 {  }
	.section-footer a { color: #fff; }
	.section-footer a:hover { color: #fff; }