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



body	{
		

		font-family: Arial, Helvetica, sans-serif;
		background-position: center;	
		background-color: #9a9999;
		font-size: 14px;
		
		}

/*------------------------------- content ----------------------------------------------*/


#container	{

		height: 800px;
		width: 663px; 
		display: block;
		margin: 0 auto;
		padding: 10px 0px 0px 0px;
		background-image: url('../images/toni_logo_final_hi.png');
		background-repeat: no-repeat;
		background-color: #9a9999;
		
		
}

#container_pages	{

		height: 800px;
		width: 663px; 
		display: block;
		margin: 0 auto;
		padding: 10px 0px 0px 0px;
		background-image: url('../images/toni_logo_final_lo.png');
		background-repeat: no-repeat;
		
}

#main	{

		float: left;
		margin: -5px 0px 0px 0px;
		background-image: url('../images/main_blue_rev.png');
		background-position: center;
		width: 663px;
		height: 500px;
		font-size: 12px;
		color: #ffffff;
		

}

#about_main	{

		float: left;
		margin: -5px 0px 0px 0px;
		background-image: url('../images/main_green_rev.png');
		background-position: center;
		width: 663px;
		height: 500px;
		font-size: 12px;
		color: #ffffff;
		

}

#location_main	{

		float: left;
		margin: -5px 0px 0px 0px;
		background-image: url('../images/main_red_rev.png');
		background-position: center;
		width: 663px;
		height: 500px;
		font-size: 12px;
		color: #ffffff;
		

}

#pricing_main	{

		float: left;
		margin: -5px 0px 0px 0px;
		background-image: url('../images/main_orange_rev.png');
		background-position: center;
		width: 663px;
		height: 500px;
		font-size: 12px;
		color: #ffffff;
		

}

#events_main	{

		float: left;
		margin: -5px 0px 0px 0px;
		background-image: url('../images/main_purple_rev.png');
		background-position: center;
		width: 663px;
		height: 500px;
		font-size: 12px;
		color: #ffffff;
		

}

#contact_main	{

		float: left;
		margin: -5px 0px 0px 0px;
		background-image: url('../images/main_yellow_rev.png');
		background-position: center;
		width: 663px;
		height: 500px;
		font-size: 12px;
		color: #49494a;	

}





/*-------------------------------LANDING PAGE NAVIGATION-------------------------------*/

#landing_navigation	{

		float: left;
		padding: 0;
		margin: 400px 0px 0px 275px;
		font-family: Arial, Helvetica, sans-serif;

}


#landing_navigation li	{
		
		display: inline;
		list-style-type: none;
		font-family: Arial, Helvetica, sans-serif;
		
		}
		
#landing_navigation	li a	{

		border: none;
		border-bottom: none;
		background: none;
		text-decoration: none;
		color: #000000;
		font-size: 24px;
		}		
		
ul#landing_navigation	li a	{

		color: #ffffff;
		text-decoration: none;
		display: block;
			
}		

#landing_navigation li a:link	{

		color: #ffffff;
	
}


#landing_navigation li a:hover	{

		color: #bdbdbd;
		background: none;
		border-color: none;
		text-decoration: underline; 

			}


/*-------------------------------NAVIGATIONS----------------------------------------------*/
		
		
.navigation	{

		float: left;
		padding: 0px;
		margin: 50px 0px 0px -68px;
		clear: both;


}

.navigation li	{
		
		display: inline;
		list-style-type: none;
		margin-left: 25px;
		padding: 3px 3px 3px 3px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		text-decoration: none;		
		clear: both;
		
		}
		
.navigation	li a	{

		text-decoration: none;
		margin: 0px 0x 0px 0px;

	
		}
		
		
a.home:li	{

	color: #ffffff;

}

a.home:visited	{
	
	color: #ffffff;

}

a.home:hover	{
	
	color: #8dbb50;
	text-decoration: none;

}

a.home:active	{
	
	color: #ffffff;

}

a.pricing:link	{
	color: #ffffff;


}

a.pricing:visited	{
	
	color: #ffffff;

}

