/* yReset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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;
}
ol,ul {
	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;
}/*
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
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
	color: #444;
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}

h4, h5, h6 {
	margin: 1em 0 0 0;
}

h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
	font-weight: inherit;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
th,td {
	/*borders and padding to make the table readable*/
	border: none;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:left;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,fieldset,input,textarea,p,blockquote,th,td { 
	line-height: 150%;
	}/* base.css */
body {
	background-color: #818385;
	}
	
h1, h2 {
	position: absolute;
	top: -600px;
	}

h3, h4 {
	font-family: Georgia, serif;
	text-transform: uppercase;
	color: #9c0138;
	font-size: 92%; /* 11px */
	text-align: left;
	}
	
h4 {
	color: #444;
	}

table {
	border-bottom: 1px solid #aeb3c8;
	}
caption {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 85%;
	border-bottom: 1px solid #aeb3c8;
	}

tr {
	vertical-align: top;
	}
dl {
	margin: 0;
	margin-bottom: 1em;
	}

ul.priceList,
ul.questionsAnswers {
	margin-left: 0;
	}
ul.priceList li,
ul.questionsAnswers li {
	list-style-type: none;
	margin-bottom: 1em;
	}
ul.priceList h5,
ul.questionsAnswers h5 {
	display: inline;
	font-family: Georgia, serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 85%; /* 11px */
	color: #444;
	margin-right: .5em;
	padding-top: .1em;
	}

#content {
	margin: 0 auto;
	background-image: url(../images/frame.jpg);
	background-repeat: no-repeat;
	width: 457px;	/* 743px - padding */
	height: 261px; /* 490px - padding */
	padding: 165px 31px 64px 255px;
	position: relative;
	}

#content p,
#content th,
#content td {
	font-size: 93%;
	}

#navigation {
	text-transform: uppercase;
	font-family: Georgia,serif;
	font-size: 100%;
	}

#navigation li {
	padding-bottom: 1em;
	list-style-type: none;
	padding-left: 22px;
	background-image: url(../images/bullet_navigation.gif);
	background-repeat: no-repeat;
	background-position: -300px 3px;
	/* trying text shadows - offset by 2, blur by 3 
	text-shadow: #686b77 1px 1px 1px; 
	filter: Shadow(Color=#686b77, Direction=135, Strength=1);  */
	}

#navigation li.selected > a {
	font-weight: bold;
	color:  inherit;
	}
	
#navigation a:link {
	/* color: #686868; */
	text-decoration: none;
	}
	
#navigation a:visited {
	/* color: #686868; */
	text-decoration: none;
	}
	
#navigation a:hover {
	color: inherit;
	text-decoration: none;
	}
	
#navigation a:active {
	color: inherit;
	text-decoration: none;
	}
.subnav {
	margin-left: 0;
	}
	#navigation .subnav li {
		background-image: none;
		padding-left: 0;
		font-size: 85%;
		text-transform: none;
		}
.pictureFrameOuter {
	border: 1px solid #c0bebe;
	border-right: 1px solid #7e7e7e;
	border-bottom: 1px solid #7e7e7e;
	padding: 1px;
	}

.pictureFrameInner {
	border: 4px solid #b0b0b0;
	padding: 10px 5px 10px 15px;
	}
.scrolling .pictureFrameInner {
	height: 343px;
	overflow-y: auto;
	}

.pictureFrameInner > h3,
.pictureFrame > h3 {
	margin-top: 0;
	}

.collage {
	width: 265px;
	float: left;
	}
.collage ul {
	margin: 0;
	}
.collage li {
	list-style-type: none;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 80px;
	}

.pictureFrames {
	width: 160px;
	float: left;
	margin-left: 13px;
	margin-top: 16px;
	}
.pictureFrame {
	text-align: center;
	}


.event {
	border-top: 1px solid #aeb3c8;
	margin-right:10px;
	/* border-bottom: 1px solid #aeb3c8; */
	}
.event table {
	border-bottom: none;
	}
	
.figure {
	float: right;
	padding: 0 0 1em 1em;
	}
.left {
	float: left;
	}
#content .credit,
.caption,
#content .figure .credit {
	font-family: Arial Narrow, Trebuchet
	font-size: 77%;
	color: #999;
	}
.picLarge {
	width: 140px;
	}

/* banner ad space */

.banner { margin: 0 auto; }


/* widget-specific styles */
.organic {float: right; padding: 1em 0 1em 1em; }


/* Colors for the various sections */
.staff h3,
#navigation .staff,
#navigation .staff * {
	color: #5c1b80;
	}
.philosophy h3, 
#navigation .philosophy,
#navigation .philosophy * {
	color: #9c0138;
	}
.services h3, 
#navigation .services,
#navigation .services * {
	color: #ee7197;
	}
.stylists h3, 
#navigation .stylists,
#navigation .stylists * {
	color: #e87f00;
	}
.styles h3, 
#navigation .styles,
#navigation .styles * {
	color: #ffbb0b;
	}
.events h3, 
#navigation .events,
#navigation .events * {
	color: #99cc00;
	}
.products h3, 
#navigation .products,
#navigation .products * {
	color: #33cc62;
	}
.contact h3, 
#navigation .contact,
#navigation .contact * {
	color: #009bff;
	}
#navigation .facebook {
	background-image:none;
}
	
	
	
/* v2 of the site */

.page { width: 743px; margin: 0 auto; }
.head { background: transparent url(../images/frame_top.png); height: 169px; }
.body { background: transparent url(../images/slice_bg.gif); }
.leftCol { padding-left: 22px; width: 245px; float: left; }
.main { overflow: hidden; margin: 0 36px 0 22px; min-height: 410px;}
.foot { background: transparent url(../images/frame_bottom.png); height: 77px; }
.findFacebook { display: block; width: 144px; height: 44px; margin: 14px 0 0 48px;}
.philosophy #navigation li.philosophy,
.services #navigation li.services,
.stylists #navigation li.stylists,
.styles #navigation li.styles,
.staff #navigation li.staff,
.events #navigation li.events,
.products #navigation li.products,
.contact #navigation li.contact
 {background-position: 0 3px;}