@charset "utf-8";
/* CSS Document */
img{
	border:none;
	behavior: url(iepngfix.htc);
}
*  {
	margin: 0px;
	padding: 0px;
	outline: none;
}
html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	/*margin-top:8px;*/
	background-color:#000000;
}
h1 , h2, h3, p, li{
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

ol{
	text-indent: 10px;
}


p  {
	font-size: 12px;
	color: #000;
	font-weight: bold;
}
.fixedtopright{ 
	position:fixed;
	top:2%;
	right:2%;
	}
.fixedtopright a{
	color:#FFF;
	font-size: 9px;
	text-decoration:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	vertical-align: middle;
	}
#container {
	height: 697px;
	width: 910px;
	margin-left: auto;
	margin-right: auto;
	background-position: right;
	background-repeat: no-repeat;
	margin-top: 0px;
}

#main span, #abovemain span{display:none;}

.homepic {
	background-image: url(images/home-bg.jpg);

}
.aboutpic {
	background-image: url(images/about-bg.jpg);

}
.menupic {
	background-image: url(images/menu-bg.jpg);

}
.retailpic {
	background-image: url(images/retail-bg.jpg);

}
.blankpic {
	background-image: url(images/blank-bg.jpg);
}
.blank2pic {
	background-image: url(images/blank2-bg.jpg);
}
.gspic {
	background-image: url(images/gs-bg.jpg);
}

.homecontent {
	margin-left: -50px;
	}
.aboutcontent {
	margin-left: -190px;
	}
.contactbtmcontent {
	margin-left: -190px;
	font-size: 18px;
	color: #FFF;
}

.contactbtmcontent p{
	font-size: 25px;
	color: #FFF;
}

#abovemain {
	padding-left:80px;
	margin-top: 170px;
	margin-left: -360px;
	height: 250px;
	float: left;
	width: 480px;
	color: #FFF5DB;
}
#abovecu {
	padding-left:80px;
	margin-top: 170px;
	margin-left: -360px;
	height: 250px;
	float: left;
	
	width: 480px;
}
#abovecu p {
	color: #000;
	font-size: 21px;
	padding-left: 50px;
/*	text-align: right;*/
}
#abovecu a  {
	text-decoration: none;
	color: #FFF;
}
#abovecu a:hover {
	text-decoration: underline;
}

#top_menulist {
	float: left;
	padding-left:80px;
	margin-top: 170px;
	margin-left: -360px;
	height: 250px;
	width: 700px;
}

#top_menulist li{
	font-size:11px;
}

#basics{
	float: left;
}

.h1basics, .h1ext, .h1chem, .h1changes{
	background-repeat:no-repeat;
	text-indent: -1000px;
	font-size:17px;
	height: 28px;
	}
.h1basics{
	background-image:url(images/menu_basics.png);
}
.h1ext{
	background-image:url(images/menu_extensions.png);

}
.h1chem{
	background-image:url(images/menu_chemicals.png);
}
.h1changes{
	background-image:url(images/menu_changes.png);
}
#extensions{
	float:left;
	padding-left: 20px;
	}



#chemicals{
	float:left;
	margin-left: 50px;

	}


#changes{
	float:left;
}




#natural{
	float:left;
	}

.h1nat{
	background-image:url(images/menu_natural.png);
	background-repeat:no-repeat;
	text-indent: -1000px;
	font-size:17px;
}

#bottom_menulist {
	float: left;
	padding-left:150px;
	margin-top: 390px;
	margin-left: -360px;
	height: 250px;
	width: 300px;
}

#bottom_menulist li{
	font-size:11px;
}

.top_menu {
	float: left;
	width: 50%;
}


.top_menu h1 {
	margin-left: -10px;
	font-size: 20px;
}
.top_menu li {
	list-style-type: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 20px;
}
.bottomleft_menu {
	float: left;
	width: 60%;
	color: #FFF;
}
.bottomleft_menu h1 {
	margin-left: -10px;
	font-size: 20px;
}
.bottomleft_menu p, .bottomleft_menu li {
	color:#FFF;
}
.bottomleft_menu li {
	list-style-type: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 20px;
}
.bottomright_menu {
	float: left;
	width: 40%;
}
.bottomright_menu h1 {
	margin-left: -10px;
	font-size: 20px;
}
.bottomright_menu h2 {
	font-size: 15px;
	text-decoration:underline;
	color: #FFF;
}
.bottomright_menu p, .bottomright_menu li {
	color:#FFF;
}
.bottomright_menu li {
	margin-left: -10px;	
	list-style-type: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 20px;
}

