<!--

* {
	margin: 0; 
	padding: 0;
	}
body {
	font-family: "verdana", "arial", "helvetica", "sans-serif"; 
	font-size: 85%; 
	font-weight: none; 
	color:#333300;
	background: url(../images/background_squares.gif) repeat;
	}
* html body {/*So IE6 will center the div*/
	text-align: center;
	} 
* html h1, p {/*So IE6 will align the text to the left*/
	text-align: left;
	} 
#outerwrapper {
	width: 800px; 
	margin: 0 auto; 
	}
#innerwrapper {
	background: #ffcce5 url(../images/gradient_pink.gif) repeat-x; 
	border-left: solid 1px #cc3366; 
	border-right: solid 1px #cc3366;
	}
#header {
	background: url(../images/logo.gif) no-repeat; 
	height: 93px;
	}
#nav {
	float: left; 
	width: 200px; 
	margin: 0; 
	}
#nav ul {
	list-style: none; 
	margin-top: 12px;
	}
#nav li.current {
	display: block; 
	width: 200px; 
	height: 24px; 
	background-position: bottom right;
	}
#nav a.home {
	display: block; 
	width: 200px; 
	height: 24px; 
	background-image: url(../images/nav_home.gif); 
	}
#nav a.home:hover {
	display: block; 
	width: 200px; 
	height: 24px; 
	background-image: url(../images/nav_home.gif); 
	background-position: top center;
	}
#nav a.services {
	display: block; 
	width: 200px; 
	height: 24px; 
	background-image: url(../images/nav_services.gif);
	}
#nav a.services:hover {
	display: block; 
	width: 200px; 
	height: 24px; 
	background-image: url(../images/nav_services.gif); 
	background-position: top center;
	}
#nav a.hairsalon {
	display: block; 
	width: 200px; 
	height: 24px; 
	background-image: url(../images/nav_hairsalon.gif);
	}
#nav a.hairsalon:hover {
	display: block; 
	width: 200px; 
	height: 24px; 
	background-image: url(../images/nav_hairsalon.gif); 
	background-position: top center;
	}
#nav a.wigsandhairpieces {
	display: block; 
	width: 200px; 
	height: 24px; 
	background-image: url(../images/nav_wigshair.gif);
	}
#nav a.wigsandhairpieces:hover {
	display: block; 
	width: 200px; 
	height: 24px; 
	background-image: url(../images/nav_wigshair.gif); 
	background-position: top center;
	}
#nav a.products {
	display: block; 
	width: 200px; 
	height: 24px; 
	background-image: url(../images/nav_products.gif);
	}
#nav a.products:hover {
	display: block; 
	width: 200px; 
	height: 24px; 
	background-image: url(../images/nav_products.gif); 
	background-position: top center;
	}
#nav a.aboutus {
	display: block; 
	width: 200px; 
	height: 24px; 
	background-image: url(../images/nav_about.gif);
	}
#nav a.aboutus:hover {
	display: block; 
	width: 200px; 
	height: 24px; 
	background-image: url(../images/nav_about.gif); 
	background-position: top center;
	}
#nav a.contactus {
	display: block; 
	width: 200px; 
	height: 24px; 
	background-image: url(../images/nav_contact.gif);
	}
#nav a.contactus:hover {
	display: block; 
	width: 200px; 
	height: 24px; 
	background-image: url(../images/nav_contact.gif); 
	background-position: top center;
	}
#maincontentcontainer {
	margin-left: 200px; 
	width: 590px; 
	}
#maincontenttop {
	height: 21px; 
	background: url(../images/content_area_top.gif) no-repeat; 
	margin-top: 14px;
	}
#maincontent {
	background: url(../images/content_area_middle.gif) repeat-y; 
	padding: 14px;
	}
#maincontent p {
	margin: 0 40px 1em 3em;
	}
#maincontent h1 {
	padding: -1em 0 .5em 0; 
	height: 40px; 
	font-size: 120%; 
	color: #cc3366; 
	background: transparent url(../images/combandscissors_th.gif) no-repeat;
	text-indent: 40px;
	}
#maincontent h2 {
	margin: 0 0 0 40px; 
	font-size: 110%; 
	color: #cc3366;
	}
#maincontent h3 {
	margin: 0 0 0 3em; 
	font-size: 100%; 
	color: #663333;
	}
#maincontent td {
	padding: 2px; 
	font-size: .85em;
	}
#maincontent ul {
	margin: 0 0 0 5em;
	}
#maincontent a {
	color: #cc3366;
	}
#maincontentbottom {
	background: url(../images/content_area_bottom.gif) no-repeat; 
	height: 26px; 
	padding-bottom: 20px;
	}
#gallery {
	margin: 0 0 0 3em;
	}
.thumbnail {
	width: 100px; 
	height: 134px; 
	float: left;  
	padding: 6px 14px 3.5em 8px; 
	font-size: .8em;
	font-family: "Arial" "Helvetica", "sans-serif";
	}
.thumbnail img {
	border: solid 1px black;
	}
.thumbnail img:hover {
	border: solid 2px black;
	}
.thumbnail a {
	padding: 1px 0; 
	text-decoration: none;
	}
#footer {
	background: url(../images/footer.gif) no-repeat; 
	height: 60px; 
	text-align: center; 
	clear: left; 
	border-left: solid 1px #CC3366; 
	border-right: solid 1px #CC3366; 
	border-bottom: solid 1px #cc3366;
	}
#footer a {
	color: #000000; 
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: none; 
	margin-top: 75px;
	}
#footer a:hover {
	color: #ffffcc; 
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: none;
	}

/*Classes*/
.clearing {
	clear: top; 
	height: 0;
	} 
.hidden {/*Hides text replaced with images*/
	visibility: hidden; 
	display: hidden; 
	position: absolute; 
	left: -300px;
	}
.pic_right {
	float: right; 
	margin-right: 20px; 
	margin-left: 10px;
	}
#sitedesign {
	width: 800px; 
	font-size: .75em; 
	margin: 0 auto 10px auto; 
	text-align: right;
	}


-->