
/* GENERAL DEFAULT STYLES
============================================================================================*/
*{padding:0; margin:0;}
hr{display:none;}
img{border:none;}
p{padding:5px; font-size:1.3em; line-height:2.3;}
h2{font-size:1.8em;}
h3{font-size:2.1em;}
a{color:#F2E9CB;}

/* UTILITY STYLES
============================================================================================*/
.clr{display:block; clear:both;	height:0; visibility:hidden;}
.hide{display:none;}
.center{text-align:center;}

/* MENU TEMPLATE
============================================================================================*/
.horizMenu{width:800px;}
	.horizMenu, .horizMenu li{list-style-type:none; margin:0; padding:0; display:block;}
	.horizMenu li{display:inline; float:left; text-align:center; }
	.horizMenu a{display:block; text-decoration:none;}
	.horizMenu li ul{width:100%; position:absolute; z-index:5000; left:0; }
	.horizMenu li ul li{display:inline;}
	.horizMenu li ul{width:800px;} /* HACK: IE need an exact with!!!! */

/* MAIN LAYOUT
============================================================================================*/
body{font: 62.5%/1.3 Georgia, "Times New Roman", Times, serif; text-align:center; margin-top:5%; background-color:#695E4A; color:#F2E9CB;}
div#container{width:800px; margin:0 auto; text-align:left; }

#header{position:relative; height:97px;} /*112*/

#logo img{border-right:4px solid #4d2612; float:left;}

#phone{float:right;}

#body{background-color:#F2E9CB; border-top:4px solid #4d2612;}

#mainNav{padding-top:94px; position:absolute; bottom:0; left:314px;}
#mainNav li{background-color:#e3d9ba; } /*#F2E9CB*/
#mainNav a{padding:1px 4px 1px 5px; font-size:1.3em; color:#695E4A; text-indent:-5000px;}

a#mnavTanning{background:url(../images/menu/MenuNav_r1_c1.gif) no-repeat 6px 2px; width:69px;}
a#mnavTanning:hover, a#mnavTanning.active{background:url(../images/menu/MenuNav_r1_c1_f2.gif) no-repeat 6px 2px;}
a#mnavSalon{background:url(../images/menu/MenuNav_r1_c3.gif) no-repeat 10px 2px; width:47px;}
a#mnavSalon:hover, a#mnavSalon.active{background:url(../images/menu/MenuNav_r1_c3_f2.gif) no-repeat 10px 3px;}
a#mnavSpa{background:url(../images/menu/MenuNav_r1_c5.gif) no-repeat 10px 2px; width:35px;}
a#mnavSpa:hover, a#mnavSpa.active{background:url(../images/menu/MenuNav_r1_c5_f2.gif) no-repeat 10px 3px;}
a#mnavBoutique{background:url(../images/menu/MenuNav_r1_c7.gif) no-repeat 10px 2px; width:73px;}
a#mnavBoutique:hover, a#mnavBoutique.active{background:url(../images/menu/MenuNav_r1_c7_f2.gif) no-repeat 10px 3px;}
a#mnavSpecials{background:url(../images/menu/MenuNav_r1_c9.gif) no-repeat 10px 2px; width:63px;}
a#mnavSpecials:hover, a#mnavSpecials.active{background:url(../images/menu/MenuNav_r1_c9_f2.gif) no-repeat 10px 3px;}
a#mnavAbout{background:url(../images/menu/MenuNav_r1_c11.gif) no-repeat 10px 2px; width:59px;}
a#mnavAbout:hover, a#mnavAbout.active{background:url(../images/menu/MenuNav_r1_c11_f2.gif) no-repeat 10px 3px;}
a#mnavContact{background:url(../images/menu/MenuNav_r1_c13.gif) no-repeat 10px 2px; width:77px;}
a#mnavContact:hover, a#mnavContact.active{background:url(../images/menu/MenuNav_r1_c13_f2.gif) no-repeat 10px 3px;}

#column1{background-color:#F2E9CB; border-right:4px solid #4d2612; width:309px; float:left;}
#column1 img{padding:20px;}

#column2{width:487px; float:left; border-left:4px solid #4d2612; margin-left:-4px;}

#footer{font-size:1.2em; padding-left:0;}
	#footer a{text-decoration:none; font-size:1em;}
	#btmNav{display:block; width:500px; float:left; padding:0;}
	
	#cirv{float:right; margin-top:6px;}

/* HOME PAGE
============================================================================================*/
div#box{width:15em; padding:8px; float:left; background-color:#823D14; color:#F2E9CB; margin:5px;}

/* SPA (SUB PAGES)
============================================================================================*/
#SideMenuLinks a, #SideMenuLinks a:link, #SideMenuLinks a:visited/*, #SideMenuLinks a:active*/ {
display:block; text-decoration:none; text-transform:uppercase; font-size:1.3em; font-weight:bold; background-color:#7A7000; padding:6px; margin:0px;}
#SideMenuLinks li{margin:0px; padding:0 0 2px 0; list-style-type:none;}
#SideMenuLinks a:active, #SideMenuLinks a.active, #SideMenuLinks a:hover{background-color:#823D14;} 


#boxtext{background-color:#823D14; margin:15px; width:456px; padding-top:1px;}
#boxtext p, #boxtext h2{margin:10px;}
#boxtext h2{ border-bottom:dashed 1px #F2E9CB; margin:15px 15px 0px 15px; padding-bottom:15px;  }