/* =Body
-------------------------------------------------------------- */
body {
background: #1e1e1e;
color: #b2b2b2;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 17px;
text-align: center;
}

/* =Wrap
-------------------------------------------------------------- */
#wrap {
margin: 0 auto;
width: 960px;
text-align: left;
}

/* =Header
-------------------------------------------------------------- */
#header { 
margin-top: 40px; 
}

#logo {
display: inline;
float: left;
width: 240px;
}

/* =Navigation
-------------------------------------------------------------- */
#nav {
list-style: none;
display: inline;
float: right;
width: 560px;
margin-bottom: 40px;
}

#nav li {
display: inline;
float: left;
}

#nav a {
display: inline;
float: left;
width: 140px;
border-bottom: 1px solid #47464b;
padding-bottom: 9px;
text-decoration: none;
}

#nav a:hover {
border-bottom: 1px solid #9e9e9e;
}

#nav li.current a {
border-bottom: 4px solid #9e9e9e;
}

#nav a span {
display: inline;
float: left;
clear: left;
width: 140px;
font-size: 14px;
color: #e1e1e1;
text-transform: uppercase;
}

#nav a span.desc {
font-size: 12px;
font-style: italic;
color: #b2b2b2;
text-transform: none;
font-family: Georgia, serif;
}

/* =Message
-------------------------------------------------------------- */
#message {
width: 960px;
height: 227px;
background: url("/images/large/home.png") no-repeat;
display: inline;
float: left;
clear: both;
margin-bottom: 40px;
position: relative;
}

#message.about {
background: url("/images/large/about.png") no-repeat;
}

#message.prices {
background: url("/images/large/prices.png") no-repeat;
}

#message.contact {
background: url("/images/large/contact.png") no-repeat;
}

#message p {
display: none;
}

#discount {
position: absolute;
display: block;
width: 138px;
height: 139px;
/* background: url("/images/layout/bubble.jpg") 55% 45%; */
background: url("/images/layout/discount.png") 55% 45%;
left:840px;
top:10px;
}


#discount span {
display: none;
}

/* =Products
-------------------------------------------------------------- */
#products {
width: 1100px;
display: inline;
float: left;
clear:left;
list-style: none;
position: relative;
margin-left:47px;
}

#products li {
display: inline;
float: left;
width: 85px;
height: 84px;
margin-right: 13px;
}

#products a {
display: inline;
float: left;
width: 85px;
height: 84px;
background: url("/images/layout/products.png");
}

#products-cont a span { 
display: none;
}

#products-cont {
position: relative;
display: inline;
float: left;
clear: left;
width:960px;
overflow: hidden;
margin-bottom: 40px;
}

#products-cont .next, #products-cont .previous {
display: inline;
float: left;
height: 84px;
background: url("/images/layout/arrows.png") no-repeat -31px 30px #1e1e1e;
width: 31px;
border-right: 5px solid #1e1e1e;
margin-right: 0;
position: absolute;
right:0;
z-index: 2;
}

#products-cont .previous {
background: url("/images/layout/arrows.png") no-repeat 0 30px #1e1e1e;
border-right: 0;
border-left: 5px solid #1e1e1e;
right:inherit;
left: 0;
}



#products .guinot {
background-position: 0 -84px;
}

#products .waxing {
background-position: -97px -84px;
}

#products .spray-tan {
background-position: -194px -84px;
}

#products .electrolysis {
background-position: -291px -84px;
}

#products .body-treatments {
background-position: -388px -84px;
}

#products .massage {
background-position: -486px -84px;
}

#products .eye-treatments {
background-position: -586px -84px;
}

#products .bio-sculpture-gels {
background-position: -684px -84px;
}

#products .nail-care {
background-position: -779px -84px;
}

#products .packages {
background-position: -871px -84px;
}


#products .guinot:hover, #products .current .guinot {
background-position: 0 0;
}

#products .waxing:hover, #products .current .waxing {
background-position: -97px 0;
}

#products .spray-tan:hover, #products .current .spray-tan {
background-position: -194px 0;
}

#products .electrolysis:hover, #products .current .electrolysis {
background-position: -291px 0;
}

#products .body-treatments:hover, #products .current .body-treatments {
background-position: -388px 0;
}

#products .massage:hover, #products .current .massage {
background-position: -486px 0;
}

#products .eye-treatments:hover, #products .current .eye-treatments {
background-position: -586px 0;
}

#products .bio-sculpture-gels:hover, #products .current .bio-sculpture-gels {
background-position: -684px 0;
}

#products .nail-care:hover, #products .current .nail-care {
background-position: -779px 0;
}

#products .packages:hover, #products .current .packages {
background-position: -871px 0;
}

/* =Left & Right
-------------------------------------------------------------- */
#left, #right {
float: left;
width: 230px;
margin-right: 20px;
}

#right {
float: right;
}

ul.sidebar {
list-style: none;
margin-bottom: 40px;
}

ul.sidebar li {
border-bottom: 1px solid #353535;
padding: 4px 10px;
}

ul.prices li {
float: left;
}

.label {
width: 160px;
display: inline;
float: left;
padding-right: 5px;
}

#news li {
width: 380px;
}

.date {
font-family: Georgia, serif;
font-style: italic;
margin-bottom: 10px;
color: #666;
line-height: 10px;
}

#news .label {
width: 305px;
}

.value {
text-align: right;
}

#left #contacts li, #right #contacts li {
padding: 10px 15px;
}

#contacts a {
color: #b2b2b2;
text-decoration: none;
}

#contacts a:hover {
text-decoration: underline;
}

ul.inner {
margin-left: 20px;
list-style-type:square;
color: #fff;
margin-bottom:20px;
}

ul.inner span {
color:#b2b2b2;
}

