@charset "UTF-8";
/* CSS Document */

html, body   {
font: 12px/120% futura, verdana, arial, sans-serif;
background-color:#fff;
height: 100%;
margin: 0; padding: 0;
color: #fff;
text-align: center;
}
         
div#centered {
border: 0;
background-color: #ccc;
height: 432px;
width: 649px;
position: relative; top: 20%; color: black;margin: 0 auto;
}

#blue_outline {
background-color:#10147e;
width:800px;
height:600px;
text-align:center;
margin: 0 auto;
padding: 7px 7px 0 7px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:786px;
} 

html>body #blue_outline {
  width:786px;
} 

#white_outline {
width:786px;
background-color:#fff;
height:504px;
}

#blue_outline img {
margin: 0;
padding: 0;
}

#footer {
margin: 25px 0 0 0;
padding: 0;
}

#footer ul {
list-style:none;
margin:0;
padding:0;
}

	#footer li {
	display:inline;
	font-weight:normal;
	}
	
	li.pipe {
	font-family:helvetica, sans-serif;
	font-size: 22px;
	padding: 0 10px 0 10px;
	}
	
	#footer li a:link, #footer li a:visited {
	font-size:22px;
	text-decoration:none;
	color:#fff;
	}
	
	#footer li a:hover {
	color:#FF7800;
	}
	
	#footer li.salon a {
	color:#FF7800;
	}
	
	.salon a {
	color:#FF7800;
	}
	
	#footer p {
	padding: 20px 0 0 0;
	font-size: 13px;
	}
	
/* salon bio page */
#salon_bio {
background: url(/images/salon_bio_bkg.jpg) no-repeat top right;
height:100%;
margin:0;
padding:0;
text-align:left;
}

#salon_bio img {
margin: 110px 0 0 20px;
padding: 0;
float:left;
}

.salon_bio_text {
float:left;
width:165px;
margin: 0 0 0 20px;
padding: 15px 0 0 0;
}

.salon_bio_text p {
color:#525252;
font-size:11px;
padding: 0 0 5px 0;
}

/* stylists page */
#stylists {
background: url(/images/salon_stylists_bkg.jpg) no-repeat top right;
height:100%;
margin:0;
padding:0;
text-align:left;
}

#stylists-short {
background: url(/images/salon_stylists_bkg2.jpg) no-repeat top right;
height:495px;
margin:0;
padding:10px 0 0 10px;
text-align:left;
}

#stylists-short p {
	font-family:helvetica,verdana,serif;
	font-size:10px;
	}
	
	#stylists-short p span {
	font-weight:bold;
	}


.style_area {
width:630px;
height:490px;
margin:0;
padding:0;
float:left;
}

.kurt-bio {
width:270px;
margin:0 15px 0 0;
padding:0;
color:#000;
float:left;
}

.lana-bio {
width:175px;
margin:0 15px 0 0;
padding:0;
color:#000;
float:left;
}

.meg-bio {
width:140px;
margin:0;
padding:0;
color:#000;
float:left;
}

	.kurt-bio img, .lana-bio img, .meg-bio img {
	margin:0;
	padding:0;
	border:none;
	}
	
	.kurt-bio h2, .lana-bio h2, .meg-bio h2 {
	font-size:13px;
	margin:5px 0 0 0;
	padding:0;
	line-height:13px;
	}
	
	.kurt-bio h3, .lana-bio h3, .meg-bio h3 {
	font-size:13px;
	font-weight:normal;
	margin:0;
	padding:0;
	line-height:13px;
	}
	
	.kurt-bio p, .lana-bio p, .meg-bio p {
	margin:5px 0 0 0;
	}
	

/* old style page */

.style_images {
width:374px;
float:left;
height:425px;
margin: 35px 0 0 0;
padding:0 0 0 15px;
overflow:hidden;
}

