/* ------------------------------------------------------ */
/* ----------------THE BEAUTY SPOT CSS------------------- */
/* ------------------------------------------------------ */

/* --------Main Layout-------- */


/*firefox pad hack: div{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding: 0;} */



body{
background-image:url(images/bg_main.jpg);
background-repeat:repeat-x;
text-align:center;
padding:0px;
margin:0px;
font-family: "Trebuchet MS", Arial, Helvetica;
font-size:14px;
color:#631B00;
 }

#wrap{
width:800px;
height:100%;
text-align:left;
margin-left:auto;
margin-right:auto;
}

#header{
width:800px;
height:150px;
margin:40px 0 0 0;
}



#menu{
width:800px;
height:45px;
padding:0px;
}

#promo{
width:800px;
height:230px;
float:left;
position:relative;
}

#content{
width:780px;
background-color:#FFF2DA;
padding:10px;
border-top:#B64926 solid 15px;
float:left;
position:relative;

}

#contenthack{
width:780px;
background-color:#FFF2DA;
padding:10px;
border-top:#B64926 solid 15px;
float:left;
}

#footer{
width:800px;
height:60px;
background-image:url(images/bg_footer.jpg);
background-repeat:no-repeat;
border-top:#711F00 solid 1px;
clear:both;
float:left;
position:relative;
}

#footer p{
color:#FFF2DA;
margin-top:20px;
margin-left:10px;
font-size:14px;
}

#footer a{color:#EACBC0;}
#footer a:hover{color:#FFFFFF;}

/* --------Sub Layout-------- */

.lightbox{
width:760px;
padding:10px;
background-color:#FFFEFB;
}

.leftbox{
float:left;
width:370px;
border-right: #D88E67 1px dashed;
float:left;
position:relative;}

.rightbox{
float:right;
width:400px;
position:relative;
}



/* --------Text Styles-------- */

a:link{
color:#B64926;
text-decoration:none;
}
a:active{
color:#B64926;
text-decoration:none;
}
a:visited{
color:#B64926;
text-decoration:none;
}
a:hover{
color:#87361C;
text-decoration:underline;

}

p{
margin:0px;
}

.classic_h{
font-family:"Times New Roman", Times, serif;
color:#B64926;
font-size:34px;
font-weight:bold;
margin-bottom:20px;
}

/* --------Navigation-------- */

#n ul{list-style-type:none;width:100%;position:relative;height:27px;
font-family:"Trebuchet MS",Arial,sans-serif;font-size:14px;font-weight:bold;
margin:0;padding:11px 0 0 0;}

#n ul li{display:block;float:left;
margin:0 0 0 4px;height:27px;}

#n ul li.left{margin:0;}

#n ul li a{display:block;float:left;color: #E6C3B8;
line-height:22px;text-decoration:none;
padding:0 5px 0 5px;height:22px;}

#n ul li a.right{padding-right:19px;}

#n ul li a:hover{ color:#FFFFFF;}

#n ul li a.current{color:#FFFFFF;}

/* --------Price Listing-------- */

.pricep{padding-right: 3px;color: #631B00;font-size: 16px;font-weight: bold;}
.pricepbig{padding-right: 3px;color: #631B00;font-size: 22px;font-weight: bold;}
.priced{padding: 3px 0;font: italic 100% Georgia,Times,sans-serif;color: #555}
.servalue{color:#555;}

h2{margin: 1em auto 0.3em;color: #008C00;
    font-size: 250%;text-align:center}

dl{width: 100%;overflow: auto;margin: 0 0 1em;
    background: url(images/dot.gif) repeat-x 0 1.2em}
dt,dd.price{ background-color:#FFF2DA;font-size: 16px;font-weight: bold}
dt{float: left;padding-right: 3px;color: #631B00}
dd{margin:0}
dd.price{float: right;padding-left: 3px;color: #B64926;}
dd.ingredients{float: left;width: 100%;padding: 3px 0;
   font: italic 100% Georgia,Times,sans-serif;color: #555}
   
   
/* --------Contact Form Style-------- */
   
   .cssform p{
width: 250px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 115px; /*width of left column containing the label elements*/
border-top: 1px dashed #D88E67;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -115px; /*width of left column*/
width: 110px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


.tag{
position:relative;
float:right;
margin:10px 0 10px 0;
}