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

*
{
	margin:0;
	padding:0;
}

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

#container
{
    width: 1000px;
	height:auto;
    background-color:#FFFFFF;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border: thin solid #231E1A;
	clear:both;
}

.clear
{
	clear:both;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

#menu
{
	width:1000px;
	background:url(../images/navbar_bg.jpg) repeat-x;
	height:26px;
	background:#000000;
}

#menu ul 
{
	margin: 0;
	padding: 0;
	list-style: none;
	float:left;
	width:130px;
}

#menu li 
{
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
	height:20px;
}

#menu a
{
	margin:0;
	padding:0;
	font-size:0.6em;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	color: #000;
	background:url(../images/navbar_grey.jpg) repeat-x;
	text-decoration: none;
	height:100%;
	padding-top:4px;
}

#menu a:hover 
{
	color: #a00;
	/* background:#DFDFDF; */
}

#menu .bold
{
	font-weight:bold;
}

#menu .normal
{
	font-weight:normal;
}

#menu ul ul 
{
	position: absolute;
	left: 0;
	top: 100%;
}

#menu ul ul 
{display: none;}

#menu ul li:hover ul 
{display: block;}

#menu ul ul,
#menu ul li:hover ul ul
{display: none;}

#menu ul li:hover ul 
{display: block;}

#menu ul ul,
#menu ul li:hover ul ul
{display: none;}

#menu ul li:hover ul,
#menu ul ul li:hover ul
{display: block;}


#menu .datetime
{
	padding:0;
	margin:0;
	font-size:0.7em;
	color:#FFFFFF;
	float:right;
	padding-right:2px;
	padding-top:3px;
}

#header-day
{
	width:1000px;
	height:142px;
	background:url(../images/the-salon-logo-day.png) top left no-repeat;
	background-color:#ff0071;	/* PINK */	
}

#header-night
{
	width:1000px;
	height:142px;
	background:url(../images/the-salon-logo-night.jpg) top left no-repeat;
	background-color:#ff0071;	/* PINK */	
}

#header-day .text1
{
	float:left;
	padding-top:80px;
	padding-left:25px;
	font-size:1.6em;
}

#header-night .text1
{
	float:left;
	padding-top:80px;
	padding-left:25px;
	font-size:1.6em;
}

#footer
{
}

#footer p
{
	margin:0;
	padding:0;
	margin-top:3px;
	color:#FFFFFF;
	text-align:center;
	font-size:0.8em;
	width:1000px;
	padding-top:10px;
	padding-bottom:10px;
	background:#231E1A;
}

#openingtimes
{
	float:right;
	font-size:1em;
	margin-top:10px;
	margin-right:10px;
}

#openingtimes td
{
	font-size:0.7em;
	padding-right:5px;
}

#openingtimes tr.this_day
{
	font-weight:bold;
	color:#FFFFFF;
}

#openingtimes td.heading
{
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	font-size:0.9em;
}

#index
{
	padding:0;
	margin:0;
	height:658px;
	background:#F9F8F6 url(../images/blonde-woman.jpg) top right no-repeat;
}

#index #intro
{
	width:480px;
	padding-left:10px;
}

#index #intro p
{
	text-align:justify;
	font-size:0.8em;
}

#index #salon_pictures
{
	margin-top:20px;
	padding-left:20px;
}

#index #telephone
{
	width:480px;
	margin-top:10px;
}

#index #telephone p
{
	font-size:1.4em;
	text-align:center;
}

#index #pricelist
{
	width:480px;
	padding-left:10px;
}

#index #pricelist td
{
	font-size:0.7em;
	padding-right:10px;
}

#index #pricelist td.heading
{
	padding-top:10px;
	font-weight:bold;
}