/* default */
h1,h2,h3,h4,h5{ padding:0; margin:0; }
.hidden{ text-indent:-999em; overflow:hidden;}
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}/* End hide from IE Mac */

/* Body */
body{ font: 100% Verdana, Geneva, sans-serif; background:url(../images/body-bg.jpg) repeat-y center top #060101; margin:0; padding:0; text-align: center; color:#E8DCB7;}

/* header */
#header{ background:url(../images/header-bg.jpg) no-repeat bottom left; width:942px; text-align:left; height:175px; margin:0 auto; position:relative;}
#header .hlogo{ position:absolute; left:0; top:0; border:0;}
#header p{ float:right; margin:0; padding:15px 0 0 0; text-align:right; font-family:"Century Gothic", "Lucida Grande", "Lucida Sans", Verdana; font-size:16px;}
#header p strong{ font-size:18px; color:#C2E9AA;}
#header p a{ color:#E8DCB7; text-decoration:none;}
#header ul{ margin:0; padding:0; list-style:none; position:absolute; left:0; top:125px; width:942px;}
#header ul li{ float:left;}
#header ul li a{ width:188px; display:block; height:50px; text-align:center; color:#666666; font-size:16px; line-height:48px;} 
#header ul li a:hover, #header ul li.active-menu a{ background:url(../images/header-hover.jpg) no-repeat center top; color:#478320;}
#header ul li a.first-nav, #header ul li a.last-nav{ width:189px;}
#header ul li a.first-nav:hover, #header ul li.active-menu a.first-nav{ background:url(../images/header-hover.jpg) no-repeat left top;}
#header ul li a.last-nav:hover, #header ul li.active-menu a.last-nav{ background:url(../images/header-hover.jpg) no-repeat right top;}

/* banner
#wrapper-banner{ width:100%; height:415px; min-width:940px; background:url(../images/slideshow/flowers2.png) no-repeat center bottom;} */

#wrapper-banner{ width:100%; height:415px; min-width:940px; }
#banner{ width:942px; height:402px; margin:0 auto; position:relative;}
#banner .slideshow{ width:942px; height:402px; overflow:hidden;}
#nav{ position:absolute; margin:370px 0 0 15px; z-index:5000; display: block; }
#nav a { background:url(../images/slideshow/normal.png);  text-indent:-999em; width:15px; height:15px; text-indent:-999em; overflow:hidden; display:inline-block; margin:0 5px 0 0;}
#nav a.activeSlide,#nav a:hover { background:url(../images/slideshow/hover.png); }
#banner .flowers{ background:url(../images/slideshow/flowers.png); width:310px; height:341px; display:block; position:absolute; z-index:5000; left:640px; top:74px;}

/* content-top */
#spacer{ height:30px;}
#content-top{ margin:0 auto; width:960px; text-align:left;}
#content-top dl{float:left; margin:0 10px; }
#content-top dl dt{ padding:4px 0 0 0; width:298px; height:134px; background:#E6D8AD; border:1px solid #FFF; text-align:center; }
#content-top dl dd{ height:60px; line-height:40px; margin:0; padding:0; text-align:center; font-size:16px; color:#C2E9A9;}

/* main */
#main { width:940px; margin:0 auto; padding:0 0 30px 0; text-align:left;}

/* content */
#content{ width:700px; float:left; min-height:300px; font-size:12px; line-height:20px;}
#content .img-index{ float:left; margin:5px 20px 0 0; border: 4px solid #E6D8AD;}
#content h1{ font-size:20px; color:#FFF; padding:0 0 10px 0;}
#content h1 span{ font-size:60px; color:#C2E9A9;}
#content h2{color:#C2E9A9; font-size:35px; padding:10px 0 10px 0;}
#content h3{color:#C2E9A9; font-size:30px; padding:10px 0 10px 0;}
#content .stylist{color:#C2E9A9; font-size:15px; font-weight: bold;}
#content p{ margin:0; padding:0 0 10px 0;}
#content a{color:#C2E9A9; text-decoration: underline;}

.greencolor{color:#C2E9A9;}


#contentfull{ width:940px; float:left; min-height:300px; font-size:12px; line-height:20px;}
#contentfull .img-index{ float:left; margin:5px 20px 0 0;}
#contentfull h1{ font-size:20px; color:#FFF; padding:0 0 10px 0;}
#contentfull h1 span{ font-size:60px; color:#C2E9A9;}
#contentfull h2{color:#C2E9A9; font-size:35px; padding:10px 0 10px 0;}
#contentfull h3{color:#C2E9A9; font-size:30px; padding:10px 0 10px 0;}
#contentfull .stylist{color:#C2E9A9; font-size:15px; font-weight: bold;}
#contentfull p{ margin:0; padding:0 0 10px 0;}
#contentfull a{color:#C2E9A9; text-decoration: underline;}

/* sidebar */
#sidebar{ width:220px; float:right; }
#sidebar .appointment{ background:url(../images/request-appointment.jpg); width:220px; height:72px; display:block; text-indent:-999em; overflow:hidden;}
#sidebar p{ margin:0; padding:0 0 10px 0; font-size:15px; text-align:center; }
#sidebar .sidebar-cc{ display:block; margin:15px auto 0 auto;}

#sidebarcontent{ width:220px; float:right; font-size: 12px; }
#sidebarcontent .img-index{ float:left; margin:5px 20px 0 0;}
#sidebarcontent h1{ font-size:20px; color:#FFF; padding:0 0 10px 0;}
#sidebarcontent h1 span{ font-size:60px; color:#C2E9A9;}
#sidebarcontent h2{color:#C2E9A9; font-size:35px; padding:10px 0 10px 0;}
#sidebarcontent h3{color:#C2E9A9; font-size:30px; padding:10px 0 10px 0;}
#sidebarcontent .stylist{color:#C2E9A9; font-size:15px; font-weight: bold;}
#sidebarcontent p{ margin:0; padding:0 0 10px 0;}
#sidebarcontent a{color:#C2E9A9; text-decoration: underline;}

/* footer */
#footer{ background:url(../images/footer-bg.jpg) no-repeat left top; width:940px; height:130px; margin:0 auto; text-align:left;}
#footer .fleft{ float:left; margin:0; padding:0 0 0 15px; color:#8B712C; font-size:12px; height:50px;  line-height:45px;}
#footer .fleft a{ color:#8B712C;}
#footer .fright{ float:right; margin:0; padding:0 15px 0 0; color:#8B712C; font-size:11px; height:50px; line-height:50px;}
#footer cite{ font-style:normal; font-size:11px; text-align:center; padding:15px 0 0 0; display:block; width:940px; line-height:20px;}
#footer cite a{ color:#E8DCB7; text-decoration: none;}

.imgborder { border: 1px solid #CCC; padding: 3px; }
.imgborderright { border: 1px solid #CCC; padding: 3px; margin-left: 10px; }
.imgborderright2 { border: 0px solid #CCC; padding: 3px; margin-left: 10px; }



.textbox {
	text-align: justify;
	margin: 0 0 0 0;
	color:#666;
	padding: 3px;
	background-color: #ffffff;
	border: 1px solid #CCC;
	font-size : 12px;
	width: 200px
}
.formbutton {background-color: #9dd5e2; background-image: none; color: #472926; font-weight: bold; font-size: 12px; }


.marginleft {
	border: 1px solid #E6D8AD;
	padding: 5px;	
	margin-left: 20px;
}

.bodycontent {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 20px;
	text-align: justify;
	line-height: 1.3;
}

.imgstylists {
	border: 1px solid #E8DCB7; padding: 3px; margin-right: 5px;
}

hr {border: none 0; 
border-top: 1px dashed #E8DCB7;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 

HR {
	size: 1px;
	color : #E8DCB7;	
}