/* Global Styles */

body {
	margin: 0 auto;
	background: #fff;
	text-align: center;
	background-image: url('../images/bg.gif');
	background-repeat: repeat-x;
}

#main {
	 position: relative; 
	 margin: 0 auto; 
	 text-align: center; 
	 width: 910px;
}

form {
	margin: 0px;
}

#loading { left:0px; top:0px; height: 80px;	width: 400px; background-color:#FFFFFF; z-index:99999; visibility:hidden; position:absolute; text-align:center;}

#logo {
	text-align: left;
}

#salonOwners {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #1c75bc;
	float: right;
	margin-top: 8px; 
	height: 38px;
}

#copyright {
	clear: both;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #8cc63f;
	text-align: left;
	border-top: 1px solid #e3e3e3; 
	padding-top: 10px;
	margin-bottom: 20px;
}

#copyright a {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #8cc63f;
	text-decoration: underline;
	font-weight: normal;
}
#copyright a:hover {
	color: #1c75bc;
	text-decoration: underline;
}

#file {
	width: 350px;
}

#photoManager {
	border:1px solid #7954a2;
	width:620px;
	text-align:center;
	padding-bottom:10px;
}

.thumbNail {
	float:left;
	background-color:#4A91C9;
	text-align:center;
	margin-right:25px; 
	width:98px;
	padding-top:10px;
	padding-bottom:10px;
}
iframe {
	border-width: 0px;
	height: 80px;
	width: 400px;
}
iframe.hidden {
	visibility: hidden;
	width:0px;
	height:0px;
}

h1 {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #1c75bc;
	margin: 0px 0px 10px 0px;
	text-align: left;
}

h1 span {
	color: #464646;
}

h2 {
	font: 14px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #8cc63f;
	margin: 0px;
}

h3 {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #1c75bc;
}

h4 {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #e5212e;
	margin: 0px;
}

a {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #8cc63f;
	line-height: 16px;
	text-decoration: underline;
	font-weight:normal;
}
a:hover {
	color: #1c75bc;
	text-decoration: underline;
}

a.expLink {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 16px;
	text-decoration: underline;
	font-weight:normal;
}
a.expLink:hover {
	color: #1c75bc;
	text-decoration: underline;
}
a.warnLink {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #8cc63f;
	line-height: 16px;
	text-decoration: underline;
	font-weight:normal;
}
a.warnLink:hover {
	color: #1c75bc;
	text-decoration: underline;
}
a.normLink {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #8cc63f;
	line-height: 16px;
	text-decoration: underline;
	font-weight:normal;
}
a.normLink:hover {
	color: #1c75bc;
	text-decoration: underline;
}
p {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #666;
	line-height: 18px;
}

p.first {
	margin-top: 0px;
}

p span {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #1b75bc;
	line-height: 18px;
}

ul {
	list-style-type: square;
	margin-left: 12px;
	padding-left: 4px;
}

ol {
	margin-left: 12px;
	padding-left: 6px;
}

ul li, ol li {
	font: 13px Arial, Verdana, Helvetica, sans-serif;
	color: #1b75bc;
	line-height: 20px;
	margin-bottom: 2px;
}

ul li span, ol li span {
	font: 13px Arial, Verdana, Helvetica, sans-serif;
	color: #666;
	line-height: 20px;
}

/* Home Styles */

#introText {
	float: left;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #1c75bc;
	line-height: 20px;
	width: 241px;
	height: 130px; 
	text-align: left; 
	padding: 39px 0 0 39px;
}

#search {
	position: absolute;
	left: 330px;
	width: 270px; 
	z-index: 1;
}

#searchContent {
	position: absolute;
	left: 330px;
	top: 116px;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
	width: 270px;
	text-align: left;
	margin: 0 0 0 45px;
	z-index: 2;
}

#searchContent select {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	width: 170px;
	
}

/* Secondary Styles */

