@charset "utf-8";
/* CSS Document */
/*RESET*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
:hover, :active, input, a, form, select, embed, object{outline:none;}
/*END RESET*/


html{width:100%;height:100%;overflow:auto;}
body{width:100%;height:100%;border:none;color:#a49c93;font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;font-size:12px;line-height:15px;background:#ffffff url(../images/main-bg.gif) repeat-x;text-shadow:none;}

strong{font-weight:900;}

a{color:#a49c93;text-decoration:none;}
a:hover{color:#999999;}


#page{width:814px;margin:0 auto;}
#header{width:100%;}
#wrapper{padding-top:54px;}
#footer{font-size:9px;margin-top:14px;}
#footer a{color:#000000;}
#footer a:hover{color:#999999;line-height:12px;}
#footer form{float:right;}
#footer input, #footer button, #footer div{float:left;}
#footer input{background:url(../images/search-bg.gif) no-repeat;width:120px;height:20px;padding:2px 0 0 4px;border:none;color:#ffffff;}
#footer button{background:#7a7166;color:#ffffff;border:none;height:20px;line-height:15px;padding:0 0 0 0 ;}



a.logo{background:url(../images/logo.gif);display:block;width:91px;height:87px;margin-top:34px;float:left;}
a.otherlogo{display:block;float:right;height:36px;margin:57px 0 0 0;}
a.cosmedix{background:url(../images/cosmeticslogo-trans.png) no-repeat 0 8px; width:107px;}
a.ev9{background:url(../images/ev9-logo.gif) no-repeat; width:72px;}
a.colorescience{background:url(../images/colorescience-logo.gif) no-repeat 0 8px; width:122px;}


.menu{float:right;width:302px;background:url(../images/menu-bg.jpg) no-repeat;padding:24px 0 0 0;height:304px;overflow:hidden;}
#nav{margin-bottom:29px;}
#nav li{height:31px;}
#nav li a{display:block;padding:0 12px;height:31px;}
#nav li a:hover{background-position:bottom;}
#nav li a.current_page{background-position:bottom;}

#nav .home{background:url(../images/home.gif) no-repeat;}
#nav .skin{background:url(../images/skin-care.gif) no-repeat;}
#nav .waxing{background:url(../images/waxing.gif) no-repeat;}
#nav .makeup{background:url(../images/makeup.gif) no-repeat;}
#nav .about{background:url(../images/about.gif) no-repeat;}
#nav .gifts{background:url(../images/gifts.gif) no-repeat;}
#nav .spa{background:url(../images/spa-store.gif) no-repeat;}
#nav .contact{background:url(../images/contact.gif) no-repeat;}


a.gallery-btn{background:url(../images/gallery.gif) no-repeat;display:block;width:123px;height:27px;float:right;}
#gallery-thumbs{background:url(../images/menu-bg.jpg) no-repeat 25px 0;float:right;}
#gallery-thumbs img{cursor:pointer;}

#gallery-holder{width:512px;height:328px;overflow:hidden;position:absolute;}
.gallery li{float:left;width:512px;height:328px;overflow:hidden;}



/*for custom checkbox, radio, and select form elements*/
span.checkbox {width: 19px;height: 25px;padding: 0 5px 0 0;background: url(images/form/checkbox.gif) no-repeat;display: block;float: right; cursor:pointer;}
span.radio {width: 19px;height: 25px;padding: 0 5px 0 0;background: url(images/form/radio.gif) no-repeat;display: block;clear: left;float: left;}
span.select {position: absolute;width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */height: 21px;padding: 0 24px 0 8px;color: #fff;font: 12px/21px arial,sans-serif;background: url(images/form/select.gif) no-repeat;overflow: hidden;}