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

* { margin: 0; 
padding: 0; 
border: 0;
}

body
{
text-align: center;
background-image: url(images/background.jpg);
background-repeat:repeat-x; 
font-size: .85em;
color: #ffffff;
height: 1100px;
}

a:link {color: #0000FF; text-decoration:underline;}
a:hover {color: #ff0000; text-decoration: none; }
a:visited {color: #FFFF00; text-decoration: underline; }

h1
{
font-size: 1em;
color: #031fe5;
}

h2
{
font-size: 1em;
color: #transparent;
}


#container
{
width: 984px;
height: 1150px;
background-color:transparent;
margin: auto;
margin-top: 40px;
border-bottom: solid 1px #bcc0df;
}

#header
{
background-image: url(images/header2.jpg);
background-repeat:no-repeat;
width: 984px;
height: 110px;
}

div#navcontainer
{
background-color: #bcc0df;
}

div#navcontainer ul
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
text-align: center;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}

div#navcontainer ul li
{
display: inline;
margin-left: -4px;
}

div#navcontainer ul li a
{
padding: 5px 10px 5px 10px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

div#navcontainer ul li a:hover
{
background-color: #16008D;
color: white;
}

#active a { border-left: 1px solid #fff; }



#main
{
	background-image: url(images/mainbackground2.jpg);
	background-repeat: no-repeat;
	width: 984px;
	height: 900px;
	border-top: solid 2px #5193ff;
	color: #5193ff;
}

#maintextback
{
background-image: url(images/maintext.jpg);
background-repeat:no-repeat;
width: 900px;
height: 200px;
margin-left: 65px;
margin-top: 40px;
}

#maintext
{
background-color: transparent;
width: 600px;
height: 110px;
margin-left: 130px;
margin-top: 65px;
font-size: .9em;
color: #5193ff;
float: left;
}

#clothesback
{
background-image: url(images/clothesback1.jpg);
background-repeat:no-repeat;
width: 247px;
height: 165px;
margin-left: 105px;
margin-top: 35px;
float: left;
}

#clothing
{
background-image: url(images/clothing.jpg);
background-repeat:repeat;
width: 518px;
height: 37px;
margin-top: 35px;
float: left;
}

#clothingtext
{
background-color: #transparent;
width: 450px;
height: 128px;
float:left;
font-size: .9em;
margin-left: 34px;
}
#haircutback
{
background-image: url(images/haircutback1.jpg);
background-repeat:no-repeat;
width: 247px;
height: 165px;
float: left;
margin-top: 25px;
margin-left: 105px;

}

#haircut
{
background-image: url(images/haircut.jpg);
background-repeat:no-repeat;
width: 510px;
height: 43px;
float: left;
margin-top: 25px;
margin-left: 5px;
}

#haircuttext
{
	background-color: #transparent;
	width: 450px;
	height: 50px;
	float:left;
	margin-left: 34px;
	color: #5193ff;
	font-size: .9em;
}

#sale
{
width:285px;
display:block;
height:205px;
margin-left:5px;
margin-top:15px;
float:left;

}



#footer
{
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
width:314px;
height:100px;
margin-left: 337px;
margin-top: 15px;
float:left;
}

#designby
{
background-color: #fbd0eb;
width: 350px;
float: left; 
margin-left: 317px;
color: #0000FF;
font-size: 1em;
font-weight: bold;
padding-top: 20px;
}
