body
{
	
	background-repeat:repeat-x;
	background-image:url(images/main_bg1.png);
	background-repeat:repeat-x;
	font:15px/20px Arial, Helvetica, sans-serif; 
	margin:32px 0 0; 
	padding:0;
}

div, ul, h1, h2, h3, li, p, img{margin:0; padding:0;}
ul{list-style-type:none;}
/* TOP BANNER */
#top-banner { width:800px; height:150px; background-image:url(images/banner-welcome.png)}

/* TOP PANEL*/
#topPanel {width:1055px; height:263px; position:relative; margin:0 auto; padding:0; border: solid 0px black; background-image:url(images/main-panel-bg.png)}

#topPanel #subnav li {
	float: right;
	margin-right: 8px;
	margin-top:15px;
	letter-spacing: -0.015em;
	font: bold 13px/13px Arial, Helvetica, sans-serif;
}


/* TOP PANEL SUB-NAV*/
#topPanel #subnav li a {
	color: #cbd200;
	padding-right: 8px;
	text-decoration: none;
	background: transparent url(images/subnav-line.png) no-repeat right center;	
}

#topPanel #subnav li a:hover {
	color: #E32636;
}

/* TOP PANEL BODY */
#mainnav {
  position: absolute;
  top: 0;
  left: 0;
  width: 252px;
  padding-top: 292px;
}
#mainnav ul {
  background: bottom right #991111 url(images/nav_bot.jpg) no-repeat;
  margin: 0 7px 0 28px;
  padding: 5px 20px 15px 20px;
}
#mainnav li {
  list-style: none;
  background: bottom left url(images/dots.jpg) repeat-x;
}
#mainnav a {
  color: #FDE7C2;
  font: 18px "times new roman", serif;
  font-style: italic;
  background: #991111;
  padding-right: 8px;
}

/* MAIN HORIZONTAL MENU*/

#nav {width:1055px; height:25px; position:relative; margin:0 auto; margin-top:0px; padding:0; border: solid 0px white}



* html .clear {
    margin-top: 0;
    margin-bottom: 0;
}
#subnav1 li {
    float: left;
    list-style: none;
    width: 130px;
    font-size: 11px;
    font-weight: bold;
    border-left: 1px solid white;
    text-align: center;
}

#subnav1 li.first {
    width: 136px;
    border-left: none;
}

#subnav1 a {
    color: #fff;
    display: block;
    text-decoration: none;
    background: #cb4c8c;
    padding: 2px 0;
    width: 100%;
}

#subnav1 a:hover {
    background: #F076AD;
}


/* HOME BODY PANEL*/
#bodyPanel{width:1055px; height:450px; position:relative; margin:0 auto; padding:0; background-image:url(images/bg_content.jpg)}

/* FACIALS BODY PANEL*/
#FacialPanel{width:1055px; height:450px; position:relative; margin:0 auto; padding:0; background-image:url(images/bg_content.jpg)}

/* MANICURES BODY PANEL*/
#ManicuresPanel{width:1055px; height:450px; position:relative; margin:0 auto; padding:0; background-image:url(images/bg_content.jpg)}

/* PEDICURES BODY PANEL*/
#PedicuresPanel{width:1055px; height:450px; position:relative; margin:0 auto; padding:0; background-image:url(images/bg_content.jpg)}

/* WAXING BODY PANEL*/
#WaxingPanel{width:1055px; height:450px; position:relative; margin:0 auto; padding:0; background-image:url(images/bg_content.jpg)}

/* EYE TREATMENT BODY PANEL*/
#EyetreatmentPanel{width:1055px; height:450px; position:relative; margin:0 auto; padding:0; background-image:url(images/bg_content.jpg)}

/* THREADING BODY PANEL*/
#ThreadingPanel{width:1055px; height:450px; position:relative; margin:0 auto; padding:0; background-image:url(images/bg_content.jpg)}

/* APPOINTMENT BODY PANEL*/
#AppointmentPanel{width:1055px; height:630px; position:relative; margin:0 auto; padding:0; background-image:url(images/bg_content.jpg)}

/* CONTACT US BODY PANEL*/
#contactPanel{width:1055px; height:450px; position:relative; margin:0 auto; padding:0; background-image:url(images/bg_content.jpg)}


