*{font-weight:normal;}

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

@font-face {
	font-family: 'WalkwaySemiBoldRegular';
	src: url('Walkway_SemiBold-webfont.eot');
	src: local('☺'), url('Walkway_SemiBold-webfont.woff') format('woff'), url('Walkway_SemiBold-webfont.ttf') format('truetype'), url('Walkway_SemiBold-webfont.svg#webfontfoxEOOeo') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'WalkwayUltraBoldRegular';
	src: url('Walkway_UltraBold-webfont.eot');
	src: local('☺'), url('Walkway_UltraBold-webfont.woff') format('woff'), url('Walkway_UltraBold-webfont.ttf') format('truetype'), url('Walkway_UltraBold-webfont.svg#webfontsFwfAizG') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'RalewayThin';
    src: url('raleway_thin-webfont.eot');
    src: local('☺'), url('raleway_thin-webfont.woff') format('woff'), url('raleway_thin-webfont.ttf') format('truetype'), url('raleway_thin-webfont.svg#webfonthRGH7EPV') format('svg');
    font-weight: normal;
    font-style: normal;
    }


/*---------GENERAL--------*/
body {
	background-color: #0f0f0f;
	color:#FFF;
	font-family: WalkwaySemiBoldRegular, Verdona, Geneva, sans-serif;
	font-size: 100%;
	letter-spacing: .125em;
	word-spacing: 0;
	line-height: 1.5em;
	text-align: left;
}
h1 { font-family: RalewayThin, verdona, Geneva, sans-serif;
	font-size:175%;
	line-height:1.25em;
	letter-spacing: .1em;
 }
	
h2 {
	font-family: WalkwayUltraBoldRegular, Verdona, Geneva, sans-serif;
	font-size: 110%;
	letter-spacing: .1em;
	line-height:1.25em;
	font-weight:normal;
}
h5 {font-family: WalkwaySemiBoldRegular, Verdona, Geneva, sans-serif;
	font-weight:normal;
	font-size: 80%;
	letter-spacing: .125em;
	line-height:2em;
}

	
#header {
	position:relative;
	outline:none;
	padding-left:22px;
	z-index:50;
	
}

a:hover #header {
	color:#FFFFFF;	
}

a {
	text-decoration:none;
	color:#FFFFFF;
	outline:0;
}

a:hover {
	color: #00FFFF;
}

a:active {
	outline:0;	
}

img:focus{
	outline:0;
}
a img {
	outline:0;
	text-decoration: none;
	border-style: none;
	border-width: none;
}


#photocolumn{
	position:absolute;
	width:500px;
	top: 200px;
	margin: 50 0 0 0;
	
}
#textcolumn{
	position:absolute;
	width:500px;
	left:500px;
	top:185px;
	padding:0 0 0 50px;
	
}

abbr{
	text-decoration: none;	
	border:none;
}

img{
	border-style:solid;
    border-color:white;
    border-width:5px;	
}

/*-------NAV-----------*/
#nav {
	position:relative;
	letter-spacing:.1em;
	width: 800;
	font-size: 75%;
	right: 25px;
	padding-top: 0px;
	
}

#nav li {
	display: inline;
	padding-left: .65em;
	padding-right: .65em;
} 
	
/*--------FOOOTER-------*/
#footer{
	letter-spacing:.1em;
	position:relative;
	text-align:center;
	padding:0 0 5px 0;
	color:#FFFFFF;
	word-spacing:0;
	line-height:0;
}
#footer li{
	font-size:90%;
	display: inline;
	padding-left: 1em;
	padding-right: 1em;

}
#copyright{
		font-size: 65%;
		text-align:right;
		color:#696969;
		padding: 5px 0 10px 0;
}
#copyright a{
	color:#696969;	
}
#copyright a:hover{
	color:#00FFFF;	
}

	
/*------DEFAULT------*/
#hairstylist {
	position:fixed;
	top:-800px;
}

#homeimage{
	text-align:center;
}

#slideshow {
	position:relative;
	height:270px;
	width:224px;
	left: 450px;
	top: 0px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
.default #footer{
	top:525px;
}
/*-------ABOUT/STYLISTS-------------*/
.about #photocolumn{
	opacity:0.0;	
}
.danielle #photo{
	margin-left:130px;	
}
#stylistnav{
font-size:75%;
text-align:center;
}
#stylistnav a{
	color:#555;
}
#stylistnav a:hover{
	color:#00FFFF;	
}
#stylistnav li{
	display:inline;
	padding:0 20px 0 0px;
}

