@charset "utf-8";

/* Island Sun Tanning - CSS Style Sheet by Joint Medias */



* {

	-moz-outline:none;

}

body {

	background-image: url(../images/bg.jpg);

	background-repeat: repeat-x;

	background-position: center top;

	background-color: #FFF;

	margin: 0px;

	padding: 0px;

}

#wrapper {

	width: 970px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	position: relative;

}

#logo {

	background-image: url(../images/logo.png);

	background-repeat: no-repeat;

	height: 95px;

	width: 304px;

	background-position: center top;

}

#header {

	background-image: url(../images/top-highlight.jpg);

	background-repeat: no-repeat;

	height: 101px;

	width: 759px;

	background-position: left top;

}

#music {

	position: absolute;

	height: 39px;

	width: 202px;

	top: 0px;

	right: 0px;

	background-image: url(../images/launch-player.png);

	background-repeat: no-repeat;

	background-position: center top;

	z-index:4;

}

#music a {

	height: 39px;

	width: 202px;

	display:block;

	text-indent: -9999px;

}

#logo a {

	display: block;

	height: 97px;

	width: 305px;

	text-indent: -9999px;

}

#content {

	height: auto;

	width: 960px;

	margin-top: 40px;

	margin-left: 5px;

	position:relative;

}

#controls {

	position: absolute;

	height: 100px;

	right: 10px;

	bottom: 10px;

}

#controls ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

#controls ul li {

	height: 33px;

	width: 32px;

	display: block;

	margin-bottom: 0px;

}


#controls ul li a {

	font-family:Verdana, Geneva, sans-serif;

	height: 23px;

	width: 35px;

	display: block;

	text-align: center;

	padding-top: 10px;

	text-decoration:none;

	background:url(../images/number-box.png) no-repeat 0px 0px;

	color:#FFF;

	font-size:11px;

	font-weight:bold;

}

#controls ul li a:hover, #controls ul li.current a {

	background:url(../images/number-box.png) no-repeat 0px -33px;

	color:#00728f;

}

#logo a h1 {

	padding:0;

	margin:0;

}

h2 {

	font-size:17px;

	font-weight:bold;

	color:#00728f;

	text-transform:uppercase;

	padding:0;

	margin:0;

}

#nav {

	height: 55px;

	width: 969px;

	position: absolute;

	left: 0px;

	top: 92px;

	z-index:5;

}

#nav ul {

	width:969px;

	height:55px;

	padding:0;

	margin:0;

	list-style:none;

}

#nav ul li {

	display:block;

	float:left;

}

#nav a * {

	display: none;

}

#nav ul li a, #nav ul li a .hover {

	display:block;

	text-indent:-9999px;

	position: relative;

	background-image:url(../images/nav.png);

	height:55px;

}

#nav ul li a.home {

	width:82px;

	background-position:0px 0px;

}

#nav ul li a.about {

	width:104px;

	background-position:-82px 0px;

}

#sunless-info a,#beautyangel-info a {

	color: #00718F;

	text-decoration: none;

}



#nav ul li a.equip {

	width:115px;

	background-position:-186px 0px;

}

#nav ul li a.specials {

	width:113px;

	background-position:-301px 0px;

}

#nav ul li a.locations {

	width:122px;

	background-position:-414px 0px;

}

#nav ul li a.info {

	width:130px;

	background-position:-536px 0px;

}

#nav ul li a.career {

	width:177px;

	background-position:-666px 0px;

}

#nav ul li a.contact {

	width:126px;

	background-position:-843px 0px;

}

#nav ul li.highlight a.home:hover, #nav ul li.current a.home, #nav ul li a.home .hover {

	width:82px;

	background-position:0px -55px;

}

#nav ul li.highlight a.about:hover, #nav ul li.current a.about, #nav ul li a.about .hover {

	width:104px;

	background-position:-82px -55px;

}

#nav ul li.highlight a.equip:hover, #nav ul li.current a.equip, #nav ul li a.equip .hover {

	width:115px;

	background-position:-186px -55px;

}

#nav ul li.highlight a.specials:hover, #nav ul li.current a.specials, #nav ul li a.specials .hover {

	width:113px;

	background-position:-301px -55px;

}

