/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* Site Wide formating styles                  */
/***********************************************/ 

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*color: #333333;*/
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background-image:url(images/bgfade.jpg);
	background-repeat:repeat-x;
	/*background-color:#680062/*#7A0073;*/
	
}

.box {
	/* The main containing box */
	border-color:#56004E;
	width:850px;
	top:-64px;
	z-index: 0;
	position:relative;
	margin: auto;

}

.pagename {
	/*places the page name banner and image*/
	background:url(images/linetest.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	position:relative;
	top: 135px;
	left:100px;
	width:100%;
	z-index:2;	
}
#lable2{
	position:relative;
	top:-1px;

}
#lable{
	position:relative;
	top:8px;

}
.pgnameimg {
/*places page name image in the correct spot*/
	padding-left:170px;
	position:relative;
	top:-10px;
}
.rightside {
/*formats the right side of all pages.
	background-image: url(images/fullsunfade.jpg);
	background-position:top;
	background-repeat:no-repeat;
	*/
	
	border-width:thin;
	border:#FFE6AF;
	border-bottom-style:ridge;
	border-right-style:ridge;
	background-color:#FFFFFF;/*#FFE19F;/*#FFF2D7;*/

}
#skinbg{
	background-image:url(images/rightside_leaf.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	z-index:=1;
}
.smlogo{
/*places the top left small logo on all pages*/
	text-align: center;
	padding-bottom:25px;
	padding-top: 25px;
	padding-left:25px;
	padding-right:25px;
	position:relative;
	z-index:1;
}

a:hover {
	text-decoration:underline;
}


.contactformbox{
/*contact page containing box */
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	top:60px;
	font-weight: bold;
}
#contactbg{
	background:url(images/flowerrain.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#FFFFFF;
	
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#productsbg{
	background:url(images/true.jpg);
	background-position:bottom right;	
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}
.brow{
	padding:15px;
	

}
.browbox{
	position:relative;
	padding-top:100px;

}
.productiamges{
/*products page box*/
	position:relative;
	padding-top:15px;
}
.pixproductimages{
/*products page places the images at bottom of page*/
	position:relative;
	z-index:1;
	padding-left:40px;
	padding-right:40px;
}
#productsnav{
	position:relative;
	padding-bottom:490px;
}
p.retreat{
	position:relative;
	top:10px;
	font-size:15px;
	letter-spacing:3px;
	font-variant:small-caps;
	color: #974A98;/*#7A0073;/*#9F5F07;/*#CC9933;/*#9F5F07;/*#CC9933;*/
}
#aboutbg{
	background-color:#FFFFFF;
	background-image:url(images/right_flower.jpg);
	background-repeat:no-repeat;
}
#facialbg{
	background: url(images/facial bg.jpg) center bottom  no-repeat;
	background-color:#FFF2D7;
}
#about{
	position:relative;
	top:45px;
	width: 75%;
	padding-left: 10%;
	padding-right: 10%;
	line-height: 40px;
	text-align:justify;
	font-weight:bolder;
	
}
#products{
	position:relative;
	top:-10px;
	width: 75%;
	padding-left: 10%;
	padding-right: 10%;
	line-height: 30px;
	text-align:justify;
	font-weight:bolder;
	z-index:2;
}
.text {
/*text description of the page*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7A0073;/*#974A98;/*#666666;*/
	font-size:11px;


}
#fine {
	/*defines the fine print of page */
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	top:100px;
}

/*==========================================================================*/
/*		The following are all the placement div boxes that affect the 		*/
/*		Make up Skin care and treatments pages								*/
/*==========================================================================*/

.skincare{
	padding-bottom:10px;
	position:relative;

}
/*=====================================================================*/
/*=====================================================================
/*Skin Page															 */
/*==================================================================*/
.skin{
/*skin page containing box*/
	position:relative;
	top:90px;
	z-index:1;
	
}
#skinnav{
	position:relative;
	padding-bottom:550px;
}
#bodynav{
	position:relative;
	padding-bottom:180px;
}
#skintext{	
	position:relative;
	padding-left:10%;
	text-align:justify;
	padding-top:10px;
	width:80%;
	font-weight:bold;
	z-index: 10;

}

/*====================================================================*/
/*=====================================================================
/*Make up page														*/
/*==================================================================*/
.makeupbox{
	position:relative;
	top:0px;
	z-index:2;
}
#makeupnav{
	padding-bottom:50px;
}
#makeupbg{
	background:url(images/makeupbg.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	background-position:bottom;
	padding-top:117px;
	width:617px;

	z-index:1;
}
#bridebg{


	padding-top:20px;
}
#truepro{

	padding-top:20px;
}
#eveningbg{
	position:relative;
}
.makeupimages{
	position:relative;
	z-index:3;
	padding-left:43px;
}

#daybg{
	background-image:url(images/day_makeup.jpg);
	background-repeat:no-repeat;
	width:175px;
	height:117px;
	position:relative;
	left:0\px;
	top:20px;
	z-index:1;
	float:right;
}
/*=====================================================================*/
/*=====================================================================*/
/*Body page Treatments													*/
/*=====================================================================*/
.bodybox{
	position:relative;
	padding-top:120px;
	
	}
