/* --HTML and BODY information-- */
/* --Validated at http://jigsaw.w3.org/css-validator/validator-- */
html { margin: 0px; padding: 0px; }
body { background-color: #070707; font-weight: normal; }
/* The large header at the top of each page on the right that mirrors the name of the tab */
h1 { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-size: 24px; font-weight: 100; color: #FFFFFF; padding-top:0; margin-top:0; }
h2 { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-size: 24px; font-weight: bold; color: #FFFFFF; padding-top:0; margin-top:0; }
h3 { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-size: 15px; font-weight: bold; color: #ff6633; padding-top:0; margin-top:0px; }
h4 { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; padding-top:0; margin-top:0; }
h5 { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-size: 13px; font-weight: 100; color: #FFFFFF; padding-top:0; margin-top:0px; margin-bottom:5px; }
/* Used for the copyright text at the bottom of each page */
h6 { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-size: 10px; font-weight: 100; color: #FFFFFF; padding-top:0; margin-top:0; }
/* Override default ink colors */
/* To change the default link color */
a:link { color: WhiteSmoke; }
/* To change the active color */
a:active { color: blue; }
/* To change the followed link color */
a:visited { color: Gray; }
/* To change the mouse over color */
a:hover { color: Coral; }
/*float left*/
.left
{
float: left; /*left in our text*/
margin: 3px; /*space around the image*/
}
/*float right*/
.right
{
float: right; /*right in our text*/
margin: 3px; /*space around the image*/
}
#wrapper { position:relative; width:1004px; height:1245px; background-color:#b6b5b5; }
#wrapperSm { position:relative; width:1004px; height:200px; background-color:#b6b5b5; }
#wrapperSpec { position:relative; width:1004px; height:1120px; background-color:#b6b5b5; }
#wrapperLg { position:relative; width:1004px; height:1565px; background-color:#b6b5b5; }
#dividerBar2 { position:absolute; top:199px; left:0px; width:1004px; height:60px; background-color:#b6b5b5; }
.clear { clear: both;}
/* These are the 2 thin horizontal lines that frame the top 3 graphics */
#dividerBar1 { position:absolute; top:14px; left:0px; width:1004px; height:181px; background-color:#6b6b6b; }
#graphicsBox { position:relative; top:10px; left:0px; width:1004px; height:160px; background-color:#6b6b6b; }
#graphicsBox1 { position:absolute; top:10px; left:22px; width:320px; height:160px; background-color:#999999; }
#graphicsBox2 { position:absolute; top:10px; left:342px; width:320px; height:160px; background-color:#999999; }
#graphicsBox3 { position:absolute; top:10px; left:662px; width:320px; height:160px; background-color:#999999; }
#graphicsBox4 { position:absolute; top:780px; left:0px; width:444px;height:304px; background-color:#999999; }
#navsite h5 { display: none; }
#navsite ul { padding: 2px 0; margin-left: 0; font: bold 14px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }
#navsite ul li { list-style: none; margin: 0; display: inline; }
/* The small white highlight around each tab and the non-active tab backgrounds */
#navsite ul li a { padding: 3px 0.5em; margin-left: 5px; border: 1px solid #FFFFFF; border-bottom: none; background: #3c3c3c; text-decoration: none; }
#navsite ul li a:link { color: #FFFFFF; }
#navsite ul li a:visited { color: #ffffff; }
/* The mouseover changes the font color to the first value */
#navsite ul li a:link:hover, #navsite ul li a:visited:hover { color: #FF6633; background: #6b6b6b; border-color: white; }
#navsite ul li a#current { border-bottom: none; background-color: #6b6b6b; }
/* The coffee colored bar under the tab section */
#mossBox { position:absolute; clear:left; top:36px; left:0px; width:1004px; height:55px; background-color:#6b6b6b; text-align:left; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
#container { position:absolute; clear:left; left:0px; width:1004px; background-color:#3c3c3c; }
/* These are the thin horizontal bars that contain the copyright info at the bottom of each page */
#mossBoxFooterSalon { position:absolute; top:905px; left:0px; width:1004px; height:20px; background-color:#6b6b6b; margin: 0px; }
#mossBoxFooterSpa { position:absolute; top:985px; left:0px; width:1004px; height:20px; background-color:#6b6b6b; margin: 0px; }
#mossBoxFooterSm { clear: both; left:0px; width:1004px; height:20px; background-color:#6b6b6b; padding-top: 4px; }
#mossBoxFooterSm2 { position:absolute; top:555px; left:0px; width:1004px; height:20px; background-color:#6b6b6b; padding-top: 4px; }
#mossBoxFooterPromo { position:absolute; top:550px; left:0px; width:1004px; height:20px; background-color:#6b6b6b; padding-top: 4px; }
#mossBoxFooterLg { position:absolute; top:1225px; left:0px; width:935px; height:20px; background-color:#6b6b6b; margin: 0px; clear:both; }
.mossBoxFooterSpec { position:absolute; top:750px; left:-20px; width:1004px; height:20px; background-color:#6b6b6b; margin: 0px; }
#taupeBoxBg { position:absolute; top:92px; left:0px; width:1004px; height:910px; background-color:#3c3c3c; }
#taupeBoxLeft { position:absolute; top:20px; left:15px; width:450px; height:875px; background-color:#3c3c3c; }
#taupeBoxRight { position:absolute; top:20px; left:465px; width:450px; height:875px; background-color:#3c3c3c; }
/* .titleBox { margin: 0px; clear: both; background-color:#3c3c3c; text-align:left; padding-top: 15px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; } */
.titleBoxLeft { float:left; padding: 25px 5px 0px 25px; margin: 0px; width:472px; background-color:#3c3c3c; text-align:left; }
.titleBoxRight { float:right; padding: 25px 15px 25px 15px; margin: 0px; width:472px; background-color:#3c3c3c; text-align:left; }
.titleBoxShop { padding: 20px 0px 0px 20px; margin: 0px; width:472px; height:539px; clear: both; background-color:#3c3c3c; text-align:left; }
/* New Bios pages for 111310 */
.bioBox { padding: 10px 0px 0px 15px; margin: 0px 0px 0px 0px; width:235px; clear: both; background-color:#3c3c3c; text-align:left; float: left;}
.bullet {list-style-image: url(bullet.png); background-repeat:no-repeat; background-position:0px 5px; padding-left:50px;}
.serviceBox { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width:250px; background-color:#3c3c3c; text-align:left; float: left; }
.priceBox { padding: 0px 0px 0px 0px; margin: 0px 30px 0px 0px; width:150px; background-color:#3c3c3c; text-align:right; float:right; }
.commentBox { padding: 10px 0px 12px 20px; width:420px; clear:both; background-color:#3c3c3c; text-align:left; }
#taupeBoxBgLg { position:absolute; top:92px; left:35px; width:935px; height:1225px; background-color:#3c3c3c; }
#taupeBoxLeftLg { position:absolute; top:20px; left:15px; width:450px; height:1225px; background-color:#3c3c3c; }
#taupeBoxRightLg { position:absolute; top:0px; left:465px; width:450px; height:1225px; background-color:#3c3c3c; }
.titleBoxLg { padding: 0px 0px 0px 20px; margin: 0px; width:420px; clear: both; background-color:#3c3c3c; text-align:left; }
.serviceBoxLg { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 20px; width:280px; background-color:#3c3c3c; text-align:left; float: left; }
.priceBoxLg { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width:135px; background-color:#3c3c3c; text-align:right; float:left; }
.commentBoxLg { padding: 0px 0px 0px 20px; width:420px; clear:both; background-color:#3c3c3c; text-align:left; }
#taupeBoxBgSm { position:absolute; top:100px; left:0px; width:525px; height:560px; background-color:#3c3c3c; text-align: justify; }
#taupeBoxContactUs { position:absolute; top:100px; left:0px; width:1004px; height:560px; background-color:#3c3c3c; text-align: justify; }
#taupeBoxBgPromo { position:absolute; top:100px; left:0px; width:545px; height:560px; background-color:#3c3c3c; text-align: justify; }
#taupeBoxLeftSm { position:absolute; top:20px; left:35px; width:420px; height:360px; background-color:#3c3c3c; text-align: justify; }
#taupeBoxBgSpec { position:absolute; top:92px; left:0px; width:1004px; height:775px; background-color:#3c3c3c; }
#taupeBoxXl { position:absolute; top:20px; left:20px; width:840px; height:570px; background-color:#3c3c3c; text-align: justify; }
.titleBoxXl { padding: 0px 0px 0px 20px; margin: 0px; width:800px; clear: both; background-color:#3c3c3c; text-align:left; }
.serviceBoxSpec { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 20px; width:400px; background-color:#3c3c3c; text-align:left; float: left; }
.priceBoxSpec { padding: 0px 0px 0px 0px; margin: 0px 30px 0px 0px; width:350px; background-color:#3c3c3c; text-align:right; float:right; }
.commentBoxSpec { padding: 0px 0px 0px 20px; width:840px; clear:both; background-color:#3c3c3c; text-align:left; }