@charset "UTF-8";
/* CSS Document */

* {
margin:0;
padding:0;
}

body {
background:#710202 url(../images/bg.jpg) fixed no-repeat;
color:#7a0202;
font-family:helvetica;
font-size:13px;
line-height:19px;
}

#container {
width:935px;
background:#fdf1ce;
margin:0 auto;
padding:8px;
overflow: auto;
}

#container p {
	margin:0 0 10px 0;
}

ul {
list-style:none;
}

#music {
background:#eeddad;
padding:5px 5px 1px 5px;
text-align:right;
}

#music a {
color:#7a0202;
text-decoration: none;
font-size:90%;
position: relative;
top:3px;
}

#music p {
color:#7a0202;
position:relative;
right:30px;
font-size:90%;
}

#music p img {
margin:0 5px 0 5px;
position:relative;
top:4px;
}

#header {
height:102px;
background:url(../images/header_bg.jpg) repeat-x;
}

#header h1 {
text-indent:-99999px;
width:265px;
height:72px;
background:url(../images/logo.jpg) no-repeat;
position:relative;
top:14px;
left:25px;
float:left;
}

#header h1 a {
width:265px;
height:72px;
display:block;
}

#header ul {
float:right;
list-style:none;
position:relative;
top:30px;
right:42px;
}

#header ul li {
float:left;
text-indent:-99999px;
}

#header ul li.who {
width:103px;
height:35px;
background:url(../images/nav_who.jpg) 0 0 no-repeat;
}

.who a {
display:block;
width:103px;
height:35px;
}

#header ul li.who a:hover {
width:103px;
height:35px;
background:url(../images/nav_who.jpg) 0 -35px no-repeat;
}

#header ul li.equip {
width:94px;
height:35px;
background:url(../images/nav_equip.jpg) no-repeat;
}

.equip a {
display:block;
width:94px;
height:35px;
}

#header ul li.equip a:hover {
width:94px;
height:35px;
background:url(../images/nav_equip.jpg) 0 -35px no-repeat;
}

#header ul li.promo {
width:100px;
height:35px;
background:url(../images/nav_promo.jpg) no-repeat;
}

.promo a {
display:block;
width:100px;
height:35px;
}

#header ul li.promo a:hover {
width:100px;
height:35px;
background:url(../images/nav_promo.jpg) 0 -35px no-repeat;
}

#header ul li.tanninginfo {
width:154px;
height:35px;
background:url(../images/nav_tanninginfo.jpg) no-repeat;
}

.tanninginfo a {
display:block;
width:154px;
height:35px;
}

#header ul li.tanninginfo a:hover {
width:154px;
height:35px;
background:url(../images/nav_tanninginfo.jpg) 0 -35px no-repeat;
}

#header ul li.prices {
width:60px;
height:35px;
background:url(../images/nav_prices.jpg) no-repeat;
}

.prices a {
display:block;
width:60px;
height:35px;
}

#header ul li.prices a:hover {
width:60px;
height:35px;
background:url(../images/nav_prices.jpg) 0 -35px no-repeat;
}

#header ul li.careers {
width:68px;
height:35px;
background:url(../images/nav_careers.jpg) no-repeat;
}

.careers a {
display:block;
width:68px;
height:35px;
}

#header ul li.careers a:hover {
width:68px;
height:35px;
background:url(../images/nav_careers.jpg) 0 -35px no-repeat;
}

#splash, #splashSub {
width:934px;
height:307px;
overflow: none;
}

.whoRotate {
height:205px;
float:left;
width:234px;
overflow: hidden;
}

.infoRotate {
height:405px;
float:left;
width:234px;
overflow: hidden;
}

.careersRotate {
height:370px;
float:left;
width:234px;
overflow: hidden;
}

.equipRotate {
height:370px;
float:left;
width:234px;
overflow: hidden;
}

#content {
position:relative;
top:8px;
}

.tips li {
padding:0 0 20px 0;
}

.tips li p {
margin:0 !important;
padding:0 0 0 5px !important;
}

.formHeader {
position: relative;
left:8px;
}

#colOne {
width:370px;
background:url(../images/col_bg.jpg) 0 0 repeat-x;
padding:7px;
float:left;
margin-bottom:30px;
}

ul.qualities li {
position: relative;
top:10px;
font-weight:bold;
text-transform: uppercase;
padding:0 !important;
margin:4px 0 10px 8px !important;
line-height:100%;
background:url(../images/bullet.gif) 0px 2px no-repeat;
text-indent: 15px;
}

#colOne ul li {
padding:0 2	0px 0 0;
margin:0 0 20px 0;
float:none;
display:block;
clear:both;
}

#colOne ul li img {
border:5px solid #fff;
float:left;
margin:0 10px 0 0;
}

#colOne ul li h3 {
font-family:Georgia, "Times New Roman", Times, serif;
}

#aboutBullets li {
padding:0 !important;
margin:4px 0 10px 20px !important;
line-height:100%;
background:url(../images/bullet.gif) 0px 2px no-repeat;
text-indent: 15px;
}

#aboutBullets lh {
margin:4px 0 10px 10px !important;
text-indent:15px;
}

.tipOne {
background:url(../images/bullet_1.gif) 0px 2px no-repeat;
}

.tipTwo {
background:url(../images/bullet_2.gif) 0px 2px no-repeat;
}

.tipThree {
background:url(../images/bullet_3.gif) 0px 2px no-repeat;
}

#colOne p, #colTwo p {
padding: 2px 0 0 8px;
}

#colOne form {
width:345px;
text-align:right;
margin:20px 0 0 0;
}

#colOne label {
font-weight:bold;
}

#colOne label input, #colOne textarea {
padding:4px;
background:#d02e2e;
border:none;
margin:0 0 10px 10px;
width:200px;
font-size:14px;
color:#fff;
}

