/* hbp.css Copyright 2005- Hair by Pietro, all rights reserved */
/* CSS by Dave Reeder, www.davereederdesign.com */

body { 
	margin: 0; 
	padding: 0; 
	background: url('images/hdrfull.jpg') 50% 0 repeat-x #fff; 
	text-align: center;
	font-size: 100%;
	font-weight: normal;
	padding-bottom: 10px
}

* {	text-align: left; margin: 0; text-decoration: none; padding: 0; border: 0; font-family: Georgia, serif }

/* -------------------- LAYOUT -------------------- */

#container {margin: 0 auto; width: 770px; background: url('images/bkgrnd.gif') 0 0 repeat-y; overflow: hidden }
#hdr {float: left; width: 770px; height: 225px; background: url('images/bbrhead.jpg') 50% 0 no-repeat}
#iframecol {float: left; padding-left: 11px; padding-right: 10px; padding-bottom: 25px; width: 700px}
#fullcol {float: left; padding-left: 75px; padding-right: 10px; padding-bottom: 25px; width: 700px}
#lftcol {float: left; padding-left: 10px; padding-bottom: 25px; width: 524px; background: transparent}
#rgtcol  {float: right; width: 225px; padding-right: 10px }
#imgcol  {float: center; width: 770; height: 174px; padding-right: 10px }
#bttm {float: left; padding-left: 55px; width: 770px; height: 174px; background: url('images/bttm.gif') bottom left no-repeat #fff}
#navbar {float: left; margin: 17px 10px 0 10px; width: 730px; height: 33px; background: transparent}

/* -------------------- HEADINGS -------------------- */

h1 {float: left; margin-top: 44px; padding-left: 15px; width: 325px; height: 105px} /* site heading (hair by pietro logo) */
h1 span {display:none}
h1 a {
	display: block;
	width: 325px;
	height: 105px;
}

h2 {float: left; padding: 15px 0 0 20px }  /* page heading */
h2 span {display:none}

h3 {margin: 20px 20px 0 20px; font-size: 0.90em; width: 90%; border-bottom: 1px solid #666; font-weight: normal; line-height: 2em; color: #444}

h5 {margin: 5px 20px 0 20px; font-size: 0.80em; width: 80%; font-weight: normal; line-height: 1.5em; color: #AC3D4A}
p {margin: 10px 20px 10px 20px; font-size: 0.70em; line-height: 1.9em; color: #757575}
p.ps {margin: 5px 20px 10px 20px; font-size: 0.70em; line-height: 1.9em; color: #757575}
p.central {text-align: center}
p.right {text-align: right}
 
#copyright {font-size: 0.60em; line-height: 1.6em; margin-left: 25px; color: #777}

strong {color: #000; font-weight: normal}

/*----------------------OTHER LISTS----------------------------*/

input
{
color: #781351;
background: #CCCCCC;
border: 1px solid #AC3D4A
}

textarea
{
color: #781351;
background: #CCCCCC;
border: 1px solid #AC3D4A
}

.submit input
{
text-align: center;
}

table#openinghours {margin: 10px 30px; padding: 0; font-size: 0.70em; line-height: 1.9em; color: #757575}

td.day {width: 85px}

td.time {width: 150px}


table#treatments {margin: 10px 30px; padding: 0; font-size: 0.70em; line-height: 1.9em; color: #757575}

td.prices {width: 85px}

td.type {width: 350px}




/*------------------PARAGRAPH LINKS--------------------*/

a:link, a:visited {color: #AC3D4A; text-decoration: underline}
a:hover, a:active {color: #000; text-decoration: underline}

/*--------------------MAIN NAV------------------------*/

#nav ul {  /* Main nav */
	float: left;
	white-space: nowrap;
}

#nav li { /* Main nav list items */
	margin: 0;
	float: left;
	list-style: none;         
	line-height: 33px; /* height of the tab */
	text-align: center;

}

#nav a {   /* Main nav styles for all links */
	color: #000;
	font-size: 0px;
	display: block; /* Although a block suggests a vertical list, the float: right; property under #nav li causes the menu to float to an inline position */
	height: 33px;
	line-height: 33px; /* height of the tab */
	text-decoration: none;
	text-align: left;
	border: 0
	}
	
#nav a span {display: none}

#nav a:link, #nav a:visited, #nav a:active { background-position: 0 0; }

#nav a:hover { background-position: 0 -33px; }

#nav a#current { background-position: 0 -33px; }

#nav a.home { background-image: url('images/home.gif'); width: 69px;}
#nav a.treatments { background-image: url('images/cc.gif'); width: 152px;}
#nav a.contact{ background-image: url('images/pas.gif'); width: 178px}
#nav a.touch{ background-image: url('images/touch.gif'); width: 178px}
#nav a.findus{ background-image: url('images/cbbr.gif'); width: 121px}


/*--------------------BOTTOM NAV------------------------*/

#bttmnav {font-size: 0.70em; margin-left: 25px; margin-top: 114px;}
#bttmnav li {display: inline; color: #444 }
#bttmnav li a {border: 0}


/*----------------------MAP----------------------------*/

#mapcontainer {padding-left: 20px; padding-top: 5px}
	
#locmap {
	float: left;
	width: 455px;
	height: 455px;
	overflow: auto;
	background: #fff;
	border: 1px solid #666
}

/*----------------------OTHER IMAGE LINKS----------------------------*/

a#zoomin span, a#zoomout span, a#email span {display:none}

a#zoomin, a#zoomout {
	float: left;
	display: block;
	height: 33px;
	width: 85px;
	border: 0;
}

a#zoomin:link, a#zoomin:visited, a#zoomin:active { background: url('images/zoomin.gif') 0 0; }
a#zoomin:hover { background: url('images/zoomin.gif') 0 -33px; }

a#zoomout:link, a#zoomout:visited, a#zoomout:active { background: url('images/zoomout.gif') 0 0; }
a#zoomout:hover { background: url('images/zoomout.gif') 0 -33px; }

a#email {
	float: left;
	display: block;
	height: 33px;
	width: 100px;
	border: 0;
}

a#email:link, a#email:visited, a#email:active { background: url('images/email.gif') 0 0; }
a#email:hover { background: url('images/email.gif') 0 -33px; }


/*----------------------OTHER IMAGES----------------------------*/

img.left {float: left; margin: 0 10px}

img.right {float: right; margin: 0}