/*------------------------------------------------  GENERAL  ---------------------------------------------------*/

* {
margin: 0;
padding: 0;
}

ul, li {
list-style-type: none;
}

div {
position: relative;
}

a {
text-decoration: none;
color: black;
font: 11pt bold Times, serif;
}

img {
border: none;
}

body {
background: black url(images/body_bg.jpg) no-repeat center top;
}

.clear {
clear: both;
}

#wrapper {
background: black url(images/wrapper_bg.jpg) repeat-y left top;
width: 950px;
margin: 0 auto;
}

#header-logo {
display: block;
width: 261px;
height: 287px;
background: transparent url(images/header_logo.jpg) no-repeat left top;
text-indent: -9999px;
}

#nav {

}

#page-left {
float: left;
width: 261px;
min-height: 800px;
}

#page-right {
float: left;
width: 689px;
}

#content-wrap {
background: transparent url( images/wrapper_contentbg.jpg) no-repeat left top;
width: 624px;
padding: 20px 55px 20px 20px;
}
#content-wrap-home {
background: transparent url( images/wrapper_contentbg_home.jpg) no-repeat left top;
float: left;
width: 624px;
padding: 20px 45px 20px 20px;
}


.align-left {
float: left;
}

.align-right {
float: right;
}

.image-left {
float: left;
margin: 0 10px 5px 0;
}

/*------------------------------------------------  TYPE  ---------------------------------------------------*/


h1, h2, h3, h4 {
font: bold Times, serif;
font-variant: small-caps;
}

p, li, td {
font: 9pt Helvetica, sans-serif;
}

td {
padding: 5px;
}

.half {
width: 270px;
float: left;
margin: 0 10px 0 0;
display: inline;
}

.page-bucket-mid .half p {
font: 9pt Helvetica, sans-serif;
}

.half span {
font: 8pt Helvetica, sans-serif;
margin-bottom: 10px;
display: block;
}

li span {
font-weight: normal;
font-size: 8pt;
}

p a {
color: #731800;
font-variant: small-caps;
font-weight: bold;
}

p a:hover {
color: black;
}

/*------------------------------------------------  HOME  ---------------------------------------------------*/


#home-bodybydeca {
float: left;
margin-top: 20px;
}

#home-bottomimages {
margin-top: 20px;
width: 618px;
float: left;
}

#home-banner {
height: 415px;
width: 689px;
float: left;
background: transparent url(images/home_flashbg.jpg) no-repeat left top;
}

#home-flash {
float: left;
height: 415px;
width: 689px;
}

#home-openingpara p {
font: 10pt "Times", serif;
line-height: 16px;
}

#home-openingpara img {
margin-right: 5px;
}


/*------------------------------------------------  NAV  ---------------------------------------------------*/

#nav {
padding: 0 5px 0 0;
}

#nav li a {
display: block;
height: 30px;
width: 226px;
text-align: center;
background: transparent url(images/nav_bg.jpg) no-repeat left bottom;
color: 230900;
line-height: 30px;
font-variant: small-caps;
font-weight: bold;
}
#nav li a:hover {
background: transparent url(images/nav_bg.jpg) no-repeat left top;
}


#nav {
float: right;
}

.nav-seperator {
height: 2px;
background: transparent url(images/nav_divider.jpg) no-repeat left top;
}

.mainnav-btn {

}


/*------------------------------------------------  FOOTER  ---------------------------------------------------*/


#footer {
float: left;
width: 870px;
height: 125px;
background: red url(images/footer_bg.jpg) no-repeat left top;
padding: 20px 40px;
}

#footer-we-accept {
position: absolute;
top: -91px;
left: 25px;
}

#footer-logo {
display: block;
float: left;
width: 170px;
height: 87px;
}

#footer-text {
float: left;
margin: 20px 0 0 50px;
}

#footer-text p{
margin: 5px 0 0 0;
}


#footer p, #footer h3 {
color: white;
}

