/*
Description:  Salon Mirror Mirror - Interface Design Styles
Authored by: Agua Web Design - www.aguawebdesign.com - info@aguawebdesign.com
Created:  January 7, 2008
*/

/********  UNIVERSAL STYLES  ********/
body {
	background-color: #5C422B;
	background-image: url(/images/interface/bg_wallpaper_chocolate.jpg);
	padding: 0px;
	text-align: center;
	font: 1em;
	scrollbar-arrow-color: #251B12;
	scrollbar-base-color: #C19D7D;
	scrollbar-face-color: #CCA083;
	scrollbar-highlight-color: #FFEBCC;
	scrollbar-shadow-color: #876752;
	scrollbar-3dlight-color: #C19D7D;
	scrollbar-track-color: #FFEBCC;
	scrollbar-darkshadow-color: #251B12;
	position: relative;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#container {
	background: url(/images/interface/bg_interface.jpg) no-repeat center;
	height: 750px;
	text-align: center;
	margin: 0 auto;
}
#music {
	padding: 0px;
	text-align: center;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 650px;
}
#music object {
	margin: 0px;
	padding: 00px;
}

/********  HEADER & NAVIGATION MENU STYLES  ********/

#header {
	text-align: center;
	margin: 0px 0px 0px 15px;
	padding: 186px 0px 0px;
	height: 123px;
}
#header .logo {
	text-align: center;
	border-style: none;
}

#nav {
	height: 28px;
	margin: 3px auto 15px;
	padding: 0px;
	position: relative;
	width: 951px;
}
#nav_home {
	position: absolute;
	width: 55px;
	left: 237px;
	top: 0px;
	height: 28px;
}
#nav_home a {
	background: url(/images/interface/but_home.jpg) no-repeat;
	display: block;
	height: 28px;
}
#nav_home a:hover {
	background: url(/images/interface/but_home_hover.jpg) no-repeat;
}
#nav_services {
	position: absolute;
	width: 76px;
	left: 319px;
	top: 0px;
	height: 28px;
}
#nav_services a {
	background: url(/images/interface/but_services.jpg) no-repeat;
	display: block;
	height: 28px;
}
#nav_services a:hover {
	background: url(/images/interface/but_services_hover.jpg) no-repeat;
}
#nav_products {
	position: absolute;
	width: 76px;
	left: 423px;
	top: 0px;
	height: 28px;
}
#nav_products a {
	background: url(/images/interface/but_products.jpg) no-repeat;
	display: block;
	height: 28px;
}
#nav_products a:hover {
	background: url(/images/interface/but_products_hover.jpg) no-repeat;
}
#nav_stylists {
	position: absolute;
	width: 69px;
	left: 535px;
	top: 0px;
	height: 28px;
}
#nav_stylists a {
	background: url(/images/interface/but_stylists.jpg) no-repeat;
	display: block;
	height: 28px;
}
#nav_stylists a:hover {
	background: url(/images/interface/but_stylists_hover.jpg) no-repeat;
}
#nav_location {
	position: absolute;
	width: 77px;
	left: 633px;
	top: 0px;
	height: 28px;
}
#nav_location a {
	background: url(/images/interface/but_location.jpg) no-repeat;
	display: block;
	height: 28px;
}
#nav_location a:hover {
	background: url(/images/interface/but_location_hover.jpg) no-repeat;
}



/********  CONTENT (MAIN AREA) STYLES  ********/


#content {
	margin: 0px auto;
	padding: 0px 0px 0px 15px;
	height: 237px;
	text-align: center;
	overflow-y: auto;
	overflow-x: hidden;
	width: 960px;
}
#content_body {
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
	height: 233px;
	width: 515px;
}
#content_body h1.services {
	height: 35px;
	background: url(../images/interface/head_services.jpg) no-repeat center;
	border-top: 1px inset #D6B997;
	padding-top: 5px;
}
#content_body h1.products {
	height: 35px;
	background: url(../images/interface/head_products.jpg) no-repeat center;
	border-top: 1px inset #D6B997;
	padding-top: 5px;
}
#content_body h1.stylists {
	height: 39px;
	background: url(../images/interface/head_stylists.jpg) no-repeat center;
	border-top: 1px inset #D6B997;
	padding-top: 5px;
}
#content_body h1.locations {
	height: 38px;
	background: url(../images/interface/head_location.jpg) no-repeat center;
	border-top: 1px inset #D6B997;
	padding-top: 5px;
}
#content_body .home {
	border-top: 1px inset #D6B997;
	height: 10px;
	margin: 0px;
	padding: 0px;
}



/********  FOOTER STYLES  ********/

#footer {
	text-align: center;
	margin-top: 170px;
}
#footer p.copyright {
	color: #FFD0A7;
	font: 0.75em Georgia, "Times New Roman", Times, serif;
}
#footer p.copyright a {
	color: #FFD0A7;
	text-decoration: none;
}
#footer p.copyright a:hover {
	text-decoration: underline;
}
iframe {
	height: auto;
	width: 100%;
	border-style: none;
	height: 775px;
	margin: 0px;
	padding: 0px;
}