/* Screen display styles */

/* <![CDATA[ */

@media screen {
body {
	margin:0; padding:0;
	font:11pt/1.5 sans-serif;
	color: white;
}
#index{
	background-color: #FFFFFF;
	color:#000000;
}

#hair{
	background-color: #AD1E0A;
}
#hair #main1 {
	background-image: url(images/hairbackLGE.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
}

#hair h1,#hair h2,#hair h3,#hair h4,#hair h5 {
	 color:#D3857A;
}
#hairNav {
		background:#AD1E0A url(images/navbar/navbar_hairback.gif) repeat-y;
}

#packages{
	background-color: #65331B;
}
#packages #main1 {
	background-image: url(images/packbackLGE.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
}

#packages h1,#packages h2,#packages h3,#packages h4,#packages h5 {
	 color:#AC9184;
}

#packNav {
		background:#65331B url(images/navbar/navbar_packback.gif) repeat-y;
}

#spa{
	background-color: #63662B;
}
#spa #main1 {
	background-image: url(images/spabackLGE.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
}
#spa h1,#spa h2,#spa h3,#spa h4,#spa h5 {
	 color:#ABAC8C;
}

#spaNav {
		background:#63662B url(images/navbar/navbar_spaback.gif) repeat-y;
}

#beauty{
	background-color: #E1711E;
}
#beauty #main1 {
	background-image: url(images/beautybackLGE.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
}
#beauty h1,#beauty h2,#beauty h3,#beauty h4,#beauty h5 {
	 color:#EFB284;
}

#beautyNav {
		background:#E1711E url(images/navbar/navbar_beautyback.gif) repeat-y;
}
#massage{
	background-color: #4166BE;
}
#massage #main1 {
	background-image: url(images/massbackLGE.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
}
#massage h1,#massage h2,#massage h3,#massage h4,#massage h5 {
	 color:#97ACDC;
}

#massNav {
		background:#4166BE url(images/navbar/navbar_massback.gif) repeat-y;
}


	#header {
		margin:0; padding:0;
		}

	#main1 {
		margin:0; padding:0;
		}
	#main2 {
		margin:0; padding:0;
		}
	#left {
		float:left;
		width:275px;
		margin:0; padding:0;
		font-size:100%;
		}
	#right {
		float:right;
		width:250px;
		margin:0; padding:0;
		font-size:100%;
		}
	#middle {
	margin:0 250px;
	font-size:100%;
	padding-right: 1em;
		}
	.column-in {
		margin:0; 
		padding-top: 40px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 40px;
		}
	.column-in-right {
		margin:0; padding:0px 40px;
		}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}
		
	h1,h2,h3,h4 { margin: 0.2em 0 }
	p { margin: 0.5em 0 }
	a {
	font-weight: bold;
	color: white;
	text-decoration: underline;
}
}
	.copy { text-align:center; font-size:80% }
	#moplogo {
	width: 218px;
	height: 16px;
	background-image: url(images/moplogo.gif);
	background-repeat: no-repeat;
	}
	#no-display {display:none}
@media print {
	
	#no-print {display:none;}
	#mascilogo{ width:72mm; height:11mm;}
		body {
	margin:0; padding:0;
	font:9pt/1.5 sans-serif;
	color: Black;
}
		h1,h2,h3,h4 {
	margin: 0.2em 0;
	line-height: normal;
					}

		#header {
		margin:0; padding:2ems;
		}

	#main1 {
		margin:0; padding:0;
		}
	#main2 {
		margin:0; padding:0;
		}
	#col1 {
		float:left;
		width:50%;
		margin:0; padding:2ems;
		font-size:100%;
		}
	#right {
		display:none;
		/* leave this out in print unless new design required
		float:right;
		width:30%;
		margin:0; padding:2ems;
		font-size:100%;
		*/
		}
	#col2 {
		float:right;
		width:49%;
		margin:0; padding:2ems;
		font-size:100%;
		}
	.column-in {
		margin:0; 
		padding-top: 2ems;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 2ems;
		}
	.column-in-right {
		margin:0; padding:0px 40px;
		}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}

}
/* ]]> */