/* LEFT VERTICAL MENU */
#leftmenu { float:left; width:162px; height:300px; position:relative; margin-top:10px; margin-left:5px; padding:0}
.leftmenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #4169E1 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.leftmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.leftmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.leftmenu ul li a{
font: normal 12px Arial;
color: white;
background: #E32636;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.leftmenu ul li a:visited{
color: black;
}

.leftmenu ul li a:hover{ /*hover state CSS*/
color: black;
background: #cbd200;
}

/* WELCOME NOTE */
#intro {float:left; width:480px; height:200px; position:relative; margin-top:20px; margin-left:5px; margin-right:0px; padding:0; background:tranparent}
#intro h2{ background:transparent; display:block; width:480px; height:30px; margin:0px 0px 0 0px;  font:28px/28px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0px 0 0 0px; color:#FF7113;}
#intro p{width:480px;margin:5px 0px 0 0px; padding:2px 2px 2px 2px; color:#0F0F0F; font-size:medium}
#intro a{width:200px;margin:5px 0px 0 0px; padding:0 0px 0px 0px; color:#0F0F0F; float:right}

/* FACIAL NOTE */
#facial {float:left; width:480px; height:200px; position:relative; margin-top:20px; margin-left:5px; margin-right:0px; padding:0; background:tranparent}
#facial h2{background:transparent; display:block; width:480px; height:30px; margin:0px 0px 0 0px;  font:28px/28px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0px 0 0 0px; color:#FF7113;}
#facial p{width:480px;margin:5px 0px 0 0px; padding:2px 2px 2px 2px; color:#0F0F0F; font-size:small}
#facial a{width:200px;margin:5px 0px 0 0px; padding:0 0px 0px 0px; color:#0F0F0F; float:right}

/* MANICURES NOTE */
#manicures {float:left; width:480px; height:200px; position:relative; margin-top:20px; margin-left:5px; margin-right:0px; padding:0; background:tranparent}
#manicures h2{background:transparent; display:block; width:480px; height:30px; margin:0px 0px 0 0px;  font:28px/28px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0px 0 0 0px; color:#FF7113;}
#manicures p{width:480px;margin:5px 0px 0 0px; padding:2px 2px 2px 2px; color:#0F0F0F; font-size:small}
#manicures a{width:200px;margin:5px 0px 0 0px; padding:0 0px 0px 0px; color:#0F0F0F; float:right}

/* PEDICURES NOTE */
#pedicures {float:left; width:480px; height:200px; position:relative; margin-top:20px; margin-left:5px; margin-right:0px; padding:0; background:tranparent}
#pedicures h2{background:transparent; display:block; width:480px; height:30px; margin:0px 0px 0 0px;  font:28px/28px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0px 0 0 0px; color:#FF7113;}
#pedicures p{width:480px;margin:5px 0px 0 0px; padding:2px 2px 2px 2px; color:#0F0F0F; font-size:small}
#pedicures a{width:200px;margin:5px 0px 0 0px; padding:0 0px 0px 0px; color:#0F0F0F; float:right}

/* WAXING NOTE */
#waxing {float:left; width:480px; height:200px; position:relative; margin-top:20px; margin-left:5px; margin-right:0px; padding:0; background:tranparent}
#waxing h2{background:transparent; display:block; width:480px; height:30px; margin:0px 0px 0 0px;  font:28px/28px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0px 0 0 0px; color:#FF7113;}
#waxing p{width:480px;margin:5px 0px 0 0px; padding:2px 2px 2px 2px; color:#0F0F0F; font-size:small}
#waxing a{width:200px;margin:5px 0px 0 0px; padding:0 0px 0px 0px; color:#0F0F0F; float:right}

/* EYE NOTE */
#eye {float:left; width:480px; height:200px; position:relative; margin-top:20px; margin-left:5px; margin-right:0px; padding:0; background:tranparent}
#eye h2{background:transparent; display:block; width:480px; height:30px; margin:0px 0px 0 0px;  font:28px/28px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0px 0 0 0px; color:#FF7113;}
#eye p{width:480px;margin:5px 0px 0 0px; padding:2px 2px 2px 2px; color:#0F0F0F; font-size:small}
#eye a{width:200px;margin:5px 0px 0 0px; padding:0 0px 0px 0px; color:#0F0F0F; float:right}

