/* ------------------------------------------------------------------------------------------
		CSS RESET
------------------------------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

* {
	margin: 0;
	padding: 0;
}


div, table, p, ol, ul, dl, h1, h2, h3, h4, h5, h6, address {
	float: left;
	clear: both;
	width: 100%;
}

a {
	color: #5E8D2E;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
	margin: 0;
}

p {
	margin: 0 0 10px 0;
}

ul {
	list-style: none;
	display: inline;
}

ul li {
	float: left;
	clear: both;
	width: 100%;
	display: inline;
}

h1 {
	font-size: 160%;
	margin: 0 0 10px 0;
}

h2 {
	font-size: 140%;
	margin: 0 0 10px 0;
	font-weight: bold;
}

h3 {
	font-size: 120%;
	margin: 0 0 5px 0;
	font-weight: bold;
}

h4 {
	font-size: 110%;
	margin: 0 0 5px 0;
	font-weight: bold;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

table {
	border-collapse: collapse;
}

.left {
	float: left;
	clear: none;
	width: auto;
}

.left * {
	float: left;
}

.right {
	float: right;
	clear: none;
	width: auto;
}

.right * {
	float: left;
}

.center {
	text-align: center;
}

.hidden {
	display: none;
}

img {
	border: 0;
}

.back_to_top {
	padding: 20px 0 0;
	text-align: right;
}

/* ------------------------------------------------------------------------------------------
		GENERAL PAGE LAYOUT TO CENTER CONTENT
------------------------------------------------------------------------------------------ */

body {
	text-align: center
	font-size: 1em;
	color: #5d5348;
	font-family: Verdana;
	background: #c9c0bb url(http://www.salonspasuites.com/images/interface/body_bg_dark.jpg) top left repeat;
}

.wrapper, .sub_wrapper {
	text-align: left;
	float: none;
	width: 925px;
	margin: 0 auto;
	font-size: 90%;
}

.sub_wrapper {
	width: 854px;
}

.container {
	position: relative;
	padding: 30px 0;
	width: 100%;
	float: left;
}

.member_nav span {
	margin: 0 0 0 10px;
}

.member_nav a {
	background: #ada29c;
	padding: 2px 3px;
}

#nav_bar {
	width: 157px;
	float: left;
	padding: 50px 0 0;
}

#content_wrapper {
	width: 768px;
	clear: none;
	float: right;
}

.sub_wrapper #content_wrapper {
	width: 697px;
}


#rotating_splash_image {
	display: relative;
	height: 507px;
	overflow: hidden;
}

#splash_image {
	display: relative;
	height: 507px;
	overflow: hidden;
}	

.sub_wrapper #splash_image {
	height: 367px;
}

#splash_image img {
	float: left;
}

/* ------------------------------------------------------------------------------------------
		SIDE BAR LAYOUT
------------------------------------------------------------------------------------------ */

#nav_bar img {
	float: left;
}

#nav {
	border: solid #fff;
	border-width: 1px 0 0 1px;
	width: 156px;
	background: #8b7c71;
}

#nav li {
	width: 100%;
	height: 34px;
	border-bottom: 1px solid #fff;
}

#nav li a {
	display: block;
	width: 100%;
	height: 34px;
	text-indent: -10000px;
}

#nav_home {
	background: transparent url(http://www.salonspasuites.com/images/interface/nav_home.jpg) top left no-repeat;
}

#nav_concept {
	background: transparent url(http://www.salonspasuites.com/images/interface/nav_concept.jpg) top left no-repeat;
}

#nav_franchising {
	background: transparent url(http://www.salonspasuites.com/images/interface/nav_franchising.jpg) top left no-repeat;
}

#nav_salon {
	background: transparent url(http://www.salonspasuites.com/images/interface/nav_salon.jpg) top left no-repeat;
}

#nav_locations {
	background: transparent url(http://www.salonspasuites.com/images/interface/nav_locations.jpg) top left no-repeat;
}

#nav_contact {
	background: transparent url(http://www.salonspasuites.com/images/interface/nav_contact.jpg) top left no-repeat;
}

#nav li a.active, #nav li a:hover {
	background-position: 0 -34px;
}


/* ------------------------------------------------------------------------------------------
		HOME PAGE LAYOUT
------------------------------------------------------------------------------------------ */

#home_images {
	margin: 14px 0 0;
}

#home_images a {
	float: left;
}

