/*
	AUTHOR: Kevin Grennan
			kevin@bungaweb.com
			http://bungaweb.com
/*

/* RESETS & BASIC PAGE SETUP*/
* { margin: 0; padding: 0; }
html {overflow-y: scroll; }
body { 
	font: 62.5% "trebuchet ms", verdana, geneva, helvetica, arial, sans-serif, serif; 
	line-height: 50%;
	width: auto;
	background-color: black;
}

ul { list-style: none inside; text-decoration: none; }
p { font-size: 1.2em; line-height: 1.6em; margin-bottom: 1.2em; }
	p.metadata { background: ; padding: 0px;}
p1 { font-size: 1.2em; line-height: 1.6em; margin-bottom: 1.2em; color: #ffffff; margin-left: 60px; }
a { outline: none; text-decoration: none; color: #ffffff; }
a img { border: none; }

h1 {
	font-family: "trebuchet ms", verdana, geneva, helvetica, arial, sans-serif, serif; 
	line-height: 22px;
	font-size: 1.2em;
	font-weight: normal;
	color: #ffffff;
}

h2 {
	margin-left: 10px;
	font-family: "trebuchet ms", verdana, geneva, helvetica, arial, sans-serif, serif;
	line-height: 22px;
	font-size: 1.5em;
	font-weight: normal;
	color: #990000;
}

h3{
	margin-left: 60px;
	font-family: "trebuchet ms", verdana, geneva, helvetica, arial, sans-serif, serif;
	font-size: 1.3em;
	line-height: 2.0em;
	font-weight: 200;
	color: #ffffff;
	}

h4{
	margin-left: 0px;
	font-family: "trebuchet ms", verdana, geneva, helvetica, arial, sans-serif, serif;
	font-size: 1.8em;
	font-weight: 200;
	color: #ffffff;

}

h5 {
font-family:"MyriadPro-Bold","Myriad Pro Bold","Myriad Pro","Myriad","Arial","Helvetica",sans-serif;
font-weight:700;
color: #990000;
line-height: 2.5em;
width: 400px;


}


h5 {
margin-left:60px;
font-size:2.8em;
margin-top:8px;
text-shadow:0 1px 0 #FFFFFF;
}

h6{
font-size: 1.2em; 
line-height: 1.6em; 
margin-bottom: 1.2em; 
color: #ffffff; 
margin-left: 60px; 
}


hr {

	clear: left;
}

/* END RESET */

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* END TOOLBOX */

/* STRUCTURE AND STUFF */
#container {
		width: 980px;
		margin-left: px;
		min-height: 750px;
		text-align: left;
  		margin-left: auto;
 		margin-right: auto;
		font-size: 1.0em;
		background-image: url(images/bg.png);
		background-repeat: repeat-x;
}
				
#header {
	width: 980px;
	min-height: 71px;
	background-image: url(images/header.png);
	background-repeat: repeat-x;
	
	}

	
#display {
	width:980px;
	min-height: 345px;
	background-image: url(images/daveimage.png);
}

#main-nav{
	margin-left: 60px;

}

#navbar ul {
    width: 900px;
    margin: 0px;
    font-size: 1.7em;
    padding: 42px;
    list-style-type: none;
    text-align: right;
    background-image: url(images/header.png);
    }

#navbar ul li {  
    display: inline;
    }

#navbar ul li a {
    text-decoration: none;
    padding: .3em 1em;
    color: #ffffff;
    }

#navbar ul li a:hover {
    border-top: 1px solid #990000;
    border-bottom: 2px solid #990000;
    color: #000;
    background-color: #990000;
    } 
#facebook {
	margin-left: 10px;
	margin-top: 20px;
	width: 200px;
	height: 20px;
	float: left;
	color: #ffffff;
	}
	
#main-content {
	width: 980px;
	margin-left: 38px;

}

#contenthead {

	width: 930px;
	height: 36px;
	background-image: url(images/contenthead.png);
	background-repeat: no-repeat;
} 

#contentarea {

	width: 930px;
	min-height: 930px;
	padding: 20px 30px 20px 20px;
	background-image: url(images/contentfill.png);
	background-repeat: repeat-y;
	 }



#stylistcontentarea {

	width: 930px;
	min-height: 1100px;
	padding: 10px 10px 20px 20px;
	background-image: url(images/contentfill.png);
	background-repeat: repeat-y;
	 }

