<!-- 
/* Hide from incompatible Browsers.*/

body {
	color: #ebe6bf; 
	background-color: #da9947;
	background: url(../img/bg-site.jpg) repeat-x 0px 0px #da9947;
	font-family:  verdana,arial,helvetica,sans-serif; 
	font-size: 8pt; 
	margin: 0px; 
    }

td, p {
	color: #ebe6bf; 
	font-family:  verdana,arial,helvetica,sans-serif; 
	font-size: 8pt;
	}

p.welcome {
	margin-top: 2px;
	padding-top: 2px;
	margin-bottom: 2px;
	padding-bottom: 2px;
	}

p.special {
	margin: 5px;
	padding: 5px;
	}

.boldCaps {
	color: #ebe6bf; 
	font-family:  verdana,arial,helvetica,sans-serif; 
	font-size: 10pt;
	font-weight: bold;
	}

.specialCaps {
	color: #ff0000; 
	font-family:  verdana,arial,helvetica,sans-serif; 
	font-size: 14pt;
	font-weight: bold;
	text-shadow: 2px 2px 3px #333;
	}

.specialWhiteCaps {
	color: #ebe6bf; 
	font-family:  verdana,arial,helvetica,sans-serif; 
	font-size: 14pt;
	font-weight: bold;
	text-shadow: 1px 1px 2px #333;
	}

h1	{font-size: 12pt; 	
	text-shadow: 2px 2px 3px #333;
	}
h2	{font-size: 11pt; }
h3	{font-size: 10pt; }
h4	{font-size: 9pt; }
h5	{font-size: 8pt; }
h6	{font-size: 6pt; }
hr	{color: #da9947; }
	
a, a:link, a:visited, a:active {
	text-decoration:underline; 
	color:#ebe6bf; 
	}
a:hover {
	text-decoration:underline; 
	color:#ffffff; 
	}

li.mystic {
	margin-bottom: 10px;
	}

/* LAYOUT */

#ctr {
	position: absolute; 
	top: 0px; 
	left: 50%; 
	}
#content {
	position: absolute; 
	top: 20px; 
	left: -477px; 
	width: 954px; 
	min-height: 840px; /* for modern browsers */
	height: auto; /* for modern browsers */
	height: 840px; /* for IE5.x and IE6 */
	margin-top: 0px;
	background: url(../img/bg-body.jpg) repeat-x;
	}
#menu {
	position: absolute; 
	top: 0px; 
	left: 55px; 
	width: 844px; 
	height: 38px;
	}
#beach {
	position: absolute; 
	top: 60px; 
	left: 55px; 
	width: 844px; 
	height: 384px;
	}
#mission {
	position: absolute; 
	top: 67px; 
	left: 637px; 
	width: 195px; 
	height: 310px;
	}
#tanningbeds {
	position: absolute; 
	top: 460px; 
	left: 55px; 
	width: 278px; 
	height: 300px;
	background: url(../img/bg-contentbox.jpg) no-repeat;
	}
#salonspecial {
	position: absolute; 
	top: 460px; 
	left: 337px; 
	width: 278px; 
	height: 300px;
	background: url(../img/bg-contentbox.jpg) no-repeat;
	}
#signup {
	position: absolute; 
	top: 460px; 
	left: 620px; 
	width: 278px; 
	height: 300px;
	background: url(../img/bg-contentbox.jpg) no-repeat;
	}
#subpages {
	position: absolute; 
	top: 60px; 
	left: 55px; 
	width: 844px; 
	height: 704px;
	background: url(../img/bg-contentbigbox.jpg) no-repeat;
	}
#beds {
	position: absolute; 
	top: 60px; 
	left: 55px; 
	width: 844px; 
	height: 704px;
	background: url(../img/bg-tanningbeds.jpg) no-repeat;
	}
#footer {
	position: absolute; 
	top: 830px; 
	width: 955px;
	}
#about {
	position: absolute; 
	top: 0px; 
	left: 24px; 
	width: 789px; 
	min-height: 624px; /* for modern browsers */
	height: auto; /* for modern browsers */
	height: 624px; /* for IE5.x and IE6 */
	margin: 0px;
	padding: 0px;
	background: url(img/bg-screen-ctr-about.jpg) #080d19;
	}
	
.footer {
	font-size: 8pt; 
	color:#003366; 
	}
a.footer, a.footer:link, a.footer:visited, a.footer:active {
	text-decoration:underline; 
	color:#003366; 
	font-weight: normal;
	}
a.footer:hover {
	text-decoration:underline; 
	color:#0099ff; 
	font-weight: normal;
	}

.largest {font-size: 26pt; }
.larger {font-size: 22pt; }
.large {font-size: 16pt; }
.medium {font-size: 12pt; }
.small {font-size: 9pt; }
.smaller {font-size: 8pt; }
.smallest {font-size: 6pt; letter-spacing: .05 em;}

/* End Style Sheet commenting. */  
-->
