/* General 
--------------------------------------*/
body { background: url(../images/bg-body.jpg) no-repeat center top #404040; font: 12px/18px Arial,Helvetica,sans-serif; color: #555555; padding: 0 0 30px; }

h1, h2, h3, h4, h5 { color: #E54B43; font-family: ChunkFiveRegular,Impact,Arial,sans-serif; margin: 24px 0 10px; }
    h1 strong, h2 strong, h3 strong { font-weight: normal; color: #B53B35; }
    h1 { font-size: 24px; line-height: 22px; }
    h2 { font-size: 18px; line-height: 18px; }
    h3 { font-size: 14px; line-height: 18px; }
a { color: #226EB2; }
    a:hover { text-decoration: none }
strong { font-weight: bold; }
em { font-style: italic; }

/* Structure 
--------------------------------------*/
#container { margin: 0 auto; overflow: hidden; border-top: 1px solid #EC9E98; width: 1008px; }
#content { background: #F2F1ED; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;text-shadow: 1px 1px #FFFFFF; padding: 37px 24px 38px; }
    .rail-left, .main { margin: 0 24px 0 0 }



/* Topnav 
--------------------------------------*/
.topnav { font-family: ChunkFiveRegular,Impact,Arial,sans-serif; text-align: center; position: relative; padding: 16px 0 0; background: url(../theme/red/bg-topnav.png) no-repeat left bottom; margin: -10px 0 0; overflow: hidden; }
.topnav ul { margin: 0; padding: 0; float: left; clear: left; left: 50%; position: relative; }
    .topnav li { background: url(../images/divider-topnav.png) no-repeat 0 50%; margin: 0; line-height: 1em; padding: 0 20px; position: relative; float: left; display: block; right: 50%; }
        .topnav li:first-child { background: none; }
    .topnav a { text-decoration: none; color: #FFFFFF; text-shadow: 1px 1px rgba(0,0,0,0.12); font-size: 12px; text-transform: uppercase; text-align: center; letter-spacing: 0.08em; display: block; line-height: 39px; }
        .topnav a:hover { color: #D3E2F0; }
            .topnav li.on a { color: #F2A5A1; background: url(../images/bg-topnav-on.png) no-repeat center bottom; border-bottom: 2px solid #F2F1ED; }

            
/* Header 
--------------------------------------*/
.call { text-align: right; padding: 24px; }
    .call h3 { font-family: Arial,sans-serif; font-weight: bold; color: #FFFFFF; font-size: 10px; text-transform: uppercase; text-align: right; letter-spacing: 0.02em; margin: 0; line-height: 12px; }
        .call h3 strong { font-family: ChunkFiveRegular,Impact,Arial,sans-serif; color: #FFFFFF; font-size: 24px; text-transform: uppercase; text-align: right; font-weight: normal; position: relative; top: 1px; line-height: 18px; }
    .call p { color: #FFFFFF; font-size: 11px; text-align: right; letter-spacing: 0.01em; }

.title { padding: 66px 0 53px 20px }
    .title h2 { color: #FFFFFF; font-size: 24px; padding: 15px 0 0;  text-transform: uppercase; letter-spacing: 0.01em; margin: 0; line-height: 18px; }
		.title h2 a { color: #FFF; text-decoration: none; }
    .title p { font-family: ChunkFiveRegular,Impact,Arial,sans-serif; color: #D9D9D9; font-size: 12px; }
    .title img { margin: 0 10px 0 0; }
    
/* Rail 
--------------------------------------*/
.rail h2 { background: #E54B43; color: #FFFFFF; font-size: 11px; text-transform: uppercase; text-align: center; line-height: 18px; letter-spacing: 0.04em; padding: 5px 8px 3px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;; text-shadow: none; margin: 0 0 15px; -moz-box-shadow: 1px 1px #FFFFFF; -webkit-box-shadow: 1px 1px #FFFFFF; box-shadow: 1px 1px #FFFFFF; }
    

/* Content 
--------------------------------------*/
.main .top { overflow: hidden; margin: 0 0 27px; }
    .main .top .c1 { margin: 0 12px 0 0 }
.main .top .image { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;height: 171px; width: 228px; -moz-box-shadow: 1px 1px #FFFFFF; -webkit-box-shadow: 1px 1px #FFFFFF; box-shadow: 1px 1px #FFFFFF; }
    .main .top .image1 { background: url(../images/image1.jpg) no-repeat 0 0 }
    .main .top .image2 { background: url(../images/image2.jpg) no-repeat 0 0 }

.main .txtarea ul, .main .txtarea ol { padding: 0 0 0 12px }
    .main .txtarea li { font-weight: normal }
        .main .txtarea ul li { background: url(../images/bullet.png) no-repeat 0 6px; padding: 0 0 0 8px; margin: 0 0 12px;}
        .main .txtarea ol li { background: none repeat 0 0; padding: 0; }
    .main .txtarea ol { padding: 0 0 0 30px; list-style: decimal outside none; }

.main p { margin: 0 0 12px }

.main .txtarea img { padding: 0 0 12px 12px; }

/* Form 
--------------------------------------*/
.contact { overflow: hidden; margin: 0 0 36px; }
form input, form textarea { border-width: 1px; border-style: solid; border-color: #CBCBC9 #E3E3E1 #E3E3E1 #CBCBC9; padding: 5px; margin: 0 0 10px; width: 210px; }
form label { display: block; font-size: 12px; margin: 0 0 1px 2px; color: #666666; }
.submit, .map input[type=button] { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;color: #FFFFFF; margin: 0; cursor: pointer; letter-spacing: 0.12em; text-transform: uppercase; height: 28px; text-shadow: 0 1px rgba(0, 0, 0, 0.25); background: url(../theme/red/bg-submit.png) repeat-x 0 0; padding: 0 15px; font: 10px/10px Arial,sans-serif; border: 1px solid #206AAB }
    .submit { float: right }
    .submit:hover, .map input[type=button]:hover { background-position: 0 -26px; border: 1px solid #E54C44; }
form textarea { overflow-y: auto; height: 156px;}


/* Footer 
--------------------------------------*/
#footer { position: relative; background: url(../theme/red/bg-footer.png) no-repeat center bottom; padding: 0 0 47px; width: 1040px; color: #FFFFFF; margin: -10px auto 24px; }
    #footer .wrapper { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;background: #E54B43; padding: 34px 40px; }
    #footer .c1 { margin: 0 24px 0 0 }
#footer a { color: #FFFFFF }
    #footer a:hover { text-decoration: none }
.bottomnav ul { overflow: hidden; background: url(../images/divider-footer.png) no-repeat left bottom; padding: 0 0 14px; margin: 0 0 10px; }
    .bottomnav li { float: left; padding: 0 12px; line-height: 1em; border-left: 1px solid #F2A5A1; }
        .bottomnav li:first-child { border: medium none; padding-left: 0; }
        .bottomnav li.on a { color: #F2A5A1 }

.copyinfo { font-size: 11px; }

#footer .privacy-link {border-left:1px solid #F2A5A1; margin:0 0.8em; padding:0 0.8em; }
        
/* Widgets 
--------------------------------------*/
.txtarea, .payments, .whyus, .memberships, .insurance, .hours { margin: 0 0 17px }

.txtarea ul, .payments ul, .whyus ul, .memberships ul, .insurance ul, .hours ul, .services ul
        { padding: 0 0 0 12px; margin: 0 0 35px }
    .txtarea li, .payments li, .whyus li, .memberships li, .insurance li, .hours li, .services li
        { background: url(../images/bullet-sidebar.png) no-repeat 0 4px; color: #777777; font-size: 12px; font-weight: bold; line-height: 14px; margin: 0 0 14px; padding: 0 0 0 11px; }


/* Hours */
.hours h2 { margin: 0 0 10px; }
.hours table { margin: 0 auto 12px; width: 90%; }
    .hours td { font-size: 11px; background: url(../images/divider-hours.png) no-repeat 0 0; padding: 6px 5px 4px; }
    .hours td:first-child { font-weight: bold; text-align: right; }
    .hours tr:first-child td { font-size: 12px; font-weight: bold; background: none repeat 0 0; }

.main .hours table { width: 222px; margin: 0 0 12px; }

/* Payments */
.payments ul { padding: 0; overflow: hidden; }
    .payments li { background: none repeat 0 0; padding: 0; margin: 0 3px 0 0; float: left; }

/* Services */
.rail .services { background: #226EB2; text-shadow: none; padding: 24px 12px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;margin: 0 0 36px; }
    .services h2 { background: #FFFFFF; color: #226EB2; margin: 0; }
    .services ul { margin-bottom: 1px; overflow: hidden; padding: 0;  }
    .services li { background: url(../images/bullet-services.png) no-repeat 12px 16px; position: relative; top: 1px; padding: 12px 0 12px 24px; margin: 0; border-bottom: 1px solid #1d5e97; border-top: 1px solid #7aa8d1; }
        .services li:first-child { border-top: none; }
    .rail .services a { color: #FFFFFF; }
    

/* CMS 
--------------------------------------*/
.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; }

/* Canvas Hacks */

#yodlecms_canvas #header .txtarea *,
#yodlecms_canvas #header .call *,
#yodlecms_canvas #header .title *,
#yodlecms_canvas #header .topnav * { color: #777; }

#yodlecms_canvas .rail .services ul { padding-left:0; }

#yodlecms_canvas #content { padding-bottom: 20px; }
#yodlecms_canvas #footer { position: static; margin: 0 auto; color: #FFF; }
#yodlecms_canvas #footer .c1 { margin-right: 0; }
#yodlecms_canvas #footer a,
#yodlecms_canvas #footer .copyinfo,
#yodlecms_canvas #footer .address { color: #FFF; }