@import 'reset.css';

body {
	padding: 0;
	margin: 0;
	background: #000000 url('../images/bg.png') repeat-x  top left;
	font: normal  12px "Century Gothic", "Trebuchet MS", Verdana, sans-serif;
}
.small{
	font-size:9px;
}
.spacer{
	padding: 40px 0px 0px 0px;
}
#wrapper {
	width: 972px;
	height: 659px;
	margin: 10px auto;
	/*    	background: url('../images/wrapper_bg.png') no-repeat;    */
}
#nav {
	height: 475px;
	width: 213px;
	background: url('../images/nav_bg.png') no-repeat;
	float: left;
	color: #66ccff;
	font: normal normal 12px Arial, sans-serif;
}
#nav .inner {
	width: 172px;
	margin: 30px 0 0 26px;
	text-align: center;
}
#nav .inner ul {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style: none inside;
}
#nav .inner li {
	padding: 8px 0px 0px 0px;
	margin: 0px;
}
#content {
	height: 475px;
	width: 759px;
	background: url('../images/content_bg.png') no-repeat;
	float: left;
}
#content .desc{
	position: absolute;
	display: inline;
	margin: 45px 0px 0px 40px;
	height: 400px;
	width: 395px;
	float: left;
}

#content .desc-2{
	position: absolute;
	display: inline;
	margin: 45px 0px 0px 40px;
	height: 400px;
	width: 655px;
	float: left;
}

#careers.desc{
	width:365px;
}
#spa.desc{
	width:365px;
}
#spa.desc-wide{
	width:465px;
}
#content .img{
	padding: 0px 20px 0px 0px;
	margin: 19px 0px 0px 0px;
	width: 304px;
	float: right;
}
.callout {
	float: left ;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #68b915;
}
#nav a.active{
	color: #68b915;
}
/*    HOME    */
#home p{
	padding: 50px 0px 0px 0px;
	font-size: 18px;
	line-height: 27px;
	text-align: center;
}
#home .recommend{
	padding: 50px 0px 0px 0px;
}
/*    ABOUT    */
#about {
	font-size: 12px;
	text-align: center;
}
#about h1{
	font-size: 16px;
	padding: 0px 0px 5px 0px;
}
#about .addy{
	float:left;
	width: 190px;
	line-height: 20px;
	padding: 30px 0px 0px 0px;
	text-align: center;
	display: inline;
}
#about .hours{
	display: inline;
	float:left;
	line-height: 20px;
	width: 195px;
	padding: 30px 0px 0px 0px;
	text-align: center;
}
#about .text{
	padding: 10px 0px 0px 0px;
	font-size: 12px;
	text-align: left;
}
/*    WEDDING    */
#wedding p{
	padding: 25px 0px 0px 0px;
	font-size: 12px;
}
#wedding ul{
	color: #808080;
	font-size: 12px;
	list-style: none inside;
}
#wedding .price{
	float: right;
}
#wedding .item{
	padding: 10px 0px 0px 0px;
	clear: right;
}
/*    SALON, SPA    */
#salon, #spa{
	overflow:auto;
	overflow-x:hidden;
}
#salon p{
	padding: 0px 0px 0px;
}
#salon h2, #spa h2, #packages h2, #careers h2{
	font-size: 25px;
}
#salon table{
	width: 375px;
	padding: 15px 0px 0px 0px;
}
#content .spa{
	background: url('../images/spa_img.png') no-repeat;
	padding: 0px 45px 0px 0px;
	margin: 19px 0px 0px 0px;
	width: 304px;
	height:446px;
	float: right;
}
#spa table{
	width: 350px;
	padding-top: 5px;
	color: #808080;
	font-size: 12px;
	list-style: none inside;
}
#spa th{
	width: 300px;
}
#spa p{
	padding: 0px 15px 0px 0px;
}
#spa h2, #careers h2{
	padding-top: 15px;
}
/*    Packages    */
#packages{
	height: 400px;
	overflow:auto;
	overflow-x:hidden;
}
#packages h2{
	padding-top: 15px;
}
#packages ul{
	color: #808080;
	font-size: 11px;
	list-style-type: none;
}
/*    careers    */
#careers{
	height:400px;
	overflow:auto;
	overflow-x:hidden;
}
#careers h2{
	padding-bottom: 5px;
}
#content .careers{
	background: url('../images/careers_img.png') no-repeat;
	padding: 0px 80px 0px 0px;
	margin: 19px 0px 0px 0px;
	width: 304px;
	height:446px;
	float: right;
}
 #careers ul{
	color: #808080;
	font-size: 11px;
	list-style-type: none;
}
#careers p{
	padding-right: 10px;
	font-size: 11px;
}
/*    new    */
#new{
	height:400px;
	overflow:auto;
	overflow-x:hidden;
}

#new.desc{
	width: 365px;
}

#new p{
	font-size: 11px;
}
#content .new{
	background: url('../images/new_img2.png') no-repeat;
	padding: 0px 35px 0px 0px;
	margin: 19px 0px 0px 0px;
	width: 304px;
	height:446px;
	float: right;
}
/*    register    */
.register{
	background: url('../images/register.png') no-repeat;
	width: 324px;
	height:	182px;
}
.form{
	position: relative;
	top: 63px;
	left: 35px;
}
.form input.field{ 
	background-color: transparent;
	border: none;
	color: #333333;
	display: block;
}
.form .submit{
	display:inline;
	margin: 10px 0px 0px 63px;
}