/* Beauty Haven CSS Document */

body{
	padding: 0;
	border: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color: #000000;
	color: #ffffff;
	}
h1{
	font-family: "Times New Roman", Times, serif;
	font-size: 2.7em;
	font-weight: lighter;
	float: right;
	padding: 0;
	border: 0;
	margin: 42px 0 0 0;
	}
h2{
	padding: 0;
	border: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	clear: both;
	text-align: right;
	letter-spacing: -1px;
	}
h3{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.8em;
	padding: 0;
	margin: 4px 0 0 7px;
	border: 0;
	}
h4{
	font-family: "Times New Roman", Times, serif;
	font-weight: lighter;
	font-size: 3em;
	padding: 0;
	margin: 14px 0 10px 7px;
	border: 0;
	}
h5{
	font-family: "Times New Roman", Times, serif;
	font-weight: lighter;
	font-size: 2.2em;
	padding: 0;
	margin: 4px 0 20px 7px;
	border: 0;
	color: #d54d69;
	}
h6{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	padding: 0;
	margin: 4px 0 20px 7px;
	border: 0;
	color: #FFFFFF;
	
	}
#siteContainer{
	padding: 0;
	border: 1px solid #000000;
	margin: 0 auto 0 auto;
	width: 738px;
	background-image: url(../images/sitebg.jpg);
	background-repeat: repeat-y;
	}
	#header{
		padding: 0;
		border: 0;
		margin: 0;
		background-image: url(../images/logo.jpg);
		background-position: 0px 34px;
		background-repeat: no-repeat;
		}
		#bh{
			padding: 0;
			border: 0;
			margin: 32px 0 0 0;
			float: left;
			}
		#leading{
			}
			#mainMenu { font-family:Arial, Helvetica, sans-serif;}
			
					#menu{
			background-color: #242222;
			border-top: 7px solid #d54d69;
			font-size: 11px;
			font-family:Arial, Helvetica, sans-serif;
			padding: 5px 0 5px 14px;
			margin: 17px 0 5px 0;
			}
			#menu a{
				color: #ffffff;
				text-decoration: none;
				}
			#menu ul{
				padding: 0;
				}
			#menu li{
				padding: 0;
				border: 0;
				margin: 0;
				list-style-type: none;
				display: inline;
				}
			#welcome{
				margin: 22px 0 0 16px;
				}
			#homeMiddle{
				background-image: url(../images/salon.jpg);
				background-repeat: no-repeat;
				background-position: right;
				height: 260px;
				border-bottom: 4px solid #d54d69;
				margin: 0 0 2px 0;
				}
				#appointment{
					background-color: #9a001b;
					width: 183px;
					float: left;
					height: 206px;
					}
					#appointment a{
						color: #ffffff;
						text-decoration: none;
						}
				#wedding{
					background-color: #dc0027;
					width: 183px;
					float: left;
					height: 206px;
					margin: 0 2px 4px 2px;
					}
					#wedding a{
						color: #ffffff;
						text-decoration: none;
						}
				#vouchers{
					background-color: #de0350;
					width: 183px;
					float: left;
					height: 206px;
					margin: 0 2px 0 0;
					}
					#vouchers a{
						color: #ffffff;
						text-decoration: none;
						}
				#dermalogica{
					background-color: #be0223;
					width: 183px;
					float: left;
					height: 206px;
					}
					#dermalogica a{
						color: #ffffff;
						text-decoration: none;
						}
			#fauxCol{
				clear: both;
				padding-bottom: 4px;
				border-bottom: 3px solid #d54d69;
				background-image: url(../images/sidebg.png);
				background-repeat: repeat-y;
				background-position: bottom right;
				}
			#content{
				margin: 3px 0 2px 0;
				padding: 0 0 30px 0;
				width: 530px;
				float: left;
				border-right: 1px solid #686869;
				}
				#content p{
					font-size: 1.2em;
					margin: 10px 55px 8px 7px;
					}
				#content a{
					color: #ffffff;
					}
			#side{
				float: right;
				width: 205px;
				}
	#footer{
		padding: 10px 0 0 0;
		border: 0;
		margin: 0 0 0 0;
		background-color: #141213; 
		clear: both;
		height:200px;
		text-align:center;
		}
		#copy{
			margin: 6px 0 5px 4px;
			}
		#fm{
			margin: 6px 0 5px 520px;
			border: 0;
			}
			#footer #footerLinks { text-align:center; margin-top:10px; font-size:14px; p}
		#footer #footerLinks a { color:#FFFFFF; font-size:12px; text-decoration:none; padding-left:5px; padding-right:5px;}
		#footer #footerLinks a:hover { text-decoration:underline;}
