body
	{
		margin: 0;
		padding: 0;
		font: 85% arial, hevetica, sans-serif;
		text-align: center; /* centering for non-css compliant browsers ie */
		color: #505367;
		background-color:#DDDDDD;
	}
	
	/*--------container definitions ---------*/
	
	#container
	{
		margin: 0 auto 1em auto; /* center enclosing container in screen */
		width: 980px;
		height: 1590px;
		text-align: left; /* correcting text-align: center;  for css compliant browsers */
		border: 0px;
		background-color:#CCCCCC;
	}
	
	#header
	{
		width: 980px;  /* header logos and contact graphic */
		height: 311px;
		background-image:url(img/header-gf-khab.jpg);
	}
	 a#homelink 
	 {
	 	width: 980px;  /* header logos and contact graphic */
		height: 311px;
		display:block;
	}
	#mainnav
	{
		height: 68px; /* put navigation menus as background, buttons in raised position */
		background-image:url(img/menu.jpg);
		background-position:top left; 
	}
	#rightpanel
	{
		float: right; 
		width: 311px;
		height: 1130px;
		background :url(img/r-side-panel.jpg) no-repeat;
		background-color:#CCCCCC;
	}
	
	#mcontents	
	{
		border-right-width: 4px;
		margin-right: 316px;
		margin-left: 20px;
		height: 1150px;
		background-color: #FFFFFF;
		padding: 20px;
		text-align:justify;
	}
	
	#footer	
	{
		clear: both;
		height: 1px;
		background-color: #CCCCCC;
	}
	
	div#footer h3 
	{
		text-align:center;
	}
	img.imageright {
	float:right;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 10px;
	}
	/*------------list Button definitions rollovers---------------------*/
	
	ul#Navigation li {
	border:0px;
	margin:0px;
	padding:0px;
	list-style-type: none;
	list-style-image: none;
	height: 68px;
	display: inline; 
	}
	
	#Navigation 
	{
		width:980px;
		height:68px;
		margin: 0px;
		padding: 7px 0px 0px 20px; 
		border:0px;
	}
	a 
	{
		text-decoration: none;
		border:0px;
	}
	 ul#Navigation li a
	{
	    position:relative;
		left:0px;
		padding-top: 0px; 
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		width: 130px; 
		height: 68px;
	}
	ul#Navigation li a#Buttonhair 
	{
		
		padding-left:0px;
    }
	ul#Navigation li a#Buttonbeauty  
	{
		
		padding-left:3px;
    }
	ul#Navigation li a#Buttonsolarium  
	{
		
		padding-left:3px;
    }
	ul#Navigation li a#Buttonspecial 
	{
		
		padding-left:3px;
    }
	ul#Navigation li a#Buttoncontacts  
	{
		
		padding-left:4px;
    }	
	 ul#Navigation li a:hover
	{
		width: 130px; 
		height: 68px;
	}
	ul#Navigation li a#Buttonhair:hover
	{
		background-position: 1px -1px ;
	}
	ul#Navigation li a#Buttonbeauty:hover
	{
		background-position: 1px -1px ;
	}
	ul#Navigation li a#Buttonsolarium:hover
	{
		background-position: 1px -1px ;
	}
	ul#Navigation li a#Buttonspecial:hover
	{
		background-position: 1px -1px ;
	}
	ul#Navigation li a#Buttoncontacts:hover
	{
		background-position: 1px -1px ;
	}	
	img {
	border:0;
	}
	/* CSS Document */

h1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #00717D;
	padding-top:0px;
	margin-top:0px;
}
h2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bolder;
	color: #00717D;
	padding-top:0px;
	margin-top:0px;
}
.contents, .contents a:link, .contents a:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	line-height:18px;
}
.contents a:hover, .contents a:active {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#336666;
	line-height:18px;
}
.contents_blue {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#2794A7;
	line-height:18px;
}


.copyright, .copyright a:link, .copyright a:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration:none;
}
.copyright a:hover, .copyright a:active {
	text-decoration:underline;
}
blockquote {
	padding-top:0px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
}