/*
	GENERIC RESET
	color green #3d6201
	
*/
* { margin: 0; padding: 0; outline: none;}
html {
	background: #3d6201; 
}

body { 
	font-family:  Arial, Helvetica, Verdana, Sans-serif; 
	color: #cccccc;
	background: url(../images/background.jpg) center top no-repeat;
	width: 100%;
	display: table; 
	font-size: 13px;
}
img {border: 0px;}
a, a:hover, a:visited, a:active { outline: none; text-decoration: none; color: #669900; }
a:hover {color:#f90;}
ul { list-style: none; }
h1 {
	width: 400px;
	height: 130px;
	text-indent: -99999px;
	background-image: url(../images/logo_grandbelleza.jpg);
	background-repeat: no-repeat;
}

h2 { font-family: Arial, Verdana, Helvetica, Lucida Grande, Sans-serif; font-size: 25px; margin-bottom: 20px; margin-top: 0px; color: #690; font-weight: 100;}
h2.indent {margin: 0px;}
h3 { 
	text-align: justify; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 13px;
	line-height: 20px;
    color: #999;
}
h4 {font-weight: normal;font-size: 15px;color: #690;}
h5 {font-weight: normal;font-size: 13px;color: #666; text-align: justify;}
h6 {font-weight: normal;font-size: 20px;color: #690; line-height: 25px;}

/*
	BASIC STRUCTURE
*/
#wrapper {
	width: 959px;
	height: 900px;
	padding-left: 5px;
	margin:41px auto 0px;
	position: relative;
}


/* Start Main Navigation */
#nav{width: 561px; position: absolute; top: 0; right: 0; height: 130px; background: url(../images/nav.jpg) top left no-repeat;}
#nav ul{list-style-type: none; height: 130px; margin: 0; padding: 0;}
#nav li{float: left; cursor: pointer; }
#nav li a{height: 0; margin: 0; padding-top: 130px; color: #2d3440; overflow: hidden; cursor: pointer; background: url(../images/nav.jpg) no-repeat; display: inline; float: left; position: relative;}
#nav li a:active, #nav li a:hover{cursor: pointer;}
/* Static nav item*/
#nav li#index a{width: 100px; background-position: 0 0;}
#nav li#about-us a{width: 91px; background-position: -100px 0;}
#nav li#our-treatments a{width: 147px; background-position: -191px 0;}
#nav li#our-success a{width: 112px; background-position: -338px 0;}
#nav li#contact-us a{width:111px; background-position: -450px 0;}
/* Current nav item */
#nav li#index a.current, #nav li#index a.current:hover, #nav li#index a.current:active{width: 100px; background-position: 0 -130px;}
#nav li#about-us a.current, #nav li#about-us a.current:hover, #nav li#about-us a.current:active{width: 91px; background-position: -100px -130px;}
#nav li#our-treatments a.current, #nav li#our-treatments a.current:hover, #nav li#our-treatments a.current:active{width: 147px; background-position: -191px -130px;}
#nav li#our-success a.current, #nav li#our-success a.current:hover, #nav li#our-success a.current:active{width: 112px; background-position: -338px -130px;}
#nav li#contact-us a.current, #nav li#contact-us a.current:hover, #nav li#contact-us a.current:active{width:111px; background-position: -450px -130px;}
/* Hover nav item */
#nav li a span{cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0; display: none; height: 0; margin: 0; padding-top: 130px;}
#nav li#index a:hover{width: 100px; background: url(../images/nav.jpg) 0 -260px;}
#nav li#about-us a:hover{width: 91px; background: url(../images/nav.jpg) -100px -260px;}
#nav li#our-treatments a:hover{width: 147px; background: url(../images/nav.jpg) -191px -260px;}
#nav li#our-success a:hover{width: 112px; background: url(../images/nav.jpg) -338px -260px;}
#nav li#contact-us a:hover{width: 111px; background: url(../images/nav.jpg) -450px -260px;}
/* Clicked nav item*/
#nav li#index a:active, #nav li#index a:active span{width: 100px; background-position: 0 -390px;}
#nav li#about-us a:active, #nav li#about-us a:active span{width: 91px; background-position: -100px -390px;}
#nav li#our-treatments a:active, #nav li#our-treatments a:active span{width: 147px; background-position: -191px -390px;}
#nav li#our-success a:active, #nav li#our-success a:active span{width: 112px; background-position: -338px -390px;}
#nav li#contact-us a:active, #nav li#contact-us a:active span{width: 111px; background-position: -450px -390px;}
/* End Navigation */

#content {
	height: auto;
	width: 959px;
	background: white;
	position: relative;
}
#footer {
	width: 959px;
	height: 135px;
	background: url(../images/area_footer.jpg);
	clear: both;
}
#contact-info{
	width: 220px;
	margin-left: 250px;
	top: 25px;
	position: relative;
	
}
#credit {
	line-height: 14px;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
	width: 350px;
	color: black;
	margin-left: 600px;
	top:12px;
	position: relative;	
}
#today {color: #003300}
#credit a {color: black;}
#email a {color: #030;}
#email a:hover {color: #f90;}
.indent {text-indent: -99999px;}
.clear {clear: both;}
.right {position: absolute; right: 40px;}
#content ul li ul {margin-left: 30px;}
/*
	WELCOME PAGE
*/
ul#maincontent li {display: inline;}
a.shape , a.spa , a.special  {background:url(../images/theme_home.jpg);}
#maincontent  a.shape {
	width: 320px;
	height: 385px;
	background-position: 0 0;
	float: left; cursor: pointer;
}
#maincontent a.spa {
	width: 324px;
	height: 385px;
	background-position: -320px 0;
	float: left; cursor: pointer;
}
#maincontent a.special {
	width: 315px;
	height: 385px;
	background-position: -644px 0;
	float: left; cursor: pointer;
}
#maincontent .heighlight a.shape:hover, #maincontent a.shape .hover {
	background-position:0 -386px; cursor: pointer;
}
#maincontent .heighlight a.spa:hover, #maincontent a.spa .hover {
	background-position:-320px -386px; cursor: pointer;
}
#maincontent .heighlight a.special:hover, #maincontent a.special .hover {
	background-position: -644px -386px; cursor: pointer;
}
	
