body,div,h1,h2,h3,h4,h5,h6,ol,ul,li,form,fieldset,label,p{margin:0; padding:0;}
img,fieldset{border:none;}

body{background:#eecb9a url(../spaimages/outer_bg.jpg) repeat-y center 0; font:normal 12px/14px  "Century Gothic",Arial, Helvetica, sans-serif }
img{ border:none}
a{outline:none;}

.img-left {float:left; margin:0 10px 4px 0;}
.img-right {float:right; margin:0 0px 4px 10px;}

#layout{ margin:0 auto; width:962px;}
#main{float:left; width:962px;}
#header{float:left; width:962px; position:relative}
#header .header_bg{float:left; width:216px; height:135px; position:absolute; top:0; left:240px; background:url(../spaimages/header_bg.png) no-repeat 0 0;}
#header .logo{float:left; margin:0; background:url(../spaimages/logo.png) no-repeat 0 0; width:254px; height:144px; margin:27px 0 0 32px; display:inline}
#header .logo a{float:left; width:254px; height:144px;}
#header form{float:right; width:200px;}
#header fieldset{float:right; width:auto; border:none; padding:120px 0 0 13px;}
#header fieldset h3{float:left; width:156px; text-align:center; background:url(../spaimages/find_a_salon.gif) no-repeat 0 15px; font-size:16px; line-height:28px; color:#f0c67c; margin-left:14px; display:inline}
#header fieldset .text{ float:left; width:146px; padding:4px 0 0 4px; background:none; border:none; font-size:15px; line-height:16px; height:20px; color:#999;}
#header fieldset .btn{ float:left; width:16px; background:none; border:none;cursor:pointer}

#header .text_bg{float:left; width:181px; height:30px; background:url(../spaimages/find_bg.gif) no-repeat 0 0; position:relative;}
#header .search{float:left; width:16px; height:17px; background:url(../spaimages/search.gif) no-repeat 0 0; position:absolute; top:7px; right:5px; }


#body_container{float:left; width:962px; padding-top:10px}
#body_container_top{float:left; width:962px; background:url(../spaimages/top_curve.gif) no-repeat 0 0; height:31px;}
#body_container_middle{float:left; width:961px; background:url(../spaimages/body_container_middle.gif) repeat-y 0 0; position:relative}
#body_container_bottom{float:left; width:961px; background:url(../spaimages/body_container_bottom.png) no-repeat 0 bottom; position:absolute; bottom:-85px ;left:0; height:85px;}


#menu{float:left; width:654px; margin:0 0 0 163px; display:inline}
#menu ul{float:left; width:654px; list-style:none; padding-left:20px}
#menu ul li{float:left; width:auto; padding:5px 12px 0 8px; }
#menu ul li a{float:left; width:auto; padding-bottom:9px}
#menu ul li a span.weight_loss{ float:left; width:170px; background:url(../spaimages/weight_loss.gif) no-repeat 0 0; height:17px;}
#menu ul li a span.photo_facials{ float:left; width:98px; background:url(../spaimages/photo_facials.gif) no-repeat 0 0; height:17px;}
#menu ul li a span.teeth_whitening{ float:left; width:112px; background:url(../spaimages/teeth_whitening.gif) no-repeat 0 0; height:17px;}
#menu ul li a span.hydration{ float:left; width:130px; background:url(../spaimages/hydration.gif) no-repeat 0 0; height:17px;}
#menu ul li a:hover{ font-weight:bold; background:url(../spaimages/menu_hover.gif) no-repeat center bottom; padding-bottom:9px }
#menu ul li a:hover span{ background-position:bottom }
#menu ul li a.current{ font-weight:bold; background:url(../spaimages/menu_hover.gif) no-repeat center bottom; padding-bottom:9px }
#menu ul li a span.current{ background-position:bottom }


#left_container{float:left; width:612px; padding-left:25px;}
.bredcrumbs{float:left; width:auto; margin:2px 0 0 185px; display:inline; padding-top:2px; color:#ceccc9;}
.bredcrumbs ul{float:left; width:auto; list-style:none;}
.bredcrumbs ul li{float:left; width:auto; background:url(../spaimages/bredcrumbs_pipe.gif) no-repeat right 10px; padding:7px 10px 0 5px; font: normal 13px/15px Arial, Helvetica, sans-serif; color:#ceccc9;}
.bredcrumbs a{font: normal 13px/15px Arial, Helvetica, sans-serif; color:#e3a856; text-decoration:none}
.bredcrumbs a:hover{ text-decoration:underline}
.bredcrumbs a.current{ text-decoration:underline; cursor:text;}
.bredcrumbs ul li.last{ background:none}

.common{float:left; width:600px;}
.common .col1{float:left; width:185px;}
.common .logo{ float:left; width:170px; text-align:center; padding-top:18px;}
.common ul{float:left; width:175px; list-style:none; padding:13px 0 0 10px} 
.common ul li{float:left; width:162px; background:url(../spaimages/bullet.gif) no-repeat 0 6px; padding:0 0 0 13px}
.common ul li a{float:left; width:auto; font-size:15px; line-height:20px; color:#808285; text-decoration:none}
.common ul li a:hover{ text-decoration:underline}
.common .placeholder{float:left; width:368px; height:185px; background:url(../spaimages/place_holder.gif) no-repeat 0 0; padding:8px 0 0 14px; margin-top:7px;}


#left_container .tabs_area{float:left; width:560px; }
#left_container .tabs_area .content_area{float:left; width:560px; background:url(../spaimages/tabs_bg.gif) repeat-y -1px 0;}
#left_container .tabs_area .bottom_curve{float:left; width:530px; background:url(../spaimages/bottom_curve_tabs.gif) no-repeat 0 bottom; padding:0 15px}
#left_container .tabs_area .content_area  h4{float:left; width:500px; font-size:12px; font-weight:bold; line-height:18px; color:#000000; padding:10px 0 5px;}
#left_container .tabs_area .content_area  p{float:left; width:500px; font-size:12px; line-height:18px; color:#000000; padding:10px 0 5px;}
#left_container ul.list {margin:10px 0 10px 15px;}
#left_container ul.list a {color:#e3a856; text-decoration:none;}
#left_container ul.list a:hover, #left_container ul.list a:active {color:#e3a856; text-decoration:underline;}

#right_container{float:left; width:322px;}
#right_container .video_placeholder{float:left; width:301px; margin-top:22px;}
#right_container .indulge{float:left; width:297px; height:244px; background:url(../spaimages/indulge.jpg) no-repeat 0 0; margin:15px 0 0 0; position:relative; z-index:1;}
#right_container .indulge .sign_up{float:right; margin:215px 0 0 0}

#body_container_bottom .add{float:left; width:280px; background:url(../spaimages/divider.gif) no-repeat right 0; margin:20px 0 0 45px; display:inline}
#body_container_bottom .add img{float:left; margin:10px 10px 0 10px; display:inline}
#body_container_bottom .stay_connected{float:left; width:280px; padding:40px 0 0 20px;}
#body_container_bottom .stay_connected img{float:left; width:auto; margin:0 10px 0 0; display:inline}
#body_container_bottom .stay_connected span{float:left; margin-right:10px; display:inline}


#footer{float:left; width:962px; margin:120px 0 20px 0;}
#footer ul{float:left; width:862px; list-style:none; padding-left:100px}
#footer ul li{float:left; width:auto; background:url(../spaimages/footer_li_pipe.gif) no-repeat right 4px; padding:0 12px 0 12px;}
#footer ul li a{float:left; width:auto; color:#868ada; text-decoration:none; font-size:15px; line-height:17px; text-decoration:none}
#footer ul li a:hover{ text-decoration:underline}
#footer ul li.last{ background:none}