/*
------------------------------------------------------------------------
Theme Name: HT Spa
Theme URI:http://vinaganda.com
Description:
Version:
Author:Fred romain
Author URI:fred@vinaganda.com
------------------------------------------------------------------------
*/
/*
-----------------------------------------
RESET
----------------------------------------- 
*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, 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, li{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:''}

strong{font-weight:bold;}

em{font-style:italic}
a img{border:none}

h1, h2, h3, h5, h5, h6{font-weight:bold}

/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/
.aligncenter{display:block; margin:0 auto}
.alignleft{float:left}
.alignright{float:right}
.left{float:left}
.right{float:right}
.clear{clear:both}
#large {width:100%; margin:0px;}
.large {width:100%; margin:0px;}

/*
-----------------------------------------
STRUCTURE
----------------------------------------- 
*/

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}

body {
font-family:Helvetica,Arial, sans-serif;
background:#CDC8B1 url(i/ecru.gif) repeat scroll center top;}


#cornice-top {
background:transparent url(i/head-bg.jpg) repeat-x scroll center bottom;
height:40px;
margin:0;
width:100%;
}

#header-home {width:100%;
background-color:#000000;
background-image:url(i/bg.jpg);
background-position:right;
background-repeat:no-repeat;
height:600px;
}

#header-products {width:100%;
background-color:;
background-image:url(i/product-head.jpg);
background-position:right;
background-repeat:no-repeat;
height:600px;
}
#wrapper {
	background:transparent none repeat scroll 0 0;
float:right;
height:auto !important;
margin:10px 20px 80px;
min-height:100%;
padding-left:10px;
padding-right:10px;
position:relative;
text-align:left;
width:800px;
text-align:justify;
}

#main {
float:left;
width:525px;}


#sidebar {
border-color:#8E8469;
border-style:none none none dashed;
border-width:1px;
float:right;
padding-left:10px;
padding-top:0;
width:250px;
}

#candy {margin:20px 0 0px; width:100%; float:left;}

#wrap {
	background:transparent none repeat scroll 0 0;
float:right;
height:auto !important;
margin:10px 20px 0px;
padding-left:10px;
padding-right:10px;
position:relative;
width:800px;;
}

#footer-wrap {
background:transparent url(i/map.jpg) no-repeat scroll center center;
float:right;
height:auto !important;
margin:10px 20px 0;
padding-left:10px;
padding-right:10px;
position:relative;
width:800px;
}

#cornice {
	background:#EEE8CD url(i/cornice-2.jpg) repeat-x scroll center top;
height:120px;
width:100%;
}

#header {
	height:115px;
position:relative;
width:100%;
}

#content{
	background:#EEE8CD url(i/ecru.gif) repeat scroll center top;
float:right;
width:100%;
}

#footer{
	background:transparent url(i/footer-bg.jpg);
float:right;
width:100%;
border-top:2px solid #8E8469;
text-align:center;
}


/*
-----------------------------------------
NAVIGATION
----------------------------------------- 
*/

.language {
	position:absolute;
right:0;
top:50px;
}
.language a{color:#594C29; text-decoration:none;}
.language a:hover {text-decoration:underline;}
ul#navigation {
float:right;
position:absolute;
right:0;
text-align:right;
top:20px;
}

ul#navigation li {
display:inline;
}

ul#navigation li a{
background:transparent url(i/transpBrown25.png) repeat scroll 0 0;
display:inline;
font-weight:bold;
margin-left:20px;
padding:10px 20px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
text-decoration:none;
color:wheat;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
-webkit-text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
-moz-text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

}

ul#navigation li a:hover, ul#navigation li a.selected {
color:#fff;
background:transparent url(i/transpBrown75.png) repeat scroll 0 0;
			box-shadow:inset  2px 5px 5px rgba(0,0,0,0.3);
-webkit-box-shadow:inset 2px 5px 5px rgba(0,0,0,0.3);
-moz-box-shadow:inset 5px  5px 5px rgba(0,0,0,0.3);
}

.col-wrap {float:right;
}
.col{width:48%;}

.col1, .col2, .col3 {
	float:left;
height:280px;
margin-right:25px;
position:relative;
width:250px;
}

.colderma{
	float:left;
height:280px;
margin-right:25px;
position:relative;
width:525px;
}


.view {}
.last {margin-right:0px; float:right;}

/* Custom class for body ID */

.home-bg {
background-color:#000000;
background-image:url(i/bg.jpg);
background-position:right 40px;
background-repeat:no-repeat;
}