/*
	MAIN PAGE
*/
#title-about{height: 60px; background: url(../images/aboutus_copy.gif) top right no-repeat; }
#title-contact{height: 60px; background: url(../images/contact_copy.gif) top right no-repeat; }
#title-treatments{height: 60px; background: url(../images/ourtreatment_copy.gif) top right no-repeat; }
#title-success{height: 60px; background: url(../images/interview_copy.gif) top right no-repeat; }
#banner {
	width: 959px;
	height: 249px;
}
#info {
	margin-top: 20px;
	padding-right: 40px;
	padding-left: 20px;
	border-left-color: #666666;
	border-left-width: 1px;
	border-left-style: solid;
	width: 408px;
	float: right;
	color: #666;
}
#gutt {	height: 20px; background: white; clear: both;}

/*
	PACKAGE PAGE
*/
#side {
	width: 398px;
	height: 481px;
	float: left;
}
#package-detail {
	padding-left: 40px;
	padding-bottom: 20px;
	padding-right: 40px;
	padding-top: 20px;
	width: 481px;
	min-height: 441px;
	color: #666;
	float: right;
	background: black;	
}
#subnav {
	width: 501px;
	margin-bottom: 20px;
}
#subnav li {display: inline;}
#subnav li a{
	display:inline;
	margin-right: 7px;
	font-size: 14px;
	line-height: 20px;
}
#subnav li a:hover{
	color: #BFA454;
}
#subnav li a:active{
	color: #ff9933;
}
#treatment-menu {
	width: 435px;
	height: 206px;
	float: left;
	margin-left: 40px;
	margin-top: 20px;
}
#treatment-menu a:hover {background-position: bottom;}
#shape-small, #spa-small, #special-small {
	width: 130px;
	height: 206px;
	float: left;
	margin-right: 15px;
}
#shape-small {background:url(../images/link_shape.jpg) top;}
#spa-small {background: url(../images/link_dayspa.jpg) top;}
#special-small {background:url(../images/link_package.jpg) top;}
#promotion>* {display: none;}
.promo {font-style: italic; font-size: 12px; width: 377px; height: 63px; background: url(../images/giftcard.gif); position: absolute; top: 530px; left: -1500px; z-index: 1000;}
.promo h2 {font-family: "Georgia", Times New Roman, Times, serif; margin-bottom: 0px; color: white;}
.promo h4{font-family: "Georgia", Times New Roman, Times, serif; color: gray;}
/*
	CONTACT PAGE
*/
#map {
	width: 431px;
	height: 262px;
	margin-left: 40px;
	margin-top: 20px;
	margin-bottom: 40px;
	float: left;
}
#leftcontent, #hour {
	width: 430px;
	margin-left: 40px;
	margin-top: 20px;
}
#location {
	width: 144px;
	height: 24px;
	background: url(../images/location_copy.gif) no-repeat;
	margin-top: 20px;
	margin-left: 40px;
	margin-bottom:-20px;
}
.bold {font-weight: bold; color: #666666;}