*
	{
		margin:0;
		padding:0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
body
	{
		width:960px;
		position:absolute;
		left:50%;
		margin-left:-480px;
		background-image: url(../img/bg.jpg);
		background-repeat: repeat-x;
		color: #fff;
	}
#header
	{
		width: 682px;
		height: 75px;
		background-color: #785201;
		float: left;
		margin-left: 139px;
		margin-top: 5em;
		
	}
#logo
	{
		width: 154px;
		height: 45px;
		float: left;
		background-image: url(../img/loreal_logo.jpg);
		background-repeat: no-repeat;
		margin: 15px 15px 0 15px;
	}
#title h1
	{
		letter-spacing: 1px;
		font-weight: lighter;
	}
#title h1 .hair_studio
	{
		margin-top: 25px;
		float: left;
		font-size: 90%;
	}
#title h1 .headlines
	{
		letter-spacing: 1px;
		float: left;
		font-size: 140%;
		margin: 13px 10px 0 90px;
	}
#navbar
	{
		width: 960px;
		float: left;
		margin: 0;
		padding: 0;
		position:relative;
		z-index:2000 !important;
		font-size: 90%;
	}
#navbar ul
	{
		list-style: none;
		float: left;
		margin: 0;
	}
#navbar li
	{
		display: inline;
		height: 22px;
		float: left;
		margin: 0;
		padding: 6px 0 0 0;
		text-align: center;
	} 	
#navbar li ul
	{
		position: absolute;
		left: -9999em;
		height: auto;
		width: 168px;
		w\idth: 168px;
		margin: 4px 0 0 0;
		z-index:2000 !important ;
		padding: 0;

	}
#navbar li ul a
	{
		width: 168px;
		w\idth: 168px;
		float: left;
	}
#navbar li ul a:hover
	{
		text-decoration: none;
		color: #fff;
	}
#navbar li ul ul
	{
	}
#navbar li:hover ul ul, #navbar li:hover ul ul ul, #navbar li.sfhover ul ul, #navbar li.sfhover ul ul ul
	{
		left: -999em;
		
	}
#navbar li:hover ul, #navbar li li li:hover ul, #navbar li.sfhover ul, #navbar li li.sfhover ul, #navbar li li li.sfhover ul
	{
		left: 317px;
		top: 23px;
	}
#navbar li:hover, #navbar li.sfhover
	{
		color:#fff;
	}
#navbar li li
	{
		padding: 0;
		margin: 0;
		height: 28px;
	}
#navbar li ul li
	{
		width: 168px;
		padding: 0;
	}
#navbar li li a
	{
		border:0;
		margin:0px;
		width: 158px;
		padding: 5px 5px 3px 5px;
	}
#navbar li li:hover
	{
		
	}
li.first
	{
		background-color: #785201;
		width: 139px;
	}
li.second
	{
		background-color: #653600;
		width: 178px;
	}
li.second:hover
	{
		background-color: #b29b80;
	}
li.third
	{
		background-color: #860037;
		width: 168px;
	}
li.third:hover
	{
		background-color: #c3809b;
	}
li.fourth
	{
		background-color: #776000;
		width: 168px;
	}
li.fourth:hover
	{
		background-color: #bab080;
	}
li.fifth
	{
		background-color: #653600;
		width: 168px;
	}
li.fifth:hover
	{
		background-color: #b29b80;
	}
li.sixth
	{
		background-color: #923c05;
	}
li.sixth:hover
	{
		background-color: #c99e82;
	}
li.seventh
	{
		background-color: #71277a;
	}
li.seventh:hover
	{
		background-color: #a985ae;
	}
li.eight
	{
		background-color: #766100;
	}
li.eight:hover
	{
		background-color: #bbb080;
	}
li.ninth
	{
		background-color: #ab710a;
	}
li.ninth:hover
	{
		background-color: #d5b885;
	}
li.tenth
	{
		background-color: #653600;
	}
li.tenth:hover
	{
		background-color: #b29b80;
	}
li.hair
	{
		background-color: #653600;
	}
li.hair:hover
	{
		background-color: #b29b80;
	}
#navbar a
	{
		color: #fff;
		text-decoration: none;
		font-size: 95%;
	}
#navbar a:hover
	{
	}
#left
	{
		width: 317px;
		float: left;
		margin: 0;
		padding: 0;
	}
#main_image
	{
		width: 317px;
		height: 391px;
		float: left;
		margin: 0;
		padding: 0;
	}
#under_main_image
	{
		width: 317px;
		height: 27px;
		background-color: #785201;
		float: left;
	}
#center
	{
		float: left;
		width: 504px;
		height: 390px;
	}
#copy
	{
		width: 504px;
		height: 310px;
		float: left;
		background-color: #231f20;
		font-size: 90%;
	}
#copy ul
	{
		list-style: inside;
		margin: 20px 0 10px 20px ;
	}
#copy li
	{
	}
#copy a
	{
		color: #fff;
	}
#copy a:hover
	{
		text-decoration: none;
	}
#copy h2
	{
		margin: 20px 0 0 20px;
	}
#copy p
	{
		margin: 0 20px 10px 20px;
	}
#under_copy
	{
		width: 504px;
		height: 80px;
		float: left;
		background-color: #785201;
	}
#under_copy p
	{
		margin: 20px 0 0 20px;
	}
	
.tel_number
	{
		font-size: 170%;
		margin-left: 5px;
	}
#rsc p
	{
		color:#231f20;
		font-size: 80%;
		margin: 10px 0 0 20px;
		float: left;
	}
#rsc a
	{
		color: #785201;
		text-decoration: none;
	}
#rsc a:hover
	{
		text-decoration: underline;	
	}
#map
	{
		width: 230px;
		float: left;
	}
#address
	{
		width: 170px;
		float: right;
	}
#address p
	{
		margin: 0;
	}
#right
	{
		width: 135px;
		height: 310px;
		float: left;
		background-color: #231f20;
	}
#right img
	{
		border: 2px solid;
		margin-left: 2px;
		margin-top: 8px;
	}
#right img.hair, #right img.chiropody
	{
		border-color: #653600;
	}
#right img.reflexology
	{
		border-color: #923c05;
	}
#right img.indulgence
	{
		border-color: #71277a;
	}
#right img.being
	{
		border-color: #766100;
	}
#right img.nails
	{
		border-color: #ab710a;
	}
