@charset "UTF-8";
/* CSS Document */

body {position:relative;height:259px;background-color:#000;padding:0px;margin:0px;background:url("../images/bgheader-trans.png") repeat-x #000;}

#container {width:900px;height:100%;margin:0px auto;}
/*background:url("../images/gradientbg-trans.png") no-repeat;*/
#header {width:100%; height:120px; margin-bottom:20px;}
#logo {position:relative;top:7px;left:0px;width:450px;height:120px;background:url("../images/solacelogo-trans.png") no-repeat;}
#contactinfo {position:relative; top:15px; right:10px; font-family:Tahoma; font-size:13px; color:#9299d2; text-align:right; margin-top:10px; float:right;}
#contactinfo span {font-size:12px;color:#d1d1f1;}
#contactinfo span a {position:relative;font-size:12px;color:#d1d1f1;text-decoration:none;}
#horizontalmenu {position:relative;top:-22px;left:110px;width:600px;height:20px;clear:both;padding:0;margin:0 auto:}
#horizontalmenu ul {top:0px;left:0px;width:600px;height:20px;list-style:none;margin:0;padding:0;}
#horizontalmenu ul li {display: inline; font-family:Tahoma; font-size:12px;font-weight:bold; color:#fff; margin-left:10px; margin-right:10px;}
#horizontalmenu ul li a {text-decoration:none; color:#fff;}
#horizontalmenu ul li span {color:#9299d2;}

#content {position:relative; top:0px; left:0px; width:900px; height:510px;margin:0 auto;border-top:#212121 solid 1px;}
#contentabout {position:relative; top:0px; left:0px; width:900px; height:750px;margin:0 auto;border-top:#212121 solid 1px;}
#contenttreat {position:relative; top:0px; left:0px; width:900px; height:750px;margin:0 auto;border-top:#212121 solid 1px;}
#bigbox {position:relative; top:0px; left:0px; width:900px; height:370px;}
#bigboxcontact {position:relative; top:0px; left:0px; width:900px; height:370px;}
#bigbox1 {position:relative; top:0px; left:0px; width:900px; height:100%;}
#bigboxleft {position:relative; top:0px; left:0px; width:290px; height:370px; margin:0 5px; float:left;}
#bigboxleftcontact {position:relative; top:0px; left:0px; width:290px; height:500px; margin:0 5px; float:left;}
#narrowboxleft {position:relative; top:0px; left:0px; width:190px; height:700px; margin:0 5px; float:left;}
#bigboxleftshort {position:relative; top:0px; left:0px; width:190px; height:370px; margin:0 5px; float:left;}
.welcome {width:290px;height:40px;font-family:Tahoma;font-size:23px;color:#9299d2; text-align:center;margin:0px;padding:0px;}
.welcometext {width:250px; font-family:Tahoma; font-size:14px; color:#fff; text-align:justify;line-height:20px; margin:5px auto;}
.welcometext span {width:250px;font-family:Tahoma;font-size:12px;color:#bbbbdb;text-align:left;line-height:12px;padding-left:15px;}
#bigboxright {position:relative; top:0px; left:0px; width:560px; height:100%; margin:5px; padding: 10px; float:left;}
#bigboxrightlong {position:relative; top:0px; left:0px; width:660px; height:100%; margin:5px; padding: 10px; float:left;}
#slideshow1 {position:relative; top:0px; left:0px; width:580px; height:370px; margin:5px; float:left;}
.pics {width: 580px; height: 370px; padding:0; margin:0; overflow: hidden; padding:0; margin:0;}
.pics img {width: 580px; height: 370px; top:0; left:0 }
#littlebox {position:relative; top:3px; left:0px; width:900px; height:100px; clear:both;}
#littleboxleft {position:relative; top:0px; left:0px; width:285px; height:100px; background:url("../images/siratsolace-trans.png") no-repeat; margin:5px; float:left;}

#littleboxmid {position:relative; top:0px; left:0px; width:285px; height:100px; background:url("../images/promotions-trans.png") no-repeat; margin:5px 7px; float:left;}
#littleboxright {position:relative; top:0px; left:0px; width:285px; height:100px; background:url("../images/dermalogica20off-trans.png") no-repeat; margin:5px 6px; float:left;}


#footer {width:100%; height:100%;border-top:#212121 solid 1px;background-color:#000; clear:both;margin:0;}
#horizontalmenulow {position:relative; top:-5px; left:7%; width:500px; height:10px; padding:0px;}
#horizontalmenulow ul {list-style:none; font-family:Tahoma; font-size:10px; color:#bbbbdb;}
#horizontalmenulow ul li {padding-left:0px; padding-right:15px; display: inline; font-family:Tahoma; font-size:10px; color:#bbbbdb;}
#horizontalmenulow ul li a {text-decoration:none; color:#bbbbdb;}
h1 {font-family:Tahoma;
	font-size: 23px;
	font-weight: normal;
	color: #9299d2;
	line-height: 28px;
	height: 40px;
	margin-bottom: 0px;}
h2 {
	font-family:Tahoma;
	font-size: 23px;
	font-weight: normal;
	color: #9299d2;
	line-height: 28px;
	height: 40px;
	margin-bottom: 0px;
}
#mission {width:580px;font-family:Tahoma; font-size:14px; color:#fff;margin:10px auto 20px auto;}
.text {font-family:Tahoma; font-size:14px; color:#fff;}
.text span {font-weight:bold;color:#9299d2;}

/* TREATMENTS */
.treatcat {font-family:Tahoma; font-size:14px; font-weight:bold; color:#fff; margin:15px 0 0 5px;}
.treatname {
	font-family:Tahoma;
	font-size:13px;
	font-weight:bold;
	color:#9299d2;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
.treatname span {font-family:Tahoma; font-size:11px; font-weight:bold; color:#9299d2; margin:3px 0 30px 10px;}
.treatdesc {
	font-family:Tahoma;
	font-size:13px;
	font-weight:normal;
	line-height:16px;
	color:#fff;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
.treatprice {font-family:Tahoma; font-size:11px; font-weight:bold; color:#9299d2; margin:3px 0 0 0;}

/* Promotions */
#promomonth {font-family:Tahoma; font-size:22px;text-align:center; color:#fff;margin:10px auto 20px auto;}
#promooffer {font-family:Tahoma; font-size:18px;text-align:center; color:#9299d2;margin:10px auto 20px auto;}
#promoprice {font-family:Tahoma; font-size:18px;text-align:center; color:#fff;margin:10px auto 20px auto;}
#promoend {font-family:Tahoma; font-size:16px;text-align:center; color:#fff;margin:10px auto 20px auto;}
#promoinfo {font-family:Tahoma; font-size:14px;text-align:center; color:#fff;margin:10px auto 20px auto;}
#promoinfo a {font-family:Tahoma; font-size:14px;text-align:center; color:#9299d2;margin:10px auto 20px auto;}

/* CONTACT */
.sendmail {font-family:Tahoma;color:#9299d2;}
.success {font-family:Tahoma;color:#fff;font-size:0.8em;}
.clearing {clear: both;}
.alert,.error {font-family:Tahoma;font-size:.7em;color: #FF0000;}
ol.forms {list-style: none;width:520px;}

ol.forms li {
	clear: left;
	float: left;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	width: 100%;
}

ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	line-height: 1.2em;
	padding-right: 1%;
	text-align: right;
	width: 10%;
	color:#fff;font-family:Tahoma;font-size:13px;
}

ol.forms input { width: 39%;font-family:Tahoma;font-size:13px; }
ol.forms textarea {
	height: 12em; 
	width: 64%; font-family:Tahoma;font-size:13px;
}

ol.forms input, ol.forms textarea, ol.forms button {font-family:Tahoma; }

ol.forms .error { 
	display: block;
	margin: 0.25em 0 0 11%;
}

ol.forms li.buttons {
	padding-left: 11%;
	width: 89%;
}

#budha {position:relative;width:184px;height:287px;background:url(../images/nicole2-trans.png) no-repeat;margin:10px auto 0 auto;}
#waxingpic {position:relative;width:173px;height:176px;background:url(../images/waxing-trans.png) no-repeat;padding:5px;float:right;}

#massagepic {position:relative;width:221px;height:134px;background:url(../images/massage-trans.png) no-repeat;margin:15px;float:right;}
#facialpic {position:relative;width:221px;height:146px;background:url(../images/facial-trans.png) no-repeat;margin:15px;float:right;}
#therapypic {position:relative;width:215px;height:221px;background:url(../images/dermastone-trans.png) no-repeat;margin:15px;float:right;}
#handfeetpic {position:relative;width:176px;height:221px;background:url(../images/handfeet-trans.png) no-repeat;padding:15px;float:right;}
#caltanpic {position:relative;width:243px;height:70px;background:url(../images/caltanlogo-trans.png) no-repeat;margin:15px;float:right;}
#hopipic {position:relative;width:165px;height:194px;background:url(../images/hopi-trans.png) no-repeat;margin:15px;float:right;}