#contentSecContainer {
	margin-left: auto;
	margin-right: 0;
	clear: both;
	font:12px Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 16px;
	color: #222424;
	padding: 35px 0 0 0;
	width: 620px;
	text-align: left;
}

#contentSecWide {
	margin-left: auto;
	margin-right: 0;
	clear: both;
	font:12px Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 16px;
	color: #222424;
	padding: 35px 0 0 0;
	width: 911px;
	text-align: left;
	overflow: auto;
}

#contentSecWide h3 {	
	 border-top: 1px solid #e8f8d4;
	 margin-top: 20px;
	 padding-top: 10px;
}

#contentSec {
	float: left;
	color: #222424;
	min-height:310px;
	height:auto !important;
	height:310px;
}

#searchSec {
	position: absolute;
	left: 0px;
	top: 150px;
	width: 270px;
	z-index: 1;
}

#searchSecContent {
	position: absolute;
	left: 0px;
	top: 196px;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
	width: 180px;
	text-align: left;
	margin: 0 0 0 45px;
	z-index: 2;
}

#searchSecContent div {
	margin-bottom: 5px;
}

#searchSecContent ul li, ol li {
	font: 13px Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
	line-height: 20px;
	margin-bottom: 2px;
}

#searchSecContent a {
	color: #fff;
}

#searchSecContent a:hover {
	color: #8cc63f;
}

#searchSecContent span {
	color: #fff;
	font-weight: bold;
}

#searchSecContent select {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	width: 170px;
	
}

.searchResultsHeader {
	float: left;
	font-weight: bold;
	color: #1c75bc;
	padding: 5px 10px 5px 10px;
}

.searchResults, .searchResultsAlt {
	float: left;
	font-weight: normal;
	color: #8cc63f;
	background: #e8f8d4;
	padding: 5px 10px 5px 10px;
}

.searchResultsAlt {
	background: #fff;
}

#searchResultsNav {
	color: #666;
	float: right;
	text-align: right;
	margin: 20px 0 10px 0px;
}

#searchResultsNav span {
	font-weight: bold;
	color: #1c75bc;
}

#slidesSec {
	position: absolute;
	left: 534px;
	top: 153px;
	width: 300px;
	height: 232px;
	text-align: left;
	background-image: url('../images/slideshow_bg.jpg'); 
	background-repeat: no-repeat; 
	z-index: 1;
}

#salonInfo {
	 border-top: 1px solid #e8f8d4;
	 margin-top: 10px;
	 width: 620px;
	 overflow: hidden;
}

#salonPics {
	float: left;
	width: 110px;
	margin: 10px 0 0 0;
}

#salonPics img {
	border: 1px solid #91b365;
	margin: 0 0 10px 0;
}

#salonDetail {	
	color: #74a237;
	float: left;
	width: 300px;
	margin: 10px 0 20px 0;
}

#salonDetail span {	
	color: #1b75bc;
	font-weight: bold;
}

#salonDetail p {	
	color: #74a237;
}

#salonDetail ul {
	list-style-type: square;
	margin-left: 12px;
	padding-left: 4px;
	margin-top: 0;
}

#salonDetail ul li, ol li {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #1b75bc;
	line-height: 14px;
	margin: 0 0 2px 0;
}

#salonDetail ul li span, ol li span {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #74a237;
	line-height: 12px;
}

#education h4 {
	font: 13px Arial, Verdana, Helvetica, sans-serif;
	color: #8cc63f;
	font-weight: bold;
	margin: 0px;
}

#education p {
	margin-top: 0px;
}



/* Navigation Styles */

/* Main Nav */

#mainNav {
	position: relative; 
	float: right; 
	z-index: 3;
}

#nav {
	 width: 275px; 
	 height: 19px;
	 margin: 26px 0 0 0; 
	 text-align: right; 
	 border-bottom: 1px solid #c8c7c7; 
	 padding: 0 0 12px 291px;
}

#nav0 a {
	float: left;
	width: 70px;
	height: 19px;
	background-image: url('../images/nav_0.gif'); 
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-decoration: none;
}

