/* CSS Document */

body{
	background-color: #000000;
	font-weight:100;
	font-size:12px;
	color:#ffffff;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	

}


/*layout objects----------------------------------------*/

#main, #main_contact, #main_services, #main_products, #main_staff, #main_philosophy, #main_staff, #main_hair, #main_skin, #main_new, #main_makeup, #main_nails, #main_green{
	
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:0px;
	margin-bottom:0px;
	height:600px;
	width:800px;
	z-index:0;
	
}

#main{
	background-image:url(images/main_index.jpg);
}

#main_contact{
background-image:url(images/main_contact.jpg);
}

#main_green{
background-image:url(images/main_green2.jpg);
}
#main_services{
background-image:url(images/main_services.jpg);
}

#main_products{
background-image:url(images/eye_shadows.jpg);
}
#main_philosophy{
background-image:url(images/main_philosophy.jpg);
}

#main_staff{
background-image:url(images/main_staff.jpg);
}
#main_hair{
background-image:url(images/hair.jpg);
}
#main_makeup{
background-image:url(images/main_makeup.jpg);
}
#main_nails{
background-image:url(images/main_nails.jpg);
}

#main_skin{
background-image:url(images/main_skin.jpg);
}
#main_new{
background-image:url(images/main_new.jpg);
}

#logo{
	position:relative;
	margin-top: 0px;
	margin-left:25px;
	padding-top:15px;
	margin-bottom:25px;
	z-index:1;
	height:83px;
	width:600px;

}


.nav{
	float:left;
	height:30px;
	width:auto;
	padding:0px 17px 0px 17px;
	position:relative;
	text-align:center;
	font-family:georgia;
		
	
}

.nav a:link{
	color:#fff;
	font-size:12px;
	text-decoration:none;
	position:relative;
	z-index:500;
	line-height:14px;
	font-family:georgia;
}

.nav a:hover{
	color:#fff8dc;
	font-size:12px;
	text-decoration:underline;
	line-height:14px;
	z-index:500;
	font-family:georgia;
}

.nav a:visited{
	color:#fff8dc;
	font-size:12px;
	text-decoration:none;
	line-height:14px;
	z-index:500;
	font-family:georgia;
}


#rght_img{
	position:relative;
	margin-left:0px;
	z-index:3;
	float:left;
	top:15px;
	height:250px;
	
	
	
}


#container{
	height:280px;
	width:561px;
	z-index:5;
	float:left;
	font-family:arial;
	font-size:12px;

	
}
#top{
	width:570px;
	height:30px;
	margin-top:15px;	
	margin-left:15px;
}


#box{
	height:320px;
	width:577px;
	background-image:url(images/box.png);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;

}

/*green movie div*/
#mov{
	padding-top:25px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:640px;
	height:500px;
	
}

/*links-------------------------------------------------*/

a{
z-index:1000;
}
a:link{
	color:#fff;
	font-size:12px;
	text-decoration:none;
	position:relative;
	line-height:14px;
	font-family:georgia;
}


a:visited{
	color:#fff8dc;
	font-size:12px;
	text-decoration:none;
	line-height:14px;
	font-family:georgia;
}
a:visited:hover{
	color:#fff8dc;
	font-size:12px;
	text-decoration:underline;
	line-height:14px;
	font-family:georgia;
}

a:hover{
	color:#fff8dc;
	font-size:12px;
	text-decoration:underline;
	line-height:14px;
	font-family:georgia;
}





#active{
	font-style:italic;
	color:#fff8dc;
	
}
#text{
	position:relative;
	padding:25px 25px 0px 25px;
	float:left;
	width:200px;
	height:250px;
	overflow:hidden;
	font-weight:100
	;
}
#text_contact{
	position:relative;
	padding:0px 25px 0px 25px;
	margin-top:30px;
	float:left;
	width:200px;
	height:220px;
	overflow:auto;
	font-weight:100
	;
}

.indent{
	margin-left:15px;
}

#text_home{
	position:relative;
	padding:25px 0px 0px 40px;
	float:left;
	width:250px;
	height:250px;
	overflow:hidden;
	font-weight:100
	;
}

#text_staff{
	position:relative;
	padding:0px 25px 0px 25px;
	float:left;
	width:480px;
	height:250px;
	overflow:auto;
	margin-top:25px;
	
	
}
#text_whats_new{
	position:relative;
	padding:0px 25px 0px 25px;
	float:left;
	width:480px;
	height:250px;
	overflow:auto;
	margin-top:25px;
	
	
}


#thumbs{
	height:100px;
	width:500px;
	margin-left:50px;
	margin-top:50px;
	z-index:500;
	position:relative; 
	}

.thumb_links{
	width:75px;
	height:100px;
	float:left;
	padding:10px;
}

.thumb_links img{
	padding-bottom:10px;
	z-index:500;
}

.text{
	position:relative;
	padding:25px;
	float:left;
	width:100px;
	height:250px;
	overflow:hidden;
	
	
}

#text_products{
	position:relative;
	padding:0px 25px;
	margin-top:25px;
	float:left;
	width:200px;
	height:210px;
	overflow:auto;
	
	
}
.text_staff{
	position:relative;
	padding:10px;
	float:left;
	width:125px;
	height:240px;
	overflow:hidden;
	top:15px;
	margin-left:25px;
	

	
}

#green{
	position:relative;
	margin-top:35px;
	margin-left:25px;
	padding-right:15px;
	float:left;
	width:500px;
	height:230px;
	overflow:auto;
}

#services_table{
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
}

#services{
	margin-top:50px;
	margin-left:25px;
}
.text_staff p{
	width:125px;
}
#bottom_products{
	position:relative;
	
	float:left;
	width:540px;
	height:50px;
	overflow:hidden;
	text-align:center;
	
}


#rght_products{
	position:relative;
	margin-left:0px;
	z-index:3;
	float:left;
	top:40px;
	left:35px;
	font-size:9px;
	
}


#hair_prices{
	margin-left:100px;
}
#skin_prices{
	margin-left:75px;
}

#address{
	margin-left:25px;
	margin-top:25px;
}

/*text_styles-----------------------------------*/


.caption{font-style:italic;color:#fff8dc; font-family:georgia; font-size:12px;}



p, table, ul{
	color:#E3E3E3;
	font-size:12px;
	font-family:arial;
	line-height:14px;
	font-weight:100;
	font-family:georgia;
	font-size:12px;
	
}

.title{
	
	font-style:italic;
	color:#fff8dc;
	font-size:12px;
	line-height:14px;
	font-family:georgia;
}


.sm_text{
	font-size:10px;
}

#imagegallery{
	float:left;
	width:110px;
	height:240px;
	float:left;
	padding:0px;
	margin:0px;
	
}

#imagegallery li{
	list-style:none;
	width:100px;
	height:240px;
	display:inline;
	
}

#gallery{
	position:relative;
	margin:25px 25px 0px 25px;
	padding:0px;
	float:left;
	width:130px;
	height:240px;
	font-weight:100;
	overflow:auto;
	
}

ul{
	list-style:outside;
}
.green {
	color:#00CC00;
}
.green a:link{
	color:#00CC00;
}
 .green a:visited{
	color:#00CC00;
}
 .green a:hover{
	color:#00FF00;
}
.green a:active{
	color:#00CC00;
}