/* Main Site Styles */
html {
     overflow: -moz-scrollbars-vertical;
}
body {
	background: #a47b05 url("../images/bg-body.jpg") left top no-repeat;
	text-align: center;
	font-family: Arial, veranda, Helvetica, sans-serif;
	font-size:12px;
}
.clear {clear:both;}

img, div { behavior: url("../resources/iepngfix.htc") }

#site-wrapper {
	margin-left: auto; 
	margin-right: auto;
	margin-bottom: 10px;
	margin-top:0;
	height: 100%;
	width: 900px;
}


/* Group Header */

#header-wrapper {
	display:block;
	margin: 0px;
 	z-index: 1;
	height: 150px;
	background: url("../images/bg-header.jpg") no-repeat top left;
}

#address {
	float:right;
	margin:10px 20px;
	text-align: right;
	font-size: .9em;
	font-weight: bold;
	line-height: 1.1em;
	color: #003399;
}

#special-btn a {
	float:left;
	margin-top:30px;
	margin-left:400px;
	height:44px;
	width:300px;
	background:url("../images/btn-specials-2.jpg") top left no-repeat;
}	

#special-btn img {
	border:0;
	height:44px;
	width:300px;
}

#top-nav-wrapper {	
	margin:0px;
 	width:100%;
	height: 30px;
	display: block;
	text-align: right;
	background-color:#FFFFFF;
}

#flashcontent {
	float:right;
	width: 600px; 
	height: 30px;
	text-align: right;
}

#flashcontent2 {
	width: 200px; 
	height: 440px
}
 
#body-wrapper {
	width: 100%;
	margin:0px;
	border-bottom:1px #333333 solid;
	float:left;
}

/* Main-navigation */

#mainnav-wrapper {
	float:left;
	padding: 20px 0 0 0;
	margin: 0px;
	text-align: left;
	width: 210px;
	height:500px;
	background:url("../images/bg-main-nav.jpg") no-repeat top;
}

	/* ================================================================ 
	This copyright notice must be untouched at all times.
	
	The original version of this stylesheet and the associated (x)html
	is available at http://www.cssplay.co.uk/menus/drop_definition.html
	Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
	This stylesheet and the assocaited (x)html may be modified in any 
	way to fit your requirements.
	=================================================================== */
	#dlmenu {height:13em; }
	#menu {list-style-type:none; margin:0 0 10px; padding:0; position:absolute; width:210px; background:#116b99; z-index:100;}
	#menu li {display:block; padding:0; margin:0; position:relative; z-index:100;}
	#menu li a, #menu li a:visited {display:block; text-decoration:none;}
	#menu li dd {display:none; font-size:.9em;}
	#menu li:hover, #menu li a:hover {border:0;color:#ff0;}
	#menu li:hover dt a , #menu li a:hover dt a {background:#000058; color:#ff0; text-decoration: none;font-weight: bold;}
	#menu li:hover dd, #menu li a:hover dd {display:block;}
	#menu li:hover dl, #menu li a:hover dl {height:120px; background:#116b99;}
	#menu table {border-collapse:collapse; padding:0; margin:-4px; font-size:.90em;}
	#menu dl {width: 209px; margin: 0; background: #116b99 ; cursor:pointer;}
	#menu dt {margin:0; padding: 0; font-size: .90em; border-top:1px solid #1A1A69;}
	#menu dd {margin:0;  padding:0;  font-size: .90em;  text-align:left; }
		
	.gallery dt a, .gallery dt a:visited {display:block; color:#fff; padding:5px 5px 5px 10px; background:#116b99 ;}
		
	.gallery dd a, .gallery dd a:visited {color:#fff; min-height:1em; text-decoration:none; display:block; padding:4px 5px 4px 20px; background:#116b99;}
		
	* html .gallery dd a, * html .gallery dd a:visited {height:1em;}
	
	.gallery dd a:hover {background:#116b99 ; color:#fff; text-decoration: underline;}
	dl.menus_list dt {background:#116b99 ; font-size:.85em; margin:3px 0;}
	dl.menus_list dd.nil {padding:0; margin:0;}

#facebook {
	float:left;
	margin-top:200px;
	margin-left:10px;
}

#facebook .metadata {
	float:left;
	width:200px;
}

#discount {
	float: left; 
	width: 210px;
	margin:150px 0 0 0;
	height:150px;
}


/* Content */

#content-wrapper {
	float:left;
	width: 890px;
	border-top:1px #999999 solid;
 	background: #F7E7B6;
	padding-right: 10px;
	padding-bottom: 0px;
	text-align: left;
}

#content {
	float:right;
	width:650px;
	margin-right:5px;
	margin-top:20px;
	padding-bottom:20px;
}


#beauty-photo {	
	float: left;
	width: 170px;
	margin:0 auto;
	clear:right;

}
#hp-ads-wrapper {
	float:left;
	width:600px;
	margin:20px 0px;
}

#hp-ads-wrapper h4 {
	font-size:12px;
	font-weight:bold;
	color:#0066CC;
	padding-top: 5px;
}
.hp-ads {
	float:left;
	width:110px;
	height:194px;
	padding: 0px 10px;
	margin: 0 5px;
}
.hp-ad-text {float:left; height:150px;}
.hp-ads-btn { float:right; text-align:right;}
.hp-ad1 {background:url("../images/hp-bg1.jpg") no-repeat;}
.hp-ad2 {background:url("../images/hp-bg2.jpg") no-repeat;}
.hp-ad3 {background:url("../images/hp-bg3.jpg") no-repeat;}
.hp-ad4 {background:url("../images/hp-bg4.jpg") no-repeat;}
.hp-ads a {color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:14px;}
.hp-ads a:hover {color:#000000;}

#svc-wrapper {
	float:left;
	width:900px;
	margin:20px 0px;
}
.svc ul {
	float:left;
	padding:0 6px 0 0px;
}

