/* CSS Document */



body {
	  font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;
  	font-size:small;
	color:black;
	text-align:center;
	background-color:#FFFFFF; }
	


#salonintro {
	padding:0;
	margin:0;
	float:right;
	position:relative;
	top:20px;
	right:80px;
	}
	
div#header {
	padding:0;
	margin:0; }
	
div#header a img {
	border:none; }
	
/*Positioning for main elements*/

div#cleardiv {
	clear:both; }
	
div#container {
	width:940px;
	margin: 0 auto;
	padding:0 0 10px 0;
	margin-bottom:10px;
	text-align:left; 
	background-color:#fdf6e3;
	background-image:url(images/rightbracket.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	min-height:400px;
	}

div#content {width:940px; overflow:auto; }

div#main_content {float:right;
	width:620px;
	position:relative;
	right:55px;
	top:10px;
	padding:0 10px 20px 10px;
	margin-bottom:55px;
	min-height:400px;
}
div#main_nav {
	float:left;
	width:180px;
	margin:0;
	padding:0;
	}
	
div#footer {
	text-align:center;
	}
	
	
/*Styling for Nav block - main_nav ul li anchor*/

div#main_nav ul {
	width:180px;
	margin:0;
	padding:10px 0 0 22px; }
	
div#main_nav li {
	width:180px;
	list-style-type:none;
	padding:0;
	margin:0;
	height:20px;
	 }
	 
div#main_nav a {
	text-decoration:none;
	display:block;
	height:20px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	}

div#main_nav a:hover {
	background-position: 0px -19px;
	}
	
#nDirections a {
	background:url(images/directions.jpg) top left no-repeat;
	}

li#nDirections  {
	background-image:url(images/directions.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}

#nServices a {
	background:url(images/services.jpg) top left no-repeat; }
	
li#nServices {
	background:url(images/services.jpg) top left no-repeat; }
	
#nContact a {
	background:url(images/contact.jpg) top left no-repeat; 
}

li#nContact {
	background:url(images/contact.jpg) top left no-repeat; 
}

#nStylists a {
	background:url(images/stylists.jpg) top left no-repeat; 
}
li#nStylists  {
	background:url(images/stylists.jpg) top left no-repeat; 
}
#nHome a {
	background:url(images/home.jpg) top left no-repeat; 
}
li#nHome  {
	background:url(images/home.jpg) top left no-repeat; 
}
#nAppointment a {
	background:url(images/appointments.jpg) top left no-repeat; 
}
li#nAppointment  {
	background:url(images/appointments.jpg) top left no-repeat; 
}
#nProducts a {
	background:url(images/products.jpg) top left no-repeat;
}
li#nProducts  {
	background:url(images/products.jpg) top left no-repeat;
}

/*Styling for "What's New" Table*/

.phone {
	margin:0;
	padding:15px 0 0 45px;
	font-size:20px;
	
	}

div#main_nav fieldset {
	position:relative;
	top:10px;
	left:20px;
	font-weight:bold;
	padding:0;
	margin:0;
	
	}
div#main_nav legend {
	font-size:1.4em;
	color:blue;
	position:relative;
	left:10px;
	padding-left:5px;

	}
div#main_nav table a{
	color:#800000;
	font-size:1.2em;
	text-decoration:underline;
	text-align:center;
	text-indent:0;
	}
	
div#main_nav table {
	text-align:center;
	padding:0px 2px 0 2px;
	margin: 0 2px 0 2px;
	}
div#movetable {
	position:relative;
	top:20px;
	}

	
/*Styling for main content on directions page, google map and adress info*/

.smallcenter {
	padding-top:0;
	margin-top:0;
	text-align:center;
	width:400px;
	position:relative;
	left:95px;
	color:#800000;}
	
.announce {
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	}
div#mapmarker {
	width:200px;
	height:100px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:120%;
	padding:0;
	margin:0;
	
	}
