/*links*/

a:link {color:white;font-size:xx-large;text-decoration:none;}
a:hover {color:white;text-decoration:none;}
a:visited {color:white;text-decoration:none;}
a:active{color:white;text-decoration:none;}
a:hover {color:white;text-decoration:none;}

/*body styling for all pages*/
body
{
background-color:white; 
}


#container
{
position:relative; 
margin:0px auto;
margin-top:0px;
width:1000px;
height:800px;
box-shadow:2px 2px 30px black; 
}

#header1
{
	position:absolute;
	top:0px;
}

#links
{
position:absolute;
top:180px;
left:190px;
width:800px;
height:100px;
color:white;
font-family:impact;
text-shadow: 2px 2px 20px black;
}

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

li
{
display:inline;
padding:20px;
}

#telno
{
position:absolute;
top:700px;
left:100px;
font-size:2em;
color:white;
font-family:impact;
text-shadow: 2px 2px 20px black;
}

#email
{
position:absolute;
top:680px;
left:650px;
font-size:2em;
color:white;
font-family:impact;
text-shadow: 2px 2px 20px black;
}


/*slides on home page*/

#slides
{
position:absolute;
top:320px; 
left:40px;
border:1px solid white;
box-shadow:2px 2px 30px black;  
}

#slides2
{
position:absolute;
top:300px; 
left:360px;
border:1px solid white;
box-shadow:2px 2px 30px black;  
}

#slides3
{
position:absolute;
top:320px; 
left:715px;
border:1px solid white;
box-shadow:2px 2px 30px black;  
}

.slideshowtxt 
{  
margin:0px auto; 
position:absolute; 
top:120px; 
left:235px;
}

#fadetxt
{ 
position:absolute;
top:550px;
left:100px;
width:800px;
height:100px;
}

/*about paragraph & slides*/

#aboutsalon
{
position:absolute;
top:570px;
left:100px;
width:800px;
height:120px;
font-family:impact;
text-align:center;
font-size:1.1em;
text-shadow:1px 1px 2px black;
color:white;
background-color:#800000;
box-shadow:2px 2px 30px white;  
border:5px solid white;
border-radius:15px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */ 
}

#slidessalon
{
position:absolute;
top:250px; 
left:250px;
width:500px;
height:300px;
border:1px solid white;
box-shadow:2px 2px 20px black; 
}

/*pricing scroll*/

#pricing
{
position:absolute;
top:250px;
left:190px;
width:600px;
height:260px;
overflow-x:scroll;
overflow-y:scroll;
font-family:impact;
font-size:1.2em;
text-shadow:1px 1px 2px black;
color:white;
padding:10px;
margin:0px auto;
background-image: url(http://localhost/piabang/greybackground2.png);
background-repeat:no-repeat;
border:10px solid white;
border-radius:15px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */ 
box-shadow:2px 2px 30px white;  
}

table
{
font-family:impact;
color:#800000;
text-shadow:2px 2px 10px black; 
font-size:1em;
text-align:center;
margin:8px;
}

#pricingpara
{
position:absolute;
top:570px;
left:100px;
width:800px;
height:120px;
font-family:impact;
text-align:center;
font-size:1.5em;
text-shadow:1px 1px 2px black;
color:white;
box-shadow:2px 2px 30px white;  
background-color:#800000;
border:5px solid white;
border-radius:15px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */ 
}


/*stylist pics*/

#jason
{
position:absolute; 
top:270px; 
left:30px;
width:150px;
height:150px;
border: 10px solid #fff;
border-bottom: 40px solid #fff;
box-shadow:2px 2px 20px black;
font-family:impact;
text-align:center; 
}

#kaz
{
position:absolute; 
top:240px; 
left:160px;
width:150px;
height:150px;
border: 10px solid #fff;
border-bottom: 40px solid #fff;
box-shadow:2px 2px 20px black;
font-family:impact;
text-align:center; 
}

#jordan
{
position:absolute; 
top:270px; 
left:320px;
width:150px;
height:150px;
border: 10px solid #fff;
border-bottom: 40px solid #fff;
box-shadow:2px 2px 20px black;
font-family:impact;
text-align:center; 
}

#kim
{
position:absolute; 
top:240px; 
left:480px;
width:150px;
height:150px;
border: 10px solid #fff;
border-bottom: 40px solid #fff;
box-shadow:2px 2px 20px black;
font-family:impact;
text-align:center; 
}

#lisa
{
position:absolute; 
top:270px; 
left:640px;
width:150px;
height:150px;
border: 10px solid #fff;
border-bottom: 40px solid #fff;
box-shadow:2px 2px 20px black;
font-family:impact;
text-align:center; 
}

#seeta
{
position:absolute; 
top:240px; 
left:800px;
width:150px;
height:150px;
border: 10px solid #fff;
border-bottom: 40px solid #fff;
box-shadow:2px 2px 20px black;
font-family:impact;
text-align:center; 
}

#zoe
{
position:absolute; 
top:470px; 
left:160px;
width:150px;
height:150px;
border: 10px solid #fff;
border-bottom: 40px solid #fff;
box-shadow:2px 2px 20px black;
font-family:impact;
text-align:center; 
}

#hayley
{
position:absolute; 
top:470px; 
left:480px;
width:150px;
height:150px;
border: 10px solid #fff;
border-bottom: 40px solid #fff;
box-shadow:2px 2px 20px black;
font-family:impact;
text-align:center; 
}

#kelly
{
position:absolute; 
top:470px; 
left:800px;
width:150px;
height:150px;
border: 10px solid #fff;
border-bottom: 40px solid #fff;
box-shadow:2px 2px 20px black;
font-family:impact;
text-align:center; 
}




/*contact us page map & paragraph*/

#googlemap
{
position:absolute;
top:250px;
left:500px;
width:425px;
height:350px;
border:1px solid white;
box-shadow:2px 2px 30px white; 
font-family:impact;
}

#contactpara
{
position:absolute;
top:300px;
left:100px;
width:300px;
height:200px;
font-family:impact;
font-size:1.2em;
text-align:center;
text-shadow:1px 1px 2px black;
color:white;
padding:5px;
margin:0px auto;
background-color:#800000;
box-shadow:2px 2px 30px white;  
border:5px solid white;
border-radius:15px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */ 
}