@charset "utf-8";

/*
	Luxe Salon and Spa CSS Sheet
	Author : Joey Avino
	Copyright : Amedia Creative
	Link : www.amediacreative.com
	Email : info@amediacreative.com
	Phone : 310/651/8733
	Fax : 310/388/1210
*/

/* LAYOUT */

html, body {

	height: 100%;
	margin: 0px;
	background: #2b1603;
  	text-align: center;
  	background-image: url('../../images/header_bg.png');
	background-repeat: repeat-x;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: .01em;
	color: #fff;
	width: 100%;
	
}

div {

	position: relative;
	z-index: 0;
	
}

div#nonFooter {

	min-height: 100%;
	top: 0px;
	background: inherit;
	
}

* html div#nonFooter {

	height: 100%;
	margin: 0px;
	padding: 0px;
	
}

div#content {

	padding-bottom: 10em;
	text-align: center;
	background: inherit;
	
}

div#logo {

	position: absolute;
	width: 162px;
	height: 228px;
	left: 50%;
	top: 20px;
	margin-left: -480px;
	z-index: 1;
	background-image: url('../../images/logo.png');
	background-position: top;
	background-repeat: no-repeat;

}

div#topTab {

	position: absolute;
	width: 130px;
	height: 26px;
	left: 50%;
	margin-left: 181px;
	z-index: 2;
	top: 19px;
	background: url('../../images/header_tab.png') no-repeat top;

}

div#btmTab {

	text-indent: -128px;	
	position: relative;
	width: 485px;
	height: 26px;
	margin: auto;
	top: -26px;
	left: 68px;
	background: url('../../images/footer_tab.png') no-repeat top right;
	text-align: left;
	padding-top: 8px;
	z-index: 2;

}

div#wrapper {
	

	width: 617px;
	margin: auto;
	top: 120px;
	height: 500px;
	margin-bottom: 120px;

}

.left {

	float: left;
	width: auto;
	height: auto;

}

.right {
	
	float: right;
	width: auto;
	height: auto;

}

#wrapper .left { width: 302px; }


div#footer {
	
	height: 20px;
	width: 100%;
	margin-top: -19px;
	background: url('../../images/footer_bg.png') repeat-x top;

}

div#main {

	width: 617px;
	margin: auto;
	clear: both;
	margin-top: -50px;

}

ul {

	list-style: none;
	padding: 0px;
	
}

.menu li {
	
	display: inline;
	padding: 0px;
	
}

div#wrapper p {

	margin: 0px;
	margin-bottom: 12px;

}

div#wrapper a {
	
	display: block;
	cursor: pointer;
	height: 202px;
	width: 302px;
}

a.one { 			background: url('../../images/menu_tour_off.jpg') no-repeat top left; }
a.two { 			background: url('../../images/menu_about_off.jpg') no-repeat top left; }
a.three {			background: url('../../images/menu_services_off.jpg') no-repeat top left; }
a.four { 			background: url('../../images/menu_location_off.jpg') no-repeat top left;  }

a.one:hover { 		background: url('../../images/menu_tour_on.jpg') no-repeat top left;	}
a.two:hover { 		background: url('../../images/menu_about_on.jpg') no-repeat top left; }
a.three:hover { 	background: url('../../images/menu_services_on.jpg') no-repeat top left; }
a.four:hover { 		background: url('../../images/menu_location_on.jpg') no-repeat top left; }

/* PAGE CONTENT */

div#tour, div#about, div#services, div#contact {}

h1 {

	width: auto;
	height: 21px;
	margin-bottom: 3px;
	
}

h2 {

	font-size: 14px;
	margin: 0px 2px;

}

h3 {

	height: 44px;
	background-image: url('../../images/page/contact.png'); 
	background-repeat: no-repeat;
	background-position: left;
	margin: -5px 2px;

}

h4 {

	margin: 0px;
	font-size: 20px;
	font-weight: normal;
	color: #FFEB44;
	float: left;
	margin-top: 20px;
	
}

div.links {
	
	text-align: right;
	margin: 0px;
	top: 26px;
	font-weight: normal;
	
}

#services p { clear: both; }

h5 {

	margin: 10px 0px 2px 0px;
	font-size: 15px;
	font-weight: normal;
	color: #ffe1b6;
	font-weight: bold;

}

#tour h1 { 			background: url('../../images/tour.png') no-repeat top left; }
#services h1 { 		background: url('../../images/services.png') no-repeat top left; }
#about h1 {		 	background: url('../../images/about.png') no-repeat top left; }
#location h1 { 		background: url('../../images/location.png') no-repeat top left; }

div#topSection, div#midSection, div#btmSection, div#spacer {

	width: 619px;
	height: auto;
	clear: both;
	text-align: left;

}

div#topSection, div#btmSection { height: 10px; }

div#topSection { 				background: url('../../images/section_top.png') no-repeat bottom; }
div#midSection, div#spacer { 	background: url('../../images/section_mid.png') repeat-y top; }
div#btmSection {  				background: url('../../images/section_btm.png') no-repeat top; }

#services #btmSection { margin-top: -2px; }

div#midSection p { margin: 2px; }

#tour div#midSection { min-height: 310px; }
#about div#midSection { min-height: 1063px; }
#location div#midSection { min-height: 293px; }

div.container {

	padding: 0px 24px;
	margin-top: 0px;
	
}

div.subLeft, div.subRight {

	position: relative;
	width: 273px;
	min-height: 0px;
	margin-top: -15px;
	
}

div.subLeft {

	left: 23px;
	float: left;

}

div.subRight {

	right: 23px;
	float: right;

}

div#pic1, div#pic2, div#pic3, div#pic4 {

	width: 125px;
	height: 125px;
	position: absolute;
	z-index: 2;
	margin-top: -10px;
	
}

div#spacer { height: 150px; }
#services div#spacer { height: 120px; }

div#pic1 { left: 25px; }
div#pic2 { left: 173px; }
div#pic3 { left: 321px; }
div#pic4 { left: 469px; }

div#video {

	width: 600px;
	height: 290px;
	background-color: #371C04;
	margin-left: 9px;
	
}

a {

	color: #FFEB44;
	text-decoration: none;

}

a:hover { text-decoration: underline; }

.pageImg {

	width: 570px;
	height: auto;
	margin-bottom: 20px;
	top: 20px; 
	clear: both;

}

#services .pageImg {

	margin-bottom: 20px;
	top: 0px;

}

#services a { font-size: 12px; }
#services span { font-size: 12px; color: white; font-weight: normal; }