div#mapmarker h3 {
	font-weight:bold;
	color:black;
	padding:0;
	margin:0; }
	
div#map {
	float:right; 
	margin-bottom:10px;}
div#address {
	position:relative;
	top:30px;
	float:left;
	font-size:1.2em;
	 }
	
div#address p {
	margin-left:10px;
	margin-top:0px;
	}
div#address h3 {
	color:#800000; 
	padding-bottom:5px;
	margin-bottom:0;}
div#address td  {
	padding-left:10px; }
	
/*Styling for ul li anchors in main content area for services */

div#main_content ul, div#main_content li {
	display:inline;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	list-style-type:none; 
	text-align:center;
	position:relative;
	left:30px;
	text-decoration:none;
	}

div#main_content li a{
	text-decoration:none;
	text-align:center;
	padding:2px 20px 2px 20px;
	color:#800000;
	font-weight:bold;
	background-color:#8591a9;
 }
 
 div#main_content li a:hover{
	text-decoration:none;
	text-align:center;
	padding:2px 20px 2px 20px;
	color:#800000;
	background-color:#d6e2f8;
 }
 
.servicesh3 {
	padding:0;
	text-align:center;
	width:500px;
	position:relative;
	left:50px;
	color:#800000; 
	font-size:1.3em;
	}

.sentencespan {
	color:#800000;
	font-size:1.15em;
	padding-top:10px;
	}
	
/*styling for tables for price lists*/
.nailservices {
	position:relative;
	left:80px; }
.waxingservices {
	position:relative;
	left:150px;
	padding-top:15px; }
.waxingservices em {
	font-size:.7em; }
div#services td {
	padding-left:20px;
	font-size:1.1em; }	
div#services th {
	font-size:1.1em; 
	color:#800000;
	text-decoration:underline;
	padding:15px 0 15px 0;}
div#services h3 {
	font-size:1.1em;
	color:#800000; 
	text-decoration:underline;}
.floatright {
	float:right;
	position:relative;
	top:15px; }
div#services img {
	position:relative;
	left:130px; 
	padding:10px 0 10px 0;}
 
/*styling for home page*/
.home {
	background-image:url(images/modelhair3.jpg);
	background-position:right;
	background-repeat:no-repeat; 
	border:none;}
.home p {
	width:330px; 
	position:relative;
	text-align:left;
	left:50px;
	font-size:1.3em;
	
	}
	
/*stylists pics*/
	
div#stylists h3 {
	padding:0;
	margin:0; 
	font-size:1.6em;
	position:relative;
	bottom:10px;}	
	
div#stylists p{
	padding:0;
	margin:0;
}
	
.stylistRight {
	float:right;
	padding:0;
	margin:0; 
	padding:2px 0 2px 0;
	}
.stylistLeft {float:left;}
.stylistsRightName {
	text-align:right;
	 }
	
div#deborah {
	position:absolute;
	bottom:590px;
	left:150px;
	width:450px;
	padding:0;
	margin:0; 
	
	}
 div#andrea {
	position:absolute;
	bottom:380px;
	left:20px;
	width:450px;
	}
	
div#missy {
	position:absolute;
	bottom:215px;
	left:150px;
	width:450px;
	padding:0;
	margin:0; 
	}

div#greg {
	position:absolute;
	bottom:722px;
	left:20px;
	width:450px;
	}
	
div#ashley {
	position:absolute;
	bottom:203px;
	left:150px;
	width:450px;
	}
	
div#michelle {
	position:absolute;
	bottom:76px;
	left:20px;
	width:450px;
	}
	

.styliststextarea{
border: none;
width: 450px;
height: 100px;
font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;
 font-size:small;
background-color:#fdf6e3;
}

/*stylist slide show styling*/

div#flickrflash {
	position:relative;
	left:50px;
	padding-bottom:40px;
}
div#stylistslideshow {
float:right;
position:relative;
right:120px;
text-align:center;
width:600px;
}