#home_images a.add_margin {
	margin: 0 9px 0 0;
}


/* ------------------------------------------------------------------------------------------
		SUB PAGE LAYOUT
------------------------------------------------------------------------------------------ */

.content {
	width: 477px;
	padding: 10px 110px 40px;
	background: #e7e3e1 url(http://www.salonspasuites.com/images/interface/content_bg.gif) top left repeat-y;
}

#flash_content {
	width: 677px;
	padding: 0 10px 20px;
	margin: -30px 0 0;
	background: #e7e3e1 url(http://www.salonspasuites.com/images/interface/content_bg.gif) top left repeat-y;
}

.content h1 {
	font-weight: bold;
	text-transform: uppercase;
	font-family: Georgia;
	margin: 0 0 10px;
	font-size: 140%;
	border-bottom: 1px solid #2c2c2c;
	padding: 0 0 5px;
}

.content h2 {
	text-transform: uppercase;
	border-bottom: 1px solid #2c2c2c;
	padding: 0 0 5px;
}

.content h4 {
	width: 457px;
	padding: 0;
}

.content h6 {
	width: 457px;
	padding: 3px 10px;
	background: #f9f8f8;
	font-weight: bold;
	font-size: 110%;
	margin: 10px 0;
}

.content p {
	line-height: 1.5;
	margin: 0 0 10px;
}

.content p img {
	float: left;
}

.content ul {
	width: 447px;
	margin: 0 0 10px 30px;
	display: inline;
}

.content ul li {
	width: 437px;
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
	line-height: 1.5;
	background: #e7e3e1 url(http://www.salonspasuites.com/images/interface/bullet.jpg) 0 3px no-repeat;
}

.content ol {
	width: 447px;
	list-style: decimal;
	padding: 0 0 10px 30px;
}

.content ol li {
	margin: 0 0 5px 0;
}

.content ul#franchising_message_nav {
	width: 477px;
	margin: 0 0 10px 0;
	display: inline;
}

.content ul#franchising_message_nav li {
	width: 159px;
	padding: 0;
	margin: 0;
	float: left;
	clear: none;
	background: none;
}

.content ul#franchising_message_nav li a {
	display: block;
	width: 157px;
	padding: 5px 0;
	text-align: center;
	font-weight: bold;
}

.content ul#franchising_message_nav li a.active, .content ul#franchising_message_nav li a:hover {
	background: #ccc;
}

.content ul#sub_nav {
	width: 477px;
	margin: 0 0 10px 0;
	display: inline;
}

.content ul#sub_nav li {
	width: 119px;
	padding: 0;
	margin: 0;
	float: left;
	clear: none;
	background: none;
}

.content ul#sub_nav li a {
	display: block;
	width: 117px;
	padding: 5px 0;
	text-align: center;
	font-weight: bold;
}

.content ul#sub_nav li a.active, .content ul#sub_nav li a:hover {
	background: #ccc;
}

.state_locations .location_info {
	padding: 0;
	margin: 10px 0;
}

.state_locations .location_image {
	width: 271px;
	padding: 5px;
}

.state_locations .location_image img {
	float: left;
}

.state_locations .location_address {
	vertical-align: middle;
	width: 186px;
	padding: 5px;
}

.state_locations table {
	margin: 0 0 10px 0;
}

.state_locations table td {
	vertical-align: top;
	line-height: 1.5;
	padding: 2px 10px;
	width: 218px;
	text-align: left;
	background: #f1eeed;
	color: #726052;
	border-bottom: 3px solid #e7e3e1;
}

.state_locations table td.salon_header {
	width: 327px;
}

.state_locations table td.phone_header {
	width: 100px;
}

.state_locations table td.salon_header, .state_locations table td.phone_header {
	background: #f9f8f8;
	font-weight: bold;
}

.state_locations table td p {
	margin: 0;
	width: auto;
}

#icons {
	margin: 0 0 30px 60px;
	width: auto;
	display: inline;
}

#icons a.add_margin {
	margin: 0 33px 0 0;
}

#salon_experience_icons {
	margin: 0 0 25px 0;
	width: 477px;
	display: inline;
}

#salon_experience_icons a.add_margin {
	margin: 0;
	padding: 0;
}

#franchising_nav {
	position: relative;
	width: 691px;
	padding: 10px 3px;
	background: #e7e3e1 url(http://www.salonspasuites.com/images/interface/franchising_sub_nav.jpg) top left repeat-y;
}