a.pricing:hover	{
	
	color: #dfac5b;
	text-decoration: none;

}

a.pricing:active	{
	
	color: #ffffff;

}

a.generic:link	{
	color: #ffffff;

}


a.generic:visited	{
	
	color: #ffffff;

}

a.generic:hover	{
	
	color: #ffffff;
	text-decoration: underline;
	font-weight:bold

}

a.generic:active	{
	
	color: #ffffff;

}

a.location:link	{
	color: #ffffff;

}

a.location:visited	{
	
	color: #ffffff;

}

a.location:hover	{
	
	color: #da343a;
	text-decoration: none;

}

a.location:active	{
	
	color: #ffffff;

}

a.gallery:link	{
	color: #ffffff;

}

a.gallery:visited	{
	
	color: #ffffff;

}

a.gallery:hover	{
	
	color: #337bb3;
	text-decoration: none;

}

a.gallery:active	{
	
	color: #ffffff;

}

a.events:link	{
	color: #ffffff;

}

a.events:visited	{
	
	color: #ffffff;

}

a.events:hover	{
	
	color: #ad61de;
	text-decoration: none;

}

a.events:active	{
	
	color: #ffffff;

}

a.contact:link	{
	color: #ffffff;

}

a.contact:visited	{
	
	color: #ffffff;

}

a.contact:hover	{
	
	color: #e5da45;
	text-decoration: none;

}

a.contact:active	{
	
	color: #ffffff;

}

		


/*--------------------------------Gallery--------------------------------------*/


#home_logo_text	{

		position: absolute;
		z-index: 10000;
		margin: 5px 0px 0px 5px;

}


#rotating_images	{
		
		position: absolute;
		margin: 70px 0px 0px 60px;

}

/*-------------------------------Home--------------------------------------*/

#about_text	{

		float: left;
		width: 230px;
		height: 300px;
		font-size: 5px;
		font-family: Arial, Helvetica, sans-serif;
		margin: 30px 0px 0px 0px;
		clear: both;

}

#about_logo	{

		float: left;
		margin: 20px 0px 0px 50px;
		padding: 0px;
		clear: both;

}

#msalon_crew_img	{

		float: right;
		margin: -110px 10px 0px 0px;

}
/*--------------------------------LOCATION--------------------------------------*/

#map	{

		float: right;
		margin: -250px 20px 0px 0px;
		padding: 0px;

}

#from_75	{

		float: left;
		margin: 0px 0px 0px 0px;
		width: 350px;
		height: 200px;

}

#from_75 li{
	
		display: block;
		list-style-type: none;
		width: 250px;
	
	}
	
#from_635_east	{

		float: left;
		margin: 0px 0px 0px 0px;
		width: 350px;
		height: 200px;

}

#from_635_east li{
	
		display: block;
		list-style-type: none;
		width: 250px;
	
}

#from_635_west	{

		float: left;
		margin: 15px 0px 0px 0px;
		width: 350px;
		height: 200px;

}

#from_635_west li{
	
		display: block;
		list-style-type: none;
		width: 250px;
	
}	

#from_30_east	{

		float: left;
		margin: 15px 0px 0px 0px;
		width: 350px;
		height: 200px;

}

#from_30_east li{
	
		display: block;
		list-style-type: none;
		width: 250px;
	
}	

#from_30_west	{

		float: left;
		margin: -30px 0px 0px 0px;
		width: 350px;
		height: 200px;

}

#from_30_west li{
	
		display: block;
		list-style-type: none;
		width: 250px;
	
}	

#facebook	{

		position: absolute;
		margin: 450px 0px 0px 20px;

}

/*---------------------------------LOCATION SCROLLER--------------------------------------*/


.Scroller-Container2	{

	position: relative;
  	margin: 0px 0px 0px 0px;
	width: 250px;
	height: 900px;
  
}

.Scrollbar-Up2 {

  	position: relative;
  	width: 20px; 
	height: 20px;
  	background-color: #db353b;
    background-image:url(../images/scoll_arrow_up.png);

	/*  background: transparent url(scrollImages/scrollbar_track.gif) no-repeat center center;*/

}