#footer-brochurebtn {
margin: 30px 20px 0 0;
float: right;
display: block;
padding: 7px;
background: #681500;
border: #f7c89c solid 1px;
font: 10pt Helvetica, sans-serif;
color: white;
}

#footer-aom {
position: absolute;
bottom: 5px;
right: 30px;
}



/*------------------------------------------------  PAGE  ---------------------------------------------------*/

span#page-disclaimer {
font: 8pt Helvetica, sans-serif;
margin-top: 20px;
float: left;
}

.page-banner {
height: 248px;
width: 689px;
}

#fingerstoes {
background: transparent url(images/pageheader_fingertoes.jpg) no-repeat left top;
}
#hairnomore {
background: transparent url(images/pageheader_hairnomore.jpg) no-repeat left top;
}
#packages {
background: transparent url(images/pageheader_packages.jpg) no-repeat left top;
}
#piercing {
background: transparent url(images/pageheader_piercing.jpg) no-repeat left top;
}
#fabulousfaces {
background: transparent url(images/pageheader_fabfaces.jpg) no-repeat left top;
}
#menonly {
background: transparent url(images/pageheader_manspa.jpg) no-repeat left top;
}
#etiquette {
background: transparent url(images/pageheader_etiquette.jpg) no-repeat left top;
}
#contact {
background: transparent url(images/pageheader_contact.jpg) no-repeat left top;
}
#about {
background: transparent url(images/pageheader_about.jpg) no-repeat left top;
}
#bodywork {
background: transparent url(images/pageheader_bodywork.jpg) no-repeat left top;
}
#promotions {
background: transparent url(images/pageheader_promotions.jpg) no-repeat left top;
}
#parties {
background: transparent url(images/pageheader_parties.jpg) no-repeat left top;
}
#testimonials {
background: transparent url(images/pageheader_parties.jpg) no-repeat left top;
}
#photos {
background: transparent url(images/pageheader_etiquette.jpg) no-repeat left top;
}
.page-title {
display: block;
padding: 30px 0 0 25px;
font-variant: small-caps;
font-weight: normal;
}

/*------------------------------------------------  SERVICES PAGES  ---------------------------------------------------*/

h2.service-cat {
display: block;
font-variant: small-caps;
font-weight: normal;
color: #731800;
padding: 20px 0 0 0;
}

.service-box {
width: 557px;
padding: 20px;
margin: 10px;
border: #f8efe0 solid 1px;
background: #fffefa;
}

.page-bucket {
width: 618px;
}

.page-bucket-title {
width: 618px;
height: 84px;
background: url(images/page_bucketbg_top.png) no-repeat left top;
}

.page-bucket-mid {
width: 578px;
padding: 10px 20px;
background: url(images/page_bucketbg_mid.png) repeat-y left top;
}

.page-bucket-mid img{
margin: 0 10px 0 0;
}
.page-bucket-mid p{
font: bold small-caps 11pt "Times New Roman", serif;
}
.page-bucket-bot {
width: 618px;
height: 15px;
background: url(images/page_bucketbg_bot.png) no-repeat left top;
}

.service-title {
font-weight: normal;
background: transparent url(images/service_titleline.png) no-repeat left bottom;
display: block;
height: 25px;
width: 558px;
}

.service-desc {
margin: 10px 0 0 0;
font-size: 10pt;
}

.service-price {
font-weight: bold;
margin: 10px 0 0 0;
}

.price-list {
width: 558px;
margin: 10px 0 0 0;
}

.price-list-left {
margin: 0 30px 0 0;
display: inline;
float: left;
}

.price-list-left li {
margin: 5px 0;
font-weight: bold;
}

.price-list-right {
float: left;

}

.price-list-right li {
font-weight: bold;
margin: 5px 0;
}



.etiquette-box p {
padding: 10px 0;
}

.etiquette-box {
width: 557px;
padding: 20px;
margin: 10px;
border: #f8efe0 solid 1px;
background: #fffefa;
}

