body {
	font: 100%/1.1em Helvetica, Arial, sans-serif;
}

#wrap {
	position: relative;
	width: 980px;
	margin: 0 auto 1em auto;
	z-index: 0;
}

#salon-header,
#education-header,
#products-header,
#appointments-header,
#dish-header {
	position: absolute;
	top: -4em; /* This rule causes an error in IE7 */
	width: 392px;
	height: 153px;
	z-index: -1;
}
#education-header {left: 0;}
#salon-header {left: 15%;}
#products-header {left: 30%;}
#appointments-header {left: 45%;}
#dish-header {left: 60%;}

h1 {
	width: 240px;
	height: 43px;
	margin: 4em 0 0 0;
	background: #fff url(../images/bg-images/headmasters-logo-sm.gif) no-repeat 0% 0%;
	text-indent: -9999px;
}
h1 a {
	display: block;
	width: 100%;
	height: 100%;
}

#address {
	float: left;
	margin: 0;
	padding: .35em 0 1em 0;
	font-size: 90%;
	color: #718791;
}

#nav {
	float: right;
	width: 100%;
	margin: 0;
	font-size:100%;
}
#nav li {
	float: left;
	width: 20%;
	padding: .25em 0;
	background: #fff;
	border-top: solid 20px;
	text-align: center;
}
#nav li a {
	font-size: 90%;
	text-transform: lowercase;
	text-decoration: none;
	color: #71879a;
}
#nav li a:hover {
	color:#a1c3e0;
}
#nav .events {border-color: #71879a;}
#nav .salon {border-color: #94a5b3;}
#nav .products {border-color: #aab7c2;}
#nav .appointment {border-color: #c6cfd7;}
#nav .dish {border-color: #e3e7eb;}
#nav .active {
	width: 40%;
	background: #ecf2f5;
	text-align: left;
}
#nav .active a {
	padding: 0 1em;
	color: #000;
}
#nav .inactive {
	width:15%;
}

#content {
	clear: both;
	width: 392px;
	background: #ecf2f5;
}
#wrap .main {background: #fff;}
.highlight #fade {
	padding: .5em 0;
	background: #ecf2f5;	
}
.margin-15 {margin-left: 15%;}
.margin-30 {margin-left: 30%;}
.margin-45 {margin-left: 45%;}
.margin-60 {margin-left: 60%;}

#video_placeholder {
	width: 572px;
	margin: 0 130px;
	padding: 2em 0;
}

h2, h3, h4, caption, a {
	color: #bd3f00;
	font-weight: normal;
}

html h2 {
	margin:1em;
}

h3, caption {
	font-size: 90%;
	font-style: italic;
}

h2, h3, h4, table, ul, dl, p {
	width: 90%;
	margin: 0 5%;
}

h2.education {
	margin: 0 0 .15em 0;
	padding: 100px 5% 0 5%;
	font-size: 200%;
	text-transform: uppercase;
}

h2#sound {
	padding-bottom: .5em;
	background: url('../images/bg-images/sound.gif') no-repeat -5px 0;
}
h2#models {
	padding-bottom: .5em;
	background: url('../images/bg-images/models.gif') no-repeat -5px 0;
}

/*#content img {
	float: right;
	margin: 0 5%;
}*/

table {margin-bottom:1em;}

td {
	width: 80%;
	padding: 0 0 .5em 0;
	font-size: 80%;
	color: #454545;
}

td.price {
	width: 20%;
	text-align: right;
}

ul, dl {
	font-size: 80%;
	color: #454545;
}

li {
	padding: .25em 0;
}

dt {
	margin: 0;
	font-size: 105%;
	font-weight: bold;
}

dd {
	padding: 0 0 1em 1.75em;
}

p {
	padding: 0 0 1em 0;
	font-size: 80%;
	color: #454545;
}

strong {
	font-weight: bold;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.bio_entry {
	width: auto;
	margin-top: .5em;
	margin-bottom: .5em;
}
.bio_entry_height {
	position: relative;
	width: auto;
	margin-top: .5em;
	margin-bottom: .5em;
}

.bio_entry img {
	float: right;
	left: 20px;
	margin: 0 20px;
}
.bio_entry img.starting_state {
	float: none;
}
.bio_entry img.animate_begin {
	position: absolute;
}
.bio_entry img.animate_middle {
	position: static;
	float: right;
}