.Scrollbar-Track {

	  position: relative;
	  width: 20px; 
	  height: 160px;
	  margin: 0px 0px 0px 0px;
	  background-color: none;

}

.Scrollbar-Handle {
	  position: relative;
	  width: 20px; 
	  height: 30px;
	  background-color: #ffffff;

}

.Scrollbar-Down2 {
	  position: relative;
	  margin: 0px 0px 0px 0px;
	  top: 190px;
	  width: 20px; 
	  height: 20px;
	  background-color: #db353b;
	  background-image:url(../images/scoll_arrow_down.png);
	  font-size: 0px;

}


#Scrollbar-Container2 {
	  position: relative;
	  margin: -475px 0px 0px 300px;	  
	  background-color: none;
	  width: 20px;

}/*controls the positioning of entire scroll bar*/

#scroll_Container2 {

	  position: relative;
	  margin: 100px 0px 0px 10px;
	  width: 300px;
	  height: 500px;

} /*controls style of text container*/

#About, #Extra { 

	  position: relative;
      margin: -35px 0px 0px 0px;	
	  overflow: hidden;
	  width: 400px;
	  height: 375px;
	  display: none;

}/*controls how big the scrolling text field is*/

#News {display: block;}
p {
	  margin: 0; 
	  padding: 0px 20px 10px;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 14px;
	  text-indent: 0px;
	  color: #ffffff;

}
/*---------------------------------PRICE SCROLLER--------------------------------------*/


.Scroller-Container	{

	position: relative;
  	margin: 0px 0px 0px 0px;
	width: 400px;
	height: 1300px;
  
}

.Scrollbar-Up {

  	position: relative;
  	width: 20px; 
	height: 20px;
  	background-color: #E0AD5C;
	background-image:url(../images/scoll_arrow_up.png);
	top: 10px;

}

.Scrollbar-Track {

	  position: relative;
	  width: 20px; 
	  height: 160px;
	  margin: 0px 0px 0px 0px;
	  background-color: none;

}

.Scrollbar-Handle {
	  position: relative;
	  width: 20px; 
	  height: 30px;
	  background-color: #ffffff;

}

.Scrollbar-Down {
	  position: relative;
	  margin: 0px 0px 0px 0px;
	  top: 190px;
	  width: 20px; 
	  height: 20px;
	  background-color: #E0AD5C;
	  background-image: url(../images/scoll_arrow_down.png);
	  font-size: 0px;

}


#Scrollbar-Container {
	  position: relative;
	  margin: -475px 0px 0px 500px;	  
	  background-color: none;
	  width: 20px;

}/*controls the positioning of entire scroll bar*/

#scroll_Container {

	  position: relative;
	  margin: 100px 0px 0px 100px;
	  width: 700px;
	  height: 500px;

} /*controls style of text container*/

#News { 

	  position: relative;
      margin: -35px 0px 0px 0px;	
	  overflow: hidden;
	  width: 400px;
	  height: 375px;
	  display: none;

}/*controls how big the scrolling text field is*/

#News {display: block;}
p {
	  margin: 0; padding: 0px 20px 10px;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 14px;
	  text-indent: 0px;
	  color: #ffffff;

}


/*---------------PRICE---------------------*/

#toni_price_left li{
	
		display: block;
		list-style-type: none;
		width: 150px;
	
	}
	
#toni_price_left {
	
		float: left;
	
	}	
	
#toni_price_right li{
	
		display: block;
		list-style-type: none;
		width: 150px;
	
	}

#toni_price_right	{
	
		float: right;
	
	}


#toni_tn {
	
		padding: 2px 5px 5px 5px;
		margin: 0px 0px 0px 15px;
		height: 100px;
		width: 100px;
		float: left	
	}
	
	
#toni_info {
	
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		width: 400px;
		float: left;
	
	}	
	
#kelly_tn {
	
		padding: 2px 5px 5px 5px;
		margin: 0px 0px 0px 15px;
		height: 100px;
		width: 100px;
		float: left	
	}

