@import url("reset.css");
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#00245e;
	background:#232221 url(../images/bg.png) repeat-x;
	}

.clear {
	clear:both;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-family:Clearface-Heavy, Arial, Helvetica, sans-serif;
}

h1 {
	margin:20px 0px;
	color:#89640d;
	line-height:30px;
	text-transform:uppercase;
	font:bold 18px Clearface-Heavy, Arial, Helvetica, sans-serif;
}

h4 {
	color:#8cf18c;
	margin:0 15px;
}

h2 {
	width:533px;
	color:#000;
	margin:-4px 0px 0 0px;
	font-size:17px;
	font-family:Perpetua Titling MT;
	
	
	
}
h2 span {
	color:#89640d
}
h3 {
	margin: 15px 0 15px -5px ;
	color:#870704;
	text-transform:capitalize;
	font:bold 20px Clearface-Heavy, Arial, Helvetica, sans-serif;
}
h3 span {
	color:#000;
	
}
#wrap
{
	margin:0 auto;
	width:967px;}
#header {
	margin:0 auto;
	width:1000px;
	background:url(../images/header.png) no-repeat top center;
	
	
}
.header_l
{
	float:left;
	margin:12px 0 12px 0;
	}
.header_r
{
	float:right;
	}
.title
{
	float:left;
	margin:111px 0 0 0;
	}





.banner
{width:967px;
margin:10px 0 0 0;
background:url(../images/bannnerbg.png) repeat-x;
height:262px;
}


.banner1
{
	margin:10px 0 0 0;}
.ban_l
{
	float:left;}
	
.ban_r
{
	float:right;}
	
.border
{
	border:#cb2269 5px solid;
	width:445px;
	margin:21px 0 0 25px;}
	
.maincontainer
{
	background:#FFF;
	height:548px;
	padding:22px 21px;
	}


.maincontainer1
{
	background:#FFF;
	height:100%;
	padding:22px 21px;
	}
	
.maincontainer2
{
	background:#FFF;
	height:100%;
	padding:22px 136px;
	}
		
.conleft {
	float:left;
	width:228px;
	font-family:Becker-Medium;
	font-size:20px;
	color:#5d5e60;
	margin:20px 0 0 0;
	}
	
.conleft span {
	color:#0c5e10;
	}
	

.conright {
	float:right;
	width:665px;
	margin:20px 0 0 25px;
	} 

.wel_text {
	
	width:470px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	line-height:24px;
	color:#470020;
	text-align:justify;
	margin:15px 0 0 0;
		}


.gal_text
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	line-height:24px;
	color:#470020;
	text-align:justify;
	margin:15px 0 0 6px;}		
.contact p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	color:#01080e;
	margin:12px 0 0 0px;
	font-weight:bold;
	
	}
		
.serve_list li {
	margin:-2px 0px 0 3px;
width:260px;
color:#472a14;
line-height:24px;
font-size:16px;
font-family:"Myriad Pro", Algerian, Arial, "Arial Black";
}


.gallery
{
	width:600px;
	background:#FFF;
	border:#000 1px solid;
	height:137px;
	margin:0 auto;}

.arrow_l
{
	float:left;
	margin:58px 0 0 8px;}	
	
.arrow_r
{
	float:right;
	margin:58px 8px 0 0px;}


.copyright
{
	float:left;
	
	color:#FFF;
	margin:20px 0 0 0px;
	}
	
.design
{
	float:left;
	color:#FFF;
	margin:20px 0 0 335px;}

.logo
{
	margin:10px 0 0 0px;}
	
.contain_left
{
	float:left;}	
	
.contain_left1
{
	float:left;
	border:#000;
	height:545px;
	width:2px;}	

.contain_right
{
	float:right;}	

.shop_gallery
{
	float:left;
	width:228px;
	font-family:Becker-Medium;
	font-size:20px;
	color:#5d5e60;
	margin:20px 0 0 0;
	text-transform:uppercase}
	
.shop_gallery span {
	color:#0c5e10;
	}

.contact
{
	float:left;
	width:228px;
	font-family:Becker-Medium;
	font-size:20px;
	color:#5d5e60;
	margin:20px 0 0 5px;
	text-transform:uppercase}


	
.contact span {
	color:#0c5e10;
	}
.foot_r span
{
	text-decoration:underline;}	
	







.line
{
	
	background-color:#000;
	width:638px;
	height:1px;
	margin:2px 0 0 0;}	
	
.line1
{
	
	background-color:#000;
	width:638px;
	height:1px;
	margin:260px 0 0 0;}
	
.line2
{
	
	background-color:#000;
	width:550px;
	height:1px;
	margin:2px 0 0 0;}	
		
