/*
---------------------
01. General
02. Global Classes
03. Structure
04. Navigation
05. Homepage
06. Subpage General
07. Style Gallery
08. Services
09. Salon Team
10. Spa Packages
11. Press
12. Forms
------------------------


----------------------------------------------------------
01. GENERAL
---------------------------------------------------------- */
@import url("reset.css");
a:link { color:#000; font-weight:bold; text-decoration:none; text-transform:uppercase; }
a:visited { color:#666; font-weight:bold; text-decoration:none; text-transform:uppercase; }
a:hover, a:focus { color:#026886;}
	
body { background:#F0F0F0 url(../images/bg.jpg) no-repeat top center; color:#000; font:62.5% Arial, Helvetica, Verdana, sans-serif; text-align:center } 
h1 { color:#C30F30; font-size:30px; margin-bottom:0.25em; word-spacing:-2px; }
h2 { color:#026886; font-size:22px; margin-bottom:0.25em; word-spacing:-1px;}
h3 { color:#000; font-size:16px; letter-spacing:1px; margin-bottom:0.25em; text-transform:uppercase; word-spacing:-1px; }
hr { border:0; clear:both; color:#A8C6CF; background:#A8C6CF; height:1px; margin:2.5em 0 }; 
ol { list-style-type:decimal; list-style-position:inside;}
p {  margin-bottom:1em;}

/* FIXED FOOTER DECLARATIONS 
For main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
html, body, #wrapper { height:100%;}
body > #wrapper { height:auto; min-height:100%; }
	#content { padding:0 5px 150px; }  /* bottom must be same height as the footer */
	#footer { clear:both; margin-top:-150px; /* negative value of footer height */ height:150px; position:relative; }


/*
----------------------------------------------------------
02. GLOBAL CLASSES
---------------------------------------------------------- */
a.button, input.submit { background:#fff; border:4px double #D5D5D5; padding:6px 12px; }
a.button:hover, a.button:focus, input.submit:hover { border:4px double #E3E3E3; }
a.email { text-transform:none;}
a span { color:#C30F30;}
p.intro { color:#333; font-size:1.2em; line-height:1.6em; margin-bottom:1.3em; }
p.intro strong { color:#000; }

.clear { clear:both }
.icons { background-image:url(../images/icons.gif); background-repeat:no-repeat; }
.inline { display:inline; float:left;}
.padded { padding-top:5px;}
.wrap { font-size:1.1em; margin:0 auto; text-align:left; width:980px }


/*
----------------------------------------------------------
03. STRUCTURE
---------------------------------------------------------- */
#wrapper { background:url(../images/bg_ornate.gif) no-repeat center top;}
#header { height:130px; position:relative; width:970px; }
	#header h1 { margin:0; position:absolute; top:35px;}  /* logo */
#content { font-size:1.2em; line-height:1.5em; overflow:hidden; padding-top:20px; text-align:left; width:970px; }
	#content-primary { border-right:1px solid #D1D1D1; margin-bottom:50px; padding:0 40px 0 0; width:530px;}
	#content-secondary { border-left:1px solid #D1D1D1; margin:0 0 50px -1px; padding-left:30px; width:350px; }
#footer { background:url(../images/bg_footer.png) repeat-x; color:#333; font-size:1.1em; line-height:1.7em; overflow:hidden; padding-top:25px; }


/*
----------------------------------------------------------
04. NAVIGATION
---------------------------------------------------------- */
#nav-main { font-size:13px; letter-spacing:1px; overflow:hidden; position:absolute; top:95px; right:5px; text-align:right; width:700px; }
#nav-main li { border-right:1px dotted #999; display:inline; padding:5px 0; }
#nav-main li a { color:#000; padding:0 18px; text-transform:uppercase; }
#nav-main li.last { border-right:0; }
#nav-main li.last a { padding-right:0; }
#nav-main li a.active { color:#C30F30; }
#nav-main li a:hover { color:#666; }

/* SUBNAV */
#nav-secondary { font-size:20px; width:370px; }
#nav-secondary li { border-bottom:1px dotted #ccc; height:41px; line-height:25px;}
#nav-secondary li a { color:#333; display:block; text-transform:none; padding:7px 0 0; }
#nav-secondary li a:hover { color:#666; }
#nav-secondary li a.active { color:#C30F30; }
#nav-secondary.twocol { overflow:hidden;}
#nav-secondary.twocol li { display:inline; float:left; width:180px;}

/* FOOTER */
#footer h2, body.sub #footer h2 { color:#333; font-size:1.3em; letter-spacing:1px; margin-bottom:0.25em; text-transform:uppercase;}
#footer a { font-size:0.9em;}
#footer div.wrap { position:relative;}
#footer div.inline { margin-right:50px;}
#footer div.inline p { margin-bottom:15px;}
#footer p#copyright { margin-bottom:0;}
#footer dl { overflow:hidden; width:200px;}
#footer dt, #footer dd { display:inline; float:left;}
#footer dt { width:125px;}
#footer div.last { font-size:0.8em; position:absolute; margin-right:0; right:0; text-align:right; }
#footer img#corner { bottom:0; position:absolute; right:0;}
	
#footer p#moncur { padding:8px 0 40px 0; position:absolute; right:0; }
#footer p#moncur a, #footer p#moncur a:visited  { position:relative; }
#footer p#moncur span  { display:none; font-size:10px; font-weight:normal; left:-170px; position:absolute; white-space:nowrap;}


/*
----------------------------------------------------------
05. HOMEPAGE
---------------------------------------------------------- */
#home #flash-header { margin-bottom:20px;}
#home #content { padding-top:0;}
	#austin-fashion-awards { margin:0; padding-top:1em;}
	#austin-fashion-awards img { border:0;}
	#austin-fashion-awards div.summary { padding-top:3em; width:300px;}
	#austin-fashion-awards #flash-replace { display:inline; float:left; margin-right:20px; }
	
	div.highlight { margin-bottom:1.5em; overflow:hidden;}
		div.highlight img { border:1px dotted #333; float:left; margin:3px 15px 0 0; }
		div.highlight p.intro { font-size:11px; text-transform:uppercase; }
		div.highlight p { margin:0 0 0.2em 0;}
		
		div.highlight div.summary { width:255px;}
		div.highlight a { font-size:0.9em; }
		div.last { margin:0;}
	
	div.stylist-updates { display:inline; margin-right:35px; float:left; width:150px;}
	div.stylist-updates a { font-weight:normal; text-transform:none;}
	div.last { margin-right:0;}
	
		
/*
----------------------------------------------------------
06. SUBPAGE GENERAL 
---------------------------------------------------------- */
body.sub h1 { font-size:32px; letter-spacing:2px; margin-bottom:30px; text-transform:uppercase;}
body.sub p.intro { margin-top:-1em;}
body.sub #content-primary p a { font-size:11px; white-space:nowrap;}

/* SIDEBAR */
#gallery-sample { background:url(../images/sidebar_image_shadow.png) no-repeat bottom center; height:237px; margin-bottom:10px; overflow:visible; position:relative; }
	#gallery-sample span { position:absolute; right:12px; top:-18px; z-index:100;}
blockquote { color:#666; font-size:25px; line-height:1.35em; word-spacing:-1px;}
	blockquote p { margin-bottom:0;}
	blockquote p cite { display:block; font-size:15px; font-style:normal; letter-spacing:1px; text-transform:uppercase;}
h2#appointment { background:url(../images/bg_appointment.gif) no-repeat; color:#C30F30; font-size:20px; letter-spacing:1px; line-height:1.3em; margin-left:-30px; padding:50px 0 60px 30px; text-transform:uppercase;}
	h2#appointment strong { display:block; font-size:30px; padding-left:13px; }
	h2#appointment em { color:#333; display:block; }


/*
----------------------------------------------------------
07. STYLE GALLERY
---------------------------------------------------------- */
#gallery { margin-bottom:100px; overflow:hidden; }
	#gallery ul { display:inline; float:left; margin-left:20px; padding-left:0; width:240px; }
		#gallery ul li { border:2px solid #ccc; display:inline; float:left; margin:0 3px 3px 0; overflow:hidden; position:relative; }
		#gallery ul li img { cursor:pointer; position:relative; }
	#gallery div.pika_main { background:url(../images/gallery/bg.gif) no-repeat; border:2px solid #ccc; display:inline; float:left; height:500px; margin:0 auto; overflow:hidden; position:relative; width:700px; }
		div.pika_play { background:#fff; font-size:11px; font-weight:bold; padding:10px; position:absolute; text-transform:uppercase; right:0; top:0; z-index:1; }
		div.pika_play a { color:#666; cursor:pointer; }
		div.pika_play a:hover { color:#C30F30; }
		
		
/*
----------------------------------------------------------
08. SERVICES
---------------------------------------------------------- */
div.service { border-top:1px solid #A8C6CF; margin-bottom:30px; padding-top:12px; }
	div.service dl.individual { margin-bottom:20px; }
	
	div.service dl { line-height:1.8em; overflow:hidden; width:475px; }
		div.service dt { background:url(../images/icons.gif) no-repeat 0 -135px; display:inline; float:left; font-weight:bold; width:275px; }
		div.service dt strong { background:url(../images/icons.gif) no-repeat 0 -188px; padding-right:5px; }
		div.service dt span { color:#333; float:left; font-size:11px; font-weight:normal; margin-bottom:0.2em; text-transform:uppercase; white-space:nowrap; }
		div.service dd { display:inline; float:left; padding-left:5px; width:195px; }


/*
----------------------------------------------------------
09. SALON TEAM
---------------------------------------------------------- */
#team.sub h1 { margin-bottom:0.25em;}
#team.sub h2 { margin-bottom:1em; }
		
		
/*
----------------------------------------------------------
10. SPA PACKAGES
---------------------------------------------------------- */
div.package { border-top:1px solid #A8C6CF; display:inline; float:left; margin:0 30px 30px 0; padding-top:12px; width:235px; }
	div.package h2 { font-size:25px;}
	body.sub div.package p.intro { font-size:11px; margin:0 0 0.2em; text-transform:uppercase; }
	div.package ul li { background:url(../images/icons.gif) no-repeat 0 -94px; padding-left:12px;}
	div.package ul li.lunch { background-position:0 0; font-size:0.9em; margin-top:3px; padding:2px 0 0 25px; width:200px;}


/*
----------------------------------------------------------
11. PRESS
---------------------------------------------------------- */
#press p.directive { color:#666;}
#press #content-primary h1 { margin-bottom:0.5em;}
#press #content-primary h2 { margin-top:1em;}


/*
----------------------------------------------------------
12. FORMS
---------------------------------------------------------- */
#contact-form { margin-top:2em; overflow:hidden; width:530px; }
#contact-form p { color:#666; display:inline; float:right; font-size:11px; text-align:right; text-transform:uppercase; width:200px; }

label, input { display:block;}
label { float:left; font-size:11px; line-height:1.3em; text-transform:uppercase; padding:3px 10px 0 0; width:120px }
input, textarea { border:2px solid #ddd; font:12px Arial, Helvetica, sans-serif; margin-bottom:0.75em; padding:6px; width:380px; }
input:focus, textarea:focus { border:2px solid #999; }
input.submit { background:#C30F30; border-color:#950010; color:#fff; display:inline; float:left; font-weight:bold; margin:-0.25em 2em 2em 130px; text-transform:uppercase; width:auto }
input.submit:hover { border-color:#E73356; color:#fff; cursor:pointer; }
span.required { color:#C30F30 }
ul#errors { border:1px dotted #C30F30; color:#C30F30; font-weight:bold; margin-top:1em; padding:1em 2em;}
ul#errors li span { color:#333;}