*{
	margin: 0 ;
	padding: 0 ;
	border-width: 0 ;
	list-style-type: none ;
	text-decoration: none ;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

html, body {
	height: 100% ;
	overflow: auto ;
}

body{
	background: #1a0e00 url(images/f3-site-bg.gif) repeat 0 0 ;
	font-size: 100% ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	color: #fff ;
}

a:link, a:visited{ color: #e07918 ; }
a:hover{ color: #fff ; }

#eyeline{
	position: fixed ;
	top: 0 ;
	left: 18px ;
	width: 10px ;
	height: 1200px ;
	background-color: #e07918 ;
}

#nav{
	position: fixed ;
	width: 105px ;
	top: 300px ;
	left: 28px ;
	z-index: 9000 ;
}

	#nav li{
		display: block ;
		width: 94px ;
		height: 28px ;
		margin-bottom: 2px ;
		padding-right: 11px ;
	}
	
		#nav li a{
			display: block ;
			width: 89px ;
			height: 28px ;
			padding: 0 0 0 5px ;
			font-size: 18px ;
		}
		
		body#home #nav li.home,
		body#services #nav li.services,
		body#products #nav li.products,
		body#salon #nav li.salon,
		body#info #nav li.info,
		body#policies #nav li.policies,
		body#city #nav li.city{ background: transparent url(images/nav-current-side.gif) no-repeat top right ; }
		
		body#home #nav li.home a,
		body#services #nav li.services a,
		body#products #nav li.products a,
		body#salon #nav li.salon a,
		body#info #nav li.info a,
		body#policies #nav li.policies a,
		body#city #nav li.city a{ background-color: #e07918 ; color: #fff ;}


#hero{
	position: fixed ;
	top: 175px ;
	left: 125px ;
	width: 592px ;
}

body#home #hero		{ height: 697px ; background: transparent url(images/hero-home.png) no-repeat 0 0 ; }
body#services #hero	{ height: 660px ; background: transparent url(images/hero-services.png) no-repeat 0 0 ; }
body#products #hero	{ height: 683px ; background: transparent url(images/hero-products.png) no-repeat 0 0 ; }
body#salon #hero	{ height: 413px ; background: transparent url(images/hero-salon.png) no-repeat 0 0 ; }
body#info #hero		{ height: 696px ; background: transparent url(images/hero-info.png) no-repeat 0 0 ; }
body#policies #hero	{ height: 473px ; background: transparent url(images/hero-policies.png) no-repeat 0 0 ; }
body#city #hero	{ height: 765px ; background: transparent url(images/hero-city.png) no-repeat 0 0 ; }

body#home #container #content	  { margin-top: 100px ; }
body#services #container #content { margin-top: 70px ; }
body#products #container #content { margin-top: 100px ; }
body#salon #container #content	  { margin-top: 104px ; }
body#info #container #content	  { margin-top: 72px ; }
body#policies #container #content { margin-top: 70px ; }
body#city #container #content { margin-top: 120px ; }

body#home #container #content p,
body#products #container #content p,
body#policies #container #content p	{ padding: 0 10px ; }

body#policies #container #content li{ padding: 0 10px 0 0 ; }


#container{
	position: relative ;
	left: 150px ;
	top: 0 ;
	width: 540px ;
	z-index: 1000 ;
}

	#logo{
		width: 350px ;
		height: 120px ;
		color: #e07918 ;
	}
	
		#logo h1, #logo h1 strong, #logo h2, #logo h3{ font-weight: normal ; }
		
		#logo h1{
			font-size: 56px ;
			letter-spacing: -1px ;
		}
		
			#logo h1 strong{ color: #fff ; }
			
		#logo h2{
			font-size: 22px ;
			line-height: 1.9 ;
		}
			
		#logo h3{
			font-size: 17px ;
			line-height: 0.8 ;
		}
			#logo h3 span{ font-size: 14px ; }
	
	#container #content{
		clear: both ;
		padding-bottom: 100px ;
	}
	
	#container #content h2{
		font-weight: normal ;
		font-size: 27px ;
		color: #e07918 ;
		text-transform: lowercase ;
	}
	
	#container #content p,
	#container #content table,
	#container #content ul.reallist{
		margin-bottom: 1.6em ;
		font-size: 14px ;
		line-height: 1.6 ;
	}
	
		#container #content ul.reallist li{
			list-style-type: disc ;
			margin: 0 0 8px 30px ;
		}
		
	#container #content p img.left{
		float: left ;
		margin-right: 10px ;
	}
	
	body#services #container #content table{
		width: 250px ;
		float: left ;
		margin-right: 18px ;
	}
	
		#container #content table th, #container #content table td{ vertical-align: top ; }
		
		#container #content table th{ text-align: left ; }
		#container #content table td.value{ width: 65px ; text-align: right ; }
		#container #content table td.note{
			padding-left: 10px ;
			font-size: 11px ;
		}
		
	body#info #container #content li.email a{
		clear: both ;
		display: block ;
		padding: 8px ;
		width: 250px ;
	}
	
	body#info #container #content li.email a:hover{
		background : #fff ;
		color : #e07918 ;
	}
	
		body#info #container #content li.email a img{
			background : #fff none repeat scroll 0% ;
			float : left ;
			margin : 0 10px 0 0 ;
			padding : 5px ;
		}
		
		body#info #container #content li.email a strong{
			display : block ;
			line-height : 1 ;
			padding : 22px 0 0 ;
		}

#brandbar{
	position: fixed ;
	top: 0 ;
	left: 730px ;
	width: 440px ;
	height: 1200px ;
	background: transparent url(images/big-f.png) no-repeat 0 0 ;
}

	#brandbar div{
		position: relative ;
		top: 440px ;
		left: 0 ;
		width: 440px ;
		height: 1200px ;
		background-color: #dd7717 ;
	}