/*------------------------------------------------------------------------------------
  Main Layout
------------------------------------------------------------------------------------*/
html, body {
  background: url(../images/bg_top.jpg) repeat-x #331A1D;	
  margin:0 0;
  padding:0 0;  
} 


#container {
  background-color:#E8E9EB;
  margin:10px 0 0 0;
  padding:0 0;
  width:100%;  
}


#content {
  background-color:#E8E9EB;	
  height:auto !important;
  height:647px;	
  min-height:647px;  
  
  margin:0 auto;
  padding:0 0 0 0;
  width:901px;
}


#flashcontent {
 width:861px;
 height:355px;
 padding:0 0;
 margin:0 0 0 19px;
}



#footer {
  margin:0 0;
  background:url(../images/bg_bottom.jpg) repeat-x #331A1D;
}

#footer .inner {
  margin:0 auto;
  width:880px;
  overflow:hidden;
}


/*------------------------------------------------------------------------------------
  Common Elements
------------------------------------------------------------------------------------*/
img {
 border:none;
}


body{
 font-family:Verdana, Arial, sans-serif;
 font-size:11px;
 color:#666666;
 line-height:1.4;
}
	

.clear { clear:both;}	


h1 {
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}


h2 {
 font-size:11px;
 color:#684D4F;
 margin:15px 0 0 0;
 padding:0 0 0 0;
}


.boldbody {
 font-size:11px;
 color:#000;
 font-weight:bold;
}


.plusbold {
 font-weight:bold;
}


.introparagraph {
 margin: 20px 0 0 0;
 padding: 0 0 0 0;
 font-family:Verdana, Arial, sans-serif;
 font-size:11px;
 color:#666666;
 line-height:1.4;
}


a {
 color:#BA006F;
 text-decoration:none;
}

a:hover {
 color:#BA006F;
 text-decoration:underline;
}


.details {
 font-size:11px;
 color:#000;
 font-style: italic;
 font-weight:normal;
}

 div.hr { margin: 15px 0px; border: none; border-top: 1px dotted #D3D3D3; }
  div.hr hr { display: none; }

/*------------------------------------------------------------------------------------
  Header
------------------------------------------------------------------------------------*/
#header-left {
 width:221px;
 margin:0 18px 0 0;
 padding:0 0;
 float:left;
}

#logo {
margin:0 0;
width:221px;
height:150px;
position:relative;
}

#logo a {
height:150px;
display:block;
text-decoration:none;
background-repeat:no-repeat;
background-position:top left;
}

#logo a span {
left:-1000em;
position:absolute;
}

#logo .logo-link a {background-image:url(../images/radiance.jpg);width:221px;}



#header-right {
 width:641px;
 margin:0 0;
 padding:0 0;
 float:left;
}


#header-right h4{
  text-indent: -10000px; margin:0; padding:0; width:641px; 
  height:116px; background: url(../images/swirl.jpg) no-repeat;
}




/*------------------------------------------------------------------------------------
  Main Navigation Bar
------------------------------------------------------------------------------------*/
#main-nav {
margin:0 0;
width:641px;
height:25px;
position:relative;
}

#main-nav ul {
padding:0;
width:641px;
margin:0 0;
padding:0 0;
}

#main-nav li {
float:left;
list-style-type:none;
}

#main-nav a {
height:25px;
display:block;
text-decoration:none;
background-repeat:no-repeat;
background-position:top left;
}

#main-nav a span {
left:-1000em;
position:absolute;
}

#main-nav .link1 a {background-image:url(../images/nav_01.gif);width:119px;}
#main-nav .link2 a {background-image:url(../images/nav_02.gif);width:91px;}
#main-nav .link3 a {background-image:url(../images/nav_03.gif);width:96px;}
#main-nav .link4 a {background-image:url(../images/nav_04.gif);width:83px;}
#main-nav .link5 a {background-image:url(../images/nav_05.gif);width:113px;}
#main-nav .link6 a {background-image:url(../images/nav_06.gif);width:61px;}
#main-nav .link7 a {background-image:url(../images/nav_07.gif);width:78px;}


#main-nav a:hover {
background-position:top right;
}

#main-nav a.current,
#main-nav a:hover.current {
background-position:top right;
}





/*------------------------------------------------------------------------------------
  Main Content White Container
------------------------------------------------------------------------------------*/
.outer{
 background:url(../images/shadow_repeat.gif) 50% 0 repeat-y;
}

