@charset "utf-8";
/*
	destinospa.net
	Date: Jan 2010
	Website:  http://www.destinospa.net/
	Author:  http://www.firstavenuecreative.com
*/

/*----------------- CSS NORMALIZER -----------------*/

div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input  {margin:0; padding:0;}
address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;}
img {border:0;}
ul, li { list-style: none; }
.floatLeft    { float: left;}
.floatRight { float: right; }
.clear    { clear: both; }
.alignRight { text-align: right; }


/*----------------- DEFAULT -----------------*/

body {
	background-color: #301305;
	/*  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; */
	font-family: arial;
	
}

a { text-decoration: none; color: #C93301; }
a:hover	{ text-decoration: underline; }

img.border {
	border: 1px solid #301305;	
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif !important;
	color: #301305;
	font-size:24px;
	font-weight: bold;	
	text-shadow: #666666 1px 1px 1px;
	line-height:26px;
}

h3 {
	font-family: arial;
	font-size:16px;
	font-weight:bold;
	padding-bottom:5px;
	
}

h2 {
	font-family: arial;
	font-size:16px;
	font-weight:bold;
	
}

h5 {
	font-family:arial;
	font-size: 11px;
	padding:2px;
	padding-left:5px;
}

ul.disc  {  margin-left:25px; }
.disc li { list-style: disc; }

.center { text-align: center; }

/*----------------- CONTAINERS -----------------*/

#container {
	margin:auto;
	width:965px;
}

#main-container {
	background-color:#FFF;	
	height:329px;
	padding: 5px;
}

#body-container {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#C69C6C;
	padding: 15px;
	width:925px;
}

#right-container {	
	float:left;
	margin-left:20px;	
	width:685px;

}

#main-mid-container {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color:#996633;
	padding:15px;
	padding-left:18px;
	width:890px;
}

#favorites-left {
	margin-left:75px;
	margin-right:100px;
}

#favorites-right-links {
	padding-left:15px;
}


/*------------------ BREADCRUMB -----------------*/

#breadcrumb {
	font-family: arial;
	font-weight: bold;
	margin-bottom:10px;
	color: #c93301;
}


/*-------------------- FOOTER -------------------*/

#footer {
	text-align: center;
	font-family:Verdana, Geneva, sans-serif;
	padding: 20px 10px 10px 10px;
	color: #FFF;
}

#footer hr {
	margin: 0 auto;
	height: 0px;
  	border-bottom: 1px solid #300;
	margin-top: 30px;
	margin-bottom: 5px;	
}

#address {
	position: absolute;
	top:0px;
	right: 0px;
	text-align: right;	
	font-size: 12px;
	width:50%;
	float:left;
}

#firstave {
	text-align: right;
	font-size: 10px;
	padding-top:5px;
}

#social-container {
	width:100%;
	position:relative;
}

#social {
	width: 50%;
	text-align:left;
}

#social a:hover {
	position:relative; top:-1px; left:1px	
}

#socialtip {
	display:none;
	background:transparent url(../images/black_arrow.png);
	font-size:13px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

#social img {
	border:0;
	cursor:pointer;
	
}

/*------------------ TOP MENU ------------------*/

ul#topnav {
	margin: 0 0 5px; padding: 0;
	list-style: none;
	width: 965px; 
	float: left;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
}
ul#topnav a {
	float: left;
	display: block;
	height: 32px;
	text-indent: -99999px;
	background-position: left top;
}
ul#topnav a:hover {
	background-position: left -32px;
}
#home li.about a,
#about li.treatments a,
#services li.giftcards a,
#portfolio li.boutique a,
#portfolio li.rituals a,
#promotion li.contact a {
	background-position: left bottom;
}
ul#topnav li.about a {
	background-image: url(../images/tm_about.png);
	width: 172px;
}
ul#topnav li.treatments a {
	background-image: url(../images/tm_treatments.png);
	width: 200px;
}
ul#topnav li.giftcards a {
	background-image: url(../images/tm_giftcards.png);
	width: 201px;
}
ul#topnav li.boutique a {
	background-image: url(../images/tm_spa.png);
	width: 201px;
}
ul#topnav li.rituals a {
	background-image: url(../images/tm_rituals.png);
	width: 201px;
}
ul#topnav li.promotion a {
	background-image: url(../images/tm_promotions.png);
	width: 188px;
}

