@charset "utf-8";
/* CSS Document */

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	}

body {background:#c7c7c7 url(../images/bg/bg-body.png) repeat-x; margin-top:10px; font-size:0.9em; line-height:30px; color:#9698a0; padding-right:10px; font-family:Georgia, "Times New Roman", Times, serif;}


#page-wrap {
	width:100%;
	background: url(../images/top-left.png) no-repeat top left;
	height:208px; /*-- need to define height of the top-left image --*/
} 

/*-- main-box for other pages --*/
#main-box {
	width:900px;
	height:618px; /*-- total height of main box (header+middle+footer) --*/
	margin:0px auto;
	text-align:left;
	position:absolute; left:175px; top:20px;
	}

/*-- header box for other pages --*/
#box-header {
	width:900px;
	background: #000 url(../images/bg/bg-box-header.png) repeat-x;
	height:117px; /*-- height of box-header bg image --*/
	}
#header-left {float:left; width:34%;}
#header-right {float:right; width:66%; height:90px;} /*-- height needed here --*/


/*-- footer --*/
#footer {background:url(../images/bg/bg-footer.png) repeat-x; width:900px; height:160px; position:absolute;} /*-- height of footer bg img --*/

.click-here {color:#fff; font-size:0.9em; margin:0px 0px 5px 120px;}

#footer-left {float:left; width:298px;}
#footer-left .spray-tans {position:absolute; top:-20px; left:5px; display:block;} /*-- absolute position from top of main box --*/
.click-here-button {margin:0px 0px 0px 118px;}

#footer-middle {float:left; width:298px;}
#footer-middle img {margin:10px 10px 0px 10px;}
#footer-middle p {margin-top:35px; font-size:0.9em;}
#footer-middle p a:link {color:#fff;}
#footer-middle p a:visited {color:#fff;}
#footer-middle p a:hover {color:#c73a31;}

#footer-right {float:right; width:298px;}
#footer-right .inside-wrap {width:91%; margin:10px auto;}
#footer-right .left {float:left; display:block;}
#footer-right .turn-page {background:url(../images/footer/turn_page.png); width:99px; height:87px; float:right;}
#footer-right .turn-page .luscious {margin-left:5px; color:#fff; font-size:1.1em;}
#footer-right .turn-page .click {margin:10px 0 0 5px; font-size:0.8em;}

#footer-right .turn-page .click a:link {color:#fff;}
#footer-right .turn-page .click a:visited {color:#fff;}
#footer-right .turn-page .click a:hover {color:#B3B3FF;}


/*-- TITLES --*/

h1 {
    padding:73px 0 0 0; /* height of bg image */
    height: 0px !important; /* for most browsers */
    height /**/:73px; /* for IE5.5's bad box model */
	overflow:hidden;
    background-image: url("../images/perfection_logo.png");
    background-repeat: no-repeat;
	position:relative; left:40px; top:25px;
}

h2 {font:italic 1.8em "Times New Roman", Times, serif; color:#000;} /*-- sub-titles in middle window --*/
h4 {font-size:1.7em; color:#c73a31; line-height:0.8em; font-weight:500;} /*-- footer titles in red --*/
h4 span {color: #fff;}
.h4-left {margin:10px 0px 20px 138px;}
.h4-middle {margin:10px 0px 0px 0px;}
.h4-middle span {line-height:1.3em;} /*-- movies middle subtitle closer to title --*/
.h4-right {margin:10px 0px 0px 10px;}

/*-- menu --*/
#menu
	{
	font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif;
	width:100%; height:60px; padding-top:35px;
	margin:0 auto;
	}

#menu .home, .about, .services, .booking, .contact, .links	{
	text-align: center;
	display:block;
	white-space:nowrap;
	margin:0;
	padding:5px 18px 5px 18px;
	}

#menu .home {border-left:none; border-right:#999 solid 1px;}
#menu .about {border-left:none; border-right: 1px solid #999;}
#menu .services {border-right:1px solid #999;}
#menu .booking {border-right:1px solid #999;}
#menu .links {border-right:none;}
	
#menu a:link, #menu a:visited, #menu a:active	/* menu at rest */
	{color:#fff; text-decoration:none;}

#menu a:hover						/* menu on mouse-over  */
	{background:url(../images/bg/bg-menu.png) repeat-x center; text-decoration:none;}

#menu ul
	{
	list-style:none;
	margin:0; padding:0;
	float:left;
	/*width:85px;    width of all menu boxes */
	}
#menu .booking-width {width:138px;}
#menu


#menu li
	{
	position:relative;
	min-height: 1px;		/* for IE7 */
	vertical-align: bottom;		/* for IE7 */
	}

#menu ul li{ padding-left:5px; padding-right:5px;}
#menu ul ul
	{
	position:absolute;
	z-index:1000;
	top:auto;
	display:none;
	padding: 0.4em;
	margin:0;
	font-size:0.9em;
	}
	
#menu ul ul a:link {color:#FF0000;}
#menu ul ul a:hover {background:none; color:#fff;}

div#menu li:hover
	{cursor:pointer; z-index:100; text-align:left;}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/*-- end menu --*/


/*-- other classes --*/

/*-- floats for images --*/
.float-left {float:left;}
.float-right {float:right;}
.clear {clear: both;}

/*-- button rollovers --*/
img.hover {display:none; border:0;}
a:hover img.hover {display:inline;}
a:hover img.nohover {display:none;}

.indxheader{ color:#FFF; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif;}