@charset "utf-8";
/* CSS Document */





#Container {
				width:725px;
				height:375px;
				margin: 4px auto 0;
				padding-bottom:50px;
				text-align:left;
				position:relative;
				}
				

#mernaContainer {
				width:725px;
				height:450px;
				margin: 4px auto 0;
				padding-bottom:50px;
				text-align:left;
				position:relative;
				}
				
				
#gallaryContainer {
				width:725px;
				margin: 4px auto 0;
				padding-bottom:50px;
				text-align:left;
				position:relative;
				}				

#infoContainer {
				width:725px;
				height:575px;
				margin: 4px auto 0;
				padding-bottom:50px;
				text-align:left;
				position:relative;
				}							

				
#pageContentsalon {
				width:400px;
				margin: 0 0 50px 300px;
				padding:15px;
				position:absolute;
				top:75px;
				}
				
				
#pageContentsalon h3 {
					color:#900;
					font-size:0.75em;
					font-weight:bolder;
					font-style:italic;
					}
					
					
#pageContentsalon p {
					color:#660033;
					font-size:0.75em;
					}
					
					
#pageContentmerna {
	width:400px;
	margin: 0 0 20px 280px;
	padding:15px;
	position:absolute;
	top:46px;
	text-align:left;
				}
				
				
#pageContentmerna h3 {
					color:#900;
					font-size:0.75em;
					font-weight:bolder;
					font-style:italic;
					}
					
					
#pageContentmerna p {
					color:#660033;
					font-size:0.75em;
					}					
					

#pageContent {
				width:400px;
				margin: 0 0 50px 300px;
				padding:0px;
				position:absolute;
				top:50px;
				}
				
				
#pageContent h3 {
					color:#900;
					font-size:0.75em;
					font-weight:bolder;
					font-style:italic;
					}
					
					
#pageContent p {
					color:#660033;
					font-size:0.75em;

				}



					
#pageImageinfo {
				color:#FFFFCC;
				width:200px;
				height:385px;
				background:#FFFFCC;
				position:absolute;
				margin: 0 0 0 0px;
				padding:0;
				left:20px;
				top:100px;
				background:url(../images/Ssalon_info_img.jpg) no-repeat top left;
				}
				
				
				
#pageImageinfo h3 {
				display:none;
				}


/* this attempts to keep the picture and nav butten of the services page */

#ServiceTop {
			position:relative;
			margin:0px;
			padding:10px;
			}

				
				
				
/* this section styles the image on the service page */				
				
#pageImageservice {
	color:#FFFFCC;
	width:270px;
	height:180px;
	background:#FFFFCC;
	position:absolute;
	margin: 0 0 0 0px;
	padding:0;
	left:330px;
	top:30px;
	background:url(../images/services2.jpg) no-repeat top left;
				}
#pageImageservice h3 {
					display:none;
					}
					
/* This section styles the navigation for the List of services on the Services page */

#NavService {
				color:#FFFFCC;
				width:350px;
				height:180px;
				background-color:#000000;
				right:20px;
				top:30px;
				position:absolute;
				margin:0px;
				padding:0;
								
			}
			
			
			
#NavService h3 {
				color:#FFFFFF;
				font-size:0.75em;
				font-weight:bolder;
				}
				
#pageImagemerna {
	color:#FFFFCC;
	width:250px;
	height:350px;
	background:#FFFFFF;
	position:absolute;
	margin: 0 0 0 0px;
	padding:0;
	left:25px;
	top:60px;
	background:url(../images/merna2.jpg) no-repeat top left;
				}
#pageImagemerna h3 {
					display:none;
					}									

					
#pageImageabout {
	color:#FFFFCC;
	width:250px;
	height:350px;
	background:#FFFFFF;
	position:absolute;
	margin: 0 0 0 0px;
	padding:0;
	left:20px;
	top:50px;
	background:url(../images/about.jpg) no-repeat top left;
				}
#pageImageabout h3 {
					display:none;
					}
					

/* This section styles the table that holds the pricelist on the services page*/

.LOS {
			width:350px;
			font-size:0.75em;
			color:#660033;
			}
.LOS tr td:first-child {
					width:175px;
					}
#weaveService {
				width:350px;
				font-size:0.75em;
				color:#660033;
				}
#HOO {
		width:350px;
		font-size:0.75em;
		color:#660033;
		}
/*td.width {
			width:250px 100px;
			}
			
/* Some adjustment to the content section of the Services page */

#pageContentServices {
						width:auto;
						margin: 0 0 50px 350px;
						padding:10px;
						top:220px;
						left:20px;
						position:relative;
						}
#pageContentServices h3 {
							color:#900;
							font-size:0.75em;
							font-weight:bolder;
							font-style:italic;
							}
#pageContentServices p {
							color:#660033;
							font-size:0.75em;
							}
							

/* this section holds the credit card logos on the Info page */

#CClogo {
			width:225px;
			height:48px;
			margin:0px;
			padding:0px;
			background:url(../images/CCLogo.jpg) no-repeat top left;
		}



/* Styles the footer of htr following pages - 1. Merna 2. Salon 3. Info 4. Gallary */

.p2 {

	display: none;
	
	}
	
	
/* Style for the staff link on the meet merna page */

#stafflink {
			 position:absolute;
			 left:18px;
			 width:250;
			 padding-left:20px;
			 padding-right:20px;
			 padding-top:20px;
			 padding-bottom:0px;
			 height:40px;
			 color:#FFFFFFF;
			 top:415px;
			 }

#stafflink ul {
				margin:0;
				padding:0;
				list-style:none;
				}
				
#stafflink ul li {
					list-style-type: none;
					margin: 0px;
					padding:5px 35px 5px 38px;
					text-align: left;
					background: #900;
					color: #fff;
				}
								
#stafflink ul li a {
					display:block;
					padding:0.2em 0 0.2em 0.5em;
					text-decoration:none;
					font-weight:bold;
					color:#FFFFFF;
					}
					
#stafflink ul li:hover {
						background:#999999;
						color:#fff;
						}
				
/*				
				s
				color:#FFFFFF;
				display:block;
				font-weight:bolder;
				text-decoration:none;
				font-size:0.95em;
				}