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

body{
	background-color: #e5e7e8;
	}
	
	
* {margin:0; padding:0}	



	
#wrap {
	width:970px; 
	margin:auto;
	text-align:left;
	
		}
		
	#banner {
	width:970px; 
	height:135px;
	margin-top:30px;
	background-image:  url("images/purple_banner.jpg");
	background-repeat: no-repeat;
		}
	
		
		#main {
	width:970px; 
	float:left;
	margin-top:5px;
	background-color: #ffffff;
		}
	
	
	/* ========================LEFT PANEL ======================== */		
	
			#left {
	width:274px; 
	float:left;
	margin:45px 0px 0px 0px;
		}	
		
	
	#nav {
	width:274px; 
	float:left;
		}	
		
	#nav ul li {
	font:12px/13px Arial, sans-serif;
	padding: 0px 60px 0px 0px;
	text-align:right; 
	list-style: none; }

	
	
	#nav ul li a {text-decoration: none;}
	#nav #home a.current {color:#8135b3; text-decoration:none;}	
	#nav #about a.current {color:#8135b3; text-decoration:none;}	
	#nav #homeopathy a.current {color:#8135b3; text-decoration:none;}	
	#nav #reflexology a.current {color:#8135b3; text-decoration:none;}	
	#nav #consultation a.current {color:#8135b3; text-decoration:none;}	
	#nav #links a.current {color:#8135b3; text-decoration:none;}	
	#nav #supervision a.current {color:#8135b3; text-decoration:none;}
			
	#nav ul li a:link {color:#333; text-decoration:none;}	
    #nav ul li a:visited {color:#330066; text-decoration:none;}			 
	#nav ul li a:hover {color:#330066; text-decoration:none;}			
	#nav ul li a:active {color:#333;text-decoration:none;}		
	#nav ul li a:focus {color:#333; text-decoration:none;}	
		
		#sunflower {
	width:274px; 
	height:580px;
	float:left;
	background-image:  url("images/sunflower.jpg");
	background-repeat: no-repeat;

		}	
		
		
		
	/* ========================CENTER PANEL ======================== */		
		
		#center {
	width:422px; 
	float:left;
	padding:0px 0px 30px 0px;
		}
	
	/* ========================INTRO BOXES - CENTER PANEL ======================== */
	
	
	#intro_box {
	width:422px; 
	height:111px;
	margin:35px 0px 25px 0px;
	background-image:  url("images/intro_box.gif");
	background-repeat: no-repeat;
		}
		
		
	#supervision_box {
	width:422px; 
	margin:35px 0px 25px 0px;
		}	
		
		
		#about_box {
	width:420px; 
	height:70px;
	margin:35px 0px 25px 0px;
	background-image:  url("images/about_box.gif");
	background-repeat: no-repeat;
		}
		
		
		#homeopathy_box {
	width:420px; 
	height:38px;
	margin:35px 0px 25px 0px;
	background-image:  url("images/homeopathy_box.gif");
	background-repeat: no-repeat;
		}
	
	
		#reflexology_box {
	width:419px; 
	height:38px;
	margin:35px 0px 25px 0px;
	background-image:  url("images/reflexology_box.gif");
	background-repeat: no-repeat;
		}
		
			#consultation_box {
	width:420px; 
	height:70px;
	margin:35px 0px 25px 0px;
	background-image:  url("images/consultation_box.gif");
	background-repeat: no-repeat;
		}	
		
				#links_box {
	width:420px; 
	height:38px;
	margin:35px 0px 25px 0px;
	background-image:  url("images/links_box.gif");
	background-repeat: no-repeat;
		}	
		
	/* ========================CENTER PANEL TEXT ======================== */
	
	
	#center p{
	font-color: #333;
	font:12px/18px Arial, sans-serif; margin-bottom:10px;
	padding: 0px 0px 8px 0px;
	}
	
	
	#center p a {font-family: Arial, Sans-Serif; text-decoration: underline; font-weight:bold;}
	#center p a:link {color: #8135b3; text-decoration: underline; font:11px;font-weight:bold;}	
    #center p a:visited {color: #8135b3;text-decoration: underline; font:11px;font-weight:bold;}			 
	#center p a:hover {color: #330066; text-decoration: underline; font:11px; font-weight:bold;}				
	#center p a:active {color: #333333; text-decoration: underline; font:11px; font-weight:bold;}						
	#center p a:focus {color: #333333; text-decoration: underline; font:11px; font-weight:bold;}
	
	
	
	/* ========================FONT DETAILS ======================== */	
		
	h1{
	font:15px/19px Arial, sans-serif;
	color: #8135B3;
	margin:0px 0px 5px 0px;
	}	
	
	h2{
	font:13px/18px Arial, sans-serif;
	color: #fff;
	padding: 1px 0px 0px 20px;
	}	
	
	h3{
	font-color: #000;
	font:12px/19px Arial, sans-serif; 
	padding: 0px 20px 0px 20px;
	}
	
	 h4{
	font:11px/19px Arial, sans-serif;
	color: #333;
	margin:0px 0px 0px 0px;
	}	
	
	 p{
	font-color: #333;
	font:12px/18px Arial, sans-serif; 
	padding:0px 0px 10px 5px;
	}
		
	.bold{
	font:11px/19px Arial, sans-serif; font-weight:bold;
	color:#000;
	margin:0px 0px 10px 0px;
		}
		
	.heavy{
	font:12px/19px Arial, sans-serif; font-weight:bold;
	color:#000;
	margin:0px 0px 10px 0px;
		}	
		
		
	p{
	font-color: #333;
	font:11px/19px Arial, sans-serif; 
	margin:0px 0px 10px 0px;
	}
		
	.dot {width:110px; height:5px;  background: url("images/dot.gif"); background-repeat: no-repeat; margin-left:110px; margin-bottom:3px; background-color: transparent}
	
	
	
	/* ========================LINKS ======================== */	
	
	#center ul li{ 
	list-style:none;
	margin-bottom:5px;
	font:11px/15px Arial, sans-serif; color: #000;
	}
	
	
#center li a {font-family: Arial, Sans-Serif; font-weight:bold; text-decoration: underline;}
#center a:link {color: #330066; font-weight:bold; text-decoration: underline;}	
#center a:visited {color: #330066;font-weight:bold;  text-decoration: underline;}			 
#center li a:hover {color: #000; font-weight:bold; text-decoration: underline;}				
#center li a:active {color:#330066; font-weight:bold; text-decoration: underline;}						
#center li a:focus {color: #330066; font-weight:bold; text-decoration: underline;}
	
	
	
	
		
	/* ========================FOOTER ======================== */		
		
	#footer {
	width:970px; 
	height:20px;
	clear:both;
	float:left;
	margin:5px 0px 50px 0px;
	background-color: #8135b3;
	background-repeat: no-repeat;
		}	
	
	
	#footer_text {
	width:970px; 
	height:15px;
	float:left;
	margin-bottom:4px;
		}	
	
	#footer_text p{
	color: #FFF;
	font:9px/19px Arial, sans-serif; 
	text-align: center;
	
	}
	
	
	
