/* @override 
	http://lformxserve01.local/Q%20-%20T/Salon%20Organic/Site/2009-05-27/styles/style.css
	http://lformxserve01.local/Q%20-%20T/Salon%20Organic/Site/2009-06-05/styles/style.css
*/

/* --- COLOR SCHEME ---
BG Bottom : #efe0cb
Blue Lines: #8ca4ab
Grey: #58585a
---------------------- */

/* --- GLOBAL STYLES ---*/
* {
	margin: 0px;
	padding: 0px;
}

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

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana;
	font-size: 10pt;
	line-height: 13pt;
	color: #58585a;
	background: #efe0cb url(../images/bg-body.gif) repeat-x;
	height: 100%;
}


a {
	color: #58585a;
	text-decoration: none;
}

a img {
	border: 0px;
}

a:hover {
	text-decoration: underline;	
}

p {	
}

h1 {
}

h2 {
}

h3 {

}

h4 {
}

h5 {
}

h6 {
}

hr {
	clear: both;
	float: none;
	display: block;
	border: 0px;
	border-bottom: 5px solid #8ca4ab;
	xpadding: 20px 0px 20px 0px;
	xmargin: 20px 0px 20px 0px;
	padding-top: 30px;
	margin-bottom: 30px;
	background: transparent;
	color: transparent;
	
}

hr.thin {
	border-bottom: 1px solid #8ca4ab;
}

hr.bottom {
	margin-bottom: 2px;
}

/* --- WRAPPER STYLES ---*/
#wrapper {
	text-align: left;
	width: 930px;
	margin-left: auto;
 	margin-right: auto;
 	background: url(../images/bg-content.jpg) no-repeat;
 	height: 100%;
}

#content {
	font-size: 0.9em;
	min-height: 600px;
}

/* --- HEADER STYLES ---*/
#header {
	 clear: both;
}

h1#logo {
	text-indent: -9999px;
	float: left;
	xwidth: 1px;
	xheight: 1px;
	width: 460px;
	height: 90px;
}

h1#logo a {
	display: block;
}

#header i {
	text-indent: -9999px;
	display: block;
	width: 1px;
	float: left;
}

#header .blurb {
	margin-top: 5px;
	float: right;
	text-align: right;
	 color: #000;
}

#header .blurb a {

}

#header .blurb p.phone {
	font-size: 32pt;
	margin-top: 20px;
}

#header .blurb p.email {
	margin-top: 8px;
}

#header .blurb p.hours {
	margin-top: 8px;
}

#header .blurb p.social {
	color: #888;
	margin-top: 10px;
	font-size: 12pt;
}

div#nav {
	clear: both;
	padding-top: 30px;
	padding-bottom: 12px;
	font-size: 1.2em;
	margin-left: 4px;
	margin-right: 4px;
	text-align: right;
}

div#nav .nav {
	margin-right: 40px;
	float: left;
}

div#nav .nav a {
	
}

div#nav .info {
	xfloat: right;
	color: #000;
	xclear: left;
	
}


/* --- IMAGES & SHADOW STYLES ---*/
.shadow {
	padding: 4px;
}

.shadow .sb-shadow {
	background: #bbb;
}

.logo img {
	border: 8px solid #fff;
}

.photo img {
	border: 15px solid #fff;	
}

.photo , .logo {
	float: right;
	clear: both;	
	margin-bottom: 10px;
}

/* --- HOMEPAGE STYLES ---*/
#splash {
	float: left;
}

#splash .image {	
	background: url(../images/photo-salon.jpg) no-repeat;
	width: 598px;
	height: 328px;
	padding: 1px;
}

#splash p {	
	filter:alpha(opacity=87);
	-moz-opacity:0.87;
	-khtml-opacity: 0.87;
	opacity: 0.87;	
	background: #fff;
	color: #000;
	padding: 12px 12px 12px 12px;
	position: relative;
	top: 214px;
	height: 90px;
	overflow: none;
	line-height: 1.7em;
}

#slideshow {	
	float: right;
	width: 270px;
}

#slideshow img {
	width: 245px;
	height: 330px;
}

