﻿body {
	background:#000000;
	margin-left:auto;
	margin-top: 50px;
	margin-right:auto;
	margin-bottom: 0px;
	background-repeat:repeat-x;
	width: 1018px;
}
.top {
	background: url(../images/top_bg.jpg) top no-repeat;
	position: relative;
	height: 250px;
	width: 1018px;
}
.breadcrumb
{
	height: 33px;
	width: 982px;
	background: #fce363;
	color: #fff;
	border-left: 18px solid #bba43e ;
	border-right: 18px solid #bba43e ;
	z-index: 0;

}
.main
{   clear:both;
	height: auto;
	width: 982px;
	color: #fff;
	border-left: 18px solid #bba43e ;
	border-right: 18px solid #bba43e ;
	min-height: 600px;
	padding: 0px;

}
.bottom {
background: url(../images/bottom.jpg) top no-repeat; height: 131px; width: 1018px;
}
.home {
	padding: 360px 50px 0px 70px;
	background: url(../images/home_bg.jpg) top no-repeat;
	height: 260px;
	background-color: Black;
	font-family: Optima, Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 13px;
	line-height: 135%;
	letter-spacing: 105%;
	text-transform: uppercase;
}
.laser {
	padding: 50px 40px 0px 410px;
	background: url(../images/laser_bg.jpg) top left no-repeat;
	height: 570px;
	background-color: Black;
	font-family: Optima, Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 13px;
	line-height: 135%;
	letter-spacing: 105%;
	text-transform: uppercase;
}
.replacement {
	padding: 360px 30px 0px 30px;
	background: url(../images/replacement_bg.jpg) top no-repeat;
	background-color: Black;
	font-family: Optima, Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 13px;
	line-height: 135%;
	letter-spacing: 105%;
	text-transform: uppercase;
}
.salon {
	padding: 20px 40px 0px 440px;
	background: url(../images/salon_bg.jpg) top left no-repeat;
	height: 600px;
	background-color: Black;
	font-family: Optima, Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 13px;
	line-height: 135%;
	letter-spacing: 105%;
	text-transform: uppercase;
}
.testimonial {
	padding: 80px 40px 0px 410px;
	background: url(../images/testi_bg.jpg) top left no-repeat;
	height: 540px;
	background-color: Black;
	font-family: Optima, Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 13px;
	line-height: 135%;
	letter-spacing: 105%;
	text-transform: uppercase;
}
.about {
	padding: 320px 160px 0px 160px;
	background: url(../images/about_bg.jpg) top no-repeat;
	background-color: Black;
	font-family: Optima, Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 13px;
	line-height: 135%;
	letter-spacing: 105%;
	text-transform: uppercase;
}
.location {
	padding: 200px 30px 0px 30px;
	background: url(../images/location_bg.jpg) top no-repeat;
	background-color: Black;
	font-family: Optima, Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 13px;
	line-height: 135%;
	letter-spacing: 105%;
	text-transform: uppercase;
}

.gallery_left {
	width: 492px;
	height: 600px;
	float: left;
	background: url(../images/gallery_bg.jpg) top no-repeat;
	background-color: Black;
	font-family: Optima, Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 13px;
	line-height: 135%;
	letter-spacing: 105%;
	text-transform: uppercase;
}
.gallery {
    padding: 340px 50px 0px 50px;
}
   
.gallery_right {
	padding: 50px 40px 0px 0px;
	background-color: Black;
	font-family: Optima, Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 13px;
	line-height: 135%;
	letter-spacing: 105%;
	text-transform: uppercase;
}

.locationblock {
    padding-left:392px;
}
.credit {
    padding-left:300px;
}
    
.inset { 
    float: left;
    padding: 0px 75px 0px 0px;
}
 .rightinset { 
    float: right;
    padding: 0px 0px 0px 15px;
}   

.lowercase {
    text-transform:none;
}

.disclaimer{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
text-align:center;
}

.pgallery , a.pgallery:link, a.pgallery:active, a.pgallery:visited{
background: url(../images/pgallery.jpg) top left no-repeat;
background-position: left 2px;
float: right;
display: block; 
height: 30px ;
width: 200px ;
text-indent: -5000px;
}
a.pgallery:hover { background-position: 0 0;

}

.pgallery2 , a.pgallery2:link, a.pgallery2:active, a.pgallery2:visited{
background: url(../images/emailbut.jpg) top left no-repeat;
background-position: left 2px;
float: left;
display: block; 
height: 30px ;
width: 400px ;
text-indent: -5000px;
}
a.pgallery:hover { background-position: 0 0;

}

.title_img {
    padding: 0px 0px 0px 20px;
} 


.menu {top: 125px; left: 210px; width:680px; height:100px; font-size:15px; position:relative; z-index:1000;  background:#000; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:760px; w\idth:760px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:100px; line-height: 100px}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px; position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:15px;text-decoration:none; color:#fff; text-align: center; width:148px; height:100px; border:0px none;  background:#000 url(../images/navdiv.jpg) top right no-repeat ; padding:0px; line-height:100px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#000 url(../images/navdiv_.jpg) top center no-repeat ;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#000 url(../images/navdiv_2.jpg) top center no-repeat ;}
.menu ul ul :hover > a.drop {background:#000 url(../images/navdiv_2.jpg) top center no-repeat ;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#000;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#000;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:100px;left:0; width:149px;border-top:0px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#000 url(../images/navdiv_.jpg) top center no-repeat ; color:#fff; height:auto; line-height:2em; padding:5px 10px; width:128px;border-width:0;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover{ color:#fff;  background:#000 url(../images/navdiv_3.jpg) top center no-repeat ;}
.menu ul ul a:hover, .menu ul ul :hover > a { color:#fff; background:#000 url(../images/navdiv_2.jpg) top center no-repeat ;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
.none , .none  a, .none a:visited { background: none;}
.none  a:hover, .none :hover > a {  background:#000 url(../images/navdiv_4.jpg) top center no-repeat ;}
.last , .last  a, .tast  a:hover{background:#000 url(../images/navdivlast.jpg) top center no-repeat  !important; height: 3px;width:150px; }


