/**********************
ADO Hair Salon
all rights reserved
www.adohairdesign.com

COLORS:
	red: #e83a34
	blue: #5199e4
		
**********************/


html {
	background-color: #000000;
	font-family: arial, sans-serif;
	color: #d4d4d4;	
	margin: 0px;
	padding: 0px;
	}

body {
	color: #d4d4d4;
	behavior:url('/csshover.htc');
	line-height: 1.3em;
	background-image: url('images/runner2.jpg');
	width: 980px;
	background-repeat: repeat-y;
	position: relative;
	margin: 0px auto 0px auto;
	}


#shell {
	background: transparent url('images/bg.jpg') top;
	width: 980px;
	height:779px;
	margin-left: 120px;
	background-repeat: no-repeat;
	position: relative;
	margin: 0px auto 0px auto;
	z-index: 1000;
	}

#shell_2 {
	background: transparent url('images/bg.jpg') top;
	width: 980px;
	height:779px;
	margin-left: 120px;
	background-repeat: no-repeat;
	position: relative;
	margin: 0px auto 0px auto;
		}

#shell_3 {
	background: transparent url('images/bg.jpg') top;
	width: 980px;
	height:779px;
	margin-left: 120px;
	background-repeat: no-repeat;
	position: relative;
	margin: 0px auto 0px auto;
	}
	
.homeBtn {
	border: 0px;
	position: absolute;
	top: 100px;
	left: 60px;
}

.homeBtn img{
	border: 0px;
}

/**********************************
	MAIN NAVIGATION
**********************************/

#navigation {
	font-family: Universal, sans-serif;
	font-size: 1.0em;
	padding-top: 380px;
	text-align: center;
	}

#navigation a {
	color: white;
	text-decoration: none;
	}
	
#navigation a:hover {
	color: #5199e4;
	text-decoration: none;
	}

#navigation a:visited {
	text-decoration: none;
	}
	
#navigation a.current {
	color: #5199e4;
	text-decoration: none;
	}

/**********************************
	CONTENT LEFT
**********************************/
#contentLeft {
	padding-left: 100px;
	width: 400px;
	float: left;
	padding-bottom: 120px;
	margin-top: 40px;
	position: relative;
	}

#contentLeft h2 {
	color: #5199e4;
	font-size: 1.1em;
	}

#contentLeft h3 {
	color: #5199e4;
	font-size: 0.9em;
	}

#contentLeft p {
	color: white;
	font-size: 0.8em;
	}

#contentLeft a {
	color: #e83a34;
	text-decoration: none;
	font-size: 0.9em;
	}
	
#contentLeft a:hover {
	color: white;
	text-decoration: none;
	}

#contentLeft a:visited {
	text-decoration: none;
	}	

#contentLeft ul li {
	list-style: none;
	color: #e83a34;
	font-size: 0.9em;
}

#contentLeft img {
	float: left;
	padding: 5px;
	border: 1px solid #5199e4;
}


/**********************************
	Bios Left
**********************************/
#biosLeft {
	padding-left: 100px;
	width: 480px;
	float: left;
	padding-bottom: 120px;
	margin-top: 40px;
	position: relative;
	}

#biosLeft h2 {
	color: #316eae;
	font-size: 1.1em;
	border-bottom:1px solid #5199e4;
	}

#biosLeft h3 {
	color: #5199e4;
	font-size: 0.9em;
	}
	
#biosLeft p {
	color: white;
	font-size: 0.8em;
	text-align: justify;
	margin-left: 180px;
	}

#biosLeft a {
	color: #e83a34;
	text-decoration: none;
	font-size: 0.8em;
	}
	
#biosLeft a:hover {
	color: white;
	text-decoration: none;
	}

#biosLeft a:visited {
	color: #e83a34;
	text-decoration: none;
	}	

#biosLeft ul li {
	list-style: none;
	color: #e83a34;
	font-size: 0.9em;
}

#biosLeft img {
	float: left;
	padding: 5px;
	border: 1px solid #316eae;
}

/**********************************
	BIOS RIGHT
**********************************/
#biosRight {
	width: 290px;
	float: right;
	padding-right: 0px;
	margin-top: 40px;
	position: relative;
	}

#biosRight h2 {
	margin-top: -5px;
	color: #5199e4;
	font-size: 0.9em;
	}

#biosRight p {
	margin-top: -15px;
	color: white;
	font-size: 1em;
	}

#biosRight a {
	color: #e83a34;
	text-decoration: none;
	font-size: 0.8em;
	}

#biosRight .current{
	color: white;
	text-decoration: none;
	font-size: 0.8em;
}	

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

#biosRight img {
	padding-left: 50px;
	}


/**********************************
	CONTENT RIGHT
**********************************/
#contentRight {
	width: 290px;
	float: right;
	padding-right: 100px;
	margin-top: 40px;
	position: relative;
	}

#contentRight h2 {
	color: #316eae;
	font-size: 1.1em;
	}

#contentRight p {
	color: white;
	font-size: 0.8em;
	}

#contentRight a {
	color: #e83a34;
	text-decoration: none;
	font-size: 0.8em;
	}
	
#contentRight a:hover {
	color: white;
	text-decoration: none;
	}

#contentRight a:visited {
	text-decoration: none;
	}
	
#contentRight img {
	float: right;
	padding: 5px;
	border: 1px solid #5199e4;
	}



/**********************************
	CONTENT RIGHT PRODUCTS
**********************************/
#contentRightProducts {
	width: 290px;
	float: right;
	padding-right: 20px;
	margin-top: 85px;
	position: relative;
}

#contentRightProducts h2 {
	color: #5199e4;
	font-size: 1.1em;
}

#contentRightProducts p {
	color: white;
	font-size: 0.8em;
}

#contentRightProducts a {
	color: #e83a34;
	text-decoration: none;
	font-size: 0.8em;
}

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

#contentRightProducts a:visited {
	text-decoration: none;
}

#contentRightProducts a.current {
	color: white;
	text-decoration: none;
}


/**********************************
	CONTENT LEFT SERVICES
**********************************/
#contentLeftServices {
	padding-left: 100px;
	width: 380px;
	float: left;
	margin-top: 20px;
	position: relative;
	}

#contentLeftServices h2 {
	color: #5199e4;
	font-size: 1.1em;
	border-bottom: 1px solid #5199e4;
	}

#contentLeftServices li .services {
	color: #5199e4;
	font-size: 0.9em;
	font-weight: bold;
	}
	
#contentLeftServices p {
	font-size: 0.9em;
	}

#contentLeftServices a {
	color: #e83a34;
	text-decoration: none;
	font-size: 0.8em;
	}

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

#contentLeftServices a:visited {
	color: #e83a34;
	text-decoration: none;
	}	

#contentLeftServices ul li {
	list-style: none;
	color: #d4d4d4;
	font-size: 0.8em;
	line-height: 1.5em;
	margin-left: -40px;
	}

	
/**********************************
	CONTENT RIGHT SERVICES
**********************************/
#contentRightServices {
	width: 380px;
	padding-right: 50px;
	float: right;
	margin-top: 20px;
	position: relative;
	}

#contentRightServices h2 {
	color: #5199e4;
	font-size: 1.1em;
	border-bottom: 1px solid #5199e4;
	}

#contentRightServices li .services {
	color: #5199e4;
	font-size: 0.9em;
	font-weight: bold;
	}

#contentRightServices a {
	color: #e83a34;
	text-decoration: none;
	font-size: 0.8em;
	}

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

#contentRightServices a:visited {
	color: #e83a34;
	text-decoration: none;
	}	

#contentRightServices p {
	font-size: 0.9em;
	}
		
#contentRightServices ul li {
	list-style: none;
	color: #d4d4d4;
	font-size: 0.8em;
	line-height: 1.5em;
	margin-left: -40px;
}
			
/**********************************
	CONTENT 
**********************************/
#content {
	width: 650px;
	padding-left: 157px;
	padding-top: 30px;
	text-align: justify;
	}

#content h2 {
	color: #5199e4;
	font-size: 1.1em;
	}

#content h3 {
	color: #5199e4;
	font-size: 0.9em;
}
		
#content p {
	color: white;
	font-size: 0.8em;
	}

#content a {
	color: #e83a34;
	text-decoration: none;
	font-size: 0.9em;
	}
	
#content a:hover {
	color: white;
	text-decoration: none;
	}

#content a:visited {
	color: #e83a34;
	text-decoration: none;
	}

#content img {
	padding: 3px;
	border: 1px solid #316eae;
}

	
#content .socnet {
	float: left;
	width: 130px;
	margin-bottom: 20px;
	
}

#content .socnet a:hover {
	color:white;
	text-decoration: underline;
}
#content .socnet img {
	margin-right: 5px;
	float:left;
	border:0px;
	width:16px;
}
#content .productsImage {
	margin-top: 0px;
	width: 650px;
}

/**********************************
	FOOTER
**********************************/
#footer {
	background: url('images/footer.jpg') bottom;
	width: 944px;
	height: 250px;
	background-repeat: no-repeat;
	clear: both;
	position: relative;
	margin: 0px auto 0px auto;	
	}

/**********************************
	FOOTER NAVIGATION
**********************************/

#footerNav {
	font-size: 0.7em;
	text-align: center;
	background-color: black;
	margin-top: 0px;
	}

#footerNav a {
	font-size: 1.2em;
	color: white;
	text-decoration: underline;
	}
	
#footerNav a:hover {
	color: #5199e4;
	text-decoration: none;
	}

#footerNav a:visited {
	text-decoration: underline;
	}

#footerNav p{
	margin-top: 7px;
}
/**********************************
	STYLISTS BANNER
**********************************/	
#stylists_banner {
	background-color: #000;
	height: 223px; 
	width: 865px;  
	margin: 0 auto;
	border: 0px;
	}

#stylists_banner span {
	float: left;
	display: block;
}

#stylists_banner img {
	border: 0px;
}

#stylists_banner .one {
	padding-bottom: 5px;
}	
	
#stylists_banner .two {
	padding-bottom: 4px;
}