#franchising_nav p {
	width: 571px;
	padding: 0 60px 0 60px;
}

#franchising_nav ul li {
	float: left;
	clear: none;
	width: auto;
}

#franchising_nav ul li a {
	display: block;
	float: left;
	height: 86px;
	text-indent: -10000px;
}

#franchising_nav ul li a:hover, #franchising_nav ul li a.active {
	background-position: 0 -86px;
}

#f_nav_1 {
	width: 122px;
	background: transparent url(http://www.salonspasuites.com/images/interface/f_nav_1.jpg) top left no-repeat;
}

#f_nav_2 {
	width: 113px;
	background: transparent url(http://www.salonspasuites.com/images/interface/f_nav_2.jpg) top left no-repeat;
}

#f_nav_3 {
	width: 108px;
	background: transparent url(http://www.salonspasuites.com/images/interface/f_nav_3.jpg) top left no-repeat;
}

#f_nav_4 {
	width: 113px;
	background: transparent url(http://www.salonspasuites.com/images/interface/f_nav_4.jpg) top left no-repeat;
}

#f_nav_5 {
	width: 126px;
	background: transparent url(http://www.salonspasuites.com/images/interface/f_nav_5.jpg) top left no-repeat;
}

#f_nav_6 {
	width: 109px;
	background: transparent url(http://www.salonspasuites.com/images/interface/f_nav_6.jpg) top left no-repeat;
}

form {
	float: left;
	width: 100%;
}

form label {
	float: left;
	width: 175px;
}

form input, form textarea {
	float: left;
	clear: none;
	width: 280px;
	padding: 2px 3px;
}

form input.button {
	width: auto;
}

#gallery div {
	margin: 10px 0;
}

#gallery a {
	float: left;
	padding: 0;
}

#gallery img {
	float: left;

	height: 75px;
	border: 3px solid #fff;
}

#gallery a.add_margin {
	margin: 0 0 0 17px;
	display: inline;
}




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

.sub_wrapper #footer {
	border-top: 3px solid #fff;
}

#footer {
	padding: 50px 0;
}

#footer a {
	color: #5d5348;
}

#footer a.curtis {
	color: #3A8ADF;
}

#footer p {
	width: 100%;
	margin: 0 0 5px;
	text-align: center;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */

#jquery-lightbox, #jquery-lightbox div {
	width: auto;
}

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#jquery-lightbox a img { 
	border: none;
}

#jquery-lightbox #lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	float: none;
	margin: 0 auto;
}

#jquery-lightbox #lightbox-container-image {
	width: 100%;
}

#lightbox-container-image img {
	margin: 10px;
	float: left; 
	display: inline; 
}

#jquery-lightbox #lightbox-loading {
	position: absolute;
	top: 40%;
	left: 45%;
	height: 25%;
	text-align: center;
	line-height: 0;
}

#jquery-lightbox #lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav { 
	left: 0;
	width: 100%;
}

#jquery-lightbox #lightbox-nav-btnPrev, #jquery-lightbox  #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
	clear: none;
}

#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}

#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}

#jquery-lightbox #lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	float: none;
	padding: 0 10px 0;
}

#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
	float: none;
}

#jquery-lightbox  #lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left;
	text-align: left; 
}
	
#lightbox-image-details-caption {
	font-weight: bold;
}
	
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}

#lightbox-secNav {
	float: right;
	clear: none;
	width: auto;
}

#lightbox-secNav-btnClose {
	width: 66px; 
	float: left;
	padding-bottom: 0.7em;	
}

/* ------------------------------------------------------------------------------------------
		MEMBER PROFILE LAYOUT
------------------------------------------------------------------------------------------ */

.professional_content {
	width: 685px;
	padding: 10px 6px 40px;
	background: #e7e3e1 url(http://www.salonspasuites.com/images/interface/content_bg.gif) top left repeat-y;
}

#salon_info {
	width: 673px;
	padding: 6px;
	background: #f3f1f0;
}

.salon_image {
	width: auto;
	margin: 0 20px 0 0;
}

.salon_info_text {
	width: 353px;
	clear: none;
}

#salon_description {
	width: 645px;
	padding: 10px 20px;
}

#salon_description h2 {
	margin: 0
}

#salon_description h3 {
	padding: 0 0 5px 0;
	border-bottom: 1px solid #fff;
	margin: 0 0 10px;
}