/* RESET CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, 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;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

hr {border-bottom: 1px solid #d8b9a2; border-top: 0px; border-left: 0px; border-right: 0px; margin: 20px 0 20px 9px;}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

body { background: #e6e6e6 url('../images/background-tile.png') repeat-x;}
body, td, th, input, textarea { font: 11px/16px arial, sans-serif; line-height: 16px; }


#container { width: 930px; margin: 20px auto 10px; border: 0px;}
#main { background-color: #2e2321; border: 1px solid #5a4b41; margin: 7px auto 10px; width: 928px; overflow: hidden;} 

/* Misc Styles */

.clear { clear: both; }
.replace { display: block; text-indent: -9999px; overflow: hidden; }
a { color: #5a4b41; text-decoration: none; font-weight: bold;}
a:hover { color: #000; text-decoration: none; font-weight: bold;}

/* Header */

#title {height: 41px; width: 153px; position: relative;}
#title a { width: 153px; height: 42px; background: url('../images/volume_beauty_bar.png') no-repeat; position: absolute; top: 16px;}

#primary_nav li { float: right; display: block;}
#primary_nav, #primary_nav li a {text-indent: -9999px; overflow: hidden; display: block; height: 16px;}


#primary_nav li.about_us a { background: url('../images/nav-about_us.png') no-repeat; width: 82px; }
#primary_nav li.latest_news a { background: url('../images/nav-latest_news.png') no-repeat; width: 101px; }
#primary_nav li.the_bar a { background: url('../images/nav-the_bar.png') no-repeat; width: 76px; }
#primary_nav li.gallery a { background: url('../images/nav-gallery.png') no-repeat; width: 78px; }
#primary_nav li.products a { background: url('../images/nav-products.png') no-repeat; width: 90px; }
#primary_nav li.request_appointment a { background: url('../images/nav-request_appointment.png') no-repeat; width: 180px; }
#primary_nav li.home a { background: url('../images/nav-home.png') no-repeat; width: 48px; }
#primary_nav li a:hover {background-position: 0 -16px;}

/* Bottom of page Stuff */
#site_info { background: #ededee; padding: 5px 10px 4px; border: 1px solid #dbdcde; margin: 15px; font-size: 11px;  }
#site_info .contact { float: left; }
#site_info .contact img { position: relative; margin: -1px 0 -6px 2px; }
#site_info .privacy { float: right; margin: 3px 0 0 0; }

#other_info { padding: 6px 11px 4px; margin: 0 15px 10px; color: #5f6062;  font-size: 11px;  }
#other_info .about_omni { float: left; width: 530px; margin-right: 50px;}
#other_info ul li {margin: 0 auto;}
#other_info .links_1 {  float: left; margin-right: 50px;}
#other_info .links_2 { float: left;}

#footer { font-size: 11px; padding-top: 5px; color: #5a4b41;}
#footer strong {font-weight: bold; color: #000;}
#footer .address { float: left; display: block;}
#footer .contactText { float: right; width: 695px; display: block; margin: 1px;}
#footer .contactTextSub { float: right; width: 620px; display: block;}

#subFooter { font-size: 11px; padding-top: 5px; color: #5a4b41;}
#subFooter .copyright { float: left; display: block; }
#subFooter .powered { float: right; display: block;}

/* content styles */
#content {color: #2e2321;}
#content_wrap {width: 636px; float: right; padding: 30px 30px; background: #5a4b41 url('../images/right-bg.png') repeat-x; border-left: 1px solid #000; min-height: 250px;}
#content h1 {margin: 2px 0 20px 10px;}

#content h2 {color: #fff; margin: 15px 0 5px 10px;}
#content p {color: #e7c7ae; margin: 2px 0 10px 10px;}
#content strong {color: #fff;}
#content a {color: #fff;}
#content a:hover {color: #e7c7ae;}

#content .inner { width: 390px; float: left;}
#content .inner ul li {list-style: none; margin: 0; color: #e7c7ae; margin: 2px 0 2px 10px;}
#content .inner .TableLeft { float: left; margin-top: 10px; margin-right: 20px; }
#content .inner .TableRight {float: left; margin-top: 10px; }


#content form {color: #5f6062;}
#content label { display: block; float: left; width: 130px; padding-top: 2px; font-weight: bold; color: #fff;}
#content input.text { width: 250px; border: 1px solid #dbdcde; padding: 1px; height: 18px;}
#content form p { margin-bottom: 5px; }
#content textarea { width: 250px; border: 1px solid #dbdcde; padding: 1px;}

#main ul { list-style: disc outside;}
#main li {  margin-left: 15px; margin-bottom: 5px; }
#main ol { list-style-type: decimal; }


/* home 3 columns */
#home_subs {height: 154px; margin: 0px auto;}
#home_subs #bar {background: url('../images/f_the_bar.png') no-repeat; width: 310px; height: 154px; overflow: hidden; position: relative; left: 0px; top: 0px;}
#home_subs #gallery {background: url('../images/f_style_gallery.png') no-repeat; width: 310px; height: 154px; overflow: hidden; position: relative; left: 310px; top: -154px;}
#home_subs #appointment {background: url('../images/f_book_appointment.png') no-repeat; width: 309px; height: 154px; overflow: hidden; position: relative; left: 620px; top: -308px;}
#home_subs h2 { display: none; }
#home_subs .button {margin: 95px 0 0 117px;}


/* rightSide box */
#rightSide { width: 160px; padding: 0 20px; float: right; border-left: 1px solid #e7c7ae;}


/* Home features */
#home_feature { border-bottom: 0px; height: 307px; overflow: hidden;}
#home_feature #feature { width: 928px; height: 307px; background-color: #FFF; background: url('../images/hairstyle_speaks_volume.jpg') no-repeat; position: relative;}
#home_feature #feature h1 { display: none; }
#home_feature #feature #news { position: absolute; left: 30px; top: 150px; zoom: 1; width: 480px;}
#home_feature #feature p, a {color: #5a4b41; margin: 0 0 10px 0;} 

/* Sub Page Features */
#sub_feature { height: 153px; overflow: hidden; border-bottom: 1px solid #000;}
#sub_feature #feature img { display: block;}

/* sidebar */
#sidebar {width: 201px; float: left; padding: 0 15px; background: #2e2321 url('../images/left-bg.png') repeat-x; min-height: 300px;}
#sidebar #sub_nav { padding: 82px 0 0 0; font-size: 11px; color: #d9bba4;}
#sub_nav ul li { list-style: none; margin: 0; padding: 4px 0 4px 13px; font-weight: bold;}
#sub_nav ul li a {color: #fff;}
#sub_nav a {color: #fff;}
#sub_nav a:hover {color: #e7c7ae;}

/* Title image replacement */
.style_bar { background: url('../images/title-style-bar.png') no-repeat; width: 400px; height: 32px; }
.color_bar { background: url('../images/title-color-bar.png') no-repeat; width: 400px; height: 32px; }
.treatment_bar { background: url('../images/title-treatment-bar.png') no-repeat; width: 400px; height: 32px; }
.mens_bar { background: url('../images/title-mens-bar.png') no-repeat; width: 400px; height: 32px; }
.about { background: url('../images/title-about-us.png') no-repeat; width: 500px; height: 32px; }
.about_stylists { background: url('../images/title-stylists.png') no-repeat; width: 500px; height: 32px; }
.news { background: url('../images/title-latest-news.png') no-repeat; width: 500px; height: 32px; }
.gallery_style { background: url('../images/title-gallery-style.png') no-repeat; width: 500px; height: 32px; }
.gallery_fashion{ background: url('../images/title-gallery-fashion-central.png') no-repeat; width: 500px; height: 32px; }
.gallery_hair_tour_2009 { background: url('../images/title-gallery-hair-tour.png') no-repeat; width: 500px; height: 32px; }
.gallery_updo { background: url('../images/title-gallery-updo.png') no-repeat; width: 500px; height: 32px; }
.gallery_location { background: url('../images/title-gallery-location.png') no-repeat; width: 500px; height: 32px; }
.products_davines { background: url('../images/title-products-davines.png') no-repeat; width: 500px; height: 32px; }
.product_wizards { background: url('../images/title-products-wizards.png') no-repeat; width: 500px; height: 32px; }
.product_natural_tech { background: url('../images/title-products-natural-tech.png') no-repeat; width: 500px; height: 32px; }
.product_su { background: url('../images/title-products-su.png') no-repeat; width: 500px; height: 32px; }
.product_essential { background: url('../images/title-products-essential.png') no-repeat; width: 500px; height: 32px; }
.product_defining { background: url('../images/title-products-defining.png') no-repeat; width: 500px; height: 32px; }
.product_alchemic { background: url('../images/title-products-alchemic.png') no-repeat; width: 500px; height: 32px; }
.appointment { background: url('../images/title-request-appointment.png') no-repeat; width: 500px; height: 32px; }
.thanks { background: url('../images/title-thanks.png') no-repeat; width: 500px; height: 32px; }
.oops { background: url('../images/title-oops.png') no-repeat; width: 500px; height: 32px; }

/* buttons */
.button { display: block; overflow: hidden; text-indent: -9999px; }
.find_out_more { width: 88px;  background: url('../images/b-findOutMore.png') no-repeat; height: 21px; } 
.send_info { width: 167px;  background: url('../images/b-requestAppointment.png') no-repeat; height: 21px;}
.promo { width: 212px;  background: url('../images/b-promo.png') no-repeat; height: 51px;}
.brazilian { width: 212px; background: url('../images/b-brazilian.png') no-repeat; height: 51px;}

input.button { border: 0; padding: 0; margin: 0; }
.button:hover  { background-position: left bottom; }

/* Events */
#content .event-item { margin-bottom: 25px; }

#content label.error { display: inline; float: none; padding: 0; width: auto; font-size: 11px; font-weight: normal; color: #FFF; padding-left: 10px;  }
input.error, textarea.error { background: #FFA; }
#content p.error { color: #A00; font-weight: bold; }

.captcha { height: 21px;  }
.captcha img { display: block; float: left; }
.captcha input { float: left; margin-right: 5px; }


/* Photo Gallery */
#gallery { width: 580px; }
#thumbnails p {display: none;}
#thumbnails a { width: 120px; height: 80px; display: block; text-align: center; padding: 5px 2px; margin: 3px; 
	background: #000; vertical-align: middle; float: left; border: 1px solid #000;
	}
	
#thumbnails a:hover { border-color: #FFF;}
#thumbnails a.vertical { padding: 5px; height: 125px; }
#thumbnails p { margin: 0; padding: 0; display: none; }
#img-container { color: #FFF; position: absolute; top: 50%; left: 50%; padding: 5px 5px 5px 5px; border: 1px solid #e7c7ae; background: #000;
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
	}
#img-container img { display: block; border: 1px solid #000;}
#img-container p {  text-align: right; margin: 0; padding: 0px 0 5px; height: 24px;}
#img-container p a { color: #FFF; text-decoration: none; float: right;  }
#img-container p#loading { padding: 65px 0 0; text-align: center; }
#img-container #img { display: block;}

#overlay {  top: 0; left: 0; right: 0; bottom: 0; position: absolute;  cursor: pointer; }
#next, #previous { color: #FFF; text-decoration: none; padding-top: 3px;}
#next a, #previous a { color: #FFF; text-decoration: none;}
#next a:hover, #previous a:hover { color: #999; text-decoration: none;}
#next { float: right;}
#previous { float: left;}

#images div { position: absolute; top: 0; left: 0; }
#images { position: relative; width: 598px; height: 372px;}


/* Product Gallery */

#prod-gallery { width: 580px; margin: 2px 0 10px 10px;}
#prod-gallery table {background: #fff;}
#prod-gallery td {width: 120px; text-align: center; vertical-align: top; border: 1px solid #e7c7ae; padding: 10px 10px 5px 0px;}
#prod-gallery img {text-align: center; padding: 0px 0px 0px 10px;}
#prod-gallery p {color: #5a4b41; text-align: center; padding-top: 5px;}