/*Intersalon Main CSS File V.1
COLORS:
-----------------------
Blue, Light		#DAEAF2
Gray, Dark		#373B3D
Gray, Medium	#808080
Gray, Light		#999999
Orange, Med		#FFCC00
Orange, Dark	#F28D00
*/

	
@media screen, projection {
* { padding:0; margin:0; }
form, fieldset, img { border:0; }
body, textarea, input, table, select { font-size:100%; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }

h1, h2, h3, h4, h5, h6 { font-size:1em; margin:1em 0; }
p { margin-bottom:1em; }

a { color:#ffffff; text-decoration:underline; }
a:focus, a:hover { text-decoration:none; }

#WAI, hr, #banner h1, .hidden { position:absolute; top:0; left:-1000em; }

/* layout */

html, body { height:100%; width:100%; }

body {
	background: #201e1f;
	color: #FFFFFF;
}

#page {
	background: #000000;
	width: 100%;
}

#start {
	width:830px;
	position:relative;
	z-index:0;
	margin:0 auto;
	font-size:0.7em;
	background: #000000;
}

#banner {
	width: 830px;
	height: 165px;
	background: url(../../App_Themes/hairsalonsdirectory/images/banner.jpg) no-repeat 0 0;
}

#menu {
	width: 830px;
	position: relative;
	text-align:left;
	padding: 0 1px 0 0;
}

	#menu h3 {
		padding:5px 0 5px 2px;
		margin: 0;
		color: #6a6666;
		font-weight: normal;
		border-top: 1px solid #292929;
		border-bottom: 1px solid #292929;
	}

	#menu ul {
		list-style: none;
		padding: 5px 0 0 0;
	}
	
		#menu ul li {
			position: relative;
			float: left;
			padding: 0 5px 0 5px;
			border-right: 1px solid #ffffff;
			overflow:hidden;
		}
	
		#menu ul li.last {
			border:0;
		}
		
			#menu ul li a {
				text-decoration: none;
			}
			
			#menu ul li a:hover {
				text-decoration: underline;
			}
			
			#menu ul li em {
				font-style: normal;
			}
			
#content {
	width: 830px;
	padding: 17px 0 45px 0;
}			

#left {
	width: 558px;
	position: relative;
	float: left;
	border-right: 1px solid #292929;
	clear:both;
}

#salons {
	width: 544px;
	position: relative;
	float: left;
}

#salons .salon {
	width: 544px;
	border-top: 1px solid #242424;
	padding: 4px 0 8px 0;
	position:relative;
	margin: 5px 0 0 0;;
}
	
#salons .salon a.name {
	color: #c80404;
	text-decoration: none;
	font-weight:bold;
	font-size: 1.1em;
	padding:0 5px 0 0;
}

#salons .salon a:hover {
	text-decoration: underline;
}

/*#salons .salon em {
	display: block;
	position: absolute;
	top: 9px;
	right: 0px;
	font-style: normal;
	width: 147px;
}*/
				
#salons .salon em a {
	text-decoration: none;
}

#salons .salon em a:hover {
	text-decoration: underline;
}
			
.about {
	width: 544px;	
}

.about .photo {
	padding-right: 26px;
	margin: 20px 0 10px 0;
	float: left;
}

.about h3 {
	margin: 0;
	padding: 11px 0 0px 0;
	font-size: 1.5em;
}

.about .text em, .news em {
	
	color: #c70303;
	color: #FFCC00;
	font-style: normal;
	display: block;
	padding: 10px 0 5px 0;				
}

	
	#right {
		position: relative;
		float: right;
		width: 256px;
	}
	
		#right .news {
			width: 256px;
			padding-top: 40px;
		}
		
		#right div.first {
			padding-top: 10px;
		}
		
			#right .news h3{
				font-weight: normal;
				border-bottom: 1px solid #292929;
				margin: 0;
				padding: 0 0 6px 0;
			}
			
			#right .news h3 span {
				color: #b2afaf;
			}
			
			#right .news .text{
				padding-top: 10px;
				color: #b2afaf;
			}
	
	#footer {
		font-size: 0.65em;
		width: 100%;
		clear: both;
		border-top: 5px solid #191718;
		background: #201e1f;
		height: 60px;
	}
	
		#footer div {
			width: 830px;
			margin: 0 auto;
			position: relative;
		}
		
			#footer div p {
				position: absolute;
				right: 0;
				top: 10px;
				color: #565455;
			}
	
.clear {
	clear: both;	
}

.strap {
display:block;
}

a.hide, a.show{
	padding:0 20px 0 0;
	color:#F28D00;
	float:right;
}
a.hide{
	background:url("../../App_Themes/hairsalonsdirectory/images/avhide.gif") no-repeat right;
}
a.show{
	background:url("../../App_Themes/hairsalonsdirectory/images/avshow.gif") no-repeat right;
}

.salonstrap, .salonaction{
	/*background:#900 url("../../App_Themes/hairsalonsdirectory/images/avstrapbar.gif") repeat-x top;*/
}
}