@charset "utf-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0, auto;
	padding: 0;
	color: #000;
	width:400px;
	}

ul { 
	padding-left: 15px;
	list-style:none;
	margin: 0;	
	}
	
h1, h2, h3, h4, h5, h6,  {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
	}
	
a img {
	border: none;
	text-decoration:none;
	}
a:link {
	color:#69f;
	text-decoration: none; 
	}
a:visited {
	color: #69f;
	text-decoration: none;
	}
a:hover, a:active, a:focus { 
	text-decoration: none;
	}
	
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
	width: 100%;
	text-align:center;
	background: #FFF;
	margin: 0 auto; 
	color:#666;
	}

.header {
	background: #fff;
	padding-left:15px;
	float:left;
	}
	
.info {
	color:#666;
	text-decoration:none;
	text-align:left;
	float:right;
	padding-right:20px;
	padding-top:20px;
	font-size:95%;
	line-height:150%;
	}

p.intro {
	color:#666;
	font-size:85%;
	text-align:left;
	line-height:140%;
	padding-right: 15px;
	padding-left: 15px;
	}
	
table {
	padding-right: 15px;
	padding-left: 15px;
	}
	
#stylists {
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
	
.interior {
	padding-right:4px;
	}
	
#pricelists {
	background-color:#009;
	}

.content {
	padding: 2px 0 0 0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}

.footer {
	padding: 3px 0;
	background: #009;
	color:#ccc;
	font-size:50%;
	}


.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	}