/* --------------layout styles used site-wide (left/main, center, menu -------------------------*/

body{
	margin: 0px;
	text-align:center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #333333;
	color: #333333;
	font-size: 12px;
	}
img {border: none;}
#left {
	width:335px;
	height:100%;
	padding:0px;
	float:left;
	}
	
#main {
	height: 300px;
	background-color: #FFFFFF;
	padding: 5px 5px 20px 18px;
	overflow: auto;
	font-weight: normal;		
	line-height: 20px;
	}
#menu {
	width:180px;
	height: 100%;
	float:left;
	margin: 0px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 0px;
	line-height: 18px;
}	


/*menu items on the side navigation*/


#menu ul {
	padding-top: 0px;
	padding-left:5px;
	padding-bottom:3px;
	margin-left: 5px;
	width: 165px;
	list-style-type: none;
	border-bottom: 1px solid #333333; 
	/*border-top: 1px solid #333333; */
}

#menu li {
  display: block;
  line-height:20px;
  }

#menu li a {
	color: white;
	text-decoration: none;
}

#menu li a:hover {
	background-color: #444444;
	color: #CCCCCC;
	border-top: thin solid #CCC;
	border-bottom: thin solid #CCC;
}
#menu li a:visited {
	color: white;
	text-decoration: none;
}

#menu h1  {
	font-size: 18px;
	color: #FFFFFF;
	font-weight: normal;
	padding-top: 15px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-align: left;
	
}

h1.collections {
	margin-bottom: -5px;
	margin-top: -3px;
	}

/* About page */
#frame-about {
	width:840px;
	height: 435px;
	margin-top:100px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	background-color: #1E547B;
	border:  medium solid #11335E;
	}

#center-about {
	width: 310px;
	height: 100%;
	text-align:center;
	margin-top: auto;
	margin-bottom:auto;
	float:left;
	background:#fff;
	background-image:url(images/center/katandmindy.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	}
/* Contact Page */
#frame-contact {
	width:840px;
	height: 435px;
	margin-top:100px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	background-color:#16558D;
	border:  medium solid #666666;
	}

#center-contact {
	width: 310px;
	height: 100%;
	text-align:center;
	margin-top: auto;
	margin-bottom:auto;
	float:left;
	background:#fff;
	background-image:url(images/center/photo-contact.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	}
/* Location page */	
#frame-location {
	width:840px;
	height: 435px;
	margin-top:100px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	background-color:#669999;
	border:  medium solid #307D7E;
	}

#center-location {
	width: 310px;
	height: 100%;
	text-align:center;
	margin-top: auto;
	margin-bottom:auto;
	float:left;
	background:#fff;
	background-image:url(images/center/trendz_map.gif);
	background-position: center center;
	background-repeat:no-repeat;
	}

/* CENTER FRAME FOR GALLERIES & STYLISTS PAGE */
#center-gallery {
	width: 310px;
	height: 100%;
	text-align:center;
	/*padding-top: auto;
	padding-bottom:auto;*/
	float:left;
	background:#fff;
	}
	
/* Services page */
#frame-services {
	width:840px;
	height: 435px;
	margin-top:100px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	background-color: #1E547B;
	border:  medium solid #11335E;
	}
#container	{ 
	position:relative; 
	width:98%; 
	z-index:100; 
	border-top: 3px dotted #6899b2; 
	padding-bottom: 16px;
	margin-bottom:4px;
}

#lyr1, #lyr2, #lyr3	{ 
	position:absolute; 
	visibility:hidden; 
	left:0; 
	top:0; 
	z-index:1;
	padding-bottom:12px;
	border-bottom: 3px dotted #6899b2; 
	margin-bottom: 4px;
	width: 98%;
}
#center-services {
	width: 310px;
	height: 100%;
	text-align:center;
	margin-top: auto;
	margin-bottom:auto;
	float:left;
	background:#fff;
	background-image:url(images/center/photo-services.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	}