#extensions_menu {
	margin-top: 85px;
	float: left;
	width: 243px;
	margin-left: 18px;
}
#style_menu {
	margin-top: 80px;
	float: left;
	width: 150px;
}
#ba_menu {
	margin-top: 85px;
	float: left;
	width: 250px;
	margin-left: 18px;
}
#acc_menu {
	margin-top: 80px;
	float: left;
	width: 165px;
}
#hcp_retail {
	margin-top: 75px;
	float: left;
	width: 160px;
	margin-left: -10px;
}
#hb_retail {
	margin-top: 60px;
	float: left;
	width: 230px;
}
#bp_retail {
	margin-top: 60px;
	float: right;
	width: 230px;
	margin-right: 23px;
}
.hcp_hb_bp {
	background-image: url(images/hcp_bubbles.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.hcp_hb_bp p {
	color: #C90;
	font-size: 11px;
	text-align: center;
	line-height: 11px;
}
.es {
	background-repeat: no-repeat;
	background-position: center;
	height: 250px;
	margin-left: -190px;
}
.es p {
	color: #C90;
	font-size: 11px;
	text-align: center;
	line-height: 11px;
}

.ba_acc {
	background-image: url(images/ba_bubbles.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 250px;
	margin-left: -190px;
}
.ba_acc p {
	color: #C90;
	font-size: 14px;
	text-align: center;
	line-height: 14px;
}

.pricings {
	color:#000;
	font-weight: bold;
}
h1.about, h1.contact{height:28px;}
h1.hours{height:35px;}
.hcp_hb_bp h1, h1.welcome, h1.about, h1.contact, h1.faq, h1.hours{
	background-repeat: no-repeat;
	text-indent: 1000px;
	overflow: hidden;
margin-bottom:5px;
	}
.hcp_hb_bp h1, .ba_acc h1{
	font-size:0px;
	color: #FFF5DB;
margin-bottom:5px;
	}
h1.welcome {
	background-image: url(images/welcome-heading.png);
}
h1.about {
	background-image: url(images/about-heading.png);
}
h1.contact {
	background-image: url(images/contact-heading.png);
}
h1.faq {
	background-image: url(images/faq-heading.png);
}
h1.hours {
	background-image: url(images/hours-heading.png);
}
#main {
	margin-top: 430px;
	float: left;
	width: 500px;
	padding: 0px;
}
#main p {
	padding-left: 5px;
	padding-right: 5px;
}
#menu_main {
	float: left;
	width: 550px;
	padding: 0px;
}
#menu_main p {
	padding-left: 5px;
	padding-right: 5px;
}
#thumbnailpics {
	float: right;
	margin-top: 150px;
	width: 550px;
	padding: 0px;
}
#menu {
	height: 264px;
	width: 325px;
	margin-top: 432px;
	margin-left: 20px;
	float: left;
	}
#menu ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	overflow: hidden;
}
#menu li a {
	height: 44px;
	display: block;
}

.about a, .menu a,  .retail a, .portfolio a, .faq a , .contact a{
	background-repeat: no-repeat;
	background-position: right;
	text-indent: 275px;
}
.about a{
	background-image: url(images/about-button.gif);
}

.menu a{
	background-image: url(images/menu-button.gif);
}
.retail a{
	background-image: url(images/retail-button.gif);
}
.portfolio a{
	background-image: url(images/portfolio-button.gif);
}
.faq a{
	background-image: url(images/faq-button.gif);
}
.contact a{
	background-image: url(images/contact-button.gif);
}
.about a:hover{
	background-image: url(images/about-button-hover.gif);
}
.menu a:hover{
	background-image: url(images/menu-button-hover.gif);
}
.retail a:hover{
	background-image: url(images/retail-button-hover.gif);
}
.portfolio a:hover{
	background-image: url(images/portfolio-button-hover.gif);
}
.faq a:hover{
	background-image: url(images/faq-button-hover.gif);
}
.contact a:hover{
	background-image: url(images/contact-button-hover.gif);
}
.small {	font-size: smaller;
}
a.flyer {
	color: #F00;
}