.product-bg {
background-color:;
background-image:url(i/product-bg.jpg);
background-position:right 40px;
background-repeat:no-repeat;
}

.training-bg {
background-color:;
background-image:url(i/training-bg.jpg);
background-position:right 0px;
background-repeat:no-repeat;
}

/*
-----------------------------------------
CONTACT ICONES
----------------------------------------- 
*/
#contact {
	float:right;
margin-top:300px;
margin-bottom:20px;
width:100%;
}

#contact-footer {
float:left;
height:80px;
margin-bottom:10px;
margin-top:10px;
width:100%;
}

.contact-icone {
	float:left;
	width:240px;
	padding:10px;
	margin-right:10px;
	height:50px;
	background:url(i/transpBrown25.png);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	text-align:left;
}

.last {margin-right:0px; float:right;
}

.contact-icone img {border:none; margin-right:10px;}
.contact-icone h3{text-transform:uppercase; color:wheat;
}

.contact-icone h3 span {
color:#FFFFFF;
font-size:22px;
font-weight:normal;
text-transform:none;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
-webkit-text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
-moz-text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

}

.hours {background:url(i/hours.png) no-repeat
}



/*
-----------------------------------------
TYPO
----------------------------------------- 
*/

a {color:#000000; text-decoration:underline;}
a:hover {color:#594C29}
p {
font-size:1em;
line-height:1.2em;
margin-bottom:1em;
margin-top:1em;
text-align:justify;
}

.slogan {
color:#594C29;
font-family:GEorgia;
font-size:1.5em;
text-align:center;
}

p.copyright {
color:#8E8469;
font-size:0.9em;
padding-top:10px;
text-align:center;
}

/*
-----------------------------------------
COLORS/ DECO
----------------------------------------- 
*/

.white {background:#fff;}
.brown {background: url(i/transpBrown25.png) repeat;}

.radius15 {-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}

#ornement {background: transparent url(i/ornement.jpg) no-repeat; width:100%; height:30px; margin: 0 0px 10px; float:left;}

span.time {
background:transparent url(i/time.png) no-repeat scroll left top;
color:#FFFFFF;
font-size:0.9em;
font-weight:bold;
height:50px;
left:-20px;
margin:0;
padding-top:12px;
position:absolute;
text-align:center;
top:-10px;
width:50px;
}

/*
-----------------------------------------
LIST
----------------------------------------- 
*/

ul.services {
font-family:Georgia;
margin:0px;
}

ul.services li{
background:transparent url(i/check.jpg) no-repeat scroll left center;
color:#594C29;
font-weight:bold;
margin:5px 0;
padding:4px 0 0 33px;
}

ul#feature li {
clear:both;
float:left;
margin-bottom:20px;
width:100%;
position:relative;
}


ul#feature li p{font-size:1.1em; margin:0.4em;}

ul#feature img {border:5px solid #8E8469; float:left; margin-right:10px;}
ul#feature li h2 {color:#594C29; font-size:1.3em;}
ul#feature li h2 span{
color:#8E8469;
font-family:Georgia;
font-size:0.8em;
font-style:italic;
font-weight:normal;
text-align:right;
}


h1.logo {
background:transparent url(i/logo.png) no-repeat scroll 0 0;
float:left;
font-family:Georgia;
font-size:3em;
height:115px;
text-indent:-9999px;
width:310px;
}

/* -------------------- TABLE -------------------- */
.prices {font-size:2.em;}

table { 
	text-align: left;
	border-collapse: collapse;
	border-top: none;
margin-bottom:20px;
color:#eee;
width:100%;	
}
table a {
	text-decoration: underline;
}
table a:visited {
	text-decoration: none;
}
tr.title {
	background:transparent url(i/transpBrown25.png) repeat scroll 0 0;
}
tr.alt {}
tr a {
	color: #FF0000;
}
tr:hover a {
	color: #fff;
}
tr:hover, tr.alt:hover {}

caption {
background:transparent url(img/bg.png) repeat scroll center top;
border-top:2px solid wheat;
color:wheat;
font-size:16px;
font-weight:bold;
padding:10px 5px;
text-align:left;
}
thead th {
	font-size: 105%;
	color: #000;
	background: wheat;
	padding:5px 3px;
}
thead th:hover {
	background: #fff;
	
}
tr {
	vertical-align: top;
border-bottom:1px dashed #8E8469;
}
tr,th,td {
	padding: .75em;
}
td {
	border-left:none;
}
tfoot tr {
	background: #fff;
}
tfoot td, tfoot th{
	color: #000;
	border: 0px;
}