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

body, html { 
	margin:0px;
	padding:0px;
	font-family:Helvetica,Arial, sans-serif;
}

.main_wrapper {
	width:1010px;
	margin: 0px auto;
	padding:0px;
}

.main_bk_1 {
	clear:both;
	width:1010px;
	height:44px;
	background:url(../images/main_bk_1.png) no-repeat;
} 

.main_bk_2 {
	clear:both;
	width:1010px;
	background:url(../images/main_bk_2.png) repeat-y;
	overflow:hidden;
}

.main_bk_3 {
	clear:both;
	width:1010px;
	height:83px;
	background:url(../images/main_bk_3.png) no-repeat;
} 

.wrapper {
	width:959px;
	margin: 0px auto;
	padding:0px;
}

.header_area {
	clear:both;
	width:957px;
	height:90px;
}

.main_content_area {
	clear:both;
	background:url(../images/lucespace_main_bk.png) no-repeat;
	width:957px;
	height:595px;
	position:relative;
}

.main_content_images_background {
	width:957px;
	height:595px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}

/* START ** slideshow fade ** START */

#myslides {
	width:957px;
	height:595px;
    padding: 0;  
    margin:  0 auto;  
} 
 
#myslides img {  
	width:957px;
	height:595px;
    top:  0; 
    left: 0 
}

#awards_animation {
	width:330px;
	height:30px;
    padding: 0;  
    margin:  0 auto;  
} 
 
#awards_animation img {  
	width:330px;
	height:30px;
    top:  0; 
    left: 0 
}

/* END ** slideshow fade ** END */

.main_content_menu {
	width:202px;
	height:85px;
	position:absolute;
	left:0px;
	top:30px;
	z-index:2;
}

.main_content_sub_menu_top {
	width:202px;
	height:85px;
	position:absolute;
	left:0px;
	top:160px;
	z-index:2;
}

.main_content_sub_menu {
	width:202px;
	height:40px;
	position:absolute;
	left:0px;
	bottom:10px;
	z-index:2;
}

.main_content_sub_sub_menu { /*This is for salon sub sub menu*/
	width:202px;
	height:40px;
	position:absolute;
	left:0px;
	top:175px;
	z-index:2;
}


.sub_menu_col_1 {
	float:left;
	width:56px;
	height:19px;
	background:url(../images/menu_dk_grey_bk.png) no-repeat;
	overflow:hidden;
	display:block;
}

.menu_col_1 {
	float:left;
	width:56px;
	display:block;
}

.menu_col_1 ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float:left;
}	

.menu_col_1 li{
	padding: 0px 0px 2px 0px;
	_padding: 0px 0px 0px 0px;
	margin:0px;
	font-size:12px;
	color:#FFF;
	height:19px;
}	

.menu_col_2 {
	float:left;
	width:144px;
	padding:0px 0px 0px 2px;
}

.menu_col_2 ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}	

.menu_col_2 li{
	padding: 0px 0px 2px 0px;
	_padding: 0px 0px 0px 0px;
	margin:0px;
	font-size:12px;
	color:#FFF;
	height:19px;
}			

.footer_area {
	clear:both;
	height:69px;
	padding:10px 0px 0px 0px;
}

.footer_area img.footer_details {
	float:left;
	padding:10px 0px 0px 63px;
}

.footer_area img.footer_logo_aveda {
	float:right;
}

.footer_area img.footer_logo_tribe {
	float:right;
	padding:0px 50px 0px 20px;
}

.logo_lucespace {
	float:left;
	width:272px;
	height:28px;
	padding:15px 0px 0px 190px;
}

.logo_lucespace h1{
	margin:0px;
	display:block;
	text-indent:-9999px;	
}

.logo_lucespace {
	float:left;
	width:272px;
	height:28px;
	padding:15px 0px 0px 190px;
}

.aveda_life {
	float:right;
	padding:0px 55px 0px 0px;
}

.aveda_life_row_1 {
	 clear:both;
	 float:right;
	 background:url(../images/lucespace_is_an_aveda_lifestyle_salon.png) no-repeat;
	 width:197px;
	 height:15px;
}

.aveda_life_row_1 h1{
	margin:0px;
	display:block;
	text-indent:-9999px;
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:12px;
}

.aveda_life_row_2 {
	 clear:both;
	 float:right;
}

.aveda_life_row_3 {
	 clear:both;
	 float:right;
	 width:310px;
	 height:30px;
}


/*ABOUT OUR MISSION*/

.our_mission_content_menu {
	width:300px;
	position:absolute;
	left:210px;
	top:30px;
	z-index:3;
}

.hd_our_mission {
	clear:both;
	background:url(../images/hd_our_mission.png) no-repeat;
	width:160px;
	height:27px;
}

.hd_our_mission h1{
	margin:0px;
	display:block;
	text-indent:-9999px;
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:12px;
}

.hd_our_salon_pts_of_difference {
	clear:both;
	background:url(../images/hd_pointsofdifference.png) no-repeat;
	width:242px;
	height:46px;
}

.hd_our_salon_pts_of_difference h1{
	margin:0px;
	display:block;
	text-indent:-9999px;
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:12px;
}

.hd_our_salon {
	clear:both;
	background:url(../images/hd_oursalon.png) no-repeat;
	width:242px;
	height:46px;
}

.hd_our_salon h1{
	margin:0px;
	display:block;
	text-indent:-9999px;
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:12px;
}

.our_mission_content_text {
	clear:both;
	padding:80px 0px 0px 0px;
}

.our_mission_content_text img{
	clear:both;
}


.our_mission_content_text p{
	font-size:14px;
	letter-spacing:-0.01em;
	line-height:16px;
	color:#FFF;
	padding:10px 0px 0px 0px;
	margin:0px;
}

/*OUR SERVICES*/

.our_services_content_menu {
	width:360px;
	position:absolute;
	left:210px;
	top:47px;
	z-index:3;
}

.our_services_content_menu table{
	font-size:12px;
}

.our_services_content_menu thead{
	background:#000;
	color:#FFF;
}

/*CONTACT*/

.contact_content_area {
	width:300px;
	position:absolute;
	left:210px;
	top:30px;
	z-index:3;
}

.hd_contact {
	clear:both;
	background:url(../images/hd_contact.png) no-repeat;
	width:160px;
	height:27px;
}

.hd_contact h1{
	margin:0px;
	display:block;
	text-indent:-9999px;
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:12px;
}

.text_contact {
	width:360px;
	position:absolute;
	left:0px;
	top:105px;
	z-index:3;
}

.text_contact img {
	clear:both;
}

.text_contact img.details_text {
	padding:5px 0px 0px 0px;
}

.text_contact img.map {
	padding:15px 0px 0px 0px;
}

/*Our Salon*/

.our_salon_content_menu {
	width:381px;
	position:absolute;
	left:210px;
	top:30px;
	z-index:3;
}

.our_salon_gallery_area {
	clear:both;
	padding:80px 0px 0px 0px;
}

.our_salon_gallery_area img {
	float:left;
	width:120px;
	height:165px;
	padding:5px 0px 0px 5px;
}



