/* CSS Document */

body {background-image: url(../images/bgtile.jpg);}
#wrapper{

position:relative;
width: 900px;
margin:auto;
z-index:10;
}

#top {
	position:absolute;
	left:0px;
	top:0px;
	width:1500px;
	height:140px;
	z-index:1;
	background-color: #FFFFFF;
}

#logo {
	position:absolute;
	left:16px;
	top:17px;
	width:468px;
	height:101px;
	z-index: 2;
}

#ribbon {
	position:absolute;
	left:0px;
	top:135px;
	width:1500px;
	height:50px;
	background-image: url(../images/ribbon.jpg);
	z-index: 3;
	background-repeat: repeat-x;
}





ol li { 
margin-top:5px;
	
 }
 
 #vertnav {
	position:absolute;
	left:-181px;
	top:-10px;
	width:138px;
	height:914px;
	z-index:30;
}



#haircare {
	position:absolute;
	left:75px;
	top:378px;
	width:137px;
	height:136px;
	z-index: 10;
	background-image: url(../images/haircare.jpg);
}



#eminence {
	position:absolute;
	left:38px;
	top:17px;
	width:628px;
	height:221px;
	z-index: 5;
}




#facials {
	position:absolute;
	left:75px;
	top:518px;
	width:135px;
	height:135px;
	z-index: 11;
	background-image: url(../images/facials.jpg);
}



#maintext {
	position:relative;
	left:167px;
	top:12px;
	width:732px;
	height:1400px;

	background-color: #FFFFFF;
	visibility: visible;
}



#massages {
	position:absolute;
	left:75px;
	top:660px;
	width:135px;
	height:135px;
	z-index: 12;
	background-image: url(../images/massages.jpg);
	
}


#handnailfoot {
	position:absolute;
	left:75px;
	top:803px;
	width:135px;
	height:135px;
	z-index: 13;
	background-image: url(../images/handnailfoot.jpg);
}





#waxing {
	position:absolute;
	left:75px;
	top:948px;
	width:135px;
	height:135px;
	z-index: 14;
	background-image: url(../images/waxing.jpg);
}


#chocolate {
	position:absolute;
	left:13px;
	top:196px;
	width:904px;
	height:1430px;
	z-index:20;
	background-color: #4E3B32;
	visibility: visible;
}



#maintext #mscol1 ul {
	width: 315px;
	margin: 0px 0px 5px 0px;
padding:0px 0px 0px 0px;
}




#maintext #mscol2 ul {
	width: 240px;
	margin: 0px 0px 5px 0px;
padding:0px 0px 0px 0px;
}






#maintext #mpcol2 ul {
	width: 260px;
	margin: 0px 0px 5px 0px;
padding:0px 0px 0px 0px;
}

	
#maintext #mpcol1 ul {
	width: 300px;
	margin: 0px 0px 5px 0px;
padding:0px 0px 0px 0px;
}



#maintext #hcol1 ul{
	width: 315px;
	margin: 0px 0px 5px 0px;
padding:0px 0px 0px 0px;
}


#maintext #hcol2 ul{
	width: 250px;
	margin: 0px 0px 5px 0px;
padding:0px 0px 0px 0px;

}




#topnav {
	position:absolute;
	left:73px;
	top:148px;
	width:769px;
	height:23px;
	z-index: 4;
	
}

#topnav  ul {margin: 0px 0px 5px 0px;
padding:0px 0px 0px 0px;}
	
#topnav ul li {
list-style: none;
display: inline;
margin: 0px 0px 5px 0px; 
padding:0px 0px 5px 0px;
}

#fcol1 {
	position:absolute;
	left:1px;
	top:223px;
	width:327px;
	height:553px;
padding: 15px;
}
#fcol2 {
	position:absolute;
	left:378px;
	top:203px;
	width:329px;
	height:569px;
	
}

#hcol1 {
	position:absolute;
	left:12px;
	top:8px;
	width:350px;
	height:1061px;
	z-index:17;
	padding: 15px;
}
#hcol2 {
	position:absolute;
	left:420px;
	top:8px;
	width:292px;
	height:544px;
	z-index:18;
}

#mscol1 {
	position:absolute;
	left:1px;
	top:3px;
	width:335px;
	height:770px;
	z-index:17;
	padding: 15px;
}
#mscol2 {
	position:absolute;
	left:423px;
	top:4px;
	width:292px;
	height:701px;
	z-index:18;
}

#mncol1 {
	position:absolute;
	left:1px;
	top:3px;
	width:350px;
	height:770px;
	z-index:17;
	padding: 15px;
}
#mncol2 {
	position:absolute;
	left:400px;
	top:69px;
	width:272px;
	height:633px;
	z-index:18;
}

#mpcol1 {
	position:absolute;
	left:1px;
	top:3px;
	width:345px;
	height:770px;
	z-index:17;
	padding: 15px;
}
#mpcol2 {
	position:absolute;
	left:378px;
	top:53px;
	width:292px;
	height:701px;
	z-index:18;
}

#col1 {
	position:absolute;
	left:1px;
	top:223px;
	width:327px;
	height:773px;
	z-index:17;
}

#col2 {
	position:absolute;
	left:600px;
	top:633px;
	width:323px;
	height:430px;
	z-index:18;
}
#maintext #c-col1 .txtitalic label {
	clear: both;
	float: left;
}

.right {
	clear: both;
	float: right;
	width: 100px;
	text-align:right;
}

.left {
	clear: both;
	float: left;
}





#faqcol1 {
width:80%;
float:left;
margin-right:10px;
margin-left:30px;
margin-top: 20px;
}

#ncol1 {
	position:absolute;
	left:12px;
	top:8px;
	width:350px;
	height:1061px;
	z-index:17;
	padding: 15px;
}
#ncol2 {
	position:absolute;
	left:420px;
	top:79px;
	width:292px;
	height:544px;
	z-index:18;
}
#pcol1 {
	position:absolute;
	left:12px;
	top:8px;
	width:350px;
	height:1061px;
	z-index:17;
	padding: 15px;
}
#pcol2 {
	position:absolute;
	left:421px;
	top:13px;
	width:292px;
	height:544px;
	z-index:18;
}



#maintext #ncol1 ul{
	width: 315px;
margin: 0px 0px 5px 0px;
padding:0px 0px 0px 0px;
}





#maintext #ncol2 ul{
	width: 250px;
margin: 0px 0px 5px 0px;
padding:0px 0px 0px 0px;
}

#maintext #mncol1 ul{
	width: 315px;
margin: 0px 0px 5px 0px;
padding:0px 0px 0px 0px;
}





#maintext #mncol2 ul{
	width: 250px;
margin: 0px 0px 5px 0px;
padding:0px 0px 0px 0px;
}





#maintext #wcol1 ul{
	width: 250px;
margin: 0px 0px 5px 0px;
padding:0px 0px 0px 0px;
}




#maintext #wcol2 ul{
	width: 250px;
margin: 0px 0px 5px 0px;
padding:0px 0px 0px 0px;
}



#wcol1 {
	position:absolute;
	left:10px;
	top:9px;
	width:300px;
	height:1061px;
	z-index:17;
	padding: 15px;
}

#aboutcol1 {
	position:absolute;
	left:15px;
	top:19px;
	width:340px;
	height:538px;
	z-index:18;
}
#toppic {position:absolute;
	left:657px;
	top:-9px;
	width:281px;
	height:138px;
	z-index:18;
}
#aboutcol2 {
	position:absolute;
	left:378px;
	top:21px;
	width:308px;
	height:536px;
	z-index:19;
}

#ctoppic {
	position:absolute;
	left:750px;
	top:-19px;
	width:342px;
	height:237px;
	z-index:17;
}
#c-col1 {
	position:absolute;
	left:32px;
	top:40px;
	width:322px;
	height:381px;
	z-index:21;
}
#c-col2 {
	position:absolute;
	left:428px;
	top:40px;
	width:263px;
	height:384px;
	z-index:22;
}

#toppic {
	position:absolute;
	left:607px;
	top:-12px;
	width:281px;
	height:140px;
	z-index:5;
}

#wcol2 {
	position:absolute;
	left:418px;
	top:42px;
	width:305px;
	height:311px;
	z-index:19;
}

#maintext #fcol2 ul{
margin: 0px 0px 5px 0px;
padding:0px 0px 0px 0px;
	width: 300px;

}

#maintext #fcol2 ul li{
margin-left: 0px;
	
}

#footer {
	position:absolute;
	left:75px;
	top:1472px;
	width:364px;
	height:109px;
	z-index:10}
	
	/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:200px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:290px;height:100px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}