/* THREADING NOTE */
#threading {float:left; width:480px; height:200px; position:relative; margin-top:20px; margin-left:5px; margin-right:0px; padding:0; background:tranparent}
#threading h2{background:transparent; display:block; width:480px; height:30px; margin:0px 0px 0 0px;  font:28px/28px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0px 0 0 0px; color:#FF7113;}
#threading p{width:480px;margin:5px 0px 0 0px; padding:2px 2px 2px 2px; color:#0F0F0F; font-size:small}
#threading a{width:200px;margin:5px 0px 0 0px; padding:0 0px 0px 0px; color:#0F0F0F; float:right}

/* APPOINTMENT NOTE */
#appointment {float:left; width:480px; height:200px; position:relative; margin-top:20px; margin-left:5px; margin-right:0px; padding:0; background:tranparent}
#appointment h2{background:transparent; display:block; width:480px; height:30px; margin:0px 0px 0 0px;  font:28px/28px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0px 0 0 0px; color:#FF7113;}
#appointment p{width:480px;margin:5px 0px 0 0px; padding:2px 2px 2px 2px; color:#0F0F0F; font-size:small}
#appointment a{width:200px;margin:5px 0px 0 0px; padding:0 0px 0px 0px; color:#0F0F0F; float:right}

/* APP_BUTTON */

#buttons { float:left; width:480px; height:50px; border:solid 1 px black; margin-top:20px}
#buttons a{ float:left; margin-left:167px; height:40px; width:147px; background-image:url(images/app_button.png)}



/* APPOINTMENT RIGHT BANNER */

#rightblockapp { float:right; width:512px; height:512px; position:relative; margin-top:50px; margin-left:0px; margin-right:30px; padding:0; border:solid 1px black}

/* RIGHT BANNER */

#rightblock { float:right; width:525px; height:288px; position:relative; margin-top:50px; margin-left:0px; margin-right:10px; padding:0; border:solid 1px black}
#rightblock #box1 
{
	float:left;
	width:84px;
	height:84px;
	margin-left:0px;
	background-image:url(images/mos_hair_01.jpg);
}
#rightblock #box2 
{
	float:left;
	width:84px;
	height:84px;
	margin-left:5px;
	background-image:url(images/mos_hair_02.jpg);
}
#rightblock #box3
{
	float:left;
	width:84px;
	height:84px;
	margin-left:5px;
	background-image:url(images/mos_hair_03.jpg);
}
#rightblock #box4
{
	float:left;
	width:84px;
	height:84px;
	margin-left:0px;
	margin-top:5px;
	background-image:url(images/mos_hair_04.jpg);
}
#rightblock #box5
{
	float:left;
	width:84px;
	height:84px;
	margin-left:5px;
	margin-top:5px;
	background-image:url(images/mos_hair_05.jpg);
}
#rightblock #box6
{
	float:left;
	width:84px;
	height:84px;
	margin-left:5px;
	margin-top:5px;
	background-image:url(images/mos_hair_06.jpg);
}
#rightblock #box7 
{
	float:left;
	width:84px;
	height:84px;
	margin-left:0px;
	margin-top:5px;
	background-image:url(images/mos_hair_07.jpg);
}
#rightblock #box8
{
	float:left;
	width:84px;
	height:84px;
	margin-left:5px;
	margin-top:5px;
	background-image:url(images/mos_hair_08.jpg);
}
#rightblock #box9 
{
	float:left;
	width:84px;
	height:84px;
	margin-left:5px;
	margin-top:5px;
	background-image:url(images/mos_hair_09.jpg);
}
#rightblock #box10
{
	float:left;
	width:84px;
	height:84px;
	margin-left:0px;
	margin-top:5px;
	background-image:url(images/mos_hair_10.jpg);
}
#rightblock #box11 
{
	float:left;
	width:84px;
	height:84px;
	margin-left:5px;
	margin-top:5px;
	background-image:url(images/mos_hair_11.jpg);
}
#rightblock #box12 
{
	float:left;
	width:84px;
	height:84px;
	margin-left:5px;
	margin-top:5px;
	background-image:url(images/mos_hair_12.jpg);
}