/*------------------ BTM MENU ------------------*/
ul#btmnav {
	font-size: 15px;
	margin: 0 0 15px 0px; 
	padding: 0;
	list-style: none;
	width: 965px; 
	float: left;
}
ul#btmnav li {
	float: left;
	margin: 0; padding: 0;
	
}

ul#btmnav a {
	color:#FFF;	
}

ul#btmnav a:hover {
	color:#C93301;
}
/*------------------ MAIN PAGE ------------------*/

#chooseBox {
	background-color:#333300;
	height:329px;
	width:350px;
	margin-left:5px;
	text-align:center;	
}

#chooseBanner {
	margin-top: 25px;
}

ul#chooseMenu {
	margin: 0 0 5px; padding: 0;
	padding-left:25px;
	list-style: none;
	width: 350px; 
	float: left;
	
}
ul#chooseMenu li {
	float: left;
	margin: 0; padding: 0;
	padding-right:20px; 
}

ul#chooseMenu a {
	float: left;
	display: block;
	height: 199px;
	text-indent: -99999px;
	background-position: left top;
}
ul#chooseMenu a:hover {
	background-position: left -199px;
}


ul#chooseMenu li.body a {
	background-image: url(../images/choosebox-body.png);
	width: 87px;
}
ul#chooseMenu li.face a {
	background-image: url(../images/choosebox-face.png);
	width: 87px;
}
ul#chooseMenu li.rituals a {
	background-image: url(../images/choosebox-rituals.png);
	width: 87px;;
}

/*------------------ LEFT MENU ------------------*/
#left-menu {
	padding:10px;
	background-color:#E3CFB6;
	float:left;
	width:200px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	font-family: arial;
	font-size: 14px;
}

#left-menu h4 {
	color: #42220D;
	font-size:18px;
	font-weight: bold;	
	text-shadow: #666666 1px 1px 1px;

}

#left-menu a {
	color: #42220D;	
}
#left-menu a:hover {
	color: #C93301;	
}
#left-menu ul {	
	margin-left:20px;
	margin-top:5px;
	padding-bottom:25px;
	
}
#left-menu li {
	padding-bottom:5px;
	padding-top:5px;
}

#left-menu-indent {
	margin-left:10px;
}

/*------------------ LEFT MENU  TREATMENTS ------------------*/
#left-menu-treatments {
	padding:10px;
	background-color:#E3CFB6;
	float:left;
	width:200px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	font-family: arial;
	font-weight: normal;
	font-size: 14px;
}

#left-menu-treatments h4 {
	color: #42220D;
	font-size:18px;
	font-weight: bold;	
	text-shadow: #666666 1px 1px 1px;

}

#left-menu-treatments h2 {
	color: #42220D;
	font-size:14px;
	font-weight: bold;	
	

}

#left-menu-treatments a {
	color: #42220D;	
}
#left-menu-treatments a:hover {
	color: #C93301;	
}
#left-menu-treatments ul {	
	margin-left:15px;
	margin-top:5px;
	padding-bottom:0px;
	
}
#left-menu-treatments li {
	padding-bottom:5px;
	
}

/*------------------ ABOUT ------------------*/

#about-right-container {
	background-color:#996633;
	padding: 5px;
	width:675px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
}

#about-right-container ul {
	margin:0;
	padding-left:12px;
	
}

#about-right-container li {
	list-style: disc;
	padding-left: 0px;
	
}

#about-body-left {
	margin-right:25px;	
}

#about-body-right {
	width: 50%;	
}

#about-body-right h1 {
	padding-top: 25px;
}

#differnce_body {
	width: 350px;
	font-size:14px;
	margin-left:20px;
}

#difference_header {
	margin-top:60px;
	margin-bottom: 25px;	
}

#about-right-container h1 {
	font-family: Georgia, "Times New Roman", Times, serif !important;
	color: #301305;
	font-size:24px;
	font-weight: bold;	
	text-shadow: #666666 1px 1px 1px;
}