#aboutquote {
	font-size:115%;
	position:absolute;
	left:500px;
	top:250px;
	padding:0 0 0 50px;
	text-align: left;
}
#quote1{
		width: 500px;
		opacity:0.0;
		filter:alpha(opacity=0);
}
#quote2{
	padding:0 50px 0 0;
	width: 500px;
	opacity:0.0;
	filter:alpha(opacity=0);
	
}


#bio{
	opacity:0;
	width:500px;
	position:absolute;
	left:500px;
	top: 188px;
	padding:0 0 0 50px;
	filter:alpha(opacity=0);

	

}

#contact{
	opacity:0;
	position:absolute;
	left:550px;
	top:302px;
	filter:alpha(opacity=0);
	
}

.kim #footer{
	top:1850px;		
}

.mel #footer{
	top:1500px;
}
.danielle #footer{
	top:1850px;
}
#stylistselect{
	font-size:200%;
	font-family: RalewayThin, verdona, Geneva, sans-serif;
	
}
#stylistselect a{
	color:#fff;
}

.about #photocolumn{
	top:150px;
}

/*--------MENU-------*/
.menu #footer{
	top:200px;	
}

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

.location #footer{
	top:570px;		
}
.location #textcolumn{
	top:300px;
	left:493px;
}
#policy-a{
	position:absolute;
	left:550px;
	top:230px;
}
#policy-a:hover{
	color:#00FFFF;
}
#policy-a2{
	opacity:0.0;
	position:absolute;
	left:550px;
	top:875px;
}
#policy-a2:hover{
	color:#00FFFF;
}
#policy{
	position:absolute;
	display:none;
	opacity:0.0;
	width:500px;
	left:500px;
	top:190px;
	padding:0 0 0 50px;
	z-index:10
}
#directions-a{
	position:absolute;
	left:550px;
	top:185px;
}

#directions-a:hover {
	color:#00FFFF;
}
#directions-a2{
	opacity:0.0;
	position:absolute;
	left:550px;
	top:700px;
}

#directions-a2:hover {
	color:#00FFFF;
}
#directions{
	position:absolute;
	display:none;
	opacity:0.0;
	width:500px;
	left:500px;
	top:180px;
	padding:0 0 0 50px;
	z-index:10
	}
	
.location #footer{
	top:1000px;
}
	
/*-----PRODUCTS-----*/	
#productlist{
	position: relative;
	left: 0px;
	top: 0px;
	}
#productlist ul li{
	text-decoration:none;
	list-style:none;
	display:inline;
	padding-left:1em;
	padding-right:1em;
} 

#productlist h2{
	font-size:80%;
	line-height:.75em;		
}
.products .kevin .kusco .moroccanoil .olo #textcolumn {
	font-size:100%;
	line-height:1.5em;
	position:relative;
	top: 0px;
}

.products #footer{
	top:500px;
}



#productlist{
font-size:75%;
}
#productlist a{
	color:#555;
}
#productlist a:hover{
	color:#00FFFF;	
}
#productselect a{
	color:#fff;
}
#productselect{
	font-size:200%;
	font-family: RalewayThin, verdona, Geneva, sans-serif;
}
/*-----KEVIN-----*/
.kevin #footer{
top:450px;
}

/*-----KUSCO-----*/
.kusco #footer{
	top:500px;
}


/*-----MOROCCANOIL----*/
.moroccanoil #footer{
top:450px;}
/*------OLO------*/
.olo #footer{
top:450px;}

/*----STYLEBOOK----*/
#stylecontainer{
	position:relative;
	left:100px;
}


#stylebook1, #stylebook2, #stylebook3 {
	position:absolute;
	top:50px;
	height:222px;
    width: 195px;
    opacity:0.0;
    }
#stylebook1{
    left:100px;
	
}

#stylebook2{
   left:325px;
}

#stylebook3{
		left:550px;

}
.slide-show {
                position: relative
            }
            .slide-show .slide {
                display: none;
                position:absolute;
            }
            .slide-show .slide.first, .slide img {
        
                display: block;
            }
            
.style #footer{
	top:500px;
}