/* General 
------------------------------------*/
body { background-color: #f4f4f4; color: #777; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; }

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

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

h1,h2,h3,h4,h5,h6 { font-family: 'WebfontBold', Arial, Helvetica, sans-serif; color: #000; line-height: 1.1em; letter-spacing: 0.1px; margin-bottom: 15px; }
	h1 { font-size: 28px; }
	h2 { font-size: 24px; }
	h3 { font-size: 20px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }
	
p { margin-bottom: 20px; }

/* Header 
------------------------------------*/
#header { background-image: url(../theme/red_black/nav-bg.gif); background-repeat: repeat-x; background-color: #fff; overflow: hidden; }

	.topnav { width: 940px; margin: auto; padding-top: 11px; padding-bottom: 12px; }
	.topnav ul { overflow: hidden; margin-top: 5px; }
	.topnav li { float: left; margin-right: 20px; }
	.topnav li a { font-family: 'WebfontBold', Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; color: #000; text-shadow: 2px 2px 0px #cccccc; filter: dropshadow(color=#cccccc, offx=2, offy=2); display: block; padding: 10px 10px 10px 10px; }
	.topnav li a:hover { text-decoration: none; color: #c71c1f; }	
	.topnav li.on a { background-image: url(../theme/red_black/nav-on.gif); background-position: right; background-repeat: inherit; background-color: #c71c1f; color: #fff; text-shadow: none; }
	.topnav li.on a:hover { color: #000; }
	
/* Content 
------------------------------------*/
#content { width: 940px; margin: auto; margin-bottom: 20px; }

	.logo-tagline-serving { width: 940px; margin: auto; padding-bottom: 2px; margin-bottom: 20px; overflow: hidden; }

		.logo { float: left; width: 590px; background-color: #fff; -webkit-box-shadow: 2px 2px 0px 0px rgba(204, 204, 204, 1); box-shadow: 2px 2px 0px 0px rgba(204, 204, 204, 1); padding: 20px 20px 15px 20px; margin-top: 20px; }
		.logo h2 { text-transform: none; font-size: 32px; text-shadow: 2px 2px 0px #cccccc; filter: dropshadow(color=#cccccc, offx=2, offy=2); }
		.logo a { text-decoration: none; }

		.tagline-serving { float: right; width: 300px; margin-top: 45px; }
		.tagline-serving h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: right; color: #777; font-weight: bold; margin-bottom: 0px; }
		.tagline-serving p { font-family: Georgia, serif; font-size: 12px; font-style: italic; text-align: right; margin-bottom: 0px; margin-top: -3px; }

	.rail-left { float: left; width: 220px; }
	
		.services { width: 218px; background-color: #c71c1f; -webkit-box-shadow: 2px 2px 0px 0px rgba(204, 204, 204, 1); box-shadow: 2px 2px 0px 0px rgba(204, 204, 204, 1); margin-bottom: 20px; }
		.services h2 { font-size: 14px; color: #fff; text-transform: uppercase; padding: 20px 20px 0px 20px; }		
		.services ul { padding: 0px 0px 15px 0px; margin: 0px 20px 0px 25px; line-height: 18px; }
		.services li { background: url(../theme/common/bullet-white.png) no-repeat 0 7px; padding: 0 0 0 15px; margin-bottom: 12px; }
		.services li a { font-size: 12px; color: #fff; }
		.services li a:hover { text-decoration: none; }
		
		.whyus { border-top: 1px solid #ccc; margin-bottom: 20px; }
		.whyus h2 { font-size: 14px; color: #777; text-transform: uppercase; padding: 20px 0px 0px 0px; margin-bottom: 15px; }
		.whyus ul { margin: 0px 20px 0px 5px; line-height: 18px; }
		.whyus li { font-size: 12px; background: url(../theme/common/bullet-grey.png) no-repeat 0 6px; padding: 0 0 0 15px; margin-bottom: 12px; }
		.whyus li:last-child { margin-bottom: 0px; }			
		
		.hours { border-top: 1px solid #ccc; margin-bottom: 20px; }
		.hours h2 { font-size: 14px; color: #777; text-transform: uppercase; padding: 20px 0px 0px 0px; margin-bottom: 15px; }
		.hours p { color: #666; margin-top: -10px; margin-bottom: 10px; font-style: italic; font-size: 12px; }		
		.hours table { width: 218px; background-color: #dedede; display: block; padding: 10px 0 15px 0; -webkit-box-shadow: 2px 2px 0px 0px rgba(204, 204, 204, 1); box-shadow: 2px 2px 0px 0px rgba(204, 204, 204, 1); margin-bottom: 20px; font-size: 12px; }
		.hours td { width: 120px; padding: 1px 6px 0; border: 0 none; background: none; }
		.hours td:first-child { text-align: right; width: 73px; }				
		.hours tr:first-child { font-weight: bold; }				
		
		.rail-left .memberships { border-top: 1px solid #ccc; margin-bottom: 20px; }
		.rail-left .memberships h2 { font-size: 14px; color: #777; text-transform: uppercase; padding: 20px 0px 0px 0px; margin-bottom: 15px; }
		.rail-left .memberships ul { margin: 0px 20px 0px 5px; line-height: 18px; }
		.rail-left .memberships li { font-size: 12px; background: url(../theme/common/bullet-grey.png) no-repeat 0 6px; padding: 0 0 0 15px; margin-bottom: 12px; }
		.rail-left .memberships li:last-child { margin-bottom: 0px; }	
		
		.rail-left .insurance { border-top: 1px solid #ccc; margin-bottom: 20px; }
		.rail-left .insurance h2 { font-size: 14px; color: #777; text-transform: uppercase; padding: 20px 0px 0px 0px; margin-bottom: 15px; }
		.rail-left .insurance ul { margin: 0px 20px 0px 5px; line-height: 18px; }
		.rail-left .insurance li { font-size: 12px; background: url(../theme/common/bullet-grey.png) no-repeat 0 6px; padding: 0 0 0 15px; margin-bottom: 12px; }
		.rail-left .insurance li:last-child { margin-bottom: 0px; }	
		
		.rail-left .txtarea { width: 220px; border-top: 1px solid #ccc; margin-bottom: 20px; }
		.rail-left .txtarea h1 { font-size: 14px; color: #777; text-transform: uppercase; padding: 20px 0px 0px 0px; margin-bottom: 15px; }
		.rail-left .txtarea h2 { font-size: 14px; color: #777; text-transform: uppercase; padding: 20px 0px 0px 0px; margin-bottom: 15px; }
		.rail-left .txtarea h3 { font-size: 14px; color: #777; text-transform: uppercase; padding: 20px 0px 0px 0px; margin-bottom: 15px; }
		.rail-left .txtarea h4 { font-size: 14px; color: #777; text-transform: uppercase; padding: 20px 0px 0px 0px; margin-bottom: 15px; }
		.rail-left .txtarea h5 { font-size: 14px; color: #777; text-transform: uppercase; padding: 20px 0px 0px 0px; margin-bottom: 15px; }
		.rail-left .txtarea h6 { font-size: 14px; color: #777; text-transform: uppercase; padding: 20px 0px 0px 0px; margin-bottom: 15px; }										
		.rail-left .txtarea ul { margin: 0px 20px 0px 5px; line-height: 18px; }
		.rail-left .txtarea ul li { font-size: 12px; background: url(../theme/common/bullet-grey.png) no-repeat 0 6px; padding: 0 0 0 15px; margin-bottom: 12px; }
		.rail-left .txtarea ul li:last-child { margin-bottom: 0px; }
		.rail-left .txtarea ol { list-style: decimal; margin: 0px 20px 0px 25px; padding: 0 0 15px 0; line-height: 18px; }
		.rail-left .txtarea ol li { font-size: 12px; background: none; margin: 0px; margin-bottom: 12px; }
		.rail-left .txtarea ol li:last-child { margin-bottom: 0px; }		
		.rail-left .txtarea p { font-size: 12px; }
		
	.main-content { float: left; width: 460px; padding-left: 20px; }
	
		.photos { width: 460px; margin: 0px 0px 20px 0px; padding-bottom: 2px; padding-right: 2px; overflow: hidden; }			
			
			.photo-left { float: left; -webkit-box-shadow: 2px 2px 0px 0px rgba(204, 204, 204, 1); box-shadow: 2px 2px 0px 0px rgba(204, 204, 204, 1); }	
			.photo-right { float: right; -webkit-box-shadow: 2px 2px 0px 0px rgba(204, 204, 204, 1); box-shadow: 2px 2px 0px 0px rgba(204, 204, 204, 1); }
			
		.txtarea { width: 460px; }
		.txtarea h1, h2, h3, h4, h5, h6 { text-transform: none; }				
		.txtarea ul { line-height: 18px; padding: 0 0 15px 0; margin-left: 27px; }
		.txtarea li { background: url(../theme/common/bullet-grey.png) no-repeat 0 6px; padding: 0 0 0 15px; margin-bottom: 12px; }
		.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-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-family: Georgia, serif; font-size: 16px; font-style: italic; margin-bottom: 20px; padding: 20px 20px 40px 20px; }
		.txtarea blockquote cite { float: right; clear: both; font-family: 'WebfontBold', Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; text-transform: uppercase; }	
		.txtarea img { margin: 0px 5px 0px 10px; }
		
		.main-content .whyus { width: 460px; border-top: 1px solid #ccc; margin-bottom: 20px; }
		.main-content .whyus h2 { font-size: 14px; color: #777; text-transform: uppercase; padding: 20px 0px 0px 0px; margin-bottom: 15px; }
		.main-content .whyus ul { margin: 0px 20px 0px 5px; line-height: 18px; }
		.main-content .whyus li { font-size: 12px; background: url(../theme/common/bullet-grey.png) no-repeat 0 6px; padding: 0 0 0 15px; margin-bottom: 12px; }
		.main-content .whyus li:last-child { margin-bottom: 0px; }
		
		.main-content .payments { width: 460px; }	
		
		.main-content .hours { width: 460px; }	
		
		.main-content .memberships { width: 460px; border-top: 1px solid #ccc; margin-bottom: 20px; }
		.main-content .memberships h2 { font-size: 14px; color: #777; text-transform: uppercase; padding: 20px 0px 0px 0px; margin-bottom: 15px; }
		.main-content .memberships ul { margin: 0px 20px 0px 5px; line-height: 18px; }
		.main-content .memberships li { font-size: 12px; background: url(../theme/common/bullet-grey.png) no-repeat 0 6px; padding: 0 0 0 15px; margin-bottom: 12px; }
		.main-content .memberships li:last-child { margin-bottom: 0px; }	
		
		.main-content .insurance { width: 460px; border-top: 1px solid #ccc; margin-bottom: 20px; }
		.main-content .insurance h2 { font-size: 14px; color: #777; text-transform: uppercase; padding: 20px 0px 0px 0px; margin-bottom: 15px; }
		.main-content .insurance ul { margin: 0px 20px 0px 5px; line-height: 18px; }
		.main-content .insurance li { font-size: 12px; background: url(../theme/common/bullet-grey.png) no-repeat 0 6px; padding: 0 0 0 15px; margin-bottom: 12px; }
		.main-content .insurance li:last-child { margin-bottom: 0px; }												
		
		.map { width: 460px; margin: auto; }			

	.rail-right { float: right; width: 220px; }
	
		.contact-form { width: 218px; background-color: #000; -webkit-box-shadow: 2px 2px 0px 0px rgba(204, 204, 204, 1); box-shadow: 2px 2px 0px 0px rgba(204, 204, 204, 1); margin-bottom: 20px; }		
		.contact-form h2 { font-size: 14px; color: #fff; text-transform: uppercase; padding-top: 20px; margin-bottom: 5px; text-align: center; }
		.contact-form p { font-family: 'WebfontBold', Arial, Helvetica, sans-serif; font-size: 27px; color: #fff; text-transform: uppercase; text-align: center; margin-bottom: 15px; }		
		.contact-form form { width: 196px; margin: auto; } 
		.contact-form .yodlecms_contactform { overflow: hidden; }
		.contact-form .yodlecms_contactform label { display: block; color: #fff; font-size: 12px; }	
		.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; border: none; margin: 10px 2px 20px 0px; background-color: #c71c1f; font-family: 'WebfontBold', Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; text-transform: uppercase; cursor: pointer; padding: 5px 10px 5px 10px; -webkit-box-shadow: 2px 2px 0px 0px rgba(204, 204, 204, 1); box-shadow: 2px 2px 0px 0px rgba(204, 204, 204, 1); }	 	
	 	.contact-form .submit:hover { background-color: #ad181b; }	 	
	 	.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; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: none; }
		.contact-form form input.yodlecms_formError { background: #ffe8e8; border: 1px solid red; }	
		
		.payments { border-top: 1px solid #ccc; margin-bottom: 20px; }
		.payments h2 { font-size: 14px; color: #777; text-transform: uppercase; padding: 20px 0px 0px 0px; margin-bottom: 15px; }
		.payments ul { margin: 0px 20px 0px 0px; line-height: 18px; }
		.payments li { display: inline; margin-right: 3px; }
		.payments p { padding: 10px 0px 0 0px; font-size: 12px; line-height: 20px; }												
		
		.rail-right .memberships { border-top: 1px solid #ccc; margin-bottom: 20px; }
		.rail-right .memberships h2 { font-size: 14px; color: #777; text-transform: uppercase; padding: 20px 0px 0px 0px; margin-bottom: 15px; }
		.rail-right .memberships ul { margin: 0px 20px 0px 5px; line-height: 18px; }
		.rail-right .memberships li { font-size: 12px; background: url(../theme/common/bullet-grey.png) no-repeat 0 6px; padding: 0 0 0 15px; margin-bottom: 12px; }
		.rail-right .memberships li:last-child { margin-bottom: 0px; }	
		
		.rail-right .insurance { border-top: 1px solid #ccc; margin-bottom: 20px; }
		.rail-right .insurance h2 { font-size: 14px; color: #777; text-transform: uppercase; padding: 20px 0px 0px 0px; margin-bottom: 15px; }
		.rail-right .insurance ul { margin: 0px 20px 0px 5px; line-height: 18px; }
		.rail-right .insurance li { font-size: 12px; background: url(../theme/common/bullet-grey.png) no-repeat 0 6px; padding: 0 0 0 15px; margin-bottom: 12px; }
		.rail-right .insurance li:last-child { margin-bottom: 0px; }	
		
		.rail-right .txtarea { width: 220px; border-top: 1px solid #ccc; margin-bottom: 20px; }
		.rail-right .txtarea h1 { font-size: 14px; color: #777; text-transform: uppercase; padding: 20px 0px 0px 0px; margin-bottom: 15px; }
		.rail-right .txtarea h2 { font-size: 14px; color: #777; text-transform: uppercase; padding: 20px 0px 0px 0px; margin-bottom: 15px; }
		.rail-right .txtarea h3 { font-size: 14px; color: #777; text-transform: uppercase; padding: 20px 0px 0px 0px; margin-bottom: 15px; }
		.rail-right .txtarea h4 { font-size: 14px; color: #777; text-transform: uppercase; padding: 20px 0px 0px 0px; margin-bottom: 15px; }
		.rail-right .txtarea h5 { font-size: 14px; color: #777; text-transform: uppercase; padding: 20px 0px 0px 0px; margin-bottom: 15px; }
		.rail-right .txtarea h6 { font-size: 14px; color: #777; text-transform: uppercase; padding: 20px 0px 0px 0px; margin-bottom: 15px; }										
		.rail-right .txtarea ul { margin: 0px 20px 0px 5px; line-height: 18px; }
		.rail-right .txtarea ul li { font-size: 12px; background: url(../theme/common/bullet-grey.png) no-repeat 0 6px; padding: 0 0 0 15px; margin-bottom: 12px; }
		.rail-right .txtarea ul li:last-child { margin-bottom: 0px; }
		.rail-right .txtarea ol { list-style: decimal; margin: 0px 20px 0px 25px; padding: 0 0 15px 0; line-height: 18px; }
		.rail-right .txtarea ol li { font-size: 12px; background: none; margin: 0px; margin-bottom: 12px; }
		.rail-right .txtarea ol li:last-child { margin-bottom: 0px; }		
		.rail-right .txtarea p { font-size: 12px; }	
		
/* Footer 
------------------------------------*/		
#footer { background-image: url(../theme/red_black/footer-bg.gif); background-repeat: repeat-x; overflow: hidden; background-color: #fff; border-bottom: 10px solid #000; }

	.footer-inner { width: 940px; margin: auto; overflow: hidden; }

		.footer-inner-left { float: left; margin: 30px 0px 30px 0px; }
	
			.bottomnav ul { padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 5px; }
			.bottomnav li { display: inline; margin-right: 20px; }
			.bottomnav li a { font-size: 12px; color: #000; }
			.bottomnav li a:hover { text-decoration: none; }
			.bottomnav li.on a { text-decoration: none; font-weight: bold; }
			.bottomnav li.on a:hover { text-decoration: underline; }
		
			.legal { color: #000; font-size: 11px; float: left; margin-bottom: 0px; }	
			.legal a { color: #000; }
			.legal a:hover { text-decoration: none; }	
			.legal p { margin-bottom: 0px; }
			
				.legal .privacy-txtlink { margin-left: 20px; margin-right: 20px; }		
		
		.footer-inner-right { float: right; margin: 30px 0px 30px 0px; }	
	
			.address { color: #000; font-size: 12px; text-align: right; }	
			.address p { margin-bottom: 0px; line-height: 18px; }