@charset "UTF-8";
/* CSS Document */
/* synergy hair */
/* written by hairyLemon */
/* 03 November 2008 */

body{
background-image:url(../images/bg.jpg);
background-color:#2d1f15;
background-repeat:repeat-x;
background-position:top;
text-align:center;
margin:0px;
padding:0px;
}
.error {
	color:#f00;
	display:block;
} 

/*-------- puts site in center of browser ---------*/
#frame {
width:1063px;
margin: 0px auto 0px auto;
padding:0px;
text-align:left;
}

#header{
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
height:313px;
}

#headernew{
background-image:url(../images/final-header.jpg);
background-repeat:no-repeat;
height:314px;
}

#logo{
padding:80px 0px 0px 60px;
margin:0px;
}

#logo img{
border:none;
}

#content{
background-image:url(../images/content_bg.gif);
background-repeat:repeat-y;
padding:0px 56px 0px 56px;
float:left;
}

/*---------- nav -----------*/
#nav{
background-color:#eef0c9;
display: inline;
float: left;
width: 210px;
margin: 0px 0px 0px 1px;
padding: 0px;
text-align: left;
font: 12px Arial, Helvetica, sans-serif;
color: #887057;
text-transform: uppercase;
min-height:438px;
/*border:1px red solid;*/
}

#nav ul{
margin: 10px 0 0 0;
padding: 0px;}

#nav li{
margin: 0px;
padding: 0px;
list-style: none;
height: 25px;}

#nav a:link, #nav a:visited{
margin: 0px;
display:block;
/*width: 144px;*/
padding: 7px 0px 5px 25px;
text-decoration: none;
color: #887057;
}

#nav a:hover{
background-color:#adb802;
margin: 0px;
/*width: 144px;*/
display:block;
padding: 7px 0px 5px 25px;
text-decoration: none;
color: #ffffff;
}

/*---------- text area -----------*/
#content_area{
width:720px;
float:right;
padding:0px;
margin:0px;
}

#text_area{
width:500px;
float:left;
margin:0px;
padding:0px 0px 0px 20px;
font:12px/18px Arial, Helvetica, sans-serif;
color:#887057;
}


#text_area h1{
background-image:url(../images/h1.jpg);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#887057;
font-size:22px;
padding:0px 0px 15px 35px;
text-transform:uppercase;  
margin:0px;
}

#text_area h2{
font:12px/18px Arial, Helvetica, sans-serif;
color:#887057;
font-weight:bold;
text-transform:uppercase;
padding:5px 0px 5px 0px;
margin:0px;
}

#text_area h3{
font:11px/18px Arial, Helvetica, sans-serif;
color:#887057;
font-weight:bold;
padding:5px 0px 5px 0px;
margin:0px;
}

#text_area p{
font:12px/18px Arial, Helvetica, sans-serif;
/*font-size:12px;*/
color:#887057;
padding:0px 0px 10px 0px;
margin:0px;
}

#text_area a:link, #text_area a:visited{
font:12px/18px Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#887057;
}

#text_area a:hover{
color:#adb802;
}

#text_area ul{
font:12px/18px Arial, Helvetica, sans-serif;
color:#887057;
padding:0px 0px 20px 25px;
margin:0px;
}

#text_area li{
font:12px/18px Arial, Helvetica, sans-serif;
color:#887057;
}

.box{
background-color:#ecf0bf;
border:1px solid #bbca21;
padding:10px;
margin: 0;
font:12px/18px Arial, Helvetica, sans-serif;
color:#887057;
}

.box td{
padding:6px;
margin: 0;
font:12px/18px Arial, Helvetica, sans-serif;
color:#887057;
}


.imageright{
text-align:right;
margin-right:0px;
float:right;
}


#links{
width:190px;
float:right;
/*border:1px solid red;*/
}

img{
border:0px;
}

#links a:link, #links a:visited{
padding:0px 0px 5px 0px;
border:0px;
}

#footer{
background-image:url(../images/footer.jpg);
width:1063px;
height:217px;
clear:both;
}
#footernew {
background-image:url(../images/final-footer.jpg);
width:1063px;
height:217px;
clear:both;
}

#footer_text{
width:1063px;
height:15px;
}

#footer_text p{
font:11px Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding:0px 0px 0px 70px;
margin:0px;
}

#footer_text a:link, #footer_text a:visited{
color:#fff;
text-decoration:none;
}

#footer_text a:hover{
color:#adb802;
text-decoration:none;
}

table {
  border-collapse: collapse;
}

td.smalltd {
  font: 10px Arial, Helvetica, sans-serif;
  vertical-align: top;
  text-align: center;
  width: 40px;
}

td.formtd {
  vertical-align: top;
  padding: 10px 2px;
  margin: 0;
  /*border-top: 1px solid #e0d7cc;*/
}

.textinput {
  font: 12px Arial, Helvetica, sans-serif;
}

.smalltext {
  font: 10px Arial, Helvetica, sans-serif;
}

#hairdressing-accordion{
	display:inline;
}

#hair-left{
	float:left;
	width:52%;
	cursor:pointer;
}

#hair-centre{
	float:left;
	width:21%;
}

#hair-right{
	float:left;
	width:27%;
}

#hair-left strong, #hair-centre strong, #hair-right strong{
/*border:1px red solid;*/
padding-top:7px !important;
display:block;
}


.description{
clear:both;
}

.clear{
clear:both;
margin:10px 0px 0px 0px;
}

#hairdressing-accordion p.description{
background-color:#eef0c9;
border:1px solid #BBCA21;
padding:5px 5px 10px 8px;
}

/*#hairdressing-accordion p{
	border:1px red solid;
}*/