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

/* Misc */

.clear { clear: both; margin: 0px; line-height: 0px; padding: 0px; }

body {margin:0; padding:0; background: #396131 url(../images/background.png) repeat-x;}
a img {border: none;}
a {text-decoration: none;}

#no_bad {width: 317px; height: 58px; position: absolute; top: 470px; left: 50%; margin-left: -40px;}

#container {width: 1100px; height: 975px; background: url(../images/main_img.jpg) no-repeat; margin: -15px auto;}
#sub_container {width: 800px; height: 975px; margin: 0 auto;}

#logo {float: left; margin:5px 0 0 770px; _margin:0; _padding: 5px 0 0 750px;}
#sub_logo {float: right; margin:5px 0 0 0px; _margin:0; _padding: 5px 0 0 750px;}

#navbar {width: 975px; height: auto; margin: 0 auto;}

#context a {float: left; margin: 20px;}
#context #p {font: 20px Arial, Helvetica, sans-serif; color: #ccc; margin-left: 20px;}
#context h1  {font: 25px Arial, Helvetica, sans-serif; color: #ccc; margin-left: 20px;}
#context .email {font: 20px Arial, Helvetica, sans-serif; color: #ccc; margin: auto; float: none;}
#context .email:hover {text-decoration: underline;}

/* Features */

/* Hours */

#feature_bg {width: 250px; height: 210px; background: #50684d; position: absolute; top: 194px; left: 50%; margin-left: -80px; border: 6px solid #849881;t}
	#feature_bg p {font: bold 17px Arial, Helvetica, sans-serif; color: #fff; padding: 0 23px; line-height: 25px;}

/* Features Links Container */

	#features {width: 215px; height: auto; float: right; margin: 60px 133px 0 0; _margin:0; _padding: 60px 120px 0 0;}
		#features ul {list-style: none;}
			#features ul li {float: right;}
	
/* Features Link */

	.feature {float: right; padding-bottom: 10px; cursor: default;}
	.feature img {filter:alpha(opacity=00); -moz-opacity:0.00; opacity:0.00; -khtml-opacity:0.00; border: none;}
	.feature:hover img {filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; -khtml-opacity:1.00; border: none;}
	
/* Features Text Positioning */
	.feature span {display: none;}
	.feature:hover {display:block;}
	.feature:hover span {display: block;}
	.feature:hover span {width: 250px; height: 210px; position: absolute; top: 200px; left: 50%; margin-left: -74px; background: #50684d;}
		.feature:hover span p {font: bold 14px Arial, Helvetica, sans-serif; color: #fff; padding: 0 10px; line-height: 22px; text-decoration: none;}

/* Features Hover State */

#style {width: 147px; height: 16px; background: url(../images/beautiful_style.gif) no-repeat top right;}
#color {width: 147px; height: 18px; background: url(../images/stunning_color.gif) no-repeat top right;}
#massage {width: 176px; height: 19px; background: url(../images/massage.gif) no-repeat top right;}
#skin {width: 208px; height: 19px; background: url(../images/skin_care.gif) no-repeat top right;}
#tan {width: 182px; _width: 179px; height: 19px; background: url(../images/tanning.gif) no-repeat top right;}
		
/* Pictures */

#pictures {width: 975px; height: auto; float: left; margin: 185px 0 0 80px;}
	#pictures img {margin-right: 50px;}
	
/* Footer */
#footer {width: 940px; height: auto; margin: 20px auto;}
	#footer img {float: left; margin-right: 52px;}
	#footer p {float: left; margin: 0 54px 0 0; color: #fff; font: 12px Arial, Helvetica, sans-serif; text-align: center;}
	.footerlink {font: 12px Arial, Helvetica, sans-serif; color: #fff; text-decoration:none;}
	.footerlink:hover {text-decoration: underline;}

/* Sub Footer */
#sub_footer {width: 870px; height: auto; margin: 20px auto;}
	#sub_footer img {float: left; margin-right: 38px;}
	#sub_footer p {float: left; margin: 0 38px 0 0; color: #fff; font: 12px Arial, Helvetica, sans-serif; text-align: center;}
	.footerlink {font: 12px Arial, Helvetica, sans-serif; color: #fff; text-decoration:none;}
	.footerlink:hover {text-decoration: underline;}
		
		a.view_larger {font: Arial, Helvetica, sans-serif; color: #fff; float: left; margin:0; padding:0;}
		
		
#form {width: 300px; float: left; padding: 0 0 0 20px;}