#colOne .radio {
	width:14px !important;
}

#colOne textarea {
	width:280px !important;
}

.inputbox {
float:left;
width:295px;
float:right;
}

.inputbox label {
	float:left !important;
}

.inputbox input {
	width:80px !important;
	text-align:left !important;
}

#colPromoScroll {
height:390px;
overflow:scroll;
}

#colOneScroll {
height:348px;
overflow: scroll;

}



#colPromoScroll h3 {
font-size:140%;
}

#colPromoScroll h3 small {
font-size:80%;
font-weight:normal;
font-style:italic;
}

#colOneScrollTwo {
height:420px;
overflow:scroll;
}

.faq {
margin:0 0 0 5px;
}

.faq li {
margin:0 0 20px 0 !important;
padding:0 !important
clear:both;
float:none;
height:auto;
}

.faq li p {
margin:0 !important;
padding:0 !important;
text-indent:0 !important;
width:337px !important;
}

.answer {
float:left;
}

#eSubmit {
display:block;
width:64px;
height:22px;
background:url(../images/button_submit.jpg);
border:none;
float:left;
margin:0 0 0 137px;
cursor:pointer;
}

#cSubmit {
display:block;
width:64px;
height:22px;
background:url(../images/button_submit.jpg);
border:none;
float:left;
margin:0 0 0 57px;
cursor:pointer;
}

#colTwo {
width:530px;
background:url(../images/col_bg.jpg) 0 0 repeat-x;
padding:7px;
float:right;
}

#colOne a, #colTwo a {
	color:#7a0202;
	text-decoration:underline;
	/*position: relative;*/
/* z-index:900; */
}

.splitOne {
width:236px;
float:left;
min-height:500px;
}

.splitTwo {
margin:45px 0 0 0;
position:relative;
left:-15px;
}

#colPromoScroll ul li a img {
width:521px;
height:173px;
}


#colTwo img.thumb {
border:5px solid #fff;
float:left;
width:224px;
height:360px;
}

.thumbHome {
border:5px solid #fff;
float:left;
clear:both;
}

.thumbFix {
margin-left:160px;
}

.colTwo {
float:right;
width:290px;
}

.colThree {
float:right;
width:290px;
}

.thumbFixTwo {
}

p.thumbFixTwo, p.thumbFix {
position:relative;
left:10px;
}

#colTwo p {
padding-right:20px !important;
}

#colTwo h3, #colOne h3 {
font-family:Georgia, "Times New Roman", Times, serif;
margin-left:10px;
}

.pricesGraphic {
position: relative;
left:20px;
}

.qualitiesGraphic {
position: relative;
left:60px;
top:30px;
}

h2.eClub {
text-indent:-99999px;
background:url(../images/header_eclub.jpg) no-repeat;
width:370px;
height:42px;
}

h2.aboutUs {
text-indent:-99999px;
background:url(../images/header_aboutUs.jpg) no-repeat;
width:370px;
height:42px;
}

h2.promotions {
text-indent:-99999px;
background:url(../images/header_promotions.png) no-repeat;
width:529px;
height:46px;
}

h2.tanningTip {
text-indent:-99999px;
background:url(../images/header_tanningtip.jpg) no-repeat;
width:370px;
height:42px;
}

h2.positiveEnvironment {
text-indent:-99999px;
background:url(../images/header_positiveEnvironment.jpg) no-repeat;
width:291px;
height:42px;
}

h2.ourEquip {
text-indent:-99999px;
background:url(../images/header_ourequip.jpg) no-repeat;
width:370px;
height:42px;
}

h2.generalFaq {
text-indent:-99999px;
background:url(../images/header_generalFaq.jpg) no-repeat;
width:370px;
height:42px;
}

h2.ourQualities {
text-indent:-99999px;
background:url(../images/header_ourQualities.jpg) no-repeat;
width:370px;
height:42px;
}

h2.max {
text-indent:-99999px;
background:url(../images/header_max.jpg) no-repeat;
width:370px;
height:42px;
}

h2.taninComfort {
text-indent:-99999px;
background:url(../images/header_tanincomfort.jpg) no-repeat;
width:291px;
height:42px;
}

h2.mysticFaq {
text-indent:-99999px;
background:url(../images/header_mysticFaq.jpg) no-repeat;
width:291px;
height:42px;
}

h2.generalTips {
text-indent:-99999px;
background:url(../images/header_tips.jpg) no-repeat;
width:291px;
height:42px;
}


h2.pricingInfo {
text-indent:-99999px;
background:url(../images/header_pricingInfo.jpg) no-repeat;
width:291px;
height:42px;
}

h2.getintouch {
text-indent:-99999px;
background:url(../images/header_getintouch.jpg) no-repeat;
width:291px;
height:42px;
}

.septPromo {
text-indent:-99999px;
background:url(../images/sept-promotions.png) no-repeat;
width:228px;
height:24px;
}

#footer {
background:#9f0000;
clear:both;
color:#fff;
font-size:75%;
font-weight:normal;
height:26px;
padding:6px 6px 0px 6px;
letter-spacing:.2px;
}

#footer ul {
margin:0 0 0 10px;
}

#footer ul li {
	float:left;
	list-style:none;
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 0;
}

#footer ul li a {
text-decoration:none;
color:#fff;
}
#footer ul li a:hover {
text-decoration:underline;
}

#footer p {
text-align:right;
padding:0 15px 0 0;
}

#footer p a img {
margin:-6px 0 -13px -3px;
}

#container #content input[type=text].error, #container #content textarea.error {
	border:2px solid #9F0000;	
}

#container #content input[type=text].good, #container #content textarea.good {
	border:2px solid green;
}