/*============================

 JAMES TETLEY
 TETLOOSE@HOTMAIL.COM
 WWW.TETLOOSE.COM
 WWW.MYSPACE.COM/SHIZAMMSPICBOX
 
 =============================*/

/* Layout */

body{
	color: #261904;
	background-color:#fff;
	text-align: center;
	font-size: 12px;
	line-height: 1.2;
	font-family: arial, georgia, times, serif;
}

#wrapper{
	margin: 0 auto;
	position:relative;
	text-align:left;
	width:800px;
}

#subwrapper{

}

#content{
	position:relative;
}

/* Header
=======*/

#header{
	width:797px;
	height:90px;
	position:relative;
	background:url(/img/site/chrome/header.jpg) no-repeat 0 0;
}

/*content
========*/

#content{
	width:642px;
	padding-bottom:38px;
	background:url(/img/site/chrome/content.jpg) no-repeat 0 100%;
	border-left:1px solid #261904;
	float:right;
}

body.home .text{
	padding-top:15px;
}

.text{
	padding:5px 15px 0 10px;
	width:371px;
	float:left;
	border-right:1px dotted #969691;
}

.text p,
.text h3{
	padding-bottom:18px;
}

.lastparagraph{
	padding-bottom:0 !important;
}

.sidebar{
	padding:11px 0 0 0;
	width:245px;
	float:left;
}

.text hr {
	color: #fff; 
	background-color: #fff; 
	border: 1px dotted #969691; 
	border-style: none none dotted; 
	margin:0 0 16px 0;
}

/* navigation
===========*/

#navigation{
	position:absolute;
	top:89px;
	left:0;
	width:157px;
	background:url(/img/site/chrome/footer.jpg) no-repeat 45px 0;
	padding:
}

#navigation ul{
	padding:15px 0 0 17px;
}

#navigation ul li{
	padding-bottom:10px;
}

#navigation a{
	width:140px;
	height:10px;
}

#navigation li.firstchild,
#navigation li.subnav{
	padding-bottom:6px;
}

#navigation li.lastchild{
	padding-bottom:20px;
}

a.home{
	background-position:0 -67px;
}

body.home a.home,
a.home:hover{
	background-position:-140px -67px;
}

a.aboutus{
	background-position:0 -87px;
}
  
body.aboutus a.aboutus,
a.aboutus:hover{
	background-position:-140px -87px;
}
     
a.thesalon{
	background-position:0 -107px;
}

a.thesalon:hover{
	background-position:-140px -107px;
}

a.aboutthesalon{
	background-position:0 -217px;
}

body.aboutthesalon a.aboutthesalon,
a.aboutthesalon:hover{
	background-position:-140px -217px;
}

a.ourpeoplethesalon{
	background-position:0 -233px;
}

body.ourpeoplethesalon a.ourpeoplethesalon,
a.ourpeoplethesalon:hover{
	background-position:-140px -233px;
}

a.hairsalonstylethesalon{
	background-position:0 -249px;
}

body.hairsalonstylethesalon a.hairsalonstylethesalon,
a.hairsalonstylethesalon:hover{
	background-position:-140px -249px;
}

a.testimonialsthesalon{
	background-position:0 -265px;
}

body.testimonialsthesalon a.testimonialsthesalon,
a.testimonialsthesalon:hover{
	background-position:-140px -265px;
}

a.ourprice{
	background-position:0 -127px;
}

body.ourprice a.ourprice,
a.ourprice:hover{
	background-position:-140px -127px;
}
        
a.products{
	background-position:0 -147px;
}

body.products a.products,
a.products:hover{
	background-position:-140px -147px;
}

a.overview{
	background-position:0 -275px;
}

body.overview a.overview,
a.overview:hover{
	background-position:-140px -275px;
}

a.wella{
	background-position:0 -291px;
}

body.wella a.wella,
a.wella:hover{
	background-position:-140px -291px;
}

a.ghd{
	background-position:0 -307px;
}

body.ghd a.ghd,
a.ghd:hover{
	background-position:-140px -307px;
}
      
a.theonlinestore{
	background-position:0 -167px;
}

body.theonlinestore a.theonlinestore,
a.theonlinestore:hover{
	background-position:-140px -167px;
}