.outer .outer{
 background:url(../images/body_back.gif) 50% 0 no-repeat;
}

#wrapper {
 margin:0 auto 0 auto;
 width:865px;
 overflow:hidden;
 background-color:#fff;
}

#wrapper-line {
 margin:0 auto 0 auto;
 width:865px;
 overflow:hidden;
 background: url(../images/content-bg.gif) repeat-y 200px 0 #fff;
}
	
#whitecontainer {
 height:auto !important;
 height:446px;	
 min-height:446px;  

 margin: 0 0 0 0;
 padding: 0 0 0 0;
 position:relative;
}


#whitefooter {
 width:901px;
 height:25px;
 margin:-8px 0 0 0;
 background:url(../images/footer_back.gif) 50% 0 no-repeat;
 padding-bottom:100px;
}




/*------------------------------------------------------------------------------------
  Subheader
------------------------------------------------------------------------------------*/
#subheader {
 margin:10px 10px 0 10px;
 padding:0 0 0 0;
 width:844px;
 height:39px;
 background-color:#ccc;
}

#subheader .experience {
 background:url(../images/subheader_experience.gif) 50% 0 no-repeat #3E282B;
 height:39px;
}

#subheader .treatments {
 background:url(../images/subheader_treatments.gif) 50% 0 no-repeat #3E282B;
 height:39px;
}

#subheader .products {
 background:url(../images/subheader_products.gif) 50% 0 no-repeat #3E282B;
 height:39px;
}

#subheader .gift {
 background:url(../images/subheader_gift.gif) 50% 0 no-repeat #3E282B;
 height:39px;
}

#subheader .news {
 background:url(../images/subheader_news.gif) 50% 0 no-repeat #3E282B;
 height:39px;
}

#subheader .contact {
 background:url(../images/subheader_contact.gif) 50% 0 no-repeat #3E282B;
 height:39px;
}




/*------------------------------------------------------------------------------------
  Sub-nav
------------------------------------------------------------------------------------*/
#sub-nav {
margin:0 0 0 201px;
width:643px;
height:39px;
position:relative;
}

#sub-nav ul {
padding:0;
width:643px;
margin:0 0;
padding:0 0;
}

#sub-nav li {
float:left;
list-style-type:none;
}

#sub-nav a {
height:39px;
display:block;
text-decoration:none;
background-repeat:no-repeat;
background-position:top left;
}

#sub-nav a span {
left:-1000em;
position:absolute;
}

#sub-nav .link1 a {background-image:url(../images/buttmen_skin.gif);width:60px;}
#sub-nav .link2 a {background-image:url(../images/buttmen_body.gif);width:63px;}
#sub-nav .link3 a {background-image:url(../images/buttmen_packages.gif);width:93px;}
#sub-nav .link4 a {background-image:url(../images/buttmen_info.gif);width:136px;}
#sub-nav .link5 {
 background-image:url(../images/buttmen_blank.gif);
 width:140px;
 height:39px;
 display:block;
 text-decoration:none;
 background-repeat:no-repeat;
 background-position:top left;

}
#sub-nav .link6 a {background-image:url(../images/buttmen_women.gif);width:78px;}
#sub-nav .link7 a {background-image:url(../images/buttmen_men.gif);width:73px;}


#sub-nav a:hover {
background-position:bottom left;
}

#sub-nav a.current,
#sub-nav a:hover.current {
background-position:top right;
}






#sub-nav2 {
margin:0 0 0 369px;
width:157px;
height:39px;
position:relative;
}

#sub-nav2 ul {
padding:0;
width:157px;
margin:0 0;
padding:0 0;
}

#sub-nav2 li {
float:left;
list-style-type:none;
}

#sub-nav2 a {
height:39px;
display:block;
text-decoration:none;
background-repeat:no-repeat;
background-position:top left;
}

#sub-nav2 a span {
left:-1000em;
position:absolute;
}

#sub-nav2 .link1 a {background-image:url(../images/buttenviron.gif);width:81px;}
#sub-nav2 .link2 a {background-image:url(../images/buttpevonia.gif);width:76px;}


#sub-nav2 a:hover {
background-position:bottom left;
}

#sub-nav2 a.current,
#sub-nav2 a:hover.current {
background-position:top right;
}