#nav0 a:hover {
	float: left; 
	background-image: url('../images/nav_0.gif'); 
	background-repeat: no-repeat;
	background-position: 0px -19px;
	text-decoration: none;
}

#nav0 a span {
	float: left;
	width: 70px;
	height: 19px;
	background-image: url('../images/nav_0.gif'); 
	background-position: 0px -38px;
	background-repeat: no-repeat;
}

#nav1 a {
	float: left;
	width: 88px;
	height: 19px;
	background-image: url('../images/nav_1.gif'); 
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-decoration: none;
}

#nav1 a:hover {
	float: left; background-image: url('../images/nav_1.gif'); 
	background-position: 0px -19px;
	background-repeat: no-repeat;
	text-decoration: none;
}

#nav1 a span {
	float: left;
	width: 88px;
	height: 19px;
	background-image: url('../images/nav_1.gif'); 
	background-position: 0px -38px;
	background-repeat: no-repeat;
}

#nav2 a {
	float: left;
	width: 110px;
	height: 19px;
	background-image: url('../images/nav_2.gif'); 
	background-position: 10px 0px;
	background-repeat: no-repeat;
	text-decoration: none;
}

#nav2 a:hover {
	float: left; background-image: url('../images/nav_2.gif');
	background-position: 10px -19px; 
	background-repeat: no-repeat;
	text-decoration: none;
}

#nav2 a span {
	float: left;
	width: 110px;
	height: 19px;
	background-image: url('../images/nav_2.gif'); 
	background-position: 10px -38px;
	background-repeat: no-repeat;
}

/* misc class definitions */
.clear {
	clear:both;
}
.error { 
	color:#FF0000;
	font:12px Arial, Helvetica, sans-serif;
	margin:7px 0px 7px 0px;
}
.errorLink { 
	color:#FF0000;
	font:12px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
.errorLink:hover {
	text-decoration:none;
}

/* form class definitions */
form.wide {
	width:500px;
}
.formBlock {
	border:1px dotted #000;
	padding:15px;
	clear:both;
	margin-bottom:15px;
}
.submitBlock {
	text-align:right;
	margin-top: 5px;
}
.formItem {
	clear:both;
}
.formText {
	width:120px;
	height:20px;
	color:#4c4339;
	font:12px Arial, Helvetica, sans-serif;
	float:left;
}
.formField {
	width:200px;
	height:30px;
	color:#4c4339;
	font:12px Arial, Helvetica, sans-serif;
	float:left;
}
.formFieldDesc {
	width:200px;
	height:75px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}

.formFieldAmenities {
	width:200px;
	height:195px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}
.textField {
	width:150px;
	height:17px;
	color:#666;
	font:12px Arial, Helvetica, sans-serif;
	border:1px solid #1b75bc;
	padding: 2px;
}

.textArea {
	width:285px;
	height:60px;
	font:12px Arial, Helvetica, sans-serif;
	color: #4c4339;
	border:1px solid #000;
}
.selectField {
	width:155px;
	height:20px;
	color:#4c4339;
	font:12px Arial, Helvetica, sans-serif;
	border:1px solid #000;
}

.selectWideField {
	width:205px;
	height:20px;
	color:#4c4339;
	font:12px Arial, Helvetica, sans-serif;
	border:1px solid #000;
}


#largePhotos {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 830px;
	background-color: #fff;
	text-align: left;
	margin: 0;
	padding: 10px;
	border: 1px solid #666666;
	text-align: center;
	overflow: auto;
	display: none;
	z-index: 20;
}

#googleAd {
	 position: relative;
	 top: 0px;
	 left: 60px;
	 margin: 0 auto;
	 text-align: center;
	 clear: both;
}

#googleAdHome {
	position: absolute;
	top: 120px;
	left: 680px;
	z-index: 20;
}

#googleAdDetail {
	position: absolute;
	top: 290px;
	left: 675px;
	z-index: 100;
}

#educationAd {
	float: right;
	margin-top: 70px;
}