/*  
Theme Name: Chicago Male
Theme URI: http://www.chicagomalesalon.com
Description: Chicago Male Salon Theme
Version: 1.0
Author: clubhaus
Author URI: http://clubha.us
*/



body {
	background: #dad2c8 url('i/bg.gif') repeat-x;
	font-family: Verdana, Arial, sans-serif;
	color: #362a1b;
	margin: 0;
	padding: 50px;
	font-size: 13px;
	line-height: 16px;
	}

#page {
	width: 900px;
	padding: 0;
	margin: 0;
	}

img {
border: none;
}




/* ---- Left Column ---- */

#left {
	float: left;
	width: 450px;
	}

#content {
	width: 450px;
	padding: 60px 0 0 0;
	}

#promo {
	width: 450px;
	background: #c5bbae;
	padding: 0;
	margin: 30px 0 0 0;
	display: block;
	}
	
	

/* ---- Navigation ---- */
	
#logo{
	border:none;
	}

#nav {
	display: block;
	top: 80px;
	margin: 0;
	padding: 0;
	height: 25px;
	width: 450px;
	background: #c5bbae;
	}

#nav a {
	float: left;
	border: none;
	}


#nav span {
	display: none;
	}
	
div.divider {
	float: left;
	display: block;
	width: 18px;
	height: 25px;
	background: url(i/spacer.gif);
	}

#nav #hair {
	display: block;
	width: 41px;
	height: 25px;
	background: url("i/hair.gif") no-repeat 0 0;
	}

#nav #hair:hover { 
	background-position: -41px 0;
	}
	
#nav #face {
	display: block;
	width: 44px;
	height: 25px;
	background: url("i/face.gif") no-repeat 0 0;
	}

#nav #face:hover { 
	background-position: -44px 0;
	}

#nav #body {
	display: block;
	width: 48px;
	height: 25px;
	background: url("i/body.gif") no-repeat 0 0;
	}

#nav #body:hover { 
	background-position: -48px 0;
	}

#nav #products {
	display: block;
	width: 90px;
	height: 25px;
	background: url("i/products.gif") no-repeat 0 0;
	}

#nav #products:hover { 
	background-position: -90px 0;
	}

#nav #about {
	display: block;
	width: 59px;
	height: 25px;
	background: url("i/about.gif") no-repeat 0 0;
	}

#nav #about:hover { 
	background-position: -59px 0;
	}

#nav #gallery {
	display: block;
	width: 76px;
	height: 25px;
	background: url("i/gallery.gif") no-repeat 0 0;
	}

#nav #gallery:hover { 
	background-position: -76px 0;
	}

#content #exprthair {
	display: block;
	width: 450px;
	height: 17px;
	margin: 0;
	padding: 0 0 20px 0;
	background: url("i/exprthair.gif") no-repeat 0 0;
	}
	
#content #profwax {
	display: block;
	width: 450px;
	height: 17px;
	margin: 0;
	padding: 0 0 20px 0;
	background: url("i/profwax.gif") no-repeat 0 0;
	}
	
#content #pampfacial {
	display: block;
	width: 450px;
	height: 17px;
	margin: 0;
	padding: 0 0 20px 0;
	background: url("i/pampfacial.gif") no-repeat 0 0;
	}

#copyright {
	font-size: 10px;
	clear: both;
	padding: 20px 0 5px 0;
	}

#copyright a {
	color: #362a1b;
	text-decoration: underline;
	border: none;
	}

#copyright a:hover {
	color: red;
	text-decoration: none;
	}

#addy a {
	text-decoration: none;
	border: none;
	}
	
	
/* ---- Right Column ---- */

#right {
	float: right;
	left: 550px;
	width: 400px;
	}
	
#right img {
	padding: 0 0 20px 0;
	}
	
#addy {
	font-size: 13px;
	line-height: 16px;
	width: 140px;
	float: left;
 	padding: 0;
 	margin: 0;
 	}
	
#hours {
	font-size: 13px;
	line-height: 16px;
	width: 240px;
	float: right;
	padding: 0;
 	margin: 0;
 	text-align: right;
	}

#social {
 	padding: 20px 0 0 0;
 	margin: 0;
 	clear: both;
 	height: 50px;
	}

#social a {
	border-bottom: none;
	}

#social img {
	padding: 0;
	margin: 0;
	}



/* ---- Content ---- */

h1 {
	font-size: 28px;
	line-height: 32px;
	padding: 0;
	margin: 0;
	}

h2 {
	font-size: 22px;
	line-height: 22px;
	padding: 0;
	margin: 0;
	}
	
h3 {
	font-size: 18px;
	line-height: 18px;
	padding: 0;
	margin: 0;
	}
	
h4 {
	font-size: 13px;
	line-height: 16px;
	padding: 10px 0 0 0;
	margin: 0;
	font-weight: bold;
	}

a {
	color: #362a1b;
	text-decoration: underline; 
	border: none;
	}
        
a:hover {
	color: red;
	text-decoration:none;
	}

.clear {
	clear: both;
	}

p {
	margin: 0;
	padding: 0 0 20px 0px;
	}
	
img.timg {
	margin: 0;
	padding: 0 0 20px 0;
	}

p.timg-first {
	margin: 0;
	padding: 0 0 10px 0;
	}
	
p.timg-follow {
	margin: 0;
	padding: 15px 0 10px 0;
	}
	
p.timg-noinfo {
	margin: 0;
	padding: 0;
	}

p.timg-noinfo-follow {
	margin: 0;
	padding: 15px 0 0 0;
	}
	
p.timg-wax {
	margin: 0;
	padding: 20px 0 0 0;
	}
	
p.timg-wax-follow {
	margin: 0;
	padding: 20px 0 10px 0;
	}

p.spacer {
	margin: 0;
	padding: 0 0 10px 0;
	}

.alignleft {
	float: left;
	}
	
.alignright {
	float: right;
	}
	
.product {
	font-weight: bold;
	float: left;
	width: 130px;
	height: 210px;
	padding: 20px 20px 0 0;
	margin: 0;
	}
	
.product img {
	padding: 0 0 5px 0;
	margin: 0;
	}

.gallery {
	float: left;
	}

.gallery img {
	padding: 0 10px 10px 0;
	margin: 0;
	}

.staff {
	float: left;
	padding: 0 20px 20px 0;
	margin: 0;
	}

.policy {
	font-size: 11px;
	line-height: 13px;
	font-style: italic;
	margin: 0;
	padding: 20px 0 0 0;
	}

hr {
	padding: 0;
	margin: 30px 0;
	height: 1px;
	background-color: #362a1b;
	color: #362a1b;
	border: none;
	}