.border {
	border: 15px solid #fff;
}

#col_left {
	float: left;
	width: 770px;
}

#about #col_left {
	width: 610px;
}

#col_left p {
	margin-bottom: 15px;
}

#col_right {
	float: right;
	width: 135px;
}

#about #col_right {
	width: 280px;
}

.testimonial {
	xfont-size: 0.9em;
}

.testimonial .quote {
	text-align: left;
	width: 525px;
	display: block;
	margin: 0 auto;
	margin-top: -10px;	
}

.testimonial>p {
	text-align: right;
	margin-right: 190px;
}

.testimonial .quote p {
	text-align: left;
	margin-right: 0px;
}

.testimonial .icon {
	margin-left: 75px;
	height: 20px;
	width: 30px;
	background: url(../images/icon-quote-open.png) no-repeat;
}

.testimonial .icon2 {
	background: url(../images/icon-quote-close.png) no-repeat top right;
	text-align: right;
	margin-top: -20px;
	margin-right: 80px;
	height: 20px;
	width: 30px;
	float: right;
}



/* --- SECONDARY PAGE STYLES ---*/
h2 {
	margin-top: 25px;
	color: #8ca4ab;
	border-bottom: 5px solid #8ca4ab;
	font-size: 1.9em;
	text-transform: uppercase;
	height: 19px;
	margin-bottom: 15px;
	font-weight: normal;
}

.cols_free {
	float: left;
	width: 270px;
	margin-right: 30px;
}

.cols_free.last {
	xwidth: 300px;
}

.cols_free+.cols_free {
	width: 300px;
}

#products .item {
	border-bottom: 1px #aaa dotted;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#products .item p {
	margin-bottom: 10px;
}

#products .item p.readmore {
	height: 32px;
	overflow: hidden;
	margin-bottom: 5px;
}

#products .item a.readmore {
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 0.8em;
	display: block;
	margin-bottom: 8px;
}

#products em {
	display: block;
	clear: both;
	font-style: normal;
	margin-bottom: 2px;	
}


#products h3 {
	color: #8ca4ab;
	font-weight: normal;
	border-bottom: 1px solid #8ca4ab;
	text-transform: uppercase;
	font-size: 1.6em;
	margin-bottom: 12px;
	height: 20px;
}

#products h4 {
	color: #58585a;
	font-weight: normal;
	font-size: 1.2em;
	margin-bottom: 2px;
}

#press .item * {
	margin-bottom: 5px;
}


#press h3 {
	color: #8ca4ab;
	font-weight: normal;
	border-bottom: 1px solid #8ca4ab;
	text-transform: uppercase;
	xfont-size: 1.6em;
	margin-bottom: 12px;
	height: 20px;
	width: 75%;
}

#press h3 a {
	color: #8ca4ab;
}

#press h3 em {
	font-size: 10pt;
	text-align: right;
	float: right;
	color: #666;
}


#press .item h3 {
	font-size: 1.4em;
	margin-bottom: 5px;
}


#press .item h4 {
	xmargin-left: 10px;
	font-size: 11pt;
}

#press .item {
	margin-bottom: 30px;
	margin-top: 20px;
}

#press .item em {
	xcolor: #8ca4ab;
}


/* --- FOOTER STYLES ---*/
#footer {
	clear: both;
	xmargin-top: 25px;
	display: block;
	xpadding-top: 5px;
	padding-bottom: 8px;
	font-size: 0.9em;
	color: #000;
}

#company {
	
}

#design {
	float: right;
}

#design a {
	font-size: 0.8em;
	color: #000;
}

/* --- UTILITY STYLES ---*/
div.right, span.right { float: right; }
div.left, span.left { float: left; }
.clear { clear: both; }
.nullclear { clear: both; height: 0px; width: 0px; margin: 0px; padding: 0px; display: none;}
.nofloat { float: none; }	
.nomargin { margin: 0px; }	
.first { border: 0px; margin-left: 0px; padding-left: 0;}
.last {	border: 0px; margin-right: 0px; padding-right: 0;}
.bold { font-weight: bold; }