.stylist_pics {
width:366px;
float:left;
margin:0 0 0 15px;
}

	.stylist_pics img {
	float:left;
	border:none;
	}
	
	.stylist_bio {
	float:left;
	width:185px;
	color:#525252;
	line-height:13px;
	display:inline;
	margin: 20px 0 0 0;
	padding: 0 0 0 12px;
	}
	
	.stylist_bio h3 {
	color:#525252;
	margin:0 0 2px 0;
	font-size:14px;
	padding:0;
	}
	
	.stylist_bio h4 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 12px;
	font-weight:normal;
	}
	
	.stylist_bio p {
	font-size:10px;
	margin: 7px 0 0 0;
	padding:0;
	}
	
.stylists_left, .stylists_right, .stylists_middle {
float:left;
width:120px;
}

.stylists_middle {
height:350px;
}

.stylists_left, .stylists_middle {
margin: 0 6px 0 0;
padding:0;
}

.stylists_right {
margin:0;
padding:0;
}
	
	
	.kurt, .kurt a, .kurt img, .kurt2, .kurt2 a, .kurt2 img, .lana, .lana a, .lana img, .lana2, .lana2 a, .lana2 img, .charlotte, .charlotte a, .charlotte img, .leslie, .leslie a, .leslie img, .jen, .jen a, .jen img, .meg, .meg a, .meg img {
	width: 120px;
	height:160px;
	float:left;
	text-decoration:none;
	display:inline;
	}
	
	.kurt {
	padding: 132px 0 0 0;
	margin:0;
	}
	
	
	
	
	.kurt2 {
	padding:0;
	margin:0;
	}
	
	.leslie, .meg, .lana {
	padding: 105px 0 0 0;
	margin:0;
	}
	
	.lana a, .leslie a, .charlotte a, .kurt a, .kurt2 a, .meg a, .jen a {
	border:none;
	display:block;
	}
	
	.lana a:link, .lana a:visited {
	background:url(/images/stylists/lana-gilman-headshot.jpg) no-repeat;
	}
	
	.lana a:hover {
	background:url(/images/stylists/lana-gilman-hover.jpg) no-repeat;
	}
	
	.leslie a:link, .leslie a:visited {
	background:url(/images/max-stylist.jpg) no-repeat;
	}
	
	.leslie a:hover {
	background:url(/images/stylists/max-hover.jpg) no-repeat;
	}
	
	.charlotte a:link, .charlotte a:visited {
	background:url(/images/beth-stylist.jpg) no-repeat;
	}
	
	.charlotte a:hover {
	background:url(/images/stylists/beth-hover.jpg) no-repeat;
	}
	
	.kurt a:link, .kurt a:visited {
	background:url(/images/stylists/kurt-darhower-headshot.jpg) no-repeat;
	}
	
	.kurt a:hover {
	background:url(/images/stylists/kurt-darhower-hover.jpg) no-repeat;
	}
	
	.kurt2 a:link, .kurt2 a:visited {
	background:url(/images/stylists/kurt-darhower-headshot.jpg) no-repeat;
	}
	
	.kurt2 a:hover {
	background:url(/images/stylists/kurt-darhower-hover.jpg) no-repeat;
	}
	
	.meg a:link, .meg a:visited {
	background:url(/images/stylists/mary-stylist-headshot.jpg) no-repeat;
	}
	
	.meg a:hover {
	background:url(/images/stylists/mary-stylist-hover.jpg) no-repeat;
	}
	
	.jen a:link, .jen a:visited {
	background:url(/images/stylists/jen-salonmanager-headshot.jpg) no-repeat;
	}
	
	.jen a:hover {
	background:url(/images/stylists/jen-salonmanager-hover.jpg) no-repeat;
	}

	
/* map page */
#map {
background: url(/images/google_map_bkg.jpg) no-repeat top right;
height:100%;
margin:0;
padding:0;
text-align:left;
}

.map_frame {
padding: 60px 0 0 0;
margin: 0 0 0 85px;
}

.map_frame iframe {
border: 2px solid #ccc;
}

/* SMO links */

.smo {
width:700px;
height:61px;
text-align:center;
margin:0 auto;
padding:10px 0 0 0;
}

.smo img {
float:left;
margin: 0 auto;
border:none;
}

.social td {
margin:0;
padding:0;
}

.padded img {
padding: 0 15px 0 5px;
}

.paddedsm img {
padding: 0 5px 0 5px;
}