/*common sitewide styles*/

body  {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
}
p {
	font-size: 75%;
	color: #000000;
	margin-left: 16px;
	margin-bottom: 7px;
	margin-top: 0px;
	margin-right: 10px;
	line-height: 140%;
	display: block; 
}
a:link {
	color: #006699;
	text-decoration: underline;
}
a:visited {
	color: #669966;
	text-decoration: underline;
}

a:link.understand {
	color:#D3A416;
	}

h1 {
	font-size: 85%;
	color: #669966;
	margin-left: 16px;
	margin-top: 0px;
	margin-bottom: 8px;
}
h2 {
	font-size: 80%;
	color: #669966;
	margin-left: 16px;
	margin-top: 15px;
	margin-bottom: 5px;
}
/*this div is not relative to the other divs so it is set with absolute positioning,
it contains the sidebar navigation*/

#sidenav  {
	position:absolute;
	left:3px;
	top:188px;
	width:156px;
	overflow:visible
}




/*this div appears only on the top page*/

.rightsidebar  {
	width: 185px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #669966;
	overflow: visible;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	font-weight: normal;
	color: #006699;
}

/*paragraph styles particular to the top page and referenced by their div class*/

.topcontent p   {
	margin-right: 200px;
}
.rightsidebar p   {
	margin-left: 5px;
	margin-right: 5px;
	color: #006699;
}

/*this class styles the text used in navigation tables, because we
do not want this text to get bigger*/
.sidebarcell {
	font-size: 12px;
	color: #006699;
	padding-left: 3px;
}

/*this class styles the divs that surround active sidebar items*/
.sidebaritemCurrent {
	width: 156px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #669966;
	border-bottom-color: #669966;
	left: 0px;
	top: 0px;
}	

/*these are definitions for the divs in the center of the pages,
in the order they appear from the top*/

.topbanner  {
	left:156px;
	top:0px;
	margin-top:0px;
	margin-left:156px;
	width:564px;
	height:76px;
	z-index:1;
}

.topnav   {
	left:156px;
	margin-left:156px;
	width:564px;
	height:23px;
	z-index:2;
	background-color: #006699;
}
.topcontent {
	border: 1px solid #669966;
	overflow: visible;
	width: 562px;
	margin-left:156px;
	margin-top: 10px;
	left: 156px;
	top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: auto;
}

/*or use this one on secondary pages*/

.content {
	border: 1px solid #669966;
	overflow: visible;
	width: 562px;
	margin-left:156px;
	margin-top: 10px;
	left: 156px;
	top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 10px;
	height: auto;
}
.address {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	color: #006699;
	width: 562px;
	margin-left: 156px;
	margin-top: 10px;
}




.breadcrumb {
	font-size: 75%;
	color: #006699;
	margin-top: 0px;
	margin-bottom: 6px;
}
a.sidebarnav:link {
	color: #669966;
	text-decoration: none;
}
a.sidebarnav:visited {
	color: #669966;
	text-decoration: none;
}
a.sidebarnav:hover {
	color: #006699;
	text-decoration: underline;
}
.imagefloatleft {
	float: left;
	border: 1px solid #669966;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.imagefloatright {

	float: right;
	border: 1px solid #669966;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

/*these two classes are needed for the faq.html page to style the contents*/

.faqquestion {
	font-size: 95%; 
	margin-bottom: 0px;
	margin-top: 5px;	
	color: #669966;
}
.faqanswer {
	padding-left: 20px;
	margin-bottom: 10px;	
}

/*these two div classes are needed for the photos.html page to style the contents*/
 
.photosdiv {
 width: 540px;
}
.greenLine {
 margin-left: 16px;
 margin-top: 10px;
}

/*these two classes are needed for the other_options.html page to style the list under hair systems*/

.stylelist {
	margin-left: 16px;
	margin-top: -5px;
	padding-left: 16px;
}
.stylelist li   {
	font-size: 75%;
	line-height: 140%;
	display: block;
	list-style-type: disc;
}
.pricingexample {
	margin-right: 20px;
	margin-left: 40px;
}
.testimonialperson {
	color: #006699;
	font-weight: normal;
}
.runinhead {
	font-weight: normal;
	color: #006699;
}

/* ----- global form elements ----- */ 

form {
	width:143px;
	margin:5px 0 15px 0;
	}
	form fieldset {
		border:none;
		}

form label	{ font-size:.75em; }

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

input, textarea, select { 
	background-color:#fff !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #006699;
	color:#000;
	width:138px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:.85em;
	}
	
select { width:140px; padding:0; } /* same width as form - !important */

textarea { height:90px; overflow:auto; }

#contact_business { display: none; } /* do not remove */ 


/* ----- main contact form ----- */ 
 
#contact-main { margin:20px 0 10px 0; }

#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}
	
#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}
	
#contact-main label select { width:170px; }
	
#contact-main label textarea { height:100px; overflow:auto; }

#contact_business_main { display: none; } /* do not remove */ 


/* ----- submit button form elements ----- */ 

input.submit, input.submit-contact-main { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:95px 0 0 243px; }

.contactus {
	color:#006699;
	font-size:.95em;
	width:143px;
	margin:0px 5px 0px 7px;
	font-weight:bold;
	}

	div.clear { clear:both; }