/* ------------------------------------------------- 
* Description: Global stylesheet
* Website: salondva.com
* Author: Josh Humble, joshhumble.com



/* reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, blockquote, b, u, i, center, dl, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; }
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus {outline:0;}
table {border-collapse:collapse; border-spacing:0;}


body#main {background:#EFE7D6 url(../_images/bg_body.png) repeat;}
#container {background:url(../_images/bg_container.png) repeat-y; margin:0 auto; padding:0; position:relative; width:960px; overflow:hidden; border:1px solid #333;}

/* HEADER */
#header {background:url(../_images/bg_header.png) repeat-x; position:relative; overflow:hidden; margin:0 auto; width:960px; height:185px;}
    #header_curtain_left {position:absolute; top:0; left:0; border:none; width:350px; height:185px; background:url(../_images/bg_header_curtain_left.png) no-repeat;}  
        .logo_salondva {position:absolute; top:3px; left:140px; border:none;}
        /* MAIN navigation */
        #nav_main {position:absolute; top:0; left:364px; width:461px; height:62px; background:url(../_images/bg_nav_main.png) no-repeat;}
        #nav_main ul {position:relative; display:inline; padding:10px 5px 3px 5px; top:4px; left:23px; background:#7F431F; -moz-border-radius:5px; -webkit-border-radius:5px;}
        #nav_main ul li {display:inline; padding:3px 6px 3px 3px; border-right:1px dotted #CF8E67;}
        #nav_main ul li.last_child {border:none;}
        #nav_main ul li:hover {display:inline; padding:3px 6px 3px 3px; background:#BF8B6B;}
        #nav_main ul li a {font:17px Georgia, serif; color:#EFDDB3; text-decoration:none;}
        #nav_main ul li a:link {font:17px Georgia, serif; color:#EFDDB3; text-decoration:none;}
        #nav_main ul li a:visited {font:17px Georgia, serif; color:#EFDDB3; text-decoration:none;}
        #nav_main ul li a:hover {font:17px Georgia, serif; color:#fff; text-decoration:none;}
        #nav_main ul li a:active {font:17px Georgia, serif; color:#EFDDB3; text-decoration:none;}
    
    .icon_facebook {position:absolute; border:none; top:95px; left:670px; z-index:1;}
    #header_top_rag {position:absolute; border:1px solid #333; top:62px; left:367px; border:none; width:454px; height:123px; background:url(../_images/bg_header_top_rag2.png) no-repeat; z-index:0;}
    #header_curtain_right {position:absolute; top:0; right:0; width:139px; height:185px; background:url(../_images/bg_header_curtain_right.png) no-repeat;}

/* CONTENT */
#content {position:relative; overflow:hidden; margin:0 auto; width:960px; background:url(../_images/overlay_content.png) 0 -1px no-repeat;}
    #content_col_one {background:url(../_images/bg_content_col_one.png) no-repeat; position:relative; overflow:visible; float:left; width:361px; min-height:417px;}
        #slogan {font:normal 22px/24px Georgia, serif; color:#666; position:absolute; top:210px; left:170px; width:200px;}
        #featured_specials {position:absolute; top:10px; left:255px; width:156px; height:108px; z-index:0;}
        #featured_specials:hover {position:absolute; top:10px; left:248px; width:156px; height:108px; z-index:0;}
    #content_col_two {position:relative; width:460px; min-height:417px; overflow:hidden; float:left; background:url(../_images/bg_content_col_two.png) repeat-y; z-index:1;}
        #main_content {position:relative; overflow:visible; width:400px; top:10px; left:36px; z-index:1; padding:0 0 20px 0;}
    #content_col_three {background:url(../_images/bg_content_col_three.png) no-repeat; position:relative; float:left; width:139px; min-height:417px; overflow:hidden; z-index:1;}

