@import url(http://fonts.googleapis.com/css?family=Signika:400,700,600);

/* General 
------------------------------------*/

html { background-image: url(../theme/common/html_background.png) }

    html body div#yodlecms_wrapper a { color: #000 !important }

body { background-color: #e5deda; background-image: url(../theme/common/body_background.png); background-repeat: repeat-x; color: #323232; font-size: 14px; font-family: Arial, sans-serif; line-height: 24px; }

em { font-style: italic }

strong { font-weight: bold }

a { color: #004985; text-decoration: underline; }

.footer a, .main-content a {
color: #004985 !important;
}

a:hover { text-decoration: none }

h1, h2, h3, h4, h5, h6 { margin-bottom: 11px; color: #444; font-weight: 400; text-transform: none; letter-spacing: -0.2px; font-family: 'Signika', Arial, sans-serif; line-height: 1.1em; }

    h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { }

h1 { font-size: 28px }

h2 { font-size: 24px }

h3 { font-size: 18px }

h4 { font-size: 16px }

h5 { font-size: 14px }

h6 { font-size: 14px }

.main-content { padding-top: 0 }

    .main-content h1:first-child { margin-bottom: 5px }

    .main-content .insurance, .main-content .memberships, .main-content .payments, .main-content .whyus, .main-content .hours, .main-content .txtarea, .main-content .hours, .main-content .contact-form { margin-bottom: 30px }

        .main-content .insurance h2, .main-content .memberships h2, .main-content .payments h2, .main-content .whyus h2, .main-content .hours h2, .main-content .hours h2, .main-content .contact-form h2 { color: #323232; font-size: 18px; }

        .main-content .insurance ul, .main-content .memberships ul, .main-content .payments ul, .main-content .whyus ul, .main-content .hours ul, .main-content .txtarea ul, .main-content .hours ul, .main-content .contact-form ul { margin: 0px 20px 20px 25px; padding: 0px; }

            .main-content .insurance ul li, .main-content .memberships ul li, .main-content .payments ul li, .main-content .whyus ul li, .main-content .hours ul li, .main-content .txtarea ul li, .main-content .hours ul li, .main-content .contact-form ul li { padding-bottom: 8px; line-height: 18px; list-style-type: disc; }

        .main-content .txtarea ol li { padding-bottom: 8px; line-height: 18px; }

        .main-content .txtarea img { margin-right: 10px; margin-left: 5px; }

        .main-content .payments ul { margin: 0; list-style-type: none; }

        .main-content .txtarea h1, .main-content .txtarea h2, .main-content .txtarea h3, .main-content .txtarea h4, .main-content .txtarea h5, .main-content .txtarea h6 { color: #323232; font-weight: 300; }

        .main-content .payments ul li { display: inline }

p { margin-bottom: 20px }

/* Header 
------------------------------------*/

#header-outer { }

#header { }

.service-area-tagline-outer { width: 960px; margin-right: auto; margin-left: auto; }

.service-area-tagline { height: 42px; margin-right: auto; margin-left: auto; padding-top: 8px; padding-right: 10px; color: #fff; font-size: 12px; text-align: right; font-family: 'Signika', Arial, sans-serif; font-weight: 400; }

    .service-area-tagline #service-area { opacity: 0.8; font-size: 12px; }

    .service-area-tagline #tagline { padding-top: 6px; padding-bottom: 3px; font-weight: 700; font-size: 14px; letter-spacing: -0.1px; }

    .service-area-tagline p { margin: 0; padding: 0; line-height: 12px; }

.topnav-outer { }

.topnav { height: 39px; padding-top: 3px; font-family: 'Signika', Arial, sans-serif; }

    .topnav li.on { background-image: url(../theme/common/nav-selected_background.png); background-repeat: repeat; }

        .topnav li.on a { padding-bottom: 0px; opacity: 0.4; }

        .topnav li.on a:hover { color: #323232 }

html body .topnav li { display: inline; padding-top: 10px; padding-right: 21px; padding-bottom: 10px; padding-left: 21px; background-image: url(../theme/common/nav_divider.png); font-weight: 400; background-position: right top; background-repeat: no-repeat; }

.topnav li a { color: #fff; font-size: 14px; text-decoration: none; letter-spacing: 0.2px; }

.topnav li a:hover { color: #bbbbbb; text-decoration: none; }

.topnav ul { padding-top: 6px; margin: auto; }

/* Content 
------------------------------------*/

.primary { background-color: #fff; border: 1px solid #fff; -webkit-box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, .14); -webkit-border-radius: 8px; border-radius: 8px; box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, .14); }

    .primary .rail-right .txtarea ol { margin-left: 40px; margin: 0; padding: 0; padding-right: 10px; }

        .primary .rail-right .txtarea ol li { margin-left: 0; padding-left: 0; background: 0; list-style-type: decimal; }

    .primary .rail-left .txtarea ol, .primary .rail-right .txtarea ol { margin-left: 37px; padding: 0; line-height: 16px; padding-right: 10px; }

    .primary .rail-left .txtarea ol { margin-left: 40px; margin: 0; padding: 0; padding-right: 10px; }

        .primary .rail-left .txtarea ol li, .primary .rail-right .txtarea ol li { margin-left: 35px; padding-left: 0; background: 0; list-style-type: decimal; }

#content-outer { }

#content-shadow { }

#content { width: 960px; margin-right: auto; margin-left: auto; padding-top: 0px; }

#content-wrapper #title-background a { text-decoration: none; border: 0; }

.content-column-left { float: left; width: 720px; margin-left: 9px; padding-top: 10px; }

.title { }

    .title h2 { display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; border: 1px solid #fff; -webkit-box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, .14); max-width: 710px; box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, .14); padding-top: 34px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; margin-top: -1px; background-color: #fff; color: #323232; font-size: 36px; margin-bottom: 20px; font-weight: normal; letter-spacing: -1.5px; font-weight: 700; }

    .title a { text-decoration: none }

.rail-left { float: left; width: 220px; }

    .rail-left .services ul { margin-top: -3px; margin-right: 8px; margin-bottom: 30px; margin-left: 8px; padding-bottom: 29px; padding: 0px; }

    .rail-left .services li { margin-bottom: 15px; padding-left: 10px !important; color: #fff; color: rgba(255,255,255,0.4); background-image: url(../theme/common/services_bullet.png); background-repeat: no-repeat; list-style-position: inside; list-style-type: none; }

.rail-right { }

    .rail-left .insurance, .rail-left .memberships, .rail-left .payments, .rail-left .whyus, .rail-left .contact-form, .rail-right .insurance, .rail-right .memberships, .rail-right .payments, .rail-right .whyus, .rail-right .services, .rail-left .txtarea, .rail-right .txtarea { margin-bottom: 40px; padding-top: 14px; background-image: url(../theme/common/widget_header.png); background-repeat: no-repeat; }

        .rail-left .insurance h2, .rail-left .memberships h2, .rail-left .payments h2, .rail-left .whyus h2, .rail-left .hours h2, .rail-left .hours h2, .rail-left .contact-form h2, .rail-right .insurance h2, .rail-right .memberships h2, .rail-right .payments h2, .rail-right .whyus h2, .rail-right .hours h2, .rail-right .services h2, .rail-left .txtarea h1, .rail-right .txtarea h1, .rail-left .txtarea h2, .rail-right .txtarea h2, .rail-left .txtarea h3, .rail-right .txtarea h3, .rail-left .txtarea h4, .rail-right .txtarea h4, .rail-left .txtarea h5, .rail-right .txtarea h5 { padding-right: 10px; padding-left: 10px; color: #323232; font-size: 14px; font-weight: 400; letter-spacing: 0.5px; font-family: 'Signika', Helvetica, Arial; }

        .rail-left .payments li, .rail-right .payments li { display: inline; margin: 0 !important; padding: 0 !important; background-image: none; }

        .rail-left .payments ul, .rail-right .payments ul { background-image: none }

        .rail-left .payments p, .rail-right .payments p { margin-left: 3px }

    .rail-left .txtarea, .rail-right .txtarea { width: 220px }

        .rail-left .txtarea img, .rail-right .txtarea img { max-width: 220px }

        .rail-left .txtarea img, .rail-right .txtarea img { max-width: 200px }

        .rail-left .txtarea li, .rail-right .txtarea li { margin-bottom: 10px; margin-left: 12px; padding-left: 12px; background-image: url(../theme/common/widget_bullet.png); background-repeat: no-repeat; list-style-type: none; }

        .rail-left .txtarea ul, .rail-right .txtarea ul { margin-top: 0px; margin-left: 8px; padding-top: 0px; }

        .rail-left .txtarea p, .rail-right .txtarea p { margin-left: 10px; margin-right: 10px; line-height: 16px; }

    .rail-left ul, .rail-right ul { margin-top: -3px; margin-left: 8px; padding-top: 0px; margin-right: 10px; }

    .rail-left ol, .rail-right ol { padding-right: 10px }

    .rail-left ul li, .rail-right ul li { margin-bottom: 10px; margin-left: 12px; padding-left: 12px !important; background-image: url(../theme/common/widget_bullet.png); background-repeat: no-repeat; line-height: 14px; list-style-type: none; }

    .rail-left h6, .rail-right h6, .rail-left h5, .rail-right h5, .rail-left h4, .rail-right h4, .rail-left h3, .rail-right h3, .rail-left h2, .rail-right h2, .rail-left h1, .rail-right h1 { font-size: 14px; text-transform: uppercase; letter-spacing: 1.21px; }

.rail-left, .rail-right { font-size: 12px }

.services {background-image: url(../theme/common/widget_background.png);}

    .contact-form button::-moz-focus-inner { padding: 0 !important; border: 0 !important; }

    .contact-form .yodlecms_contactform { overflow: hidden }

        .contact-form .yodlecms_contactform label { display: block; margin-bottom: 2px; color: #fff; font-size: 12px; line-height: 14px; text-shadow: 0px 1px 1px #999; text-shadow: 0px 1px 1px rgba(0,0,0,0.25); }

    .contact-form h2.phone-number { position: relative; top: -3px; margin-bottom: 6px; margin-left: 10px; color: #FFFFFF; font-size: 28px; text-transform: uppercase; letter-spacing: 0.7px; font-family: 'Signika',Arial,sans-serif; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }

    .services h2, .contact-form h2.call-email { background-image: url(../theme/common/services-contact_header.png); background-repeat: repeat; }

    .contact-form h2.call-email { }

    .services h2, .contact-form h2.call-email { display: inline-block; margin-bottom: 9px; padding-bottom: 10px; padding: 8px; padding-left: 10px; padding-right: 17px; color: #fff; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0px 1px 1px rgba(0,0,0,0.25); }

    .services li:last-child { padding-bottom: 0 }

    .contact-form .submit, div.map input[type$="button"] { padding: 8px; float: right; margin-bottom: 20px; padding-top: 7px; padding-right: 25px; padding-left: 14px; margin: 7px 0 20px; background-color: #323232; color: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase; -moz-border-radius: 5px; -moz-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.1); -webkit-border-radius: 5px; -webkit-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.1); background: url(../theme/common/button_background.png) repeat-x #004985; background-position: right center; background-repeat: no-repeat; border: 1px solid #333; border: 1px solid rgba(0,0,0,0.7); border-radius: 5px; box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.1); cursor: pointer; text-shadow: 0px 1px 1px #999; text-shadow: 0px 1px 1px rgba(0,0,0,0.75); }

div.map input[type$="button"] { float: none; margin: 0; }

.contact-form .submit:hover { background-image: url(../theme/common/button-hover_background.png) }

.contact-form form { padding: 0px 10px 15px 10px }

    .contact-form form input.yodlecms_formError { background: #ffe8e8; border: 1px solid red; }

    .contact-form form textarea { height: 155px; resize: none; }

    .contact-form form input, form textarea { width: 200px; margin-bottom: 5px; padding: 0px; padding: 2px; background-color: #fff; font-size: 11px; -moz-box-sizing: border-box; -webkit-appearance: none; -webkit-box-sizing: border-box; border: none; border: 0; box-sizing: border-box; }

    .contact-form form input { height: 25px; margin-bottom: 13px; }

    .contact-form form input, .contact-form form textarea { -moz-border-radius: 4px; -moz-box-shadow: inset 0px 0px 3px px rgba(0, 0, 0, 0.2); -webkit-border-radius: 4px; -webkit-box-shadow: inset 0px 0px 3px px rgba(0, 0, 0, 0.2); border-radius: 4px; box-shadow: inset 0px 0px 3px px rgba(0, 0, 0, 0.2); }

.services li a { color: #fff; font-size: 12px; line-height: 14px; text-shadow: 0px 1px 1px #999; text-shadow: 0px 1px 1px rgba(0,0,0,0.25); }

.services li a:hover { text-decoration: none }

.services, .contact-form { padding-top: 28px; -webkit-border-radius: 8px; border-radius: 8px; }

html body .services {  padding-top: 28px; margin-bottom: 40px; overflow: hidden; background-color: #004985;  -webkit-border-radius: 8px 0px 8px 8px; border-radius: 8px 0px 8px 8px; }

.hours h2 { margin-bottom: 0 }

.rail-left .hours p, .rail-right .hours p { margin-left: 10px; padding-left: 10px; margin: 0; padding: 0; font-size: 11px; font-style: italic; margin-left: 10px; }

.hours table { width: 220px; margin-top: 15px; margin-bottom: 10px; background-color: #323232; color: #fff; font-size: 12px; margin-bottom: 35px; -webkit-border-radius: 8px; border-radius: 8px; }

.hours tr { display: block; background-image: url(../theme/common/hours_divider.png); background-position: bottom; background-repeat: no-repeat; }

.hours tr:first-child { padding: 2px; font-weight: bold; }

.hours tr:last-child { background-image: none }

.hours td { padding-top: 2px; padding: 2px; font-size: 11px; text-shadow: 0px 1px 1px #999; text-shadow: 0px 1px 1px rgba(0,0,0,0.25); }

.hours td:first-child { width: 70px; padding-right: 10px; text-align: right; text-shadow: 0px 1px 1px #999; text-shadow: 0px 1px 1px rgba(0,0,0,0.25); }

.main-content { float: left; width: 460px; margin-left: 14px; padding-right: 6px; padding-left: 6px; }

.main-images { position: relative; float: left; left: -19px; width: 520px; margin-bottom: 14px; }

    .main-images .image-right img { margin-left: 1px }

    .main-images .image-left img, .main-images .image-right img { display: block; float: left; width: 249px; }

#yodlecms_canvas .main-images { position: static; left: 0px; }

/* Images in Main Area and Rails */

.txtarea blockquote { margin-bottom: 20px; padding-top: 20px; padding-bottom: 40px; font-size: 22px; background-image: url(../theme/common/blockquote_background.png), url(../theme/common/blockquote_background.png); background-position: left top, left bottom; background-repeat: no-repeat; }

    .txtarea blockquote cite { float: right; font-style: normal; clear: both; }

.txtarea ol { margin: 0px 20px 20px 30px; padding: 0px; }

    .txtarea ol li { list-style-type: decimal }

.txtarea ul { margin: 0px 20px 20px 25px; padding: 0px; }

    .txtarea ul li { list-style-type: disc }

.map { width: 460px; margin: auto; }

.content-column-right { position: relative; float: right; width: 220px; margin-top: -137px; margin-right: 9px; }

.contact-form { margin-top: 2px; margin-top: 34px; margin-bottom: 40px; background-color: #323232; }

.yodlecms_formErrorDiv { width: 20em; margin: 5px 0px 0px 0px; font-size: 12px!important; border: 0px solid #c00; font-family: inherit; }

    .yodlecms_formErrorDiv p { width: 186px; margin-bottom: 0px; padding: 5px; color: #fff; text-align: center; background: red; }

/* Footer 
------------------------------------*/

.footer { }

    .footer a { }

.hours table, .contact-form {background-image: url(../theme/common/services-table_background.png); background-repeat: repeat;}

#yodlecms_wrapper #content-wrapper { width: 100% }

#yodlecms_wrapper .topnav { position: relative; z-index: 0; }

#yodlecms_wrapper .content-column-left { width: 900px !important }

#yodlecms_wrapper .rail-left { width: 300px !important }

#yodlecms_wrapper .rail-right { width: 300px !important }

    #yodlecms_wrapper .rail-right .contact-form { z-index: 0 }

#yodlecms_wrapper .title { margin: 0 !important; padding: 0 !important; }


#yodlecms_wrapper .service-area-tagline { color: #000 !important; }

#yodlecms_wrapper #header-outer { position: static !important; z-index: 0 !important; }

#yodlecms_wrapper .content-column-right { position: static !important; top: 0; }

#yodlecms_wrapper  .yodlecms_formelements  label { color: #fff !important }

#yodlecms_wrapper  .yodlecms_formelements  ul li { background-image: none !important }

#yodlecms_wrapper .content-column-right { position: static; z-index: 0; }

#yodlecms_wrapper .services, #yodlecms_wrapper .contact-us, #yodlecms_wrapper .hours table {background-image: none;}

#design-controls { z-index: 500 }

#yodlecms_wrapper .title { position: static }

#yodlecms_wrapper #content { width: 100% !important }

#footer p { color: #fff !important }

#yodlecms_wrapper #content-top, #yodlecms_wrapper #content-wrapper, #yodlecms_wrapper #header-outer, #yodlecms_wrapper .top-nav li a, #yodlecms_wrapper #content-wrapper, #yodlecms_wrapper .content-column-right, #yodlecms_wrapper .contact-form { position: static }