#nav ul li.highlight a.locations:hover, #nav ul li.current a.locations, #nav ul li a.locations .hover {

	width:122px;

	background-position:-414px -55px;

}

#nav ul li.highlight a.info:hover, #nav ul li.current a.info, #nav ul li a.info .hover {

	width:130px;

	background-position:-536px -55px;

}

#nav ul li.highlight a.career:hover, #nav ul li.current a.career, #nav ul li a.career .hover {

	width:177px;

	background-position:-666px -55px;

	;

}

#nav ul li.highlight a.contact:hover, #nav ul li.current a.contact, #nav ul li a.contact .hover {

	width:126px;

	background-position:-843px -55px;

}

.main a img {

	border:0;

}

#footer {

	height: 177px;

	width: 966px;

	margin-left: 2px;

	background-image: url(../images/footer-bg.png);

	background-repeat: no-repeat;

	background-position: center top;

	margin-top: -3px;

	float:left;

	clear:left;

}

.footer-box {

	height: 140px;

	float: left;

	padding: 15px;

	padding-right:10px;

}

.footer-box-locations {

	height: 147px;
	
	position: relative;

	float: left;

	margin-top: 6px;

	padding: 10px 15px 10px 12px;

	padding-right:10px;
	
/*	background-image: url(../images/gc-bg.jpg); */
	
	background-repeat: no-repeat;

}

#footer #eclub {

	width: 272px;

	margin-left: 6px;

}

#ea {

	height: 14px;

	width: 174px;

	border-top-width: 1px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #b1b1b1;

	border-right-color: #b1b1b1;

	border-bottom-color: #b1b1b1;

	border-left-color: #b1b1b1;

	padding:6px;

	color:#888;

	float:left;

	display:block;

	margin-top:2px;

}

.eclub {

	margin-top: 17px;

}

#submit {

	height: 31px;

	width: 74px;

	background-image: url(../images/button-bg.png);

	background-repeat: no-repeat;

	background-position: left top;

	margin-left: 10px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	text-transform: uppercase;

	color: #FFF;

	border:0;

	cursor:pointer;

	padding-bottom:2px;

	float:left;

	display:block;

}

#signuphere {

	height: 31px;

	width: 200px;

	background: #00728F;
	
	border: #ccc solid 1px;
	
	margin-left: 30px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	text-transform: uppercase;

	color: #FFF;

	cursor:pointer;

	padding-bottom:2px;

	float:left;

	display:block;

}

#footer #locations {

	width: 312px;

	margin-left: 9px;

	/*background:url(../images/map-bg.png) no-repeat 85px -20px;*/

	color:#8e8d8d;

	font-size:10px;

	font-family: Verdana, Geneva, sans-serif;

	line-height:12px;

}

#eclub p {

	margin-bottom: 16px;

}

#footer #testimonials {

	width: 280px;

	margin-left: 14px;

	padding-left: 10px;

}

#testimonials .avant {

	color: #565656;

	font-size: 12px;

	font-style: italic;

	line-height:15px;

}

#testimonials a, #locations a {

	display: block;

	font-size: 10px;

	color: #00728f;

	text-decoration: none;

	font-family: Verdana, Geneva, sans-serif;

	float: right;

	font-weight:normal;

	font-style:italic;

	margin-top: -6px;

}

#footer p {

	font-size: 10px;

	color: #8e8d8d;

	font-family: Verdana, Geneva, sans-serif;

	line-height: 15px;

}

#footer a {

	font-size: 10px;

	color: #8e8d8d;

	font-family: Verdana, Geneva, sans-serif;

	text-decoration:none;

}

#footer a:hover {

	font-size: 10px;

	color: #333;

	font-family: Verdana, Geneva, sans-serif;

}

#locations #tbl-loc {

	margin-top: 11px;

}

#testimonials img {

	border: 1px solid #d2d2d2;


	margin-top: 11px;

}

#copyright {

	padding-right: 15px;

	padding-left: 15px;

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 9px;

	color: #00728f;

	padding-top:14px;

	clear:left;

	height:20px;

	margin-bottom:15px;

}

#copyright a {

	font-size: 9px;

	color: #00728f;

	text-decoration:none;

}

#copyright a:hover {

	text-decoration:underline;

}

#copyright .facebook a {

	float: left;

	width: 25px;

	display:block;

	text-indent:-9999px;

	background:url(../images/facebook.png) no-repeat;

	height:20px;

	margin-top:-5px;

}