#amenities-container {
	background-color:#663300;
	height:785px;
	margin-top:20px;
	width:685px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	color:#FFFFFF;
	font-size:14px;
}

#amenities-image-container {
	float:right;width:300px;height:785px;
}
#amenities-image-container img {
 	margin:5px;
 }
 
#amenities-container h2 {
	color:#FFFFFF;
	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size:18px;
	font-weight:bold;
	text-shadow: #000 1px 1px 1px;	
}

#amenities-body {
	margin-top:20px;margin-left:25px;width:325px;
}

/*------------------ ABOUT VIDEO ------------------*/
#video-tour {
	text-align:center;margin-top:15px;
}

.rounded-text-container {
	text-align: left;
	background-color:#fff;
	width: 640px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:0 auto;
	margin-top:15px;
	margin-bottom: 15px;
	
}

.rounded-text-body {
	font-family:arial;
	padding:15px;
	font-size: 11px;
	line-height: 14px;
}

#video-link a {
	font-size: 14px;
}

#video-share {
	text-align: right;	
}


/*------------------ ABOUT CAREERS ------------------*/

#careers_header {
	margin-bottom:25px;
	margin-top:25px;
}


/*------------------ ABOUT RESERVATIONS ------------------*/

#hours {
	padding-right:40px;
}

/*------------------ ABOUT DIRECTIONS ------------------*/

#directions-img {
	padding:10px;
}

#directions-body {
	padding:10px;
	padding-top: 5px;
	padding-bottom:35px;
}

#bubble {
	font-size:12px;
}

#add-left {
	width: 30%;
}
#add-right {
	width: 60%;
}
.add {
	padding:10px;
}

#directions-list {
	margin-left:30px;
}


/*------------------ ABOUT VIDEO ------------------*/

#press-container {
	text-align: center;
	padding-bottom: 25px;
}
#press-header {
	text-align: left;
	margin: 20px;
	
}

/*------------------ ABOUT NEWSLETTER ------------------*/

#newsletter {
	padding:10px;
	padding-bottom:8px;
}

/*----------------- CAUSE -----------------*/
 #cause {
 	padding:15px;
	
 }
 
.cause-text {
 	font-family:Times !important;
	font-size: 14px !important;
	line-height: 18px !important;
	padding-left:35px;
	padding-right:35px;
 }
 
 .cause-text p {
 	padding:0px;
 }
 
 #cause-form {
 	font-family: arial;
 	height: 60px;
	margin-left:175px;
 }
 
 #cause a {
 	color: #301305;
 }
 
 #cause a:hover {
 	color: #c93301;
	text-decoration: none;
 }

 /* jQuery lightBox plugin - Gallery style */
	#gallery {		
		padding-top: 20px;
		width: 685px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; padding-right:10px; }
	#gallery ul img {
		border: 1px solid #000;
	padding: 5px; /*Inner border size*/
	background: #fff; /*Inner border color*/
	margin-bottom: 5px;
	}
	#gallery ul a:hover img {
	border: 1px solid #000;
	padding: 5px; /*Inner border size*/
	background: #CF0; /*Inner border color*/
		
		color: #fff;
	}
	#gallery ul a:hover { color: #9F6; }

/* favorites */
#favorites-right-links a { text-decoration: none; color: #301305; }
#favorites-right-links a:hover	{ text-decoration: underline; }
#topnav a { text-decoration: none; color: #301305; }

/* treatment columns */
ul.column{
	width: 100%;
	padding: 0;
	padding-left:12px;
	margin: 10px 0 50px;
	list-style: none;
}
ul.column li {
	float: left;
	width: 225px;
	padding: 0;
	margin: 5px 0;
	display: inline;
}
.block {
	height: 325px;
	font-size: 16px;;
	margin-right: 10px;
	padding: 10px;
	background: #fff;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.block h2 {
	font-size: 15px;
	color: #C93301;
}
.block img {
	
	height: 120px;
	width: 188px;
	margin: 0 auto;
	background:#fff;
	-ms-interpolation-mode: bicubic;
	display: block;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#treatment-header {
	padding-left: 3px;
	padding-top: 3px;	
}
#treatment-copy {
	width:95%;
	margin:0 auto;
}

