@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:bold);

/*---- RESET ---*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
nav ul, nav li{margin:0; list-style:none; list-style-image:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
img{vertical-align:top;}
abbr[title], dfn[title]{border-bottom:1px dotted; cursor:help;}
small{font-size:85%;}
sub, sup{font-size:75%; line-height:0; position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
ins{text-decoration:none;}
mark{font-style:italic; font-weight:bold;}
del{text-decoration:line-through;}
pre{padding:15px; white-space:pre; white-space:pre-wrap; white-space:pre-line; word-wrap:break-word;}
pre, code, kbd, samp{font-family:monospace, sans-serif;}
h1,h2,h3,h4,h5,h6, strong{font-weight:bold;}
a:hover, a:active{outline:none;}
a, a:active{color:#607890; text-decoration:underline;}
a:hover{text-decoration:none;}
body{font:13px/1.231 sans-serif; *font-size:small;}
/*---- END RESET ---*/

/*---- sIFR --- 
.sIFR-flash{visibility:visible !important; margin:0; padding:0;}
.sIFR-replaced, .sIFR-ignore{visibility:visible !important;}
.sIFR-alternate{position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}
.sIFR-active h1{visibility:hidden; line-height:1em;}
/* ---- END sIFR ---*/

/*---- FORMS ---*/
select, input, textarea, button{font:99% sans-serif;}
select{padding:5px; border:1px solid #999;}
input, textarea{width:95%; resize:none; border:1px solid #999; padding:5px; vertical-align:middle; margin:0;}
	.ie6 input{vertical-align:text-bottom; border:1px solid #999;}
	input[type="radio"]{vertical-align:text-bottom; border:none; width:auto;}
	input[type="checkbox"]{vertical-align:bottom; border:none; width:auto;}
		.ie7 input[type="checkbox"]{vertical-align:baseline;}
	input[type=button], input[type=submit], input[type="image"]{cursor:pointer; width:auto; border:none; padding:5px 10px;}
	input.auto{width:auto; border:none;}
textarea{overflow:auto;}
select{vertical-align:middle; margin:0;}
button{width:auto; overflow:visible; cursor:pointer; margin:0;}
label{cursor:pointer;}
.ie6 legend, .ie7 legend{margin-left:-7px;} 
form table{border-spacing:5px;}
form table table{border-spacing:0;}
/*----END FORMS ---*/

/*---- MISC. CLASSES ---*/
.column{float:left; width:48%; display:inline;}
.clear{clear:both;}
.auto{width:auto;}
.fade{opacity:0.4; filter:alpha(opacity=40);}
.left{margin:5px 20px 5px 0; float:left;}
.right{margin:5px 0 5px 20px; float:right;}
.placeholder{display:block; height:250px;}
.noborder{border:0 none !important;}
.a11yhide{border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
a.a11yhide:focus, a.a11yhide:active{clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}
.errmsg{}
	.errmsg li{color:#c00 !important;}
/*---- END MISC. CLASSES ---*/

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

.png_bg{position:relative; zoom:1; z-index:9999;}

h1{font-family:"Josefin Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; font-size:17px; text-transform:uppercase;}
h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:35px; font-weight:normal; letter-spacing:-0.03em;}
h3{font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; letter-spacing:-0.03em;}
h4{font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:normal; letter-spacing:-0.03em;}
h5{}
h6{}
p{padding:0 0 20px 0;}
a{color:#4e4437;}
ol, ul{margin:5px 0 5px 30px;}
article{margin:0 0 20px 0;}

input[type=submit]{background:#C16724; color:#fff; border-radius:10px;}
input[type=submit]:hover, input[type=submit]:focus{background:#e96f15; -moz-box-shadow:1px 1px 4px rgba(0,0,0,0.2);}
input[type=submit]:active{-moz-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.2)}

.verification{overflow:hidden;}
.verification p{padding:0 0 2px 0;}
.verification label[for]{border:1px solid #999; display:block; float:left; margin:0 5px 0 0;}
.verification input{width:120px; height:35px; text-align:center; text-transform:lowercase; font-weight:bold; font-size:24px; padding-top:10px;}

select{font-size:80%;}

.submit{margin-top:30px;}

form div{margin:8px 0;}


body, html{width:100%; height:100%;}
body{text-align:left; background:#fff; color:#5c4d3c; font-family:Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", Times serif; font-size:15px; line-height:1.2; background:url(images/siteBG.png) center top;}

#sitecontainer{width:1000px; margin:0 auto; position:relative;}
	#side{width:235px; padding:8px; position:absolute; height:840px;}
		#leftinfo{color:#fff; border-top:1px solid #fff; padding:20px 0 0 0; margin:40px 0 0 0;}
			#leftinfo h2{font-size:30px;}
		#side nav{text-transform:uppercase; position:relative; top:15px;}
			#side nav ul{}
				#side nav li{margin:2px 0;}
					#side nav a{color:#b5c2b8; font-family:"Josefin Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration:none; font-size:14px;}
					#side nav a:hover{color:#FCEC97; border-bottom:1px dotted #FCEC97;}			
					#side nav a:after{content:"\203A"; padding:0 0 0 10px;}
					#side nav a.current{color:#fff; border-color:#fff;}
					#side nav #logoblack a{display:block; width:740px; height:46px; background:url(images/logo_black.png) no-repeat; text-indent:-9999em; text-align:left; margin:-48px 0 10px; position:absolute; left:0;}
						.ie6 #side nav #logoblack a{display:block; width:740px; height:46px; background:url(images/logo_black.png) no-repeat; text-indent:-9999em; text-align:left; margin:0 0 10px; position:absolute; left:0; top:20px;}
						.ie7 #side nav #logoblack a{display:block; width:740px; height:46px; background:url(images/logo_black.png) no-repeat; text-indent:-9999em; text-align:left; margin:0 0 10px; position:absolute; left:0; top:20px;}
					#side nav #logo a{display:block; width:740px; height:46px; background:url(images/logo.png) no-repeat; text-indent:-9999em; text-align:left; margin:0 0 10px; position:absolute; left:0; top:-50px;}
						.ie6 #side nav #logo a{display:block; width:740px; height:46px; background:url(images/logo.png) no-repeat; text-indent:-9999em; text-align:left; margin:0 0 10px; position:absolute; left:0; top:20px;}
						.ie7 #side nav #logo a{display:block; width:740px; height:46px; background:url(images/logo.png) no-repeat; text-indent:-9999em; text-align:left; margin:0 0 10px; position:absolute; left:0; top:20px;}
					#side nav #logo a:hover{border-bottom:none;}
				#side nav li.altfirst{margin:60px 0 0 0;}
				#side nav li.alt{/*margin:15px 0 25px;*/}
					#side nav li.alt a{font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:bold; color:#fff; text-shadow:0 0 5px rgba(0,0,0,0.5); background:rgba(111, 136, 136, 0.5); padding:10px 15px 10px 0; display:block; position:relative; left:10px;}
					.no-rgba #side nav li.alt a{background:none; background:url(images/subnavBG.png);}
					#side nav li.alt a:hover{border-bottom:none;}
					#side nav li.alt a:after{content:""; padding:0;}
						#side nav li.alt span{position:absolute; right:-11px; top:-4px; display:none; height:52px; width:25px; background:url(images/icon_current_arrow.png) no-repeat;}
					#side nav li.alt a.current{background:#C16724; left:50px; padding-right:56px;}
						#side nav li.alt a.current span{display:block;}
			
			#topcontent{position:absolute; position:absolute; width:707px; right:0; top:-125px;}
			#topnav{text-align:right;}
				#topnav ul{}
				#topnav li{list-style-type:none; display:inline; color:#b5c2b8; font-family:"Josefin Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration:none; font-size:14px; text-transform:uppercase; padding:0 5px;}
	#content{width:707px; float:right; margin:135px 0 0 0; position:relative;}
		#announce{text-align:right; font-family:Georgia, "Times New Roman", Times, serif; margin:15px; font-size:16px; font-style:italic; position:absolute; width:600px; right:0; top:-175px;}
		#main{width:415px; padding:0 20px; overflow:visible; position:relative; text-align:justify;}
			/*--- HOME ---*/
			#homephotocontainer{position:relative; height:310px;}
			#homephoto{position:absolute; left:-50px; height:290px; width:480px; overflow:hidden;}
				#homephoto img{border:5px solid #fff; border-radius:0 10px 10px 0;}
			#headlines{}
				#headlines article{margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #000; overflow:hidden;}
				#headlines img.right{border:5px solid #fff;}
			/*--- ABOUT ---*/
			
			/*--- CONTACT ---*/
			#mapphotocontainer{position:relative; height:390px;}
			#mapcontainer{position:absolute; left:-50px; height:290px; width:480px; overflow:visible;}
				#map{height:280px; width:470px; border:5px solid #fff; border-radius:0 10px 10px 0;}
				#directionscontainer{width:460px; background:#fff; padding:5px 10px 15px 10px; margin:10px 0 0 0; border-radius:0 10px 10px 0;}
					.ie6 #saddr{width:60% !important;}
					#directionscontainer input[type=submit]{border-radius:0 10px 10px 0;}
			#directions section{margin:0 0 20px 0;}
			/*--- NEWSLETTER ---*/
			
			/*--- PRESS ---*/
			#press article div.collapse{height:110px; overflow:hidden;}
			#press article p.readmore{float:right; padding:5px 10px; margin:5px 0 15px 0; background:#C16724; color:#fff; border-radius:10px; cursor:pointer;}
			#press article p.readmore:hover, #press article p.readmore:focus{background:#e96f15; -moz-box-shadow:1px 1px 4px rgba(0,0,0,0.2); box-shadow:1px 1px 4px rgba(0,0,0,0.2);}
			#press article p.readmore:active{-moz-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.2); -wekbit-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.2); box-shadow:inset 1px 1px 4px rgba(0,0,0,0.2);}
			/*--- FRIENDS ---*/
			
			/*--- PRODUCTS ---*/
			#infotab{}
				#infotab ul{display:none;}
			
			#shop{margin:50px 0 0 0;}
				#shop h1 a{color:#fff; background:#6F8888; padding:20px; border-radius:10px; text-align:center; border:3px solid #fff; display:inline-block;}
				#shop h1 a:hover{background:#79acac; -moz-box-shadow:1px 1px 4px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.2); box-shadow:1px 1px 4px rgba(0,0,0,0.2);}
				#shop h1 a:active{-moz-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.2); -wekbit-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.2); box-shadow:inset 1px 1px 4px rgba(0,0,0,0.2);}
				
			/*--- SERVICES ---*/
			#services h1{margin:0 0 10px 0;}
			#services h1 a{font-size:12px; float:right; position:relative; top:2px;}
			#services ul{margin:0 0 0 10px;}
			#services li{list-style-type:none; margin:3px 0;}
			#services strong{padding:0 0 0 10px;}
			/*--- STYLISTS ---*/
			#stylists{}
				#stylists form{border-top:1px solid #5c4d3c; border-bottom:1px solid #5c4d3c; padding:10px; margin:20px 0;}
					#stylists form label{font-family:"Josefin Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; font-size:15px; text-transform:uppercase; padding:0 20px 0 0;}
					#stylists form select{width:300px;}
				#stylistgroup{}
					#stylistgroup ul{margin:0;}
					#stylistgroup li{float:left; list-style-type:none; margin:5px; display:block; width:128px;}
					#stylistgroup figure{border:3px solid #fff; position:relative; overflow:hidden;}
					#stylistgroup figcaption{background:#fff; position:absolute; z-index:100; right:0; bottom:0; text-align:right; z-index:100; padding:4px; color:#000;}
				#stylistinfo{}
					#stylistphotos{margin:0 0 20px 0; overflow:hidden;}
					#photolarge{width:340px;}
						#photolarge img{border:5px solid #ccc; display:block; margin:0 0 8px 0;}
					#photonav{float:right; width:185px; text-align:center;}
						#stylistphotos ul{margin:0;}
						#stylistphotos li{list-style-type:none; margin:3px; float:left;}
						#stylistphotos a img{border:2px solid #fff; display:block; margin:0 0 18px 0;}
						#stylistphotos a.current img{border:2px solid #C16724;}
		#sub{width:240px; float:right; overflow:hidden;}
			#appointments{border-radius:10px;}
				#appointments h1 a{color:#fff; background:#C16724; padding:20px; text-align:center; border:3px solid #fff; display:block; text-decoration:none; font-size:24px; border-radius:10px;}
				#appointments h1 a:hover{background:#e96f15; -moz-box-shadow:1px 1px 4px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.2); box-shadow:1px 1px 4px rgba(0,0,0,0.2);}
				#appointments h1 a:active{-moz-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.2); -wekbit-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.2); box-shadow:inset 1px 1px 4px rgba(0,0,0,0.2);}
				#appointments h1 span{display:block; font-size:14px;}
			#storeinfo{color:#444; position:relative;}
				#storeinfo #call{text-align:center; margin:5px 0 5px 0; padding:0 0 2px 0; border-bottom:1px solid #333;}
				#storeinfo h2{font-size:20px; color:#444; padding:0 0 2px 0;}
				#storeinfo p{padding:0 0 10px 0;}
				#storeinfo a{color:#000;}
				#storeinfo section{margin:0;}
			#social{margin:15px 0 0 0; position:relative;}
				#social h2{font-size:21px; font-weight:normal;}
				#socialnav{position:absolute; margin:-5px 0 0 0; padding:0 0 15px 0; right:0; top:0; width:75px; height:32px; }
					.twitter #socialnav{background:url(images/socialarrow.png) no-repeat 10px bottom;}
					.facebook #socialnav{background:url(images/socialarrow.png) no-repeat 42px bottom;}
				#socialcontent{background:#cbbe7a; border-radius:10px; padding:10px; margin:16px 0 0 0; height:528px;}
					.twitter #socialcontent{position:relative;}
						.twitter #socialcontent .feed{position:relative; width:213px; height:528px; display:block;}
					.facebook #socialcontent{position:relative;}
						.facebook #socialcontent .feed{background:#fff; border-radius:10px; top:-1px; left:4px; display:block; overflow:hidden; position:relative; width:213px; height:528px;}
						.facebook #socialcontent .feed iframe{left:-1px; overflow:hidden; position:relative; top:-1px;}
		footer{margin:10px 0 30px 0; padding:0 20px;}
			.tel{padding:0 0 0 20px;}
			footer nav{}
				footer nav ul{}
					footer nav li{display:inline; text-transform:lowercase;}
					footer nav li:after{content:"\203A"; padding:0 3px;}
					footer nav li:last-child:after{content:"";}
						footer nav a{padding:0; text-decoration:none; font-size:13px; color:#000;}
						footer nav a:hover{border-bottom:1px dotted #000;}
						
		#print{margin:10px; color:#000; background:#fff; width:auto; height:auto;}
			#print footer{padding:0;}
			
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:10000; overflow:visible;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; background:rgba(0,0,0,0.8);}
#colorbox{border-radius:20px;}
#cboxWrapper{overflow:visible; border-radius:20px;}
    #cboxContent{background:#fff; padding:20px; border-radius:20px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:8px; right:7px; background:#C16724; padding:5px; color:#fff; border-radius:10px; z-index:100;}
        #cboxClose:hover{background:#e96f15; -moz-box-shadow:1px 1px 4px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.2); box-shadow:1px 1px 4px rgba(0,0,0,0.2);}

/*---- END LAYOUT ---*/

/*--- ALTERNATE MEDIA STYLES ---*/
@media print{
	*{background:transparent !important; color:black !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important;} 
	a, a:visited{color:#444 !important; text-decoration:underline;}
	/*a[href]:after{content:" (" attr(href) ")";}
	abbr[title]:after{content:" (" attr(title) ")";}
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after{content:"";}*/  
	pre, blockquote{border:1px solid #999; page-break-inside:avoid;}
	thead{display:table-header-group;}
	tr, img{page-break-inside:avoid;}
	@page{margin:0.5cm;}
	p, h2, h3{orphans:3; widows:3;}
	h2, h3{page-break-after:avoid;}
}
/*--- END ALTERNATE MEDIA STYLES ---*/