#copyright .copy-left {

	float: left;

	width: 450px;

	text-align:left;

	margin-left:10px;

}

#copyright .copy-right {

	float: right;

	width: 350px;

	text-align:right;

}

.equipment-wrap {

	height:282px;

	background-color:#116c87;

	margin-bottom:10px;

	float:left;

	width:960px;

	position:relative;

}

.white-content {

	height: auto;

	background-color:#FFF;

	margin-bottom:10px;

	float:left;

	width:900px;

	position:relative;

	padding:30px;

}

.white-content h1 {

	padding:0;

	color:#116c87;

	font-weight:bold;

	font-size:26px;

	margin-top:0;

	margin-right: 0px;

	margin-bottom:20px;

}

.bed-wrap {

	height:263px;

	background-color:#FFF;

	margin-bottom:10px;

	float:left;

	width:960px;

}

h1.yellow {

	padding:0;

	color: #FFF600;

	font-weight:bold;

	font-size:26px;

	padding-top: 15px;

	margin-right: 0px;

	margin-bottom: 6px;

	margin-left: 38px;

}

.equipment-wrap h1 {

	padding:0;

	color: #FFF600;

	font-weight:bold;

	font-size:26px;

	margin-top: 15px;

	margin-right: 0px;

	margin-bottom: 6px;

	margin-left: 38px;

}

.equipment-wrap .prev a {

	height: 39px;

	width: 39px;

	display: block;

	text-indent: -9999px;

	background-image: url(../images/left-arrow.png);

	background-repeat: no-repeat;

	position: absolute;

	left: -11px;

	top: 177px;

	z-index:100;

}

.equipment-wrap .next a {

	height: 39px;

	width: 39px;

	display: block;

	text-indent: -9999px;

	background-image: url(../images/right-arrow.png);

	background-repeat: no-repeat;

	position: absolute;

	right: -11px;

	top: 177px;

	z-index:101;

}

.equipment-wrap p, #sunless p.top, #hydration p.top, #beautyangel p.top {

	font-family:Verdana, Geneva, sans-serif;

	font-size:14px;

	line-height:16px;

	color:#FFF;

	margin:2px 0 15px 0;

	padding:0 0 0 40px;

	width:575px;

}

.equipment-wrap > img, #sunless > img.sep, #hydrdation > img.sep, #beautyangel > img.sep {

	margin-left:11px;

}

.bed-pic img {

	border: 3px solid #bfbfbf;

	margin-top: 20px;

	margin-left: 25px;

	float: left;

}

#carousel ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

#carousel ul li {

	float: left;

	margin-left: 25px;

}

#carousel {

	float: left;

	margin-top: 25px;

	margin-left:1px;

}

#carousel ul li a {

	display: block;

	float: left;

}

#carousel ul li a img {

	border: 4px solid #FFF;

}

#carousel ul li a:hover img {

	border: 4px solid #AFD4DC;

}

.bed-info h3 {

	color: #116c87;

	font-size: 26px;

	padding: 0px;

	margin-top: 20px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 15px;

	display: block;

	float: left;

}

.bluetext {

	color:#116c87;

}

.white-content a {

	color:#116c87;

	text-decoration:underline;

}

.white-content a:hover {

	color:#116c87;

	text-decoration:none;

}

.bed-info p {

	display: block;

	float: left;

	width: 485px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	line-height: 25px;

	margin-left: 15px;

	color: #656565;

}

.white-content p {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	line-height: 23px;

	margin-left: 15px;

	color: #656565;

	margin:0 0 10px 0;

}

#footer a.bluelink {

	color: #116c87;

}

#footer a.bluelink:hover {

	color: #777;

}

.SlidingPanels {

	width:960px;

	height:441px;

	overflow:hidden;

	position:relative;

}

.SlidingPanelsContentGroup {

	width: 960px;

	height: 441px;

	position:relative;

}

.SlidingPanelsContent {

	width: 960px;

	height: 441px;

}

#carousel {

	width:960px;

	height:150px;

	overflow:hidden;

	position:relative;

	float:left;

}

#carousel .SlidingPanelsContentGroup {

	width: 10000px;

	height: 150px;

	position:relative;

	float:left;

}

