/* Global Styles */

*{
	margin: 0px;
	padding: 0px;
}

body{
	background-color: #eaeaea;
	font-family: verdana, arial, helvetica, sans-serif;
}

img{
	border: 0 none;
}

p{
	font-size: 12px;
	margin: 4px 0px 6px 0px;
}

a{
	color: #c00;
	text-decoration: none;
}

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

#page-container{
	position: absolute;
	float: left;
	left: 50%;
	margin-left: -470px;
	width: 940px;
	height: auto;
}
#content-container{
	position: relative;
	float: left;
	width: 940px;
	height: auto;
	background-image: url(images/page_tile.gif);
	background-repeat: repeat-y;
}

#body-foot{
	position: relative;
	float: left;
	width: 940px;
	height: 20px;
	background-image: url(images/body_foot_white.gif);
}

#content-full-width{
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 880px;
	height: auto;
	left: 30px;
}

.text-full-width{
	position: relative;
	float: left;
	height: auto;
	width: 880px;
	margin: 0px;
	padding: 0px;
	left: 30px;
}

#body-head{
	position: relative;
	float: left;
	width: 920px;
	height: 20px;
	left: 10px;
	background-image: url(images/body_head.gif);
}

#page-foot{
	position: relative;
	float: left;
	width: 940px;
	height: 30px;
	background-image: url(images/page_foot.gif);
}

#content-left{
	position: relative;
	float: left;
	width: 660px;
	height: auto;
	left: 10px;
}

.content-full-left{
	position: relative;
	float: left;
	width: 640px;
	height: auto;
	left: 10px;
	color: #333;
	text-align: justify;
}

.news-full-left{
	position: relative;
	float: left;
	width: 640px;
	height: auto;
	left: 10px;
	color: #333;
	text-align: justify;
	border-bottom: 1px dotted #999;
}

.testimonial-full-left{
	position: relative;
	float: left;
	width: 640px;
	height: auto;
	left: 10px;
	color: #333;
	text-align: justify;
	border-bottom: 1px dotted #999;
}

#content-right{
	position: relative;
	float: right;
	width: 260px;
	height: auto;
	right: 10px;
}

.content-full-right{
	position: relative;
	float: left;
	width: 240px;
	height: auto;
	left: 10px;
	color: #333;
	text-align: justify;
	border-bottom: 1px dotted #999;
}

h2.main-subheading{
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin: 4px 0px 2px 0px;
}

a.more-link{
	color: #666;
	text-decoration: none;
}

.red-link{
	color: #c00;
}

.main-half-column{
	position: relative;
	float: left;
	width: 310px;
	height: auto;
	margin: 0px 10px 0px 0px;
}

.main-list{
	font-size: 12px;
	margin: 0px 0px 0px 30px;
}

ul.main-list{
	list-style-type: circle;
}

.main-quarter-column{
	position: relative;
	float: left;
	width: 60px;
	height: auto;
	margin: 0px 10px 0px 0px;
}

.main-small-column{
	position: relative;
	float: left;
	width: 20px;
	height: auto;
	margin: 0px 10px 0px 0px;
}

.plain-list{
	font-size: 12px;
	margin: 0px 0px 0px 0px;
}

ul.plain-list{
	list-style-type: none;
}

.clear-div{
	clear: both;
}


/* Main Section Page Banners */

#banner-welcome{
	position: relative;
	float: left;
	width: 660px;
	height: 30px;
	background-image: url(images/banner_welcome.gif);
}

#banner-index1{
	position: relative;
	float: left;
	width: 660px;
	height: 30px;
	background-image: url(images/banner_index1.gif);
}

#banner-index2{
	position: relative;
	float: left;
	width: 660px;
	height: 30px;
	background-image: url(images/banner_index2.gif);
}

#banner-news{
	position: relative;
	float: left;
	width: 660px;
	height: 30px;
	background-image: url(images/banner_news.gif);
}

#banner-company{
	position: relative;
	float: left;
	width: 660px;
	height: 30px;
	background-image: url(images/banner_company.gif);
}

#banner-testimonials{
	position: relative;
	float: left;
	width: 660px;
	height: 30px;
	background-image: url(images/banner_testimonials.gif);
}

#banner-corporate{
	position: relative;
	float: left;
	width: 660px;
	height: 30px;
	background-image: url(images/banner_corporate.gif);
}

#banner-personal{
	position: relative;
	float: left;
	width: 660px;
	height: 30px;
	background-image: url(images/banner_personal.gif);
}

#banner-contact{
	position: relative;
	float: left;
	width: 660px;
	height: 30px;
	background-image: url(images/banner_contact.gif);
}

#banner-terms{
	position: relative;
	float: left;
	width: 660px;
	height: 30px;
	background-image: url(images/banner_terms.gif);
}

#banner-privacy{
	position: relative;
	float: left;
	width: 660px;
	height: 30px;
	background-image: url(images/banner_privacy.gif);
}

#banner-special{
	position: relative;
	float: left;
	width: 660px;
	height: 30px;
	background-image: url(images/banner_special.gif);
}

#banner-hairzoom{
	position: relative;
	float: left;
	width: 660px;
	height: 30px;
	background-image: url(images/banner_hairzoom.gif);
}


/* Right Column Page Banners */

#banner-right-news{
	position: relative;
	float: left;
	width: 260px;
	height: 30px;
	background-image: url(images/banner_right_news.gif);
}

#banner-right-company{
	position: relative;
	float: left;
	width: 260px;
	height: 30px;
	background-image: url(images/banner_right_company.gif);
}

