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

body {
	background: url(../images/backgrounds/diamond-tile.gif) repeat-x top left #98d4d4;
	background-attachment:fixed;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}	

a:link {
	color: #98d4d4;
}	
a:hover {
	color: #c7f8f8;
}
a:visited {
	color: #98d4d4;	
}

#topContainer {
	height: 50px;
	
}	
	#nav {
		position: relative;
		width: 900px;
	}
		#nav ul {
			position: absolute;
			z-index: 99;
			padding: 0;
			list-style: none;
			font-size: 15px;
		}	
			#nav ul a {
				text-decoration: none;
				color: #FFF;
			}	
			#nav ul li {
				color: #FFF;
				float: left;
				font-weight: bold;
				margin-top: 15px;
				padding: 0 5px;
			}
				#nav ul li.logo {
					width: 228px;
					height: 43px;
					margin-top: 0px;
					margin-left: 20px;
					margin-right: spx;
					background: url(../images/beehive-salon-logo-sprite.png) 0 0 no-repeat;
				}
					#nav ul li.logo:hover {
						background: url(../images/beehive-salon-logo-sprite.png) 0 -48px no-repeat;
					}
					#nav ul li.logo span {
						display: block;
						width: 228px;
						height: 43px;
						text-indent: -10000px;
						overflow: hidden;
						
						
					}
				#nav ul li span {
					padding: 10px 20px;
				}
				#nav ul li span.menu {
					
				}
				#nav ul li span.menu:hover {
					/*background-color: #FEC929;*/
				}
				#nav ul li span.menu:hover a {
					color: #FEC929;
				}
				#nav ul li span.menuActive a {
					color: #FEC929;
					
				}
				
#photoContainer {
	width: 900px;
	height: 500px;
	background-color: #000;
	position:relative;
}
	#cornerDiamonds {
		position: absolute;
		bottom: 0;
		right: 0;
	}

#copyContainer {
	margin: 20px; 
	color: #FFF;
	font-size: 16px;
}
	#copyContainer h1 {
		text-indent: -10000px;
		height: 1px;
		margin:0;
	}
	#copyContainer h2 {
		color: #FEC929;
		clear: both;
		margin: 12px 0;
	}
		#copyContainer h2 a {
		color: #FEC929;
	}

ul.serviceList {
	float: left;
	list-style: none outside none;
	margin: 0;
	padding-left: 8px;
	width: 385px;
}

ul.serviceList li {
	margin-bottom: 24px;
}

ul.mapList li {
	list-style: circle;
	margin: 0 0;
	padding-bottom: 0;
	padding-left: 8px;
}

.serviceName {
	color: #98d4d4;
	
}	
.servicePrice {
	float: right;
	color: #98d4d4;
	font-style: italic;
	text-align: right;
	font-size: 16px;
}
.serviceDesc {
	font-size: 12px;
	line-height: 1.35;
}	
	
	
#footer {
	color: #FFF;
}

ol.keratinQAList {
	margin: 0;
	padding-left: 8px;
	list-style: none;
}
ol.keratinQAList li {
	margin-bottom: 12px;
	padding: 0;
}
ol.keratinQAList li span.q {
	font-weight: bold;
	color: #8B6E75;
}
ol.keratinQAList li ul li {
	margin-bottom: 3px;
}