#kelly_info {
	
		padding: 0px 0px 0px 0px;
		margin: 20px 0px 0px 0px;
		width: 400px;
		float: right;
	
	}
	
#kelly_price_left li{
	
		display: block;
		list-style-type: none;
		width: 150px;
	
	}
	
#kelly_price_left {
	
		float: left;
	
	}	
	
#kelly_price_right li{
	
		display: block;
		list-style-type: none;
		width: 150px;
	
	}

#kelly_price_right	{
	
		float: right;
	
	}	
	
#gary_info {
	
		padding: 0px 0px 0px 0px;
		margin: 20px 0px 0px 0px;
		width: 400px;
		float: right;
	
	}

#gary_tn	{
	
		padding: 2px 5px 5px 5px;
		margin: 0px 0px 0px 15px;
		height: 100px;
		width: 100px;
		float: left	
	
	}
	
#gary_price_left li{
	
		display: block;
		list-style-type: none;
		width: 150px;
	
	}
	
#gary_price_left {
	
		float: left;
	
	}	
	
#gary_price_right li{
	
		display: block;
		list-style-type: none;
		width: 150px;
	
	}

#gary_price_right	{
	
		float: right;
	
	}	

#rena_tn {
	
		padding: 2px 5px 5px 5px;
		margin: 0px 0px 0px 15px;
		height: 100px;
		width: 100px;
		float: left	
	}

#rena_info {
	
		padding: 0px 0px 0px 0px;
		margin: 20px 0px 0px 0px;
		width: 400px;
		float: right;
	
	}
	
#rena_price_left li{
	
		display: block;
		list-style-type: none;
		width: 100px;
	
	}
	
#rena_price_left {
	
		float: left;
	
	}	
	
#rena_price_right li{
	
		display: block;
		list-style-type: none;
		width: 200px;
		margin: 0px 15px 0px 0px;
	
	}

#rena_price_right	{
	
		float: right;
	
	}	
	
/*----------------EVENTS----------------------------*/
	
#gallery_collage	{
	
		float: left;
		margin: 30px 0px 0px 40px;
	
	}	
	
#events_text	{
	
		float: left;
		margin: 10px 0px 0px 25px;
		width: 615px;
	
	}	

/*-------------------CONTACT----------------------*/

#contact_form {

	margin: 100px 0px 0px 150px;
	padding: 0px 0px 0px 0px;
	float: left;
	color: #49494a;

}

#bounce_back	{

		height: 300px;
		width: 500px;
		margin: 150px 0px 0px 82px;

}

#contact_logo_text	{
	
		margin: -40px 0px 0px 0px;
		float: right;
	
	}
	
/*----------------FOOTER----------------------------*/
#footer	{

		float: left;
		margin: 50px 0px 0px 90px;
		
}


a.footer:li	{

	color: #ffffff;
	text-decoration: none;

}

a.footer:visited	{
	
	color: #ffffff;

}

a.footer:hover	{
	
	color: #e5da45;

}

a.footer:active	{
	
	color: #ffffff;

}

/*----------------NEW SCROLLER----------------------------*/

.root     {
    position:relative;
    height:      200px;
    width:      489px;
    margin:       0px 0px 8px 7px;    
    }
.root p   {
    margin:      10px 10px 5px 10px;
    }
.thumb     {
    position:      absolute;
    height:      9px;
    width:      15px;
    left:       10px;
    }
.up, .dn   {
    position:      absolute;
    left:       10px;
    }
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
    border:      0;
    }
.scrollContainer { 
    position:      absolute; 
    left:      2px; 
    top:      19px; 
    width:      350px; 
    height:      200px; 
    clip:      rect(0 467 200 0); 
    overflow:      auto; 
    border-top:    2px solid #000000;
    border-left:    2px solid #000000;
    border-right:    2px solid #686262;
    border-bottom:    2px solid #686262;
    background:    #D9D9B0;
    }
.scrollContent { 
    position:      absolute; 
    left:      0px; 
    top:      0px; 
    width:      100px; 
    }