.treatment-detail-div {
	background-color: #fff !important;
}

#treament-txt {
	width:48%;
	font-size:14px;
	line-height: 18px;
	padding:10px;
	padding-top:5px;
	padding-left:25px;
}

#gift-button {
	margin-right: 15px;
	padding-bottom: 15px;
}

#skin-enhance-leftcol {
	padding: 2px;
}

#skin-enhance-leftcol ul {
	margin: 0;
	padding: 0;
	padding-top:10px;
	padding-bottom:15px;
}

#skin-enhance-leftcol li {
	list-style: none;
	padding-bottom:10px;
}

#skin-enhance-rightcol {
	width: 45%;
	margin-left:20px;
	padding-top:10px;
	font-size: 15px;
}

#skin-enhance-rightcol ul {
	padding-top:0px;	
}

#skin-enhance-rightcol li {
	list-style: none;
	line-height: 20px;
	padding-left: 5px;
}

/* reservation form */

#reservation dt {
	clear: both;
	float: left;
	width:150px;
	text-align: right;
	padding-bottom:10px;
}

#reservation dd {
	float: left;
	padding-left:15px;
	padding-bottom:10px;
}

#reservation textarea {
	width: 400px;
	height: 100px;
	font-size:16px;
	border:2px solid #DDDDDD;
	padding:2px;
	float:left;
	margin-bottom: 0px;
}
.reservation-field {
	height:32px;
}
.textarea-field {
	height:120px;
}

#reservation input {
	font-size:16px;
	width:400px;
	border:2px solid #DDDDDD;
	padding:2px;
	float:left;
}

#reservation select {	
	font-size:16px;
	width:100px;
	border:2px solid #DDDDDD;
	padding:2px;
	float:left;
}

#submitbutton {
 width:332px !important;
 border: none !important;
 
}

#reservation input:focus {
	border-color: #FF9933;
}

#reservation textarea:focus {
	border-color: #FF9933;
}

#reservation select:focus {
	border-color: #FF9933;
}
.errors {
	clear:all;	
	font-size: 14px;
	line-height: 30px;
}
.errors li {	
	color: #FF0000;
}

#reservation-container {
	padding: 20px;	
}

#time-element li {
	list-style: none !important;
	margin:0;
	padding:0;
	
}

#time-element ul {
	margin:0;
	padding:0;
}

#submitbutton {
	height: 32px;
}

.disclaimer {
	font-size:10px !important;
	
}

#banner {
	width: 669px;
	text-align: right;
}

#logo {
	width: 296px;	
}

/* contest form */

#contest dt {
	clear: both;
	float: left;
	width:150px;
	text-align: right;
	padding-bottom:10px;
}

#contest dd {
	float: left;
	padding-left:15px;
	padding-bottom:10px;
}


.reservation-field {
	height:32px;
}
.textarea-field {
	height:120px;
}

#contest input {
	font-size:16px;
	width:400px;
	border:2px solid #DDDDDD;
	padding:2px;
	float:left;
}

#contest select {	
	font-size:16px;
	width:400px;
	border:2px solid #DDDDDD;
	padding:2px;
	float:left;
}

#submitbutton {
 width:332px !important;
 border: none !important;
 
}

#contest input:focus {
	border-color: #FF9933;
}

#contest select:focus {
	border-color: #FF9933;
}

#contest-container {
	padding:3px;
}

#contest #notes-label {
	width: 75%;
	text-align:left;
}

#contest textarea {
	width: 612px;
	height: 100px;
	font-size:16px;
	border:2px solid #DDDDDD;
	padding:2px;
	float:left;
	margin-bottom: 0px;
}

#contest textarea:focus {
	border-color: #FF9933;
}


#rituals_header {
	margin-bottom:25px;
	margin-top:25px;
}

#ritual-container {
	margin-top:0px;
	padding:0px 15px 0px 0px;
	width:675px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
}
.aromatable {
	clear:both;
	background: #663300;
	color:#ffffff;
}