a.recruitment{
	background-position:0 -187px;
}

body.recruitment a.recruitment,
a.recruitment:hover{
	background-position:-140px -187px;
}

a.contactus{
	background-position:0 -207px;
}

body.contactus a.contactus,
a.contactus:hover{
	background-position:-140px -207px;
}

/* replacements
=============*/

h3.replacement{
	padding-bottom:0 !important;
	margin-bottom:9px;
}

a.logo{
	position:absolute;
	width:176px;
	height:52px;
	background-position:0 0;
	left:45px;
	top:27px;
} 

h2.appointment{
	position:absolute;
	right:0;
	top:53px;
	width:375px;
	height:15px;
	background-position:0 -52px;
}

h3.edwards{
	width:305px;
	height:17px;
	background-position:0 -361px;
}

h3.aboutus{
	width:370px;
	height:133px;
	background-position:0 -378px;
	margin-bottom:27px !important;	
}

body.aboutus h3.edwards{
	width:292px;
	height:37px;
	background-position:0 -511px;
}

h3.top{
	width:257px;
	height:17px;
	background-position:0 -548px;
}

body.aboutthesalon h3.about{
	width:370px;
	height:44px;
	background-position:0 -565px;
}

h3.people{
	width:370px;
	height:128px;
	background-position:0 -603px;
}

h3.homeofthebest{
	width:252px;
	height:37px;
	background-position:0 -737px;
}

h3.hair{
	width:370px;
	height:128px;
	background-position:0 -774px;
}

h3.personal{
	width:254px;
	height:37px;
	background-position:0 -902px;
}

h3.test{
	width:370px;
	height:44px;
	background-position:0 -939px;
}

h3.contactusnow{
	width:370px;
	height:121px;
	background-position:0 -983px;	
}

h3.rec{
	width:370px;
	height:167px;
	background-position:0 -1104px;	
}

h3.store{
	width:370px;
	height:151px;
	background-position:0 -1271px;	
}

h3.price{
	width:370px;
	height:104px;
	background-position:0 -1422px;	
}

h3.theoverview{
	width:370px;
	height:104px;
	background-position:0 -1526px;	
}

h3.weeahair{
	width:175px;
	height:17px;
	background-position:0 -1630px;	
}

h3.ghdahair{
	width:175px;
	height:17px;
	background-position:0 -1647px;	
}

h3.thewellaa{
	width:371px;
	height:130px;
	background-position:0 -1664px;	
}

h3.theghd{
	width:371px;
	height:139px;
	background-position:0 -1942px;	
}

/* Footer
=======*/

#footer{
	clear:both;
	height:43px;
	width:797px;
	position:relative;
}

#footer .footerinfo{
	width:126px;
	height:43px;
	position:absolute;
	top:0;
	right:0;
}

#footer li{
	float:left;
}

#footer li a.ghds{
	float:left;
	width:77px;
	height:43px;
	background-position:0 -318px;
}

#footer li a.wellacare{
	float:left;
	width:49px;
	height:43px;
	background-position:-77px -318px;
}

/* home
=====*/

body.home .decal{
	width:122px;
	height:11px;
	background:url(/img/site/content/home/decal.jpg) no-repeat 0 0;
	position:absolute;
	bottom:0;
	right:76px;
}

/* Salon
======*/

body.testimonialsthesalon .text p img{
	display:inline;
	vertical-align:text-top;
}

body.testimonialsthesalon .text p{
	padding-top:5px;
	padding-left:17px;
	padding-bottom:10px;
	background:url(/img/site/speachleft.jpg) no-repeat 0 0 ;
}

body.testimonialsthesalon hr{
	margin:0 0 10px 19px;
}

/* store
======*/

body.theonlinestore p.lastparagraph{
	padding-bottom:55px !important;
}

/* prices
=======*/

body.ourprice .text p{
	 color:#8a8056;
}

dl{
	width:304px;
	border-bottom:1px dotted #969691;
	margin:0 0 10px 38px;
}

dt{
	display:block;
	float:left;
	width:120px;
	margin-bottom:10px;
}

dd{
	display:block;
	text-align:right;
}

dl.lastdl{
	border-bottom:none;
	margin-bottom:20px;
}