#news {
margin-left: 60px;
}

/* =News
-------------------------------------------------------------- */
#news {
display: inline;
float: left;
width: 400px;
}

#news h3 {
margin-top: 20px;
}

#news h3 a {
text-decoration: none;
color: #fff;
}

.readmore {
text-align: right;
font-size: 10px;
margin-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #353535;
margin-bottom: 0;
}

.readmore a {
color: #fff;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}

#news h3 a:hover, .readmore a:hover {
text-decoration: underline;
}

#news table h3 {
margin:0;
}

/* =Special offers
-------------------------------------------------------------- */
#special-offers {
display: inline;
float: right;
width: 230px;
}

/* =Content
-------------------------------------------------------------- */
#content {
width: 710px;
display: inline;
float: left;
margin-bottom: 40px;
}

#content h1 {
padding-left:10px;
}

#content .inner-content {
padding:0 10px;
}

/* =Gallery
-------------------------------------------------------------- */
#gallery, #images {
position: relative;
margin-bottom: 40px;
display: inline;
float: left;
}

#images {
margin-bottom: 1px;
height: 203px;
width: 711px;
overflow: hidden;
box-shadow:0px 6px 42px #000;
-webkit-box-shadow:0px 6px 42px #000;
-moz-box-shadow:0px 6px 42px #000;
position: relative;
z-index: 4;
}

#gallery p {
position: absolute;
z-index: 2;
color: #fff;
text-shadow: 1px 1px 1px #333;
margin: 0;
bottom: 7px;
right: 10px;
font-size: 10px; 
}

#gallery img {
position: relative;
display: inline;
float: left;
}

#thumbs {
height: 56px;
display: inline;
float: left;
position: relative;
overflow: hidden;
width: 710px;
}

#inner-thumbs {
position: relative;
width: 2000px;
height: 75px;
margin-left: 31px;
left: 0;
}

#paginator {
position: absolute;
z-index: 2;
width: 2000px;
height: 90px;
margin-left: 37px;
left:0;
bottom:15px;
}

#thumbs #paginator a {
width: 114px;
height: 105px;
margin-right: 1px;
display: inline;
float: left;
background: url("/images/layout/dummy.png");
}

#thumbs a {
width: 155px;
height: 75px;
margin-right: 1px;
position: relative;
}

#thumbs a:hover img, #thumbs a.current img {
bottom: 56px;
}

#thumbs a#gal-prev, #thumbs a#gal-next {
position: absolute;
display: block;
width: 31px;
height: 56px;
top:0;
z-index: 3;
background: url("/images/layout/arrows.png") no-repeat 0 16px #1e1e1e;
text-decoration: none;
border-right: 5px solid #1e1e1e;
}

#thumbs a#gal-next {
background-position: -31px 16px;
right: -2px;
border-right: 3px solid #1e1e1e;
border-left: 5px solid #1e1e1e;
}




/* =Footer
-------------------------------------------------------------- */
#footer {
width: 960px;
display: inline;
float: left;
clear: both;
font-size: 10px;
color: #6a6a6a;
padding-bottom: 40px;
border-top:1px solid #313131;
padding-top:7px;
}

#footer p {
display: inline;
float: left;
background: url("/images/layout/footer-sep.png") no-repeat center right;
}

#footer a {
color: #b7b6b6;
text-decoration: none;
}

#twitter {
width: 369px;
padding-right: 40px;
}

#facebook {
width: 108px;
padding:0 20px;
height: 28px;
text-align: center;
}

#copyright {
width: 275px;
padding: 0 10px;
height: 28px;
text-align: center;
}

#footer p#elliott {
width: 95px;
padding-left: 7px;
background-image: none;
}

#elliott a {
display: block;
width: 76px;
height: 14px;
background: url("/images/layout/elliott.png");
margin-left: 10px;
}

#elliott a:hover {
background-position: -76px 0;
}

#elliott a span { display: none; }

/* =Tables
-------------------------------------------------------------- */
table {
width: 100%;
margin-bottom: 20px;
}

table th {
text-transform: uppercase;
font-size: 13px;
color: #fff;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
padding:5px 0 7px;
margin-bottom: 5px;
text-align: center;
}

table td {
border-bottom: 1px solid #353535;
padding: 4px 10px;
text-align: center;
}

.alignleft { text-align: left; }

/* =Contacts
-------------------------------------------------------------- */
#map {
display: inline;
float: left;
width: 380px;
height: 380px;
margin-right: 20px;
}

#contactform {
display: inline;
float: left;
width: 310px;
}

#contactform h2 {
margin-bottom:20px;
}

label {
display: inline;
float: left;
width: 80px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
font-size: 10px;
text-align: right;
padding-right: 5px;
padding-top: 5px;
}

input, select, textarea {
background: #1e1e1e;
border: 1px solid #353535;
border-bottom: 2px solid #fff;
width: 215px;
padding: 4px;
color: #b2b2b2;
font-family: Arial, sans-serif;
}

select {
border: inherit;
width: 225px;
}

textarea {
max-width: 215px;
}

form p {
margin-bottom: 9px;
}

#submit {
background: url("/images/layout/send.png") no-repeat center center;
border: 0;
width: 70px;
display: inline;
float: right;
}

label.error {
padding-left: 87px;
width: 215px;
text-align: left;
color: #b402ee;
text-transform: none;
}

.important { display: none; }

/* =Typography
-------------------------------------------------------------- */
h1, h2 {
text-transform: uppercase;
font-size: 13px;
text-align: center;
color: #fff;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
padding:5px 0 7px;
margin-bottom: 5px;
}

h1 {
margin-bottom: 20px;
}

h3 {
color: #fff;
font-weight: bold;
text-transform: uppercase;
}

p {
margin-bottom: 20px;
}