HTML, BODY, HEAD
{
	height:100%;
	color:#ccc;
	background-color:#000;
}

A 
{
	color:#fd9d37;
}
A:hover 
{
	color:#ff0000;
}

body 
{
	font:normal normal normal 11px/1.4em futura, verdana, arial;
	background-image:url(images/bg1.png);
	background-repeat:no-repeat;
	background-color:#000;
	margin-top:0;
	margin:0;
	padding:0 0 0 20px;
}

/* menu */
DIV.menu 
{
	padding-top:10px;
	
}

DIV.menu A 
{
	display:block;
	float:left;
	padding:7px 15px;
	margin:0 8px 0 0;
	border-right:solid 1px #333;
	border-top:solid 1px #333;
	border-bottom:solid 1px #333;
	border-left:solid 1px #333;
	text-decoration:none;	
	color:#fd9d37;
}

DIV.menu A:hover, DIV.menu A.over
{
	background-image:url(/images/corner.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	color:#fd9d37;
}



TD.menu A 
{
	display:block;	
}

/* END MENU */

/*
.canvas 
{
	background-image:url(images/gh2007_canvas.gif);
	background-repeat:repeat-y;
	padding-left:80px;
}


.pagebottom
{
	background-image:url(images/gh2007_pagebottom.gif);
	background-repeat:repeat-y;
}
*/

/*  menu on services page */

/* menu H */

/*- Menu Tabs H--------------------------- */

    #tabsH {
      float:left;
      width:100%;
      background:#000;
      font-size:93%;
      line-height:normal;
      border-bottom:solid 1px #fd9d37;
      }
    #tabsH ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
      float:left;
      background:url("/images/tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url("/images/tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#FFF;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }

/* END Menu H */

#menuservices a
{
color: #000;
background: #ffa20c url(/images/left-tab.gif) left top no-repeat;
text-decoration: none;
padding-left: 10px
}

#menuservices a span
{
background: url(/images/right-tab.gif) right top no-repeat;
padding-right: 10px
}

#menuservices a, #menuservices a span
{
display: block;
float: left
}

/* Hide from IE5-Mac \*/
#menuservices a, #menuservices a span
{
float: none
}
/* End hide */

#menuservices a:hover
{
color: #fff;
background: #781351 url(/images/left-tab-hover.gif) left top no-repeat;
padding-left: 10px
}

#menuservices a:hover span
{
background: url(/images/right-tab-hover.gif) right top no-repeat;
padding-right: 10px
}

#menuservices ul
{
list-style: none;
padding: 0;
margin: 0
}

#menuservices li
{
float: left;
margin: 0;
}



/* END Menu services nav */ 


DIV#haircuts, DIV#formal, DIV#color, DIV#straightening, DIV#perming
{
	display:none;
	padding:28px 8px 60% 222px;
	background-color:#000;
}

DIV#hairservices 
{
	padding:28px 8px 60% 222px;
	background-image:url(/images/services_hairservices1.jpg);
	background-repeat:no-repeat;
	background-position:0 28px;
}

DIV#haircuts 
{
	background-image:url(/images/services_haircuts.jpg);
	background-repeat:no-repeat;
	background-position:0 28px;
}

DIV#formal 
{
	background-image:url(/images/services_formal.jpg);
	background-repeat:no-repeat;
	background-position:0 28px;
}
DIV#color 
{
	background-image:url(/images/services_color.jpg);
	background-repeat:no-repeat;
	background-position:0 28px;
}
DIV#straightening 
{
	background-image:url(/images/services_straightening.jpg);
	background-repeat:no-repeat;
	background-position:0 28px;
}
DIV#perming 
{
	background-image:url(/images/services_perming.jpg);
	background-repeat:no-repeat;
	background-position:0 28px;
}


DIV.dtl 
{
		
}

H1 
{
	font-size:18px;	
	border-top:solid 1px #333;
	padding-top:2px;
	line-height:1.3em;
}
H2
{
	font-size:14px;
}

IMG 
{
	border:none;
}

IMG.border 
{
	border-top:solid 1px #fd9d37;
}

IMG.over, A.imgOver
{
	border:solid 1px #fd9d37;
	cursor:pointer;
}

IMG.out 
{
	border:solid 1px #000;	
	cursor:pointer;
}

INPUT.btn
{
	font-size:12px;
	background-color:#999;
	border:solid 1px #333;
	line-height:18px;
	padding:0 10px 0 0;
}

INPUT.txt
{
	font-size:11px;
	background-color:#fd9d37;
	border:0;
	line-height:14px;
}

P.break
{
	margin:5px;
	padding:0;	
}

TABLE.form TR TD
{
	padding:0 10px 4px 0;	
}

TABLE
{
	border-collapse:collapse;
}

TABLE.photos 
{
	border:solid 1px #333;
}

TABLE.photos TR TD
{
	padding:15px 15px;
	text-align:center;
	border-top:solid 1px #333;
}

TR, TD { vertical-align:top; }

TD 
{
	padding:0;
}

TABLE.testimonials 
{
	border:solid 1px #333;
}
TABLE.testimonials TD
{
	vertical-align:top;
	background-color:#000;
	border:solid 1px #333;
	padding:4px 8px;
	font-size:10px;
	color:#fff;
}

.message 
{
	font-weight:bold;
	color:#fd9d37;	
}

.right 
{
	float:right;	
	display:block;
}


/*

orange:			#fd9d37

*/