@charset "UTF-8";

/* Body */


body {
	
	color: #000;
	margin: 0 auto;
	padding: 0;
	font: 12px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
}

a img {
	border: none;	
}

img.right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;	
}


h1 {
	font: 12px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	
		
}

h2 {
	font: 12px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #AB1618;
	font-weight: bold;
	
		
}



/* Container */

#container {
	margin: 0 auto;
	width: 900px;
}


/* Header */

#header {
	width:  900px;
	height:  117px;
	background: url(img/header.gif);
	background-repeat: no-repeat;
}


/* Left Content */

#leftContent {
	width:  110px;
	height: 396px;;
	float:  left;
	background: url(img/left.gif);
	background-repeat: repeat-y;
}


/* Center Content */

#centerContent {
	width:  240px;
	float: left;
	padding: 18px;
	background: #fff;
}


/* Right Content */

#rightContent {
	width:  502px;
	height: 396px;
	float: left;
	background: #fff;
}


/* Footer */

#footer {
	clear: both;
	width:  900px;
	height: 130px;
	font: 11px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
}


/* Link Effects */


a:link {
	color: #AB1618;
}

a:visited {
  color: #000000;
}

a:hover {
	text-decoration: none;
}

/* Lists */

ul {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px/16px;
	list-style-image: url(img/bullet.gif);
	list-style-position: outside;
}

li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 5px;
}

ol {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: upper-roman;
	list-style-position: outside;
}

/* Left Menu */

#navigation {
	width: 110px;
	float: left;
	position: relative;
}

#navigation img {
	float: left;
}

#price, #hair, #makeup, #join, #contact, #home {
	float: left;
}


a#price  {
    width: 110px;
    height: 35px;
    background-image:url(img/price_menu.gif);
    display: block;
    text-decoration: none;
}

a#hair  {
    width: 110px;
    height: 27px;
    background-image:url(img/haircare.gif);
    display: block;
    text-decoration: none;
}

a#makeup  {
    width: 110px;
    height: 25px;
    background-image:url(img/makeup.gif);
    display: block;
    text-decoration: none;
}

a#join  {
    width: 110px;
    height: 23px;
    background-image:url(img/joinus.gif);
    display: block;
    text-decoration: none;
}

a#contact  {
    width: 110px;
    height: 26px;
    background-image:url(img/contact.gif);
    display: block;
    text-decoration: none;
}

a#home  {
    width: 110px;
    height: 24px;
    background-image:url(img/home.gif);
    display: block;
    text-decoration: none;
}

a#price:hover {
	 background-position: 0 70px;
}

a#hair:hover {
	 background-position: 0 54px;
}

a#makeup:hover {
	 background-position: 0 50px;
}

a#join:hover {
	 background-position: 0 46px;
}

a#contact:hover {
	 background-position: 0 52px;
}

a#home:hover {
	 background-position: 0 48px;
}