/*---General---------------*/
html, body{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	}

body{
	
	}

h1, h2, h3, li, p, ul{
	margin: 0;
	padding: 0;
	}

h1, h2, h3, h4{
	color: #C33B82;
	}

a{
	color: #FFFFFF;
	outline: none;
	text-decoration: none;
	}


h3 span{
	font-weight: normal;
	}

h4{
	font-size: 14px;
	}

ul{
	list-style: none;
	}

#header, #content, #footer{
	float: left;
	min-width: 100%;
	}

#header .container, #content .container, #footer .container{
	clear: both;
	margin: 0 auto;
	width: 990px;
	}


/*-------------End General---*/

/*---Header-----------------*/
#header-container, #header, #header .container{
	height: 403px;
	}

#header-container{
	background: #1F072D url(../images/header/header-tile.png) repeat-x;
	}

#header{
	background: url(../images/header/header-banner1.jpg) center top no-repeat;
	float: none;
	min-width: 990px;
	}
	
	#header img[title="A Mirage Beauty Salon"]{
		margin: 50px 0 0 0;
		}
	
	#header #header-links{
		background: url(../images/header/header-li.png) repeat-x;
		height: 43px;
		list-style: none;
		margin: 50px 0 0 0;
		width: 990px;
		}
	
	#header #header-links li{
		background: url(../images/header/li-divider.png) right no-repeat;
		float: left;
		height: 43px;
		text-align: center;
		width: 141px;
		}
	
	#header #header-links #liHome{
		background: url(../images/header/liHome.png) left no-repeat;
		width: 148px;
		}
	
	#header #header-links #liContact{
		background: url(../images/header/liLast.png) right no-repeat;
		width: 137px;
		}
	
	#header #header-links li a{
		color: #FAD6FA;
		display: block;
		font-size: 10px;
		font-weight: bold;
		outline: none;
		padding: 14px 0 0 0;
		text-decoration: none;
		}
		
		#header #header-links li a:hover{
			color: #FFFFFF;
			font-size: 12px;
			}
/*------------End Header---*/

/*---Content--------------*/
#content{
	background: #C530CF url(../images/content/content-tile.png) top repeat-x;
	}
	
	#content .container{
		background: url(../images/content/content-containertile.png) repeat-y;
		}
	
	#content #main-content{
		float: right;
		width: 580px;
		}
		
		#main-content #content-top,
		#main-content #content-mid,
		#main-content #content-btm{
			float: left;
			padding: 15px 20px 15px 5px;
			width: 555px;
			}
		/*---content top---------------*/
		#content-top h1{
			font-size: 25px;
			padding: 10px 0;
			}
		
		#content-top .index{
			background: url(../images/content/main-content-header.png) no-repeat;
			height: 55px;
			text-indent: -5000px;
			width: 522px;
			}
		
		#content-top img[title="Haircare"]{
			float: left;
			padding: 10px 10px 10px 0;
			}
		
		
		#content-top h2{
			font-size: 18px;
			padding: 10px 0;
			}
		
		#content-top div.hairstyle{
			float: left;
			margin: 20px;
			text-align: center;
			width: 200px;
			}
		
		#content-top div.hairstyle img{
			border: #C33B82 1px solid;
			padding: 5px;
			}
		
		#content-top ol li{
			padding: 5px 0;
			}
		
		#content-top p{
			line-height: 20px;
			}
		
		#content-top #coupon{
			background: url(../images/content/content-top-coupon.jpg) no-repeat;
			height: 300px;
			margin: 10px auto;
			width: 500px;
			}
		
		#content-top #coupon img{
			border: none;
			margin: 10px 0 0 58px;
			}
		
		/*---content mid---------------*/
		#content-mid{
			padding: 10px 0;
			}
		
		#content-mid h3{
			border-bottom: #C33B82 4px solid;
			padding: 10px 0;
			}
		
		#content-mid ul{
			padding: 10px 0;
		}
		
		#content-mid ul li{
			border-right: #FAD6FA 1px solid;
			float: left;
			padding: 0 8px;
			text-align: center;
			}
		
		#content-mid ul li.last{
			border: none;
			}
		
		#content-mid ul li img[title="DUDLEY"]{
			padding: 0 0 17px 0;
			}
		
		#content-mid ul li img[title="NAIROBI"]{
			padding: 0 0 22px 0;
			}
		
		#content-mid ul li img[title="MIZANI"],
		#content-mid ul li img[title="DESIGN ESSENTIALS"]{
			padding: 0 0 16px 0;
			}
		
		/*---content btm---------------*/
		#content-btm #btm-left{
			border-top: #C33B82 4px solid;
			float: left;
			margin: 0 0 0 0;
			width: 387px;
			}
		
		#content-btm #btm-left h2{
			background: url(../images/content/content-btm-discount.png) no-repeat;
			height: 18px;
			margin: 20px 0 12px 20px;
			text-indent: -5000px;
			}
		
		#content-btm #btm-left #coupon{
			background: url(../images/content/content-btm-coupon.png) no-repeat;
			height: 124px;
			padding: 15px 15px 10px 15px;
			width: 342px;
			}
		
		#content-btm #btm-left #coupon p{
			padding: 12px 0 0 0;
			}
		
		#content-btm #btm-left #coupon p.emp{
			font-style: italic;
			}
		
		#content-btm #btm-left #coupon p span{
			padding: 0 0 0 70px;
			}
		
		#content-btm #btm-left #coupon p a{
			color: #666666;
			font-weight: bold;
			text-decoration: underline;
			}
			
		#content-btm #btm-left #coupon p a:hover{
			color: #000000;
			}
		
		#content-btm #btm-right{
			border-top: #C33B82 4px solid;
			float: left;
			margin: 0 0 0 10px;
			text-align: center;
			width: 158px;
			}
		
		#content-btm #btm-right img{
			padding: 12px 0;
			}
		
		#content-btm #btm-right p{
			color: #C33B82;
			}
	/*------------------------------------end main-content--*/
	
	/*---leftbar------------*/
	#content #leftbar{
		color: #3A1B3A;
		float: right;
		padding: 15px 0;
		width: 400px;
		}
		
		#leftbar #leftbar-top,
		#leftbar #leftbar-btm{
			height: 393px;
			padding: 0 5px;
			width: 385px;
			}
		
		#leftbar #leftbar-top div,
		#leftbar #leftbar-btm div{
			clear: both;
			float: left;
			height: 96px;
			margin: 3px 0 4px 20px;
			width: 326px;
			}
		
		#leftbar #leftbar-top h2,
		#leftbar #leftbar-btm h2{
			margin: 20px 0 0 50px;
			float: left;
			text-indent: -5000px;
			}
		
		#leftbar #leftbar-top div h3,
		#leftbar #leftbar-btm div h3{
			background: url(../images/content/leftbar-divider.png) 160px bottom no-repeat;
			font-size: 14px;
			padding: 5px 5px 5px 160px;
			}
		
		#leftbar #leftbar-top div ul,
		#leftbar #leftbar-btm div ul,
		#leftbar #leftbar-top div span,
		#leftbar #leftbar-btm div span,
		#leftbar #leftbar-btm div p{
			font-family: Tahoma, "Lucida Sans", sans-serif;
			}
			
		#leftbar #leftbar-top div ul,
		#leftbar #leftbar-btm div ul{
			font-size: 11px;
			padding: 5px 0 0 170px;
			}
		
		#leftbar #leftbar-top div span.link,
		#leftbar #leftbar-btm div span.link{
			background: url(../images/content/leftbar-top-viewmore.png) no-repeat;
			display: block;
			font-size: 11px;
			height: 13px;
			margin: 10px 0 0 265px;
			width: 51px;
			}
		
		#leftbar #leftbar-top div span.link a{
			color: #FFFFFF;
			display: block;
			font-size: 9px;
			margin: -5px 0 0 4px;
			}
		
		#leftbar #leftbar-top div span.link a:hover{
			color: #C33B82;
			}
		
		/*---leftbar-top------*/
		#leftbar #leftbar-top{
			background: url(../images/content/leftbar-top.png) no-repeat;
			}
			
		#leftbar #leftbar-top h2{
			background: url(../images/content/leftbar-top-header.png) no-repeat;
			height: 50px;
			width: 179px;
			}
		
		#leftbar #leftbar-top #offer-services{
			background: url(../images/content/leftbar-top-services1.png) no-repeat;
			margin-top: 10px;
			}
		
		#leftbar #leftbar-top #offer-products{
			background: url(../images/content/leftbar-top-products.png) no-repeat;
			}
		
		#leftbar #leftbar-top #offer-helpful-tips{
			background: url(../images/content/leftbar-top-helpfultips.png) no-repeat;
			}
		
		/*---leftbar-btm------*/
		#leftbar #leftbar-btm{
			background: url(../images/content/leftbar-btm.png) no-repeat;
			margin-top: 10px;
			}
		
		#leftbar #leftbar-btm h2{
			background: url(../images/content/leftbar-btm-header.png) no-repeat;
			height: 53px;
			width: 158px;
			}
		
		#leftbar #leftbar-btm div p{
			font-size: 11px;
			padding: 5px 0 0 160px;
			}
		
		#leftbar #leftbar-btm #contact-info{
			background: url(../images/content/leftbar-btm-contact.png) no-repeat;
			}
		
		#leftbar #leftbar-btm #contact-info p{
			font-size: 11px;
			line-height: 12px;
			}
		
		#leftbar #leftbar-btm #contact-info p span{
			font-weight: bold;
			}
		
		#leftbar #leftbar-btm #servicing-areas{
			background: url(../images/content/leftbar-btm-servicing.png) no-repeat;
			}
		
		#leftbar #leftbar-btm #hours-operation{
			background: url(../images/content/leftbar-btm-hours.png) no-repeat;
			}

/*---------------End Content---*/

/*---Footer------------------*/
#footer, #footer .container{
	background-color: #C530CF;
	height: 142px;
	text-align: center;
	}
	
		#footer .container{
			background: #C530CF url(../images/footer/footer.png) 8px 20px no-repeat;
			}
		
		#footer #footer-links{
			padding: 30px 0 0 260px;
			} 
		
		#footer #footer-links li{
			border-right: #FFFFFF 1px solid;
			float: left;
			padding: 0 5px;
			}
		
		#footer #footer-links li.last{
			border: none;
			}
		
		#footer a:hover{
			text-decoration: underline;
			}
		
		#footer p{
			background: url(..images/footer/footer-copyright.png) center;
			color: #F8C0F8;
			padding: 10px 0 0 0;
			}