#carousel .SlidingPanelsContent {

	width: 960px;

	height: 150px;

	float:left;

}

#beds {

	width:960px;

	height:263px;

	/*overflow:hidden;*/

	position:relative;

	margin-bottom:20px;

	background-color:#FFF;

}

#beds .SlidingPanelsContentGroup {

	width: 960px;

	height:263px;

	position:relative;

}

#beds .SlidingPanelsContent {

	width: 960px;

	height:263px;

}

.extrawhite {

	float:left;

	height:5px;

	background-color:#FFF;

	width:960px;

}

.left-content {

	float: left;

	width: 550px;

}

.full {

	width:900px;

}

div.left-content.small {

	width:550px;

}

.about-pics {

	float: right;

	width: 250px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	color: #00718F;

	margin-right: 30px;

}

.logo-pics {

	float: right;

	width: 280px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	color: #00718F;

	margin-right: 20px;

}

.question {

	display: block;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #116C87;

	margin-bottom: 12px;

	cursor:help;

	

}

.faq {

	margin-bottom: 25px;

}



.location-name {

	color: #116C87;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 14px;

	font-weight: bold;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 1px;

	border-left-width: 0px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #DDD;

	border-right-color: #DDD;

	border-bottom-color: #DDD;

	border-left-color: #DDD;

}

.location-pics a img {

	padding: 2px;

	border: 1px solid #BBB;

}

.location-pics a:hover img {

	padding: 2px;

	border: 1px solid #116C87;

}

.white-content td {

	color: #444;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	line-height: 24px;

}

.about-pics a {

	display: block;

	padding: 2px;

	float: left;

	border: 1px solid #BBB;

	margin-bottom: 15px;

}

.about-pics a:hover {

	display: block;

	padding: 2px;

	float: left;

	border: 1px solid #00718F;

	margin-bottom: 15px;

}

img {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

#tooltip {

	position:absolute;

	border:1px solid #22486f;

	background:#00718F;

	padding:6px 10px;

	color:#FFF;

	display:none;

	max-width:250px;

	line-height:20px;

	font-size:13px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	font-family:Verdana, Geneva, sans-serif;

	z-index:10000;

}

#sunless, #hydration, #beautyangel {

	background:url(../images/arrow-down.png) no-repeat 910px center #00718F;

}

#sunless-info, #hydration-info , #beautyangel-info {

	padding:20px;

}

#hydration .bord {

	border: 3px solid #bfbfbf;

}

#sunless-info p, #sunless-info ul li, #hydration-info p, #hydration-info ul li , #beautyangel-info ul li, #beautyangel-info p {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	line-height: 25px;

	color: #656565;

}

.special {

	width: 383px;

	padding: 25px;

	float: left;

	background-color: #EEE;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	color: #777;

	margin-bottom: 30px;

	margin-right: 30px;

	height: 400px;

	border: 1px solid #CCC;

}



#cform textarea.sm {

	height: 65px;

	width: 300px;

}



#right-column {

	float: right;

	width: 340px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	color: #555;

	line-height: 22px;

}

#cform input[type=text], #cform textarea {

	width: 300px;

	padding: 5px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	color: #555;

	background-color: #EEE;

	border: 1px solid #CCC;

}

#cform input[type=radio] {

	width: 15px;

	background-color: #FFF;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

#cform input[type=submit] {

	background-color: #00718F;

	width: 125px;

	color: #FFF;

	padding-top: 10px;

	padding-right: 5px;

	padding-bottom: 10px;

	padding-left: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	cursor:pointer;

	border:1px solid #005a72;

}

#cform input[type=submit]:hover {

	background-color: #005a72;

	border:1px solid #005a72;

}



#cform textarea {

	height: 150px;

	width: 300px;

}

.error-txt {

	color: #8E1D00;

	font-weight: normal;

	font-size: 11px;

	display: block;

	padding: 10px 16px;

	background-color: #FFDDD5;

	border: 1px solid #8E1D00;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	line-height:18px;

}





#cform input.good, #cform textarea.good, #cform textarea.sm.good {

	border: 1px solid #0d8f00;

}

#cform input.error, #cform textarea.error {

	border: 1px solid #8E1D00;

}



.test {

	margin-bottom:20px;

	border-bottom:1px dashed #BBB;

}