/* CONTACT RIGHT BANNER */

#contactright { float:left; width:550px; height:100px; position:relative; margin-top:10px; margin-left:0px; margin-right:10px; padding:0; border:solid 0px black}


/* BODY PANEL BOX*/
#bodybox{width:800px; height:300px; position:relative; margin:0 auto; padding:0; background-color:White}
#bodybox img{width:230px; height:150px; z-index:1; padding:0; position:absolute; margin:0 0 0 21px;}

#bodybox #bodyPanelfast{width:246px; height:263px; position:absolute; top:0; left:20px; margin:20px 0 0; padding:0px; background:url(images/orange-normal.jpg) no-repeat 0 0 #FC5F00; color:#fff;}
#bodybox #bodyPanelfast a{width:246px; height:263px; display:block; text-decoration:none; }
#bodybox #bodyPanelfast a:hover{width:246px; height:263px; background:url(images/orange-hover.jpg) no-repeat 0 0 #FC5F00; color:#fff; text-decoration:none;}
#bodybox #bodyPanelfast h2{display:block; width:90px; height:47px; margin:54px 0 0 120px; font:20px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; position:absolute; top:0px; left:0px; z-index:1;}
#bodybox #bodyPanelfast p{width:163px; display:block; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold;  position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:105px 50px 0 38px;}

#bodybox #bodyPanelsecond{width:246px; height:263px; position:absolute; top:0; left:276px; margin:20px 0 0; padding:0px; background:url(images/green-normal.jpg) no-repeat 0 0 #FC5F00; color:#fff;}
#bodybox #bodyPanelsecond a{width:246px; height:263px; display:block; text-decoration:none; }
#bodybox #bodyPanelsecond a:hover{width:246px; height:263px; background:url(images/green-hover.jpg) no-repeat 0 0 #FC5F00; color:#fff; text-decoration:none;}
#bodybox #bodyPanelsecond h2{display:block; width:90px; height:47px; background:none; margin:54px 0 0 103px; font:20px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; padding:0; position:absolute; z-index:1;}
#bodybox #bodyPanelsecond p{width:163px; display:block; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold;  position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:105px 50px 0 38px;}

#bodybox #bodyPanelthird{width:246px; height:263px; position:absolute; top:0; right:20px; margin:20px 0 0; padding:0px; background:url(images/blue-normal.jpg) no-repeat 0 0 #FC5F00; color:#fff;}
#bodybox #bodyPanelthird a{width:246px; height:263px; display:block; text-decoration:none; }
#bodybox #bodyPanelthird a:hover{width:246px; height:263px; background:url(images/blue-hover.jpg) no-repeat 0 0 #FC5F00; color:#fff; text-decoration:none;}
#bodybox #bodyPanelthird h2{display:block; width:90px; height:47px; background:none; margin:54px 0 0 93px; font:20px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; padding:0; position:absolute; z-index:1;}
#bodybox #bodyPanelthird p{width:163px; display:block; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold;  position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:105px 50px 0 38px;}


/* CONTACT CONFIRMATION */
#confirm {float:left; width:480px; height:300px; position:relative; margin-top:20px; margin-left:5px; margin-right:0px; padding:0; background:tranparent}
#confirm h2{ background:transparent; display:block; width:480px; height:30px; margin:0px 0px 0 0px;  font:28px/28px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0px 0 0 0px; color:#FF7113;}
#confirm p{width:480px;margin:5px 0px 0 0px; padding:2px 2px 2px 2px; color:#0F0F0F; font-size:small}
#confirm a{width:177px; height:40px; float:left; margin-left:165px; margin-top:30px; background-image:url(images/home_button.png)}

/* FOOTER */
#footer {width:1055px; height:30px; position:relative; margin:0 auto; padding:0; background:#F076AD}
#footer ul{width:1055px; height:30px; position:absolute; top:0; right:0; margin:0 0 0; padding:0 0 0 0; border-bottom:0px solid #AEAEAE;}
#footer ul li{ width:152px; height:30px;float:left; font:12px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; margin-top:5px; background: #3673b9}
#footer ul li a{width:120px; height:30px; padding:0; color:white; background:#fff; text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px; left:0px; background: #3673b9}