/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}
/* END RESET STYLES */

html { background-color:#000;}
img {-ms-interpolation-mode: bicubic;}

#container { margin:auto; width:800px; }

#header { background-color:#f8f4d8; width:800px; display:block; float:left; position:relative; }
#header img {position:relative; padding:20px; float:left;}
#header span { position:relative; float:left; left:30px; top:30px; padding:2px;}
#content { background-color:#967f00; height:250px; float:left; position:relative; width:800px; }
#header div { position:relative; }

h1 { width:300px;}
h2 { float:left; color:#978100; position:relative; width:500px; top:35px; left:50px; font-family:verdana; font-size:14px; font-variant:small-caps;  }
h3 { float:left; color:#ef8612; position:relative; width:500px; top:35px; left:50px; font-family:verdana; font-size:14px; }
#texttagline { font-family:times new roman; opacity:0.27; color:#fff; font-size:90px; padding-top:0px; float:left;}
#tagline { padding:15px 0 0 0; }

#navigation { background-color:#df7801; height:30px; float:left; width:800px;}
#navigation ul { list-style:none; margin:0px; }
#navigation ul li { float:left; }
#navigation ul li a { float:left; outline:none; text-decoration:none; color:#fff; font-family:verdana; font-size:12px; padding:5px 0px 5px 50px; }
#navigation ul li a.active { color:#000; }

#content .header { font-family:times new roman; font-size:20px; color:#000; float:none; display:block; padding:20px 200px 15px 50px;}
#content .bodycopy { font-family:verdana; font-size:12px; color:#fff; float:left; width: 675px; line-height:20px; padding:5px 200px 0px 50px;}

#teamgraphic img { width:180px; position:relative; left:570px; top:-180px; }

#submenu { float:left; position:relative; width:200px; overflow:hidden; height:250px;}
#submenu a { text-decoration:none; outline:none; color:#f8f4d8; display:block; position:relative; font-size:14px; line-height:40px; width:120px; left:50px; top:40px; }
#submenu a.active { color:#ddaa6e; outline:none;}

#swappable-container { float:left; height:250px; width:600px; overflow:hidden; }
#swappable-container div { float:left; height:250px; width:10000px; }
#swappable-container div a { font-family:verdana; font-size:12px; float:left; position:relative; width:600px; height:250px; }
#swappable-container div a.active { position:absolute; left:200px; }

#stylists { }
#stylists dl {}
#stylists dl dt { float:left; position:absolute; color:#000; top:50px; left:150px; }
#stylists dl dd { float:left; display:block; position:absolute; left:150px; top:80px; width:400px;  color:#f8f4d8;}
#stylists img { float:left; position:absolute; top:50px; height:150px; width:100px;}

#services { margin-top:50px; }
#services table { }
#services table tr { width:200px; }
#services table tr th { font-weight:bold; font-style:italic; }
#services table tr td { }
#services dl dt { float:left; }
#services dl dd { text-align:right; margin-right:150px;}

#contact-container { font-family:verdana; font-size:12px; width:700px; margin:20px 20px 20px 50px; }
#contact-container p { margin-bottom:10px;}
#contact-container h4 { font-weight:bold; }
#contact-container h5 { text-decoration:underline; }

#news-events-container { font-family:verdana; overflow:auto; font-size:12px; height:215px; width:725px; padding-right:15px; margin:20px 5px 20px 50px; }
#news-events-container p { margin-bottom:10px;}
#news-events-container h4 { font-weight:bold; }
#news-events-container h5 { text-decoration:underline; }

#postcard { height:250px; display:block; float:left; width:800px; position:relative; }
#postcard img { width:800px; position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#postcard img.active { z-index:10; opacity:1.0; }
#postcard img.last-active { z-index:9; }
.inactive { display:none; }