@charset "UTF-8";
/* CSS Document */
/*
Typography stylesheet
1. General Styles
2. Home
3. Portfolio
4. Stylists
5. Products
6. News & Awards
7. Location
8. About
*/
#ribbon {
	display: none;
}
/*
#ribbon {
	position: absolute;
	top: 0px;
	right: 0px;
	background: url('../images/misc/vouchers.png') top right no-repeat;
	height: 158px;
	width: 158px;
	z-index: 500;
}
*/
/* 1. General Styles */
.clear { clear: both; }
.cleft { clear: left; }
.cright { clear: right; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 135%;
	background: #f9f4e1 url('../images/misc/background.gif') top right no-repeat;
}
body #container {
	width: 100%;
}
	#container #page {
		width: 1000px;
		margin: 15px auto 0px auto;
		border: 1px solid #824900;
		background: #160700;
	}
	
		#page #branding {
			width: 200px;
			float: left;
		}
		
		#page #content {
			width: 800px;
			float: right;
			min-height: 580px;
			background-color: #F9F4E1;
		}
		
			#content object {
				display: block;
				height: 237px;
			}
		
				#content #banner-wrapper{
					background: #F9F4E1 url('../images/misc/ajax-loader.gif') 400px 110px no-repeat;
				}
				
			
			#content #prim-nav ul {
				width: 800px;
				float: left;
				height: 55px;
				list-style: none;
				background: #673300;
			}
			
				#content #prim-nav li {
					margin: 0; 
					padding: 0;
					list-style: none;
					display: inline;
				}
			
					#content #prim-nav a {
						float: left;
						padding: 50px 0 0 0;
						overflow: hidden;
						height: 0px !important; 
						height /**/:50px; /* for IE5/Win only */
					}
			
					#content #prim-nav a:hover,
					#content #prim-nav a:active,
					#content #prim-nav a.selected {
						background-position: 0 -50px;
					}
					
						#prim-nav #home a  {	
						width: 114px;
							background: url('../images/prim-nav/btn-home.gif') top left no-repeat;
						}
						
						#prim-nav #portfolio a  {
							width: 114px;
							background: url('../images/prim-nav/btn-portfolio.gif') top left no-repeat;
						}
						
						#prim-nav #stylists a  {
							width: 114px;
							background: url('../images/prim-nav/btn-stylists.gif') top left no-repeat;
						}
						#prim-nav #products a  {
							width: 114px;
							background: url('../images/prim-nav/btn-products.gif') top left no-repeat;
						}
						
						#prim-nav #news a  {
							width: 114px;
							background: url('../images/prim-nav/btn-news.gif') top left no-repeat;
						}
						
						#prim-nav #location a  {
							width: 114px;
							background: url('../images/prim-nav/btn-location.gif') top left no-repeat;
						}
						
						#prim-nav #about a  {
							width: 114px;
							background: url('../images/prim-nav/btn-about.gif') top left no-repeat;
						}
			
			
			#content #content-body {
				padding: 15px 0 0 15px;
				background-color: #F9F4E1;
				min-height: 552px;
			}
			
	#container #footer {
		width: 1000px;
		margin: 5px auto;
		text-align: right;
	}
	
		#container #footer img {
			float: left;
		}
		
		#container #footer #smallprint {
			width: 700px;
			float: right;
		}
/* 2. Home */
#home-page p img {
	float: right;
	width: 250px;
	border: 1px solid #736A55;
	margin: 0 0 15px 15px;
}
/**/
/* 3. Portfolio */
#content #flash-portfolio {
	margin-bottom: 30px;
	text-align: center;
}
#content #portfolio-grid img {
	float: left;
	width: 182px;
	margin: 0 12px 12px 0;
	border: 1px solid #673300;
}
/* 4. Stylists */
.stylist {
	margin-bottom: 10px;
}
	.stylist img {
		border: 1px solid #736A55;
	}
/* 5. Products */
.product-details img {
	border: 1px solid #736A55;
}
/* 6. News and Awards */
/* 7. Location */
#location-page #map {
	 width: 572px;
	 height: 350px;
	 border: 1px solid #615841;
	 margin: 15px 0;
}
/* 8. About */
#about-page p img {
	width: 250px;
	float: right;
	border: 1px solid #736A55;
	margin: 0 0 10px 10px;
}