/* footer */
#footer {background:url(../_images/bg_footer.png) top center repeat; position:relative; width:960px; overflow:hidden; z-index:9;}
    #footer_overlay {background:url(../_images/overlay_footer.png) top center no-repeat; position:relative; width:960px; overflow:hidden; margin:0 auto; z-index:0;}
    a.back_to_top {position:absolute; top:3px; left:730px; font:bold 11px Arial, sans-serif; color:#333; text-decoration:none; z-index:9;}
    a.back_to_top:link {font:bold 11px Arial, sans-serif; color:#333; text-decoration:none; z-index:9;}
    a.back_to_top:hover {font:bold 11px Arial, sans-serif; color:#333; text-decoration:underline; z-index:9;}

#footer_col_one {position:relative; overflow:hidden; float:left; width:351px;}
    .directions_header {position:relative; overflow:hidden; float:left; padding:60px 0 0 125px; margin:0 0 0 -4px; width:117px; height:24px;}
    p.directions {position:relative; overflow:hidden; float:left; padding:5px 0 0 125px; width:200px; font:bold 12px Arial, sans-serif; color:#EFDCB1;}

#footer_col_two {position:relative; overflow:hidden; float:left; width:351px; height:261px;}
    #map {position:relative; margin:60px 0 0 0; border:none;}

#footer_col_three {position:relative; overflow:hidden; float:left; top:0; left:0; width:248px; padding:58px 0 0 0;}
    .hours_header {position:relative; overflow:hidden; margin:0 0 0 -1px; width:98px; height:27px;}
    p.hours {position:relative; overflow:hidden; padding:5px 0 0 0; font:bold 12px Arial, sans-serif; color:#EFDCB1;}

#footer_bottom {position:relative; overflow:hidden; float:left; clear:both; top:0; left:0; width:940px; height:50px;}
    #footer_bottom ul {position:relative; display:inline; font:bold 12px Arial, sans-serif; width:940px; top:0; left:30px;}
        #footer_bottom ul li {position:relative; display:inline; font:bold 12px Arial, sans-serif; color:#fff;}
        #footer_bottom ul li a {position:relative; display:inline; font:bold 12px Arial, sans-serif; color:#fff;}
        #footer_bottom ul li a:link {position:relative; display:inline; font:bold 12px Arial, sans-serif; color:#fff;}
        #footer_bottom ul li a:hover {position:relative; display:inline; font:bold 12px Arial, sans-serif; color:#333;}
#copyright {position:relative; top:5px; left:30px; font:bold 11px Arial, sans-serif; color:#fff;}

#site_credit {position:absolute; bottom:5px; right:40px; font:bold 11px Arial, sans-serif; color:#fff;}
#site_credit a {font:bold 11px Arial, sans-serif; color:#fff; text-decoration:none;}
#site_credit a:link {font:bold 11px Arial, sans-serif; color:#fff; text-decoration:none;}
#site_credit a:hover {font:bold 11px Arial, sans-serif; color:#ccc; text-decoration:underline;}


/* services page */
#services {position:relative; padding:10px 0 20px 0; z-index:0; overflow:visible;}
#services li {font:bold 12px/20px Arial, sans-serif; color:#413122;}
.hair_disclaimer1 {position:relative; top:20px; left:327px; width:80px; padding-right:10px;}
.hair_disclaimer1 ul {display:block;}
.hair_disclaimer {position:relative; width:415px;}
.hair_disclaimer_left {position:relative; float:left; width:250px;}
.hair_disclaimer_right {position:relative; float:right; width:150px; top:34px;}
.hair_disclaimer_right p {font:bold 18px Georgia, serif; text-align:right; padding-right:10px;}
.menu_left {position:relative; top:0; float:left; display:block; width:310px;}
.menu_left li {padding:3px 0;}
.menu_right {text-align:right; position:relative; margin-right:10px; top:0; float:right; display:block;}
.menu_right li {padding:3px 0;}
.hair {margin:-60px auto 40px auto; position:relative; width:415px;}
.hair ul ul li {color:#883916;}
.skin {margin:0 auto 40px auto; position:relative; width:415px; clear:both;}
.skin ul ul li {color:#883916;}
.service_desc {font-size:11px;}
.nails {margin:0 auto 40px auto; position:relative; width:415px; clear:both;}
.makeup {margin:0 auto 40px auto; position:relative; width:415px; clear:both;}
.hair_removal {margin:0 auto 40px auto; position:relative; width:415px; clear:both;}
.spa_packages {margin:0 auto 40px auto; position:relative; width:415px; clear:both;}
.tan_packages {margin:0 auto 40px auto; position:relative; width:415px; clear:both;}
.spa_party {margin:0 auto 40px auto; position:relative; width:415px; clear:both;}

.hair_prices {top:7px; line-height:18px;}
.skin_prices {top:0; line-height:18px;}
.massage_prices {top:0; line-height:18px;}
.li_spacer {height:0;}

/* GALLERY page */
#gallery {position:relative; width:400px; display:inline; overflow:hidden; float:left; padding:0 0 20px 0;}
#gallery ul {display:inline;}
#gallery ul li {position:relative; float:left; display:inline; overflow:hidden; width:97px; height:125px; padding:10px;}

/* ABOUT Page */
.about_section {position:relative; overflow:visible; padding:10px 0; margin:10px 0; min-height:225px;}

/* SPECIALS Page */
.specials_container {position:relative; width:400px; overflow:hidden; float:left; padding:0 0 20px 0;}
    .specials_image {position:relative; width:97px; height:125px; overflow:hidden; float:left; padding:10px;}
    .specials_coupon {position:relative; width:370px; min-height:140px; overflow:hidden; float:left; margin:20px 0 20px 0; border:5px dashed #9F0000; -moz-border-radius:10px 10px; -webkit-border-radius:10px 10px;}
            .coupon_bold_numbers {position:relative; overflow:hidden; float:left; font:bold 44px Arial, sans-serif; color:#9F0000; margin:5px; width:100%;}
            .specials_big_text {position:relative; overflow:hidden; float:left; font:bold 24px Georgia, serif; color:#333; margin:10px; width:100%;}
            .specials_coupon .p_coupon {position:relative; overflow:hidden; float:left; margin:10px; font:bold 12px/22px Georgia, serif; color:#333;}
            .specials_print {position:relative; overflow:hidden; float:left; font:bold 14px Arial, sans-serif; color:#333; margin:0 20px 5px 0; width:95%; text-align:right;}
                .specials_print a {position:relative; overflow:hidden; float:left; font:bold 14px Arial, sans-serif; color:#333; margin:0 20px 5px 0; width:95%; text-align:right;}
                .specials_print a:link {position:relative; overflow:hidden; float:left; font:bold 14px Arial, sans-serif; color:#333; margin:0 20px 5px 0; width:95%; text-align:right;}
                .specials_print a:visited {position:relative; overflow:hidden; float:left; font:bold 14px Arial, sans-serif; color:#333; margin:0 20px 5px 0; width:95%; text-align:right;}
                .specials_print a:hover {position:relative; overflow:hidden; float:left; font:bold 14px Arial, sans-serif; color:#333; margin:0 20px 5px 0; width:95%; text-align:right;}
                .specials_print a:active {position:relative; overflow:hidden; float:left; font:bold 14px Arial, sans-serif; color:#333; margin:0 20px 5px 0; width:95%; text-align:right;}
            .print_text {display:none;}     
     
/* typography */
p {font:bold 12px/22px Georgia, serif; color:#333;}
.psmall {font:11px Arial, sans-serif; color:#333;}
blockquote {font:normal 22px/28px Georgia, serif; color:#883916;}
h1 {font:bold 18px/18px Georgia, serif; color:#333; border-bottom:2px solid #333; width:95%; padding-bottom:5px;}
h2 {font:bold 14px/14px Georgia, serif; color:#333;}
.h2copy {font:bold 14px/14px Georgia, serif; color:#333; text-decoration:none;}
.h2copy:hover {font:bold 14px/14px Georgia, serif; color:#333; text-decoration:none;}
a {font:normal 12px/14px Georgia, serif; color:#333; text-decoration:underline;}
a:link {font:normal 12px/14px Georgia, serif; color:#333; text-decoration:underline;}
a:visited {font:normal 12px/14px Georgia, serif; color:#333; text-decoration:underline;}
a:hover {font:normal 12px/14px Georgia, serif; color:#666; text-decoration:underline;} 
a:active {font:normal 12px/14px Georgia, serif; color:#333; text-decoration:underline;}

.section_header {position:relative; top:-15px; left:163px; font:normal 24px Georgia, serif; border:none; float:left;}
.intro {font:normal 22px/22px Georgia, serif; color:#333; letter-spacing:2px;}
.about_header {padding-top:10px;}
.header_image {position:relative; padding-bottom:20px;}
.error {font:bold 12px/14px Arial, sans-serif; color:#f00;}


/* forms */
#contact_form {position:relative; overflow:hidden; float:left; width:500px; margin:20px 0 40px 0;}
fieldset {position:relative; overflow:hidden; float:left; clear:left; top:0; left:0; margin:0 10px 0 0;}
.form_field {position:relative; float:left; overflow:hidden; width:350px; margin:5px 0 5px 4px; background:none; -webkit-border-radius:5px 5px; -moz-border-radius:5px 5px; border-radius:5px 5px; padding:5px; border-bottom:1px dashed #883916;}
label {font:bold 12px Arial, sans-serif; position:relative; float:left; overflow:hidden; padding:5px 0 0 20px;}
input[type="text"] {position:relative; float:right; overflow:hidden; padding:7px 5px; margin:0 0 5px 0; width:220px; height:18px; border:1px solid #883916; font:bold 16px Arial, sans-serif; color:#883916; background:#EFDFC2;}
input[type="text"]:focus {background:#CFBC9B;}

input[type="submit"] {position:relative; overflow:hidden; border:1px solid #333; float:right; margin:10px 0 0 0; background:#eee; -webkit-border-radius:4px 4px; -moz-border-radius:4px 4px; border-radius:4px 4px; padding:5px;}
input[type="submit"]:hover {position:relative; overflow:hidden; background:#ccc; border:1px solid #333; cursor:pointer;}

select {position:relative; overflow:hidden; float:right; width:232px; height:25px;}

textarea {position:relative; overflow:auto; float:right; width:220px; height:60px; font:bold 16px Arial, sans-serif; color:#883916; padding:7px 5px; margin:0 0 10px 0; border:1px solid #883916; background:#EFDFC2;}
textarea:focus {background:#CFBC9B;}

.captcha_fieldset {position:relative; overflow:hidden; float:left; margin:10px 0 0 45px;}
/*.recaptchatable, #recaptcha_table {background:none !important; border:none !important; float:left !important; //reCaptcha widget background color}
.recaptcha_image_cell {background:none !important; border:none !important; width:120px !important; margin:20px 30px 0 0 !important; float:left !important;}
#recaptcha_table {border-color:none !important; border:none !important; float:left !important; //reCaptcha widget border color}
#recaptcha_response_field {border-color:none !important; width:220px !important; margin:20px 10px 0 -8px !important; float:left !important; //Text input field border color background-color:#FF0000 !important; //Text input field background color}
*/


/* images */
#sidebar_bottom {background:transparent url(../_images/sidebar_bottom_bg.jpg) bottom center no-repeat; position:relative; margin:0 auto;}
#appointment_image {position:relative; top:25px; left:450px;}

.about_photos {float:left; margin:0 0 0 -30px;}

/* MISC */
.clear {clear:both;}