#banner-right-login{
	position: relative;
	float: left;
	width: 260px;
	height: 30px;
	background-image: url(images/banner_right_login.gif);
}


/* Right Column Styles */

h2.right-subheading{
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin: 4px 0px 2px 0px;
}

/* Login Form  - Not Currently in Use */

.login-form-labels{
	position: relative;
	float: left;
	width: 80px;
	height: 20px;
	font-size: 12px;
	color: #333;
	margin: 5px 0px 0px 0px;
}

.login-form-fields{
	position: relative;
	float: left;
	width: 120px;
	height: auto;
	font-size: 12px;
	margin: 5px 0px 0px 0px;
}

.clear-div{
	clear: both;
}


/* Header Styles */

#header-backing{
	position: absolute;
	float: left;	
	margin: 0px;
	padding: 0px;
	height: 338px;
	width: 100%;
	background-image: url(images/header_tile.gif);
}

#header-generic{
	position: relative;
	float: left;
	width: 940px;
	height: 338px;
	background-image: url(images/header_bg_generic.jpg);
}

#header-index{
	position: relative;
	float: left;
	width: 940px;
	height: 338px;
	background-image: url(images/header_bg.gif);
}

#header-news{
	position: relative;
	float: left;
	width: 940px;
	height: 338px;
	background-image: url(images/header_bg_news.jpg);
}

#header-corporate{
	position: relative;
	float: left;
	width: 940px;
	height: 338px;
	background-image: url(images/header_bg_corporate.jpg);
}

#header-personal{
	position: relative;
	float: left;
	width: 940px;
	height: 338px;
	background-image: url(images/header_bg_personal.jpg);
}

#header-testimonials{
	position: relative;
	float: left;
	width: 940px;
	height: 338px;
	background-image: url(images/header_bg_testimonials.jpg);
}

#header-contact{
	position: relative;
	float: left;
	width: 940px;
	height: 338px;
	background-image: url(images/header_bg_contact.jpg);
}


/* Header Nav */

#nav-container{
	position: relative;
	float: left;
	width: 920px;
	height: 30px;
	left: 10px;
	top: 11px;
}

#index-flash{
	position: relative;
	float: left;
	top: 8px;
	left: 10px;
	width: 920px;
	height: 297px;
}

#header-spacer{
	position: relative;
	float: left;
	width: 920px;
	height: 297px;
	top: 8px;
	left: 10px;
}

.nav-item{
	position: relative;
	float: left;
}

a.nav-home{
	position: relative;
	float: left;
	width: 160px;
	height: 30px;
	background-image: url(images/nav_home_off.gif);
}

a.nav-home:hover{
	background-image: url(images/nav_home_on.gif);
}

a.nav-news{
	position: relative;
	float: left;
	width: 150px;
	height: 30px;
	background-image: url(images/nav_news_off.gif);
}

a.nav-news:hover{
	background-image: url(images/nav_news_on.gif);
}

a.nav-company{
	position: relative;
	float: left;
	width: 150px;
	height: 30px;
	background-image: url(images/nav_company_off.gif);
}

a.nav-company:hover{
	background-image: url(images/nav_company_on.gif);
}

a.nav-corporate{
	position: relative;
	float: left;
	width: 150px;
	height: 30px;
	background-image: url(images/nav_corporate_off.gif);
}

a.nav-corporate:hover{
	background-image: url(images/nav_corporate_on.gif);
}

a.nav-personal{
	position: relative;
	float: left;
	width: 150px;
	height: 30px;
	background-image: url(images/nav_personal_off.gif);
}

a.nav-personal:hover{
	background-image: url(images/nav_personal_on.gif);
}

a.nav-testimonials{
	position: relative;
	float: left;
	width: 150px;
	height: 30px;
	background-image: url(images/nav_testimonials_off.gif);
}

a.nav-testimonials:hover{
	background-image: url(images/nav_testimonials_on.gif);
}

a.nav-contact{
	position: relative;
	float: left;
	width: 160px;
	height: 30px;
	background-image: url(images/nav_contact_off.gif);
}

a.nav-contact:hover{
	background-image: url(images/nav_contact_on.gif);
}


/* Index Styles */

.index-product-left{
	position: relative;
	float: left;
	height: auto;
	width: 315px;
	margin: 5px 0px 5px 0px;
}

.index-product-right{
	position: relative;
	float: left;
	height: auto;
	width: 315px;
	margin: 5px 0px 5px 10px;
}


/* Footer Styles */

#footer-container{
	position: relative;
	float: left;
	width: 940px;
	height: 60px;
	background-image: url(images/footer_bg.gif);
}

#footer-nav{
	position: relative;
	float: left;
	width: 940px;
	height: auto;
	text-align: center;
	top: 10px;
	font-size: 11px;
	color: #666;
}

#footer-nav a{
	color: #666;
	text-decoration: none;
}

#footer-nav a:hover{
	color: #cc0000;
	text-decoration: none;
}


/* Contact Page Styles */

#contact-email-container{
	position: relative;
	float: left;
	width: auto;
	height: auto;
	color: #333;
	text-align: justify;
	font-size: 12px;
}

#contact-email-container p{
	padding: 0px 0px 10px 0px;
}

.contact-form-labels{
	padding: 0px 0px 6px 0px;
}

#contact-address-container{
	position: relative;
	float: left;
	width: 340px;
	height: auto;
	left: 70px;
	top: 5px;
	color: #333;
	text-align: justify;
}

#contact-address-container p{
	padding: 0px 0px 6px 0px;
}