.conleft1
{
	float:left;
	width:550px;}	

.conright1
{
	float:right;
	width:350px;
	margin:0 10px 0 10px;}
	
	
	
.left
{
	float:left;
	width:322px;
	margin:28px 0 0 0;}

.left p
{
	float:left;
	width:294px;
	text-align:justify;
	font:12px bold Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#000;
	margin:25px 0 0 0;}
	
.right
{
	float:right;
	width:294px;
	}

.right p
{
	float:right;
	width:290px;
	text-align:justify;
	font:12px bold Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#000;
	margin:25px 0 0 15px;}	

/*---Contact Style---*/	
.cssform{
	float:right;
	width:650px;
	}
.cssform p,.cssform2 p{
	 margin: 0px; 
	 padding: 5px 0px 8px 0px; 
	 }
.cssform label,.cssform2 label{ 
	font-weight: bold; 
	float: left;
	margin-left: 0px; 
	}
.cssform label{width: 120px;}
.cssform2 label{width: 270px;}
.cssform label span,.cssform2 label span{ color:#f00;}
.cssform input[type="text"],.cssform2 input[type="text"]{ 
	width: 310px;
	height:19px;	
	}
.cssform2 select,.cssform2 select{
	width: 150px;
	height:39px;
	color:#333;
	padding:5px;
	font:14px Arial, Helvetica, sans-serif;
	}
.cssform textarea,.cssform2 textarea{ 
	color:#333;
	width: 310px; 
	height: 120px; 
	}
.cssform input[type="text"].incode,.cssform2 input[type="text"].incode{
	width: 82px; 
	height: 19px; 
	}
.cssform input[type="text"],.cssform textarea,.cssform input[type="text"].incode,
.cssform2 input[type="text"],.cssform2 textarea,.cssform2 input[type="text"].incode{
	color:#333;
	padding:5px;
	text-indent:3px;
	letter-spacing:1px;
	font:14px Arial, Helvetica, sans-serif;
	}
.cssform input[type="text"]:focus,.cssform textarea:focus,.cssform input[type="text"].incode:focus{
	background:#FFFAEC;
	}
.error {
	color:#ff0000;
	margin:15px 0; 
	font:bold 14px  Arial, Helvetica, sans-serif;
	background:url(../images/ico-warning.gif) no-repeat 0 5px; 
	padding:5px 0 5px 20px;
	}
.okay {
	color:#009900;
	margin:15px 0;
	font:bold 14px  Arial, Helvetica, sans-serif;
	background:url(../images/ico-done.gif) no-repeat 0 5px; 
	padding:5px 0 5px 20px;
	}
.message {
	color:#0099FF; 
	margin:15px 0;
	font:bold 14px Arial, Helvetica, sans-serif;
	background:url(../images/ico-info.gif) no-repeat 0 5px; 
	padding:5px 0 5px 20px;
	}
.btn_submit{
	height:35px;
	width:90px;
	font-size:13px;
	font-weight:bold;
	line-height:35px;
	}



#nav
{
	float:right;
	width:602px;
	height:22px;
	top:45px;
	margin:0 0px 0 5px;
	position:relative;
	color:#FFF;
	
	}

#nav ul li {
	display:inline;
	font-family:"Myriad Pro","Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#000;
	list-style:none;
	text-decoration:none;
	text-transform:uppercase;
}
#nav li a {
	color:#fff;
	
	background:#805632;
	border-radius:5px;
	-mozborder-radius:5px;
	padding:0 23px;
	line-height:40px;
	display:inline-block;text-decoration:none;
	
}
#nav li a:hover{ 
	color:#000;
	border-radius:5px;
	-mozborder-radius:5px;
	background: #cc9839;
	position:relative
	}
#nav li a span{ display:none;width:32px; height:32px; line-height:48px; z-index:9999; position:absolute; float:left; padding:0;}

a.selected {
	color:#000;
	text-decoration:none;
}
a.selected:hover {
	color:#FFF;
	
}

.rite
{
	float:right;
	width:590px;
	margin:15px 5px 15px 5px;
	}
	
.image
{
	float: left;
	width:200px;}
	
.text
{
	float:right;
	width:700px;}
	
.saloon_hours
{
	margin:35px 0 0 0;
	line-height:24px;
	font-size:14px;
	color:#000;
	}
	
	
#gallery {position:relative; width:686px; margin:0 0 0 40px ; padding:10px; border:6px solid #fff; background:#AAA}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:672px; height:375px; padding:5px; border:2px solid #666; background:#FFF url(../images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:106px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:112px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:200px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(../images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

.waxing
{
	color:#000;
	font-weight:bold;
	text-align:justify;
	width:650px;}