@charset "utf-8";
/* The Chair */
/* Developed by Think MG */

/* HORIZONTALLY AND VERTICALLY CENTER SITE */
body, html {margin:0; padding:0; height:100%; background:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px;}  
#layoutgrid{display:table; height:100%; width:100%;}  
#layoutgrid td {vertical-align:middle;} 

* {margin:0; padding:0;}
html {height:100%;margin-bottom:1px;}
img {border:0;}

h1 {font-size:12px; color:#fff; font-weight:bold; text-transform:uppercase; margin:0 0 25px 0;}
h2 {font-size:11px; color:#fff; font-weight:bold; margin:0 0 5px 0;}

/* ------------------------------------------------------------------------------------------------------ */
/* BASE TABLE STRUCTURE */
/* ------------------------------------------------------------------------------------------------------ */
.table_left_column {height:720px; background:url(images/table_cell_left_bg.png) repeat-x;}

.table_right_column {height:720px; background:url(images/table_cell_right_bg.png) repeat-x;}

.table_middle_column {width:969px; height:720px; background:#000;}

/* ------------------------------------------------------------------------------------------------------ */
/* HEADER */
/* ------------------------------------------------------------------------------------------------------ */
#header_container {width:969px; height:98px; background:#000; border-bottom:3px solid #a8000c;}

#header_left {width:240px; height:98px; float:left; background:url(images/the_chair_logo.png);}
#header_left h1 {margin:0;}
#header_left span {display:none;}
#header_left a {display:block; width:240px; height:98px; outline:none;}

#header_right {width:650px; height:98px; float:right; background:url(images/nav_background.png) bottom right no-repeat;}

#award {width:520px; height:70px; float:right;}
#award h1 {margin:0;}
#award span {display:none;}
#award a {display:block; width:520px; height:70px;}
#award a:link, #award a:visited {background:url(images/awards2.png) 0 -70px no-repeat; outline:none;}
#award a:hover, #award a:active {background:url(images/awards2.png) 0 0 no-repeat; outline:none;}

#tel_header {margin: 50px 25px 0 0; font-weight: bold; font-size: 12px; line-height: 18px; height:20px; float:right; color: #FFFFFF; text-align: right;}
#tel_header span {color: #656565;}
#tel_header a:link, #tel_header a:visited {color: #656565; text-decoration: none;}
#tel_header a:hover, #tel_header a:active {color: #CDCDCD;}


#error a:link, #error a:visited {color:#ffffff; text-decoration:none; font-weight:bold;}
#error a:hover, #error a:active {color:#cc000e; text-decoration:none; font-weight:bold;}

#navigation {width:620px; height:20px; float:right; clear:both; text-align:right; font-size:10px; font-weight:bold; color:#fff; text-transform:uppercase; padding:8px 17px 0 0;}
#navigation li {display:inline; padding:0 10px 0 10px;}
#navigation a:link, #navigation a:visited {color:#fff; text-decoration:none; outline:none;}
#navigation a:hover, #navigation a:active {color:#cc000e; text-decoration:none; outline:none;}

/* ------------------------------------------------------------------------------------------------------ */
/* CONTENT */
/* ------------------------------------------------------------------------------------------------------ */
#about_container {position:relative;top:0;width:969px; height:419px; background:url(images/background_home_new.jpg); clear:both;}
#promos_container {width:969px; height:419px; background:url(images/background_promos_new.jpg); clear:both;}
#awards_container {width:969px; height:419px; background:url(images/background_awards_new.jpg); clear:both;}
#pricelist_container {width:969px; height:419px; background:url(images/background_pricelist_new.jpg); clear:both;}
#folio_container {width:969px; height:419px; background:url(images/background_foliochair.jpg); clear:both;}
#services_container {width:969px; height:419px; background:url(images/background_pricessubchair.jpg); clear:both;}
#recruitment_container {width:969px; height:419px; background:url(images/background_recruitment_new.jpg); clear:both;}
#contact_container {width:969px; height:419px; background:url(images/background_contact_new.jpg); clear:both;}
#team_container {width:969px; height:419px; background:url(images/background_teamchair.jpg); clear:both;}
#appointment_container {width:969px; height:419px; background:url(images/background_appointmentchair.jpg); clear:both;}
#weddingservices_container {width:969px; height:419px; background:url(images/background_wedserviceschair.jpg); clear:both;}
#weddingcontacts_container {width:969px; height:419px; background:url(images/background_wedcontactchair.jpg); clear:both;}

.white_text_highlights {font-weight:bold; color:#fff;}
.white_text_highlights_large {font-weight:bold; color:#fff; font-size:12px;}
.white_text {color:#fff;}

.red_text_highlights {font-weight:bold; color:#cc000e;}
.red_text_highlights_large {font-weight:bold; color:#cc000e; font-size:12px;}
.red_text {color:#cc000e;}

.grey_text_highlights {font-weight:bold; color:#666;}
.grey_text {color:#666;}

/* ABOUT PAGE */
.about_content {width:260px; height:374px; color:#b2b2b2; line-height:16px; padding:45px 0 0 50px;}

/* PROMOS PAGE */
.promos_content {width:260px; height:374px; color:#b2b2b2; line-height:16px; padding:45px 0 0 50px;}
.print_button_container {width:100%; height:44px; clear:both; padding:20px 0 0 0;}
.print_button {width:204px; height:44px; background:url(images/print_button.png); margin:0 0 0 27px;}
.print_button h1 {margin:0;}
.print_button span {display:none;}
.print_button a {display:block; width:204px; height:44px;}
.print_button a:link, .print_button a:visited {background:url(images/print_button.png); outline:none;}
.print_button a:hover, .print_button a:active {background:url(images/print_button.png) 0 -44px; outline:none;}

/* AWARDS PAGE */
.awards_heading_container {width:100%; padding:0 0 25px 0;}
.awards_heading {width:290px; float:left;}
.awards_heading h1 {margin:0;}

.awards_paging {width:290px; float:left; text-align:right; font-weight:bold; text-transform:uppercase; font-size:10px;}
.awards_paging a:link, .awards_paging a:visited {color:#b2b2b2; text-decoration:none; outline:none;}
.awards_paging a:hover, .awards_paging a:active {color:#fff; text-decoration:none; outline:none;}

.awards_content {width:580px; height:374px; color:#b2b2b2; line-height:16px; padding:45px 0 0 50px; float:left;}
.awards_content_holder {width:100%; height:289px; clear:both;}
.awards_content_left {width:260px; height:289px; float:left; clear:both;}
.awards_content_right {width:260px; height:289px; float:left; padding:0 0 0 60px;}

/* PRICE LIST PAGES */
.pricelist_content {width:360px; height:374px; color:#b2b2b2; line-height:16px; padding:45px 0 0 50px; float:left;}
.pricelist_content a:link, .pricelist_content a:visited {color:#cc000e; text-decoration:none; font-weight:bold; outline:none;}
.pricelist_content a:hover, .pricelist_content a:active {color:#fff; text-decoration:none; font-weight:bold; outline:none;}
.price_list_sub_content_container {width:559px; height:419px; float:left;}
.price_list_sub_content {width:449px; height:262px; padding:90px 60px 0 50px; color:#b2b2b2; line-height:16px;}
.price_list_sub_content a:link, .price_list_sub_content a:visited {color:#cc000e; font-weight:bold; text-decoration:none; outline:none;}
.price_list_sub_content a:hover, .price_list_sub_content a:active {color:#fff; font-weight:bold; text-decoration:none; outline:none;}
.price_list_sub_content_button_container {width:535px; padding:0 24px 0 0;}
.price_list_sub_content_button {width:215px; height:52px; clear:both; background:url(images/book_appointment_button_sub.png); float:right;}
.price_list_sub_content_button h1 {margin:0;}
.price_list_sub_content_button span {display:none;}
.price_list_sub_content_button a {display:block; width:215px; height:52px;}
.price_list_sub_content_button a:link, .price_list_sub_content_button a:visited {background:url(images/book_appointment_button_sub.png); outline:none;}
.price_list_sub_content_button a:hover, .price_list_sub_content_button a:active {background:url(images/book_appointment_button_sub.png) 0 -52px; outline:none;}

.row_title_white {width:110px; height:20px; font-size:10px; font-weight:bold; color:#fff;}
.row_title_grey {width:110px; height:20px; font-size:10px; font-weight:bold; color:#b2b2b2;}

.row_title_white_long {width:250px; height:20px; font-size:10px; font-weight:bold; color:#fff;}
.row_title_grey_long {width:250px; height:20px; font-size:10px; font-weight:bold; color:#b2b2b2;}

.column_title_red {width:50px; height:20px; color:#cc000e; font-size:10px; font-weight:bold; text-align:center;}
.column_title_white {width:50px; height:20px; color:#fff; font-size:10px; font-weight:bold; text-align:center;}
.cell_content {text-align:center; font-size:10px; font-weight:bold;}

/* FOLIO PAGE */
.folio_content {width:260px; height:374px; color:#b2b2b2; line-height:16px; padding:45px 0 0 50px; float:left;}
.folio_gallery_container {width:609px; float:left; padding:20px 0 0 50px;}
.folio_gallery_thumbnails {width:609px; height:340px; overflow:hidden;}
.folio_thumbnail {width:90px; height:90px; border:5px solid #222; float:left; margin:0 20px 20px 0;}
.folio_thumbnail a {outline:none;}
.folio_gallery_paging {width:589px; clear:both; text-align:right; color:#555; font-weight:bold; padding:20px 20px 0 0;}
.folio_gallery_paging li {display:inline; padding:0 5px 0 5px;}
.folio_gallery_paging a:link, .folio_gallery_paging a:visited {color:#555; text-decoration:none; outline:none;}
.folio_gallery_paging a:hover, .folio_gallery_paging a:active {color:#fff; text-decoration:none; outline:none;}

/* RECRUITMENT PAGE */
.recruitment_content {width:260px; height:374px; color:#b2b2b2; line-height:16px; padding:45px 50px 0 0; float:right;}
.recruitment_content table {margin:10px 0 0 0;}
.recruitment_content_cells {height:30px;}
.recruitment_content_cells_submit {height:30px; text-align:right;}

/* CONTACT PAGE */
.contact_content {width:260px; height:374px; color:#b2b2b2; line-height:16px; padding:45px 0 0 50px; float:left;}
.contact_content_address {width:240px; height:329px; color:#b2b2b2; line-height:16px; padding:90px 0 0 80px; float:left;}
.contact_content_address a:link, .contact_content_address a:visited {color:#fff; text-decoration:none; font-weight:bold; outline:none;}
.contact_content_address a:hover, .contact_content_address a:active {color:#cc000e; text-decoration:none; font-weight:bold; outline:none;}
.contact_content table {margin:10px 0 0 0;}
.contact_content_cells {height:30px;}
.contact_content_cells_submit {height:30px; text-align:right;}

/* MEET THE TEAM PAGE */
#tcontainer {margin: 0 0 0 50px;}
.team_heading_container {width:859px; color:#b2b2b2; line-height:16px; padding:45px 60px 30px 50px; float:left;}
.team_heading {width:300px; float:left;}
.team_heading h1 {margin:0px;}
.team_paging {width:300px; float:right; text-align:right; text-transform:uppercase; font-weight:bold;}
.team_paging a:link, .team_paging a:visited {color:#b2b2b2; text-decoration:none; outline:none;}
.team_paging a:hover, .team_paging a:active {color:#fff; text-decoration:none; outline:none;}
.team_members_container {width:969px; clear:both;}
.team_members_column_left {width:400px; padding:0 0 0 50px; float:left;}
.team_members_column_right {width:400px; padding:0 0 0 60px; float:left;}
.team_member {width:440px; height:140px; margin:0 5px 10px 0; float:left;}
.team_photo {width:90px; height:90px; border:5px solid #222; float:left;}
.team_details {width:280px; height:140px; float:left; padding:0 0 0 20px; color:#b2b2b2; line-height:16px;}
.team_details a:link, .team_details a:visited {color:#cc000e; text-decoration:none; font-weight:bold; outline:none;}
.team_details a:hover, .team_details a:active {color:#fff; text-decoration:none; font-weight:bold; outline:none;}

/* APPOINTMENT PAGE */
.appointment_content {width:360px; height:374px; color:#b2b2b2; line-height:16px; padding:45px 0 0 50px; float:left;}
.appointment_content table {margin:10px 0 0 0;}
.appointment_content_cells {height:30px;}
.appointment_content_cells_submit {height:30px; text-align:right;}
.appointment_rightcolumn {width:441px; height:329px; color:#b2b2b2; padding:90px 0 0 58px; float:left;}
.appointment_image_container {width:440px; height:256px;}
.appointment_image1 {width:200px; height:246px; border:5px solid #222; float:left; margin:0 10px 0 0;}
.appointment_image1 a {outline:none;}
.appointment_image2 {width:200px; height:246px; border:5px solid #222; float:left; margin:0 0 0 10px;}
.appointment_image2 a {outline:none;}
.appointment_caption {clear:both; padding:20px 0 0 0;}
.appointment_caption a:link, .appointment_caption a:visited {color:#cc000e; text-decoration:none; font-weight:bold; outline:none;}
.appointment_caption a:hover, .appointment_caption a:active {color:#fff; text-decoration:none; font-weight:bold; outline:none;}

/* WEDDING SERVICES PAGE */
.weddingservices_content {width:270px; height:374px; color:#b2b2b2; line-height:16px; padding:45px 0 0 50px; float:left;}
.weddingservices_button_container {width:100%; height:52px; clear:both; padding:20px 0 0 0;}
.weddingservices_button {width:215px; height:52px; background:url(images/more_info_button.png); margin:0 0 0 20px;}
.weddingservices_button h1 {margin:0;}
.weddingservices_button span {display:none;}
.weddingservices_button a {display:block; width:215px; height:52px;}
.weddingservices_button a:link, .weddingservices_button a:visited {background:url(images/more_info_button.png); outline:none;}
.weddingservices_button a:hover, .weddingservices_button a:active {background:url(images/more_info_button.png) 0 -52px; outline:none;}
.weddingservices_content_right {width:530px; height:329px; color:#b2b2b2; float:left; padding:90px 0 0 60px;}
.weddingservices_images_container {width:100px; float:left;}
.weddingservices_images {/*width:90px;*/ width:86px; height:115px; border:5px solid #222; margin:0 0 20px 0;}
.weddingservices_sub_content_container {width:410px; padding:0 0 0 20px; float:left; line-height:16px;}
.weddingservices_sub_content_container a:link, .weddingservices_sub_content_container a:visited {color:#cc000e; text-decoration:none; outline:none;}
.weddingservices_sub_content_container a:hover, .weddingservices_sub_content_container a:active {color:#fff; text-decoration:none; outline:none;}

/* WEDDING CONTACTS PAGE */
.weddingcontacts_content {width:580px; height:374px; color:#b2b2b2; line-height:16px; padding:45px 0 0 50px;}
.weddingcontacts_content table {margin:10px 0 0 0;}
.weddingcontacts_content_cells {height:30px;}
.weddingcontacts_content_cells_submit {height:30px; text-align:right;}

/* images within content */
.content_images {width:90px; height:115px; border:5px solid #222; float:left; margin:0 10px 0 0;}

/* book an appointment button */
.book_appointment_button {width:215px; height:52px; margin:352px 0 0 320px; background:url(images/book_appointment_button_new.png); float:left;}
.book_appointment_button h1 {margin:0;}
.book_appointment_button span {display:none;}
.book_appointment_button a {display:block; width:215px; height:52px;}
.book_appointment_button a:link, .book_appointment_button a:visited {background:url(images/book_appointment_button_new.png); outline:none;}
.book_appointment_button a:hover, .book_appointment_button a:active {background:url(images/book_appointment_button_new.png) 0 -52px; outline:none;}

/* form fields */
.input_fields {width:187px; height:12px; color:#666; font-size:10px; font-family:Arial, Helvetica, sans-serif; border:0; padding:4px;}
.select_fields {width:195px; height:20px; color:#666; font-size:10px; font-family:Arial, Helvetica, sans-serif; border:1px solid #fff;}
.text_fields {width:187px; height:72px; color:#666; font-size:10px; font-family:Arial, Helvetica, sans-serif; border:0; padding:4px;}

/* ------------------------------------------------------------------------------------------------------ */
/* RED BAR */
/* ------------------------------------------------------------------------------------------------------ */
#red_bar {width:969px; height:141px; background:url(images/red_gradient_bg.png) repeat-x; clear:both;}

.red_bar_block {width:323px; height:141px; float:left; background:url(images/red_block_bg.png);}
.red_bar_block_red_bar_text {width:228px; height:141px; float:left;}
.red_bar_block_text_headings {padding:20px 10px 0 40px; text-align:right;}
.red_bar_block_text_headings h1 {margin:0; font-size:12px; color:#fff; text-transform:uppercase;}
.red_bar_block_text_content {width:198px; color:#ccc; text-align:right; padding:12px 10px 0 20px; clear:both;}
.red_bar_block_text_content a:link, .red_bar_block_text_content a:visited {color:#ccc; text-decoration:none; outline:none;}
.red_bar_block_text_content a:hover, .red_bar_block_text_content a:active {color:#fff; text-decoration:none; outline:none;}
.red_bar_image {width:62px; height:84px; background:#000; margin:26px 0 0 0; float:left;}
.red_bar_image a {outline:none;}

/* ------------------------------------------------------------------------------------------------------ */
/* FOOTER */
/* ------------------------------------------------------------------------------------------------------ */
#footer {width:969px; height:59px; background:url(images/footer_bg.png); clear:both;}
#footer_phone {width:939px; height:23px; text-align:right; text-transform:uppercase; padding:5px 30px 0 0;}
#footer_end {width:969px; height:26px; clear:both; padding:5px 0 0 0;}

#bottom_nav {width:504px; float:left; color:#222; text-transform:uppercase; font-size:10px; padding:0 0 0 30px;}
#bottom_nav a:link, #bottom_nav a:visited {color:#222; text-decoration:none; outline:none;}
#bottom_nav a:hover, #bottom_nav a:active {color:#666; text-decoration:none; outline:none;}

#copyright {width:405px; float:left; color:#222; text-transform:uppercase; font-size:10px; text-align:right; padding:0 30px 0 0;}
#copyright a:link, #copyright a:visited {color:#222; text-decoration:none; outline:none;}
#copyright a:hover, #copyright a:active {color:#666; text-decoration:none; outline:none;}

/* BEAUTY TREATMENTS PAGE */
#tabs {height: 24px;border-bottom:2px solid #666666;margin: -8px 0 10px 0;}
#tabs ul {list-style:none;}
#tabs ul li {float: left;background: #666666;color:#FFFFFF;padding:4px 6px 4px 6px;margin: 0 4px 0 0;cursor:pointer;}
.beauty table {margin: 4px 0 0 0;}
.beauty table tr td {padding: 2px 2px 6px 0;}
#nails table tr td, #face_body table tr td, #waxing table tr td, #packages table tr td {vertical-align:top;}
#beauty_treatment_container {width:969px; height:419px; background:url(images/background_beauty_treatment.jpg); clear:both;}
.beauty_treatment_content {width:860px; height:374px; color:#b2b2b2; line-height:16px; padding:45px 0 0 50px; float:left;}
.beauty_treatment_content a:link, .beauty_treatment_content a:visited {color:#cc000e; text-decoration:none; font-weight:bold; outline:none;}
.beauty_treatment_content a:hover, .beauty_treatment_content a:active {color:#fff; text-decoration:none; font-weight:bold; outline:none;}