.pink{
	color: #f20039;
	}
.top{
	padding: 0 0 2px 0;
	border-bottom: 4px solid #d54d69;
	}
.homeText{
	font-size: 1.6em;
	font-family: "Times New Roman", Times, serif;
	margin: 8px 0 8px 15px;
	width: 342px;
	font-weight: bold;
	}
.team{
	border: 2px solid #d54d69;
	margin: 0 10px 0 10px;
	float: left;
	}
.teamText{
	font-size: 1.8em;
	}


/* menu css */


			/*#menu a{
				color: #ffffff;
				text-decoration: none;
				}*/

	#menuList {
	position:relative;
	z-index:100;
	margin: 0px;
	padding: 0px;
	/* sjs styles below here */
	font-family:Arial, Helvetica, sans-serif;
	height: 18px;
	/*margin-top: 3px;*/
	width: 710px;
}

#mainMenu {
	position:relative;
	background-color: #242222;
	border-top: 7px solid #d54d69;
	font-size: 1.2em;
	padding: 5px 0 5px 14px;
	margin: 17px 0 5px 0;
	text-align:center;
}

#menuList ul {
	z-index:100;
	margin: 0px;
	padding: 0px;
}

#menuList li {
	z-index:100;
	display:inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin: 0px;
}

a.starter {
	z-index:100;
	margin: 3px;
	padding: 0;
	/* sjs styles below here */
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	/*font-family: Arial, Helvetica, sans-serif;*/
}

a.starter:hover, a.starter:active, a.starter:focus {
	background-color: #242222;
	color: #FFFFFF;
}
.menuItemWidth{
	width: 120px;
	border-top:5px solid #242222;
}
.menu {
	text-align: left;
	position: absolute;
	visibility: hidden;
	z-index: 100;
}
.menu li {
	width:100%;
}
.menu li a {
	background: #242222;
	z-index: 100;
	color: #FFFFFF;
	display: block;
	width: 100%;
	font-size: 1em;
	padding:5px;
	margin: 0px;
	text-decoration: none;
	margin-top:-2px;
	/* sjs styles below here */
	border: 1px solid #d54d69;
}

.menu li a:hover, .menu li a:active, .menu li a:focus {
	background-color: #D54D69;
	color: #FFFFFF;
}
.menubar{
	float:none;
	margin-right: 0;
}
#sitemap a{
	color: #1262A7;
}
#sitemap li{
	list-style: disc;
}

/* end of menu css */

/* PRICELIST TABLE */
.priceTable { font-size:12px; margin-left:7px;}
.priceTable td { padding:4px;}

ul#reasonsFor { font-size:12px;}

img, div { behavior: url(../js/iepngfix.htc)}

body {
font-family:Arial, Helvetica, sans-serif;
}

.hotspot {color:#900; padding-bottom:1px;  cursor:pointer;}

#tt {position:absolute; display:block; }
#tttop {display:block; height:2px; margin-left:5px;  top right no-repeat; overflow:hidden}
#ttcont { padding:40px 19px 17px 23px;; margin-left:7px; width:160px; background:url(../images/bg.png) no-repeat; font-weight:bold; }/*Change font color to suit*/
#ttbot {display:block; height:7px; margin-left:5px;overflow:hidden;}