#face{
	background:url(images/eveningbg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#FFFFFF;
}
#legs{
	background:url(images/legs.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#FFFFFF;
}
/*=======================================================================*/
/*=======================================================================*/
/*=======================================================================*/
/*Guys page																=*/
/*=======================================================================*/

.guysbox{
	position:relative;

}
#brow{
	position:relative;
	padding-top:45px;
	padding:20px;
	
}
#guysbg{
background:url(images/guysbg.jpg);
background-repeat:no-repeat;
background-position:bottom;
background-color:#FFFFFF;
}
/*========================================================================*/
/*========================================================================*/
/*========================================================================*/

.waxbox{
	position:relative;
	top:-165px;
}
.contactbox{
	position:relative;
	top:70px;
}
/*=====================================================================*/
/*=======================================================================*/
/*Staff Page														 	 */
/*=======================================================================*/
#lindsay{
/*places lindsay's image*/
	float:right;


}
/*#nameheading{
	font-size:16px;
	line-height:50px;
}*/

#ellen{
/*places ellen's image*/
	float:left;

}
.bio{
/*staff page containing box*/
	color:#666666;
	position:relative;
	padding-left:5%;
	top:70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 85%;
	font-size:12px;
	line-height: 20px;
	text-align:justify;
	font-weight:bolder;
}
/*==================================================================*/
/*==================================================================*/
/*Waxing page 														*/
/*==================================================================*/

#personalwax{
	/*personal wax on waxing page*/
	position:relative;
	width:100%;
	font-weight:bold;

}
#bodywax {
	/*body wax on waxing page*/
	position:relative;
	border-right:dotted;
	border-color:#CCCCCC;
	width:inherit;
	padding-right: 40px;
}
#tablewax{
	position:relative;
	top:60px

}
#waxbg{
	background:url(images/Waxing.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-color:#FFFFFF;

}
/*========================================================================*/
/*========================================================================*/
/*========================================================================*/
#personalwaxtext {
	position:relative;
	left: 0px;
	top:-40px;
}
.dots{
	border-bottom:dotted;
	border-color: #FFD67F;/*#974A98;/*#FDB813;/*#FFE5AD;/*#FFE09D;/*#FFD67F;/*#FFBC2D;/*#CCCCCC;*/
	text-align:right;
	color: #974A98;/*#9F5F07;*/
	width:100%;
}
#body{
position:relative;
top:-10px
}
#makeup{
	position:relative;
	top:-10px;

}
#guys {
	position: relative;
	padding:0px;
	top:-5px;
	line-height:8px;
}
#panty{
	position:relative;
	top:-10px;
	left:0px;
	width:45%;
	padding-left:70px;
	padding-bottom:0px;
}
.indent{
	padding-left:20px;
}
#wax{
	position:relative;
	top:0px;
	text-align:center;
}
/*=================================================================*/


/************************************************/
/*Left side Navigation							*/
/************************************************/
.leftbar {
/*defines the bgcolor for left side of table*/
	/*background: #FFBC2D url(images/buttonbg.jpg);*/
/*		background:url(images/let col bw flower.jpg);
	background-repeat:no-repeat; */
background-color: #FFCA56;/*#FFE09D;/*#FFC851;/*#FDB813;/*#FDB714; /*#F7941D; /* lighter #FBBC79; /* Darker #F7941D;*/
	text-align: left;
	height:auto;
	
}

#top{
		background-image:url(images/trc.gif);
		background-repeat:no-repeat;
		background-position:top right;
	}
.nav {
/* sets the padding top and bottom for the placement of the navigation*/
	padding-top: 10px;
	padding-bottom: 0px;
	width:auto;
	z-index:1;
}
.col{ 
	position:relative;
	top:0px;
	left:-1140px;
	z-index:0;
}
div.sideLink a {
/*defines the look of the links in navigation*/
	list-style-type: none;
	font-family: Verdana, arial, Helvetica, sanf-serif;
	font-size: 11px;
	display:list-item;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	line-height: 10px;
	letter-spacing: 3px;
	width:auto;
	height:100%;
} 

div.sideLink a:link,  div.sideLink a:visited {
/*keep links the same color visited or not*/
	color: #7A0073;/*#56004E;/*#974A98;/*#9F5F07;*/
	width:auto;
	height:100%;
	z-index:1;
}


div.sideLink a:hover {
/*changes background color of links*/
	background: #FFC851 url(images/buttonbghover.jpg);;/*#FFC341;/*#F89830;*/
	background-repeat:repeat-y;
	color: #974A98;/*#9F5F07; /*#FDB813;*/
	width:auto;
	height:100%;
}
#active {
/*keeps the active page link bgcolor lighter*/
	background: #FFE09D url(images/buttonbghover.jpg);/*#FFC341;/*#F89830;*/
	background-repeat:repeat-y;
	color: #974A98;/*#9F5F07;	*/
	width:auto;
	height:100%;
}
#staffbg{
	background-image:url(images/left_column_background.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	background-position:bottom right;
}
#location {
/* location and hours*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	padding-bottom: 50px;
	padding-top: 60px;

}
#staff {
	text-align:center;
	color: #7A0073;/*#9F5F07;*/
	background: none;
}
#thanks{
	position:relative;
	top:-250px;
}