.serv-table {width: 290px;
}
.serv-title{
	font-size: 14px;
	font-weight: bold;
	border-bottom: thin solid #CCCCCC;
	padding-top: 5px;
}
/* Specials  page */		
#frame-specials {
	width:840px;
	height: 435px;
	margin-top:100px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	background-color: #307D7E;
	border: medium solid #3B9C9C;
	}
 
#center-specials {
	width: 310px;
	height: 100%;
	text-align:center;
	margin-top: auto;
	margin-bottom:auto;
	float:left;
	background:#fff;
	background-image:url(images/center/photo-specials.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	}	
/*Stylists page */
#frame-stylists {
	width:840px;
	height: 435px;
	margin-top:100px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	background-color: #1E547B;
	border: medium solid #1C2F69;
	}
fieldset {
	padding-left:5px;
	}	
			
/* M&M page */		
#frame-m-m {
	width:840px;
	height: 435px;
	margin-top:100px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	background-color:#CC0066;
	border:  medium solid #993366;
	}


#center-m-m {
	width: 310px;
	height: 100%;
	text-align:center;
	margin-top: auto;
	margin-bottom:auto;
	float:left;
	background:#fff;
	background-image:url(images/center/rita.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	}
/* Gallery A */
#frame-gallerya {
	width:840px;
	height: 435px;
	margin-top:100px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	background-color:#726C56;
	border:  medium solid #454134;
	}

/* Gallery B */	
	#frame-galleryb {
	width:840px;
	height: 425px;
	margin-top:100px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	background-color:#485E84;
	border:  medium solid #364865;
	}

/* Gallery C */	
#frame-galleryc {
	width:840px;
	height: 435px;
	margin-top:100px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	background-color:#AE394E;
	border:  medium solid #802B39;
	}

/* Before-After Gallery */	
#frame-before-after {
	width:840px;
	height: 435px;
	margin-top:100px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	background-color:#726C56;
	border:  medium solid #454134;
	}

/*Kids Gallery */
	#frame-kids {
	width:840px;
	height: 435px;
	margin-top:100px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	background-color:#485E84;
	border:  medium solid #364865;
	}
/* -------------Splash page -----------------*/

#frame-index {
	width:820px;
	height: 435px;
	margin-top: 100px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	background-image:url(/images/splash.jpg);
	background-position:center;
	background-repeat:no-repeat;
	text-align:right;
	/*border:  medium solid #11335E;*/
	background-color:#FFF;
	}
	

#enter {

	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	width:785px;
	margin-right:35px;
	margin-top: 385px;
	text-align: right;
	}


#footer{
	font-size: 12px;
	color: #999999;
	width: 820px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
}

#footer a {
	color: #999999;
}

/* -------------------link styles ----------------------*/
a:link{
	color: #333333;
	text-decoration: underline;
}
a:visited{
	color: #333333;
	text-decoration: underline;
}
a:hover{
	color: #333333;
	text-decoration: none;
}



/* text styles */		
h1 {
	font-size: 18px;
	color: #FFFFFF;
	font-weight: normal;
	padding-top: 15px;
	padding-bottom:20px;
	padding-left: 15px;
	text-align: left;
}

h2.serv {
	font-size: 14px;
	font-weight:bold;
	padding-top:7px;
	}

.header3 {
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
	}
.sub {
	padding-top:4px;
	padding-bottom: 10px;
	}
.name{
	font-size: 14px;
	font-weight: bold;
}
td.serv-title{
	font-size: 14px;
	font-weight: bold;
	width:140px;
	padding-top:24px;
	border-bottom: 1px solid #333333;
}	

td.serv-price{
	font-size: 12px;
	font-weight: bold;
	width:150px;
	text-align: right;
	padding-top:24px;
	border-bottom: 1px solid #333333;
}
td.serv-detail{
	font-size: 12px;
	text-align: left;
	
	}