/* CMS 2.0
-------------------------------*/
.yodlecms_widget, .yodlecms_widget_layout { overflow:hidden; }
.yodlecms_column { float: left; }
.yodlecms_formErrorDiv { margin:5px 0; font-size:12px; color:red;}    
.yodlecms_formError {background:#ffeeee!important; border:1px solid red!important;}



/* Structure
-------------------------------------------------------------------*/
body { font: 13px/16px Arial,Helvetica,sans-serif; background: #F4F4F2; color: #555555; }
.sidebar-left { margin: 0 24px 0 0 }
.middle { margin: 0 24px 0 0 }


/* General
-------------------------------------------------------------------*/
h1, h2, h3 { font-family: MgOpenModataRegular,Arial,Helvetica,sans-serif; font-weight: normal; color: #415860; line-height: 1em; }
h1 { font-size: 24px; margin: 0 0 1em; }
h2 { font-size: 18px; margin: 0 0 1em; }
h3 { font-size: 14px; margin: 0 0 1em; }
h4 { font-size: 14px; margin: 0 0 1em; }

p { margin: 0 0 1em }
em { font-style: italic }
strong { font-weight: bold }

ul, ol { margin: 0 0 1em }

table { margin: 0 0 20px }
	td { padding: 3px 10px; border: 1px solid #555555; }
	th { background: #555555; color: #FFFFFF; padding: 3px 10px; border: 1px solid #444444; }

a { color: #415860; }
	a:hover { text-decoration: none; }


/* Header
-------------------------------------------------------------------*/
#header { background: url(../theme/blue/bg-header.jpg) repeat-x center bottom; color: #FFFFFF; z-index: 1; padding: 0 0 200px; }
.header-top { background: url(../theme/blue/bg-header-top.png) repeat-x center bottom; padding: 5px 0 21px;  }
	.header-top p { width: 960px; margin: 0 auto; overflow: hidden; text-align: right; color: #FFFFFF; font: 11px MgOpenModataRegular,Arial,Helvetica,sans-serif; }
		.header-top p strong { font-size: 14px; font-weight: normal; }

.title-nav { width: 960px; margin: 0 auto; padding: 38px 0 23px;overflow:hidden;  }
	.title { float: left }
		.title img { float: left }
		.title h2 { color: #FFFFFF; font: 36px LeagueGothicRegular,Impact,Arial,Helvetica,sans-serif; text-transform: uppercase; float: left; padding: 5px 0 0 10px; margin: 0; }
	.topnav { float: right; padding: 18px 0 0; font: 14px MgOpenModataRegular,Arial,Helvetica,sans-serif; overflow:hidden; }
		.topnav li { float: left; display: block; margin: 0 5px;  overflow:hidden; }
			.topnav li a { text-decoration: none; color: #FFFFFF; padding: 0 10px 2px; display:block; overflow:hidden; line-height: 24px; margin: 0 0 1px; }
				.topnav li.on a, .topnav li a:hover { background: #1A292E; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; -khtml-border-radius: 8px 8px 8px 8px; -moz-box-shadow: 0 1px #6A7C82; box-shadow: 0 1px #6A7C82; -webkit-box-shadow: 0 1px #6A7C82; -khtml-box-shadow: 0 1px #6A7C82; }

.banner { z-index: 5; text-align: center; position: relative; margin: -200px auto 0; width: 964px; }
	.banner-image {  }
		.banner-image img { margin: 12px 0 }
		#banner-mask { width: 964px; height: 366px; background: url(../images/img-banner-mask.png) no-repeat 0 0; z-index: 6; position: absolute; margin: 0 auto; top: 0; left: 0; }


/* Content
-------------------------------------------------------------------*/
#content { z-index: 4; position: relative; background: url(../images/bg-content-bottom.jpg) repeat-x center bottom; padding: 0 0 30px; }
	#content .wrapper { background: url(../images/bg-main-top.jpg) repeat-x 0 200px; }
	.main { clear: both; width: 960px; padding: 0; margin: 24px auto; background: url(../images/divider.png) repeat-x center top; }
		.main > div { background: url(../images/divider.png) repeat-x 0 0; padding: 20px 0 0; }
		.main ol { margin: 10px 0 15px; list-style: decimal inside none; }
		.main ul li { background: url(../images/bullet.png) no-repeat 0 9px; padding: 3px 0 6px 14px; }
		.main li { padding: 0 0 11px}

		.main img { margin:0 12px 12px; border-radius: 8px; }

/* form
-------------------------------------------------------------------*/
.contact-form { padding: 0 0 25px; overflow: auto; }
	.contact-form label { font-weight: bold; display: block; color: #777777; font-size: 12px; margin: 0 0 1px 2px; }
	.contact-form input, textarea { border-width: 1px; border-style: solid; border-color: #CBCBC9 #E3E3E1 #E3E3E1 #CBCBC9; padding: 5px; margin: 0 0 10px; width: 208px; }
	.submit-button { background: url(../theme/blue/bg-submit.png) repeat-x 0 0; border: 1px solid #237BAE; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; padding: 4px 10px; font-weight: bold; color: #FFFFFF; text-shadow: 0 1px rgba(0, 0, 0, 0.15); float: right; margin: 5px 0 0; cursor: pointer; }
		.submit-button:hover { background-position: center bottom }


/* Widgets
-------------------------------------------------------------------*/
.hours table { width: 100%; }
	.hours td { background: url(../images/divider.png) repeat-x center bottom; border: medium none; padding: 8px 7px 11px 0; }
	.hours td:first-child { font-weight: bold; color: #666666; }
.middle .whyus, .middle .insurances, .middle .memberships { background: url(../images/bg-whyus-top.png) no-repeat center top, url(../images/bg-whyus-bottom.png) no-repeat center bottom, url(../images/bg-whyus-middle.png) repeat-y center top; padding: 24px 28px; margin: 0 0 15px; }
	.middle .whyus h2, .middle .insurances h2, .middle .memberships h2 { margin: 0 0 7px }
	.middle whyus ul, .middle .insurances ul, .middle .memberships ul { margin: 0 }
	.middle .whyus li, .middle .insurances li, .middle .memberships li { font-size: 12px; line-height: 14px; padding: 12px 30px; border-top: 1px solid #FFFFFF; background: url(../theme/blue/bullet-whyus.png) no-repeat 0 9px; border-bottom: 1px solid #C0C0BF; }
		.middle .whyus li:first-child, .middle .insurances li:first-child, .middle .memberships li:first-child { border-top: medium none }
		.middle .whyus li:last-child, .middle .insurances li:last-child, .middle .memberships li:last-child { border-bottom: medium none }

	.sidebar .whyus,
	.sidebar .memberships,
	.sidebar .insurances,
	.sidebar .txtarea,
	.sidebar .hours,
	.sidebar .payments { margin: 0 0 25px; clear: both; }
	
.services { margin: 0 0 36px; }

/* Footer
-------------------------------------------------------------------*/
#footer { color: #FFFFFF; background: #3E6E82; border-top: 1px solid #FFFFFF; padding: 35px 0; font-size: 12px; }
	#footer .wrapper { width: 960px; margin: 0 auto; }
	#footer h1, #footer h2, #footer h3 { color: #FFFFFF }
	#footer a { color: #FFFFFF }

	#footer .payments { text-align: right }
		#footer .payments h2 { font-size: 12px }
		.payments li { margin: 0 0 0 5px; float: right; }
	
	.bottomnav { overflow: hidden }
		.bottomnav ul { overflow: hidden; background: url(../images/divider-footer.png) repeat-x center bottom; padding: 0 0 20px; margin: 0 0 15px; position: relative; left: -8px; }
			.bottomnav li { float: left; font-size: 12px; border-left: 1px solid #6E92A1; padding: 0 8px; margin: 0 0 10px; }
	.vcard .org { font-weight: bold }

	#footer .privacy-link {border-left:1px solid #6E92A1; margin:0 .8em; padding:0 .8em; }

/* Canvas Fixes 
-----------------------------*/
#yodlecms_canvas * { position: static; top: auto; bottom: auto; left: auto; right: auto; margin: 0; }