.svc li {
	list-style:none;
	text-align:center;
	float:left;
	width:129px;
	height:100px;
	margin: 0 10px;
	padding-top:150px;
}
.svc a{ color:#FFFFFF; text-decoration:none; font-weight:bold;}
.svc a:hover { color:#000000;}
.svc1 {background:url("../images/hair-color.jpg") no-repeat}
.svc2 {background:url("../images/hair-cut.jpg") no-repeat}
.svc3 {background:url("../images/hair-perm.jpg") no-repeat}
.svc4 {background:url("../images/hair-addon.jpg") no-repeat}
.svc5 {background:url("../images/nails-manicure.jpg") no-repeat}
.svc6 {background:url("../images/nails-pedicure.jpg") no-repeat}
.svc7 {background:url("../images/nails-paraffin.jpg") no-repeat}

#announcements {
	float:left;
	width:600px;
}
#announcements a {color:#CC6600; text-decoration:none; font-weight:bold;}
#announcements a:hover {color:#0099FF;}

#price-content {
	float:left;
	width:350px;
	margin-left:20px;
}

#price-content table {width:450px; float:left;}
#price-content a {color:#CC6600; text-decoration:none; font-weight:bold;}
#price-content a:hover {color:#0099FF;}

.page_title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 25px;
	line-height: 35px;
	color: #163C70;
	padding-bottom: 5px;
}


.indent {
	padding-left:50px;
}

.blue{
	color: #3366CC;
	font-weight:bold;
}
.blue a {color:#CC6600; }
.blue a:hover {color:#00CCFF;}

.sales_board_month {
	font:bold 11pt Veranda, Arial,Helvetica,sans-serif; color: #3366CC;
	font-weight:600;
}

.main_body{
	color:#333333;
	font-weight:400;
	line-height:15pt;
}

.main_body a{text-decoration: none; font-weight: bold; color:#0066FF;}
.main_body a:hover{text-decoration:underline; font-weight: bold; color:#0033CC;}
.main_body a:visited{font-weight: bold; color:#009933;}
.main_body a:link{font-weight: bold; color:#0000FF; }

.main_body p {
	color:#333333;
	font-weight:400;
	line-height:15pt;
}

.price{
	color:#996633;
	font-weight:400;
	line-height:15pt;
	
}

.price td {width:60px;}
.special{
	margin-bottom:20px;
	line-height: 18px;
}

.special_price{
	color: #000000;
	font-weight:bold;
}


.tabletext {
	font-size: 10px; 
	font-weight: normal; 
	color: #666666;
}

.tabletext  a{text-decoration: none; font-weight: bold; color:#CC6633;}
.tabletext  a:hover{text-decoration:underline; font-weight: bold; color:#CC6633;}
.tabletext  a:visited{font-weight: bold; color:#330099;}
.tabletext  a:link{font-weight: bold; color:#660099; }

.white {font-family: arial; font-size: 14px; font-weight: bold; color: #ffffff;}
	
.black {font-family: arial; font-size: 12px; font-weight: bold; color: #000000;}

.bigfont {font-family: arial; font-size: 16px; font-weight: bold; color: #DB4E21;}

.yellow {font-family: arial; font-size: 12px; font-weight: 800; color: #FFFF33;}

.darkblue {font-family: arial; font-size: 14px; font-weight: 800; color: #0066CC;}

.col_header {
	font-family: arial; 
	font-size: 12px; 
	font-weight: bold; 
	color: #000000;
}

#photo-1 {
	display: block;
	float: right;
	position: relative; bottom: 200px; left: 600px;  
}

.note{
	color:#CC6600;
	font-weight:400;
	line-height:15pt;
}

.border_style {
border: 1pt dotted black;
FONT-SIZE: 11px;
FONT-FAMILY: Verdana;
COLOR: #000000;
}


/* Group Footer Navigation */


#footer {
	float:left;
	width:100%;
	background: #116b99;
}
#footer-navigation{
	float:left;
	width:700px;
	margin:7px 0 5px 20px;
}

.set1{float:left; width:195px; }
.set2{ float:left; width:90px; }
.set3{ float:left; width:130px; }
.set4{ float:left; width:165px; }
.set5{ float:left; width:120px; }


.footer-nav ul {
	float:left;
	padding:0 6px 0 6px;
}

.footer-nav li {
	margin-bottom:5px;
	list-style:none;
	margin-left:-38px;
	text-align:left;
}

.footer-nav li a {
	list-style:none;
	text-decoration: none;
	font-weight:bold;
}

.footer-nav li a, #footer-nav li a:link, .footer-nav li a:visited {color: #ffffff; font-weight:bold;}
#footer-nav li a:visited {color: #ffffff; font-weight:bold;}
.footer-nav li a:hover { text-decoration:none;  color:#000000; font-weight:bold;}

#facebook-footer {
	float:left;
	width: 145px;
	padding:20px 0px 10px 0
}

#special-announcement {float:right; padding:20px 20px 0 0}
#special-announcement img {border:0;}

#copyright {
	width: 100%;
 	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 15px;
}



.table_header {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size : 10pt;}

.table_cell {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	background-color: #FFCC99;
	font-size : 9pt;}

.tablecell a{text-decoration: none;color:#4A60BE;}
.tablecell a:hover{text-decoration:underline; color:#4A60BE;}
.tablecell a:visited{color:#4A60BE;}
.tablecell a:link{color:#4A60BE;}


.required{
	color: #BD1F13;
}