#shopcontentarea {

	width: 790px;
	min-height: 400px;
	padding: 20px 100px 20px 20px;
	background-image: url(images/contentfill.png);
	background-repeat: repeat-y;
	 }
	
#servicescontentarea {

	width: 930px;
	min-height: 400px;
	padding: 20px 30px 20px 20px;
	background-image: url(images/contentfill.png);
	background-repeat: repeat-y;
	
}

#contactcontentarea {

	width: 930px;
	min-height: 300px;
	padding: 20px 30px 20px 20px;
	background-image: url(images/contentfill.png);
	background-repeat: repeat-y;
	
}

#stylist {
	 width: 910px;
	 padding: 30px 50px 50px 50px;
	 
}	

#stylistright {
	width: 605px;
	height: 170px;
	margin-left: 30px;
	float: left;
}


#stylistphoto{
	width: 200;
	height: 170;
	margin-left: 40px;
}

#stylist1 {
	float: left;
	width: 205px;
	height: 205px;
	margin-top: 94px;
	margin-left: 110px;
	background-image: url(images/stylist.png);
	background-repeat: no-repeat;

}

#stylist2 {
	float: left;
	width: 200px;
	min-height: 205px;
	margin-top: 94px;
	margin-left: 10px;
	background-image: url(images/stylist.png);
	background-repeat: no-repeat;

}

#stylist3 {
	float: left;
	width: 205px;
	min-height: 239px;
	margin-top: 0px;
	margin-left: 10px;
	background-image: url(images/stylist.png);
	background-repeat: no-repeat;

}


#contentclose {
	width: 930px;
	height: 36px;
	background-image: url(images/contentclose.png);
	background-repeat: no-repeat;

}
#cut {
	float: left;
	width: 297px;
	height: 134px;
	margin-top: 0px;
	margin-left: 0px;
	background-image: url(images/cut.png);
	background-repeat: no-repeat;

}

#wash {
	float: left;
	width: 298px;
	min-height: 134px;
	margin-top: 0px;
	margin-left: 0px;
	background-image: url(images/wash.png);
	background-repeat: no-repeat;

}

#relax {
	float: left;
	width: 328px;
	min-height: 134px;
	margin-top: 0px;
	margin-left: 0px;
	background-image: url(images/relax.png);
	background-repeat: no-repeat;
}

#banner {
	float: left;
	width: 980px;
	height: 183px;
	margin-top: 0px;
	margin-left: 0px;
	border-bottom: 1px solid gray;
	background-image: url(images/banner.png);
	background-repeat: no-repeat;

}

#footer_container {
		width: 980px;
		margin-left: px;
		min-height: 300px;
		text-align: left;
  		margin-left: auto;
 		margin-right: auto;
		font-size: 1.0em;
		background-color: #000000;
	
}
#footer_column {
		margin-top: 15px;
		float: left;
		min-height: 218px;
		width: 315px;
		border-right: 1px solid gray;

}

#footer_columnb {
		margin-top: 15px;
		width: 330px;
		float: left;
		min-height: 218px;

}

p.footer_small { font-size: 11px; color: #313131;}
		p.footer_small a { color: #444; }
		p.footer_small a:hover { text-decoration: underline; color: #666; }	

#logo {
		width: 299px;
		min-height: 100px;
		margin-top: 20px;
		font-size: 1.0em;
		color: white;
		float: left;
		background-image: url(images/logo.png);
		background-repeat: no-repeat;
}
		
#contact {
		margin-left: 45px;
		width: 299px;
		height: 100px;
		float: left;
		font-size: 1.0em;
		color: white;
}
		
#quicklinks {
		margin-top: 25px;
		float: left;
}


ul#footernav a{
	
	color: #ffffff;

	text-decoration: none;

}

#footernav li {
		margin-left: 25px;
		font-family: "trebuchet ms", verdana, geneva, helvetica, arial, sans-serif, serif; 
		line-height: 24px;
		font-size: 1.3em;
		font-weight: normal; 
		color: #990000;
}

ul#footernav a:hover{

		color: #990000;

}

#facebook {
		width: 299px;
		margin-top: 20px;
		font-size: 1.0em;
		color: white;
		float: left;

}
		

#metadata {
		margin-left: 10px;
		margin-top: 20px;
		
	
}


/* END STRUCTURE */