/*------------------------------------------------------------------------------------
  Left Column
------------------------------------------------------------------------------------*/
#leftcolumn {
 margin:7px 0 0 10px;
 padding:0 0;
 width:224px;
 float:left;
}



#leftcolumn .facials {
 background:url(../images/facial_img.jpg) 0 0 no-repeat #fff;
 height:528px;
}

#leftcolumn .facials_m {
 background:url(../images/facial_img_m.jpg) 0 0 no-repeat #fff;
 height:528px;
}

#leftcolumn .body {
 background:url(../images/body_img.jpg) 0 0 no-repeat #fff;
 height:528px;
}

#leftcolumn .body_m {
 background:url(../images/body_img_m.jpg) 0 0 no-repeat #fff;
 height:528px;
}

#leftcolumn .news {
 background:url(../images/news_img.jpg) 0 0 no-repeat #fff;
 height:528px;
}


#leftcolumn ul {
 list-style: disc url(../images/arrow.gif);
 margin:0 0 0 14px ;
 padding:0 0 0 0;
}

#leftcolumn li {
 margin:0 0 10px 14px;
 padding:0 0 0 0;
 color:#684D4F;
 line-height:1.2;
 font-size:12px;
}


#leftcolumn a {
 color:#999;
 text-decoration:none;
}

#leftcolumn a:hover {
 color:#684D4F;
 text-decoration:underline;
}



#treatment_submenu {
 margin:-239px 0 0 0;
 padding:0 0 0 0;
 width:224px;
 position:absolute;
}



/*------------------------------------------------------------------------------------
  Right Column
------------------------------------------------------------------------------------*/
#rightcolumn {	
 margin:10px 15px 0 5px;
 padding:0 0;
 width:590px;
 float:left;
}


#rightcolumn h1.facials {
 text-indent: -10000px; margin:0; padding:0; width:127px; 
 height:54px; background: url(../images/title_facials.gif) no-repeat;
}

#rightcolumn h1.eyes {
 text-indent: -10000px; margin:0; padding:0; width:127px; 
 height:49px; background: url(../images/title_eyes.gif) no-repeat;
}

#rightcolumn h1.tattoo {
 text-indent: -10000px; margin:0; padding:0; width:357px; 
 height:65px; background: url(../images/title_tattoo.gif) no-repeat;
}

#rightcolumn h1.omilux {
 text-indent: -10000px; margin:0; padding:0; width:409px; 
 height:106px; background: url(../images/title_omilux.gif) no-repeat;
}

#rightcolumn h1.wax {
 text-indent: -10000px; margin:0; padding:0; width:317px; 
 height:61px; background: url(../images/title_wax.gif) no-repeat;
}

#rightcolumn h1.body {
 text-indent: -10000px; margin:0; padding:0; width:317px; 
 height:61px; background: url(../images/title_body.gif) no-repeat;
}

#rightcolumn h1.hands {
 text-indent: -10000px; margin:0; padding:0; width:317px; 
 height:61px; background: url(../images/title_hands.gif) no-repeat;
}

#rightcolumn h1.news1 {
 text-indent: -10000px; margin:0; padding:0; width:610px; 
 height:61px; background: url(../images/title_news1.gif) no-repeat;
}

#rightcolumn h1.news2 {
 text-indent: -10000px; margin:0; padding:0; width:610px; 
 height:61px; background: url(../images/title_news2.gif) no-repeat;
}

#rightcolumn h1.news3 {
 text-indent: -10000px; margin:0; padding:0; width:610px; 
 height:61px; background: url(../images/title_news3.gif) no-repeat;
}



#rightcolumn p {
 font-size:11px;
 color:#666;
 margin:0 0 0 0;
 padding:0 0 0 0;
}


#rightcolumn ul {
 list-style: disc url(../images/arrow.gif);
 margin:5px 0 0 8px ;
 padding:0 0 0 0;
}

#rightcolumn li {
 margin:0 0 0 8px;
 padding:0 0 0 0;
}

#rightcolumn img {
 float:right;
}




/*------------------------------------------------------------------------------------
  Sub Columns
------------------------------------------------------------------------------------*/
#packages_left {
 width:373px; 
 margin:7px 8px 0 10px;
 padding:0 0 0 0;
 float:left;
}

#packages_left h1.experience {
 text-indent: -10000px; margin:0; padding:0; width:373px; 
 height:401px; background: url(../images/experience_img.jpg) no-repeat;
}

#packages_left h1.packages {
 text-indent: -10000px; margin:0; padding:0; width:373px; 
 height:401px; background: url(../images/packages_img.jpg) no-repeat;
}

#packages_left h1.packages_m {
 text-indent: -10000px; margin:0; padding:0; width:373px; 
 height:401px; background: url(../images/packages_img_m.jpg) no-repeat;
}

#packages_left h1.products {
 text-indent: -10000px; margin:0; padding:0; width:373px; 
 height:401px; background: url(../images/products_img.jpg) no-repeat;
}


#packages_left h1.gift {
 text-indent: -10000px; margin:0; padding:0; width:373px; 
 height:401px; background: url(../images/gift_img.jpg) no-repeat;
}


#packages_left h1.contact {
 text-indent: -10000px; margin:0; padding:0; width:373px; 
 height:401px; background: url(../images/contact_img.jpg) no-repeat;
}


#packages_left h1.faqs {
 text-indent: -10000px; margin:0; padding:0; width:373px; 
 height:401px; background: url(../images/faqs_img.jpg) no-repeat;
}

#packages_left h1.faqs_m {
 text-indent: -10000px; margin:0; padding:0; width:373px; 
 height:401px; background: url(../images/faqs_img_m.jpg) no-repeat;
}





#packages_right {
 width:447px;
 margin:7px 0 10px 0;
 padding:0 0 0 0;
 float:left;
}

#packages_right ul {
 list-style: disc url(../images/arrow.gif);
 margin:5px 0 0 8px ;
 padding:0 0 0 0;
}

#packages_right li {
 margin:0 0 0 8px;
 padding:0 0 0 0;
}


#rightcolumn_left {
 width:210px;
 margin: 0 22px 0 0;
 float:left;
}


#rightcolumn_right {
 width:215px;
 margin: 0 0 0 0;
 float:left;
}








/*------------------------------------------------------------------------------------
  Treatments
------------------------------------------------------------------------------------*/
#treatmentsmen {
 width:422px;
 height:380px;
 margin:7px 0 0 10px;
 padding:0 0 0 0;
 float:left;
 background-color:#ccc;
}

#men {
 margin:0 0 0 0;
 width:422px;
 height:380px;
 position:relative;
 background-color:#eee; 
}

#men a {
 height:380px;
 display:block;
 text-decoration:none;
 background-repeat:no-repeat;
 background-position:top left;
}

#men a span {
 left:-1000em;
 position:absolute;
}

#men .mens a {background-image:url(../images/treatments_01.jpg);width:422px;}

#men a:hover {
background-position:top right;
}


#treatmentswomen {
 width:422px;
 height:380px;
 margin:7px 0 0 0;
 padding:0 0 0 0;
 float:left;
 background-color:#666;
}

#women {
 margin:0 0 0 0;
 width:422px;
 height:380px;
 position:relative;
 background-color:#eee; 
}

#women a {
 height:380px;
 display:block;
 text-decoration:none;
 background-repeat:no-repeat;
 background-position:top left;
}

#women a span {
 left:-1000em;
 position:absolute;
}

#women .womens a {background-image:url(../images/treatments_02.jpg);width:422px;}

#women a:hover {
background-position:top right;
}





/*------------------------------------------------------------------------------------
  Footer
------------------------------------------------------------------------------------*/
#footer-text {
 font-size:10px;
 color:#684D4F;
 padding: 0 0 50px 0;
 margin:15px 18px 0 0;
 text-align:right;
}


#footer a, ul#fnav {
 color:#684D4F;
 text-decoration:none;
}


#footer a:hover {
 color:#9A7C7F;
}


ul#fnav {
 margin:15px 0 0 0;
 padding: 0 0;
}


ul#fnav li{
 display:inline;
 list-style-type:none;
 margin:0 0;
 padding:0 8px 0 8px;
 background:url(../images/fnav_separator.gif) 0 2px no-repeat;
}


/*------------------------------------------------------------------------------------
 News
------------------------------------------------------------------------------------*/
.news_left {
float: left;
width: 400px;
height: 200px;
margin: 0 0 0 0;
background-image:url(../news/autumn.jpg);
background-position:top right;
}

.news_right {
float: right;
width: 190px;
}