/*
CSS Version:	1.0
Author:			Dan Davidson
Email:			dan (at) vitalwebdesign (do t) co (d ot) uk
Website:		http://www.vitalwebdesign.co.uk/

Reset Styles v1.0 | 20080212 - Thanks to Eric Meyer @ http://meyerweb.com/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse;border-spacing: 0;}

a { outline: none; }
.clear { clear:both; }
.clearleft { clear:left; }

/* global */
body {
	font-size:14px;
	line-height:16px;
	font-family: Helvetica, Arial, Sans-Serif;
	/*background: #fff url("/img/bg.gif") no-repeat top center;*/
	letter-spacing:0.02em;
	color:#191919;
	text-align:center;
}

a { color: #336699; }
#masthead {
	position:relative;
	margin:0 auto;
	width:870px;
	height: 336px;
	background:#fff;
	text-align:left;
	}
	#masthead h1 {
		width:479px;height:146px;
		margin:0;
		padding:0;
		font-size:12px;
		line-height:13px;
		position:relative;
		display:block;
		}
		#masthead h1 span {
			background: url('/img/h1.gif') no-repeat;
			position: absolute;
			width: 100%;
			height: 100%;
		}
	#masthead address {
			position: absolute;
			top: 55px;
			right: 20px;
			text-align: right;
			font-size: 13px;
			font-style: normal;
			color: #3B4763;
	}
	.nav {
		background:url('/img/nav.jpg') no-repeat 0 0;
		position: absolute;
		top:145px;
		left:0;
		width:870px;height:190px;

		}
		.nav li {display: inline;}
		.nav li a:link, .nav li a:visited {
			position: absolute;
			top: 0;
			height: 190px;
			text-indent: -9000px;
			overflow: hidden;
			z-index: 10;
			}
			/* n_01 */
			.nav .index a:link, .nav .index a:visited {left: 0;width: 180px;background: url('/img/nav.jpg') no-repeat 0 0;}
			.nav .index a:hover, .nav .index a:focus {background: url('/img/nav.jpg') no-repeat 0 -190px;}
			.nav .index a:active {background: url('/img/nav.jpg') no-repeat 0 -190px;}
			.current-index .index a:link, .current-index .index a:visited {background: url('/img/nav.jpg') no-repeat 0 -190px;}
			.nav-index, .nav-index-click {position: absolute;top: 0;left:0px;width: 180px;height: 190px;background: url('/img/nav.jpg') no-repeat 0 -190px;}
			.nav-index-click {background: url('/img/nav.jpg') no-repeat 0 -190px;}
			/* /n_01 */
			/* n_02 */
			.nav .about-homeopathy a:link, .nav .about-homeopathy a:visited {left: 180px;width: 170px;background: url('/img/nav.jpg') no-repeat -180px 0;}
			.nav .about-homeopathy a:hover, .nav .about-homeopathy a:focus {background: url('/img/nav.jpg') no-repeat -180px -190px;}
			.nav .about-homeopathy a:active {background: url('/img/nav.jpg') no-repeat -180px -190px;}
			.current-about-homeopathy .about-homeopathy a:link, .current-about-homeopathy .about-homeopathy a:visited {background: url('/img/nav.jpg') no-repeat -180px -190px;}
			.nav-about-homeopathy, .nav-about-homeopathy-click {position: absolute;top: 0;left:180px;width: 170px;height: 190px;background: url('/img/nav.jpg') no-repeat -180px -190px;}
			.nav-about-homeopathy-click {background: url('/img/nav.jpg') no-repeat -180px -190px;}
			/* /n_02 */
			/* n_03 */
			.nav .man-woman-child a:link, .nav .man-woman-child a:visited {left: 350px;width: 170px;background: url('/img/nav.jpg') no-repeat -350px 0;}
			.nav .man-woman-child a:hover, .nav .man-woman-child a:focus {background: url('/img/nav.jpg') no-repeat -350px -190px;}
			.nav .man-woman-child a:active {background: url('/img/nav.jpg') no-repeat -350px -190px;}
			.current-man-woman-child .man-woman-child a:link, .current-man-woman-child .man-woman-child a:visited {background: url('/img/nav.jpg') no-repeat -350px -190px;}
			.nav-man-woman-child, .nav-man-woman-child-click {position: absolute;top: 0;left:350px;width: 170px;height: 190px;background: url('/img/nav.jpg') no-repeat -350px -190px;}
			.nav-man-woman-child-click {background: url('/img/nav.jpg') no-repeat -350px -190px;}
			/* /n_03 */
			/* n_04 */
			.nav .my-background a:link, .nav .my-background a:visited {left: 520px;width: 170px;background: url('/img/nav.jpg') no-repeat -520px 0;}
			.nav .my-background a:hover, .nav .my-background a:focus {background: url('/img/nav.jpg') no-repeat -520px -190px;}
			.nav .my-background a:active {background: url('/img/nav.jpg') no-repeat -520px -190px;}
			.current-my-background .my-background a:link, .current-my-background .my-background a:visited {background: url('/img/nav.jpg') no-repeat -520px -190px;}
			.nav-my-background, .nav-my-background-click {position: absolute;top: 0;left:520px;width: 170px;height: 190px;background: url('/img/nav.jpg') no-repeat -520px -190px;}
			.nav-my-background-click {background: url('/img/nav.jpg') no-repeat -520px -190px;}
			/* /n_04 */
			/* n_05 */
			.nav .faq a:link, .nav .faq a:visited {left: 690px;width: 180px;background: url('/img/nav.jpg') no-repeat -690px 0;}
			.nav .faq a:hover, .nav .faq a:focus {background: url('/img/nav.jpg') no-repeat -690px -190px;}
			.nav .faq a:active {background: url('/img/nav.jpg') no-repeat -690px -190px;}
			.current-faq .faq a:link, .current-faq .faq a:visited {background: url('/img/nav.jpg') no-repeat -690px -190px;}
			.nav-faq, .nav-faq-click {position: absolute;top: 0;left:690px;width: 180px;height: 190px;background: url('/img/nav.jpg') no-repeat -690px -190px;}
			.nav-faq-click {background: url('/img/nav.jpg') no-repeat -690px -190px;}
			/* /n_05 */
#container {
	position:relative;
	margin:0 auto;
	padding:20px 20px 0;
	width:830px;
	text-align:left;
	font-size:90%;
	line-height:16px;
	}
	#content .next {margin:20px 0 0;}
	#content .next a {font-size:19px;background:#3F4C6B url("/img/bg-button.png") repeat-x 0 0;padding:10px;color:#fff;text-decoration:none;}
	#content .next a:hover {text-decoration:underline;}
	#content .next span {color:#fff;font-weight:bold;}

#content { width: 495px; margin: 0; position: relative; float: left; }
	#content p {padding:9px 0;}
	#content ul {margin:10px 0 5px 25px;list-style-type:disc;}
	#content ul li {padding:0 0 4px;}
	#content dl {margin:10px 0;list-style-type:none;}
	#content dt {font-size:16px; color:#4E5A77; font-weight: normal;line-height:23px;padding:5px 0;}
	#content dd {padding:0 0 10px 20px;}
	.img_border { border:1px solid #B3C7D2; padding:5px; background:#fff; float: right; margin: 10px 0 10px 10px; }
	#content hr {border:0px solid transparent;background:#cb9a00;height:1px;margin:20px 0 0;}
	.img_lrg {text-align:center;padding:20px 0;}
	#content h3 {font-size:20px; color:#4E5A77; font-weight: normal;line-height:23px;padding:5px 0;}
	#content table {margin: 10px 0 20px;}
	#content table th {padding:10px; border:1px solid #B3C7D2; font-size: 11px; font-style: italic;color:#3B4763;background-color:#B3C7D2;}
	#content table td {padding:10px; border:1px solid #B3C7D2; font-size: 11px; font-style: italic;color:#3B4763;}

#footer {
	clear: both;
	position:relative;
	margin:0 auto;
	width:870px;
	height:330px;
	text-align:left;
	background: url("/img/bg-footer.gif") no-repeat top center;
	}
	#footer .next a {position:absolute; top:10px; left:20px; z-index:10;font-size:19px;background:#3F4C6B url("/img/bg-button.png") repeat-x 0 0;padding:10px;color:#fff;text-decoration:none;}
	#footer .next a:hover {text-decoration:underline;}
	#footer .next span {color:#fff;font-weight:bold;}
	.footer_p { position:absolute; top:230px; width:870px; text-align:center; font-size:12px; line-height:18px; color:#3B4763; }
	
#footer h3 {
	font-size:1.6em;
	margin:0 auto;
	position:absolute;
	text-align:center;
	top:60px;
	width:870px;
	}

.aside_container {
	border:1px solid #B3C7D2; 
	padding:5px; 
	position:relative;
	margin:0 0 20px 510px;
	color:#3B4763;
	}
	.aside {padding: 15px; position:relative; background: #DCE1E7; }
		.aside blockquote { margin:10px 0 0; }
		.aside cite {
			text-align:right;
			font-style:italic;
			display:block;
			color:#8390A1;
		}
		.aside .bqstart {
			font-family: Arial, sans-serif ;
			float: left;
			height: 45px;
			margin-top: -20px;
			padding-top: 47px;
			margin-bottom: -50px;
			font-size: 700%;
			width:30px;
			color: #336699;
		}
		.aside fieldset {margin:15px 0 0;}
		.aside label {font-weight:bold;display:block;}
			.aside label em {
				font-weight:bold;
				font-style:normal;
				color:#fff;
				background:#ff0000;
				padding:0 3px;
			}
		.aside select {margin:7px 0;width:144px;}
		.aside .textfield {
			font-family: Helvetica, Arial, sans-serif ;
			margin:7px 0;
			height:12px;
			border:solid 0 #fff;
			padding: 8px;
			width:259px;
			voice-family: "\"}\""; 
			voice-family:inherit;
			width:259px;
		}
		.aside input.textfield {background: transparent url("/img/textfield_bg.gif") no-repeat;}
		.aside textarea {
			font-family: Helvetica, Arial, sans-serif ;
			margin:7px 0 10px;
			height:101px;
			border:solid 0 #fff;
			padding: 8px;
			background: #fff url("/img/textarea_bg.gif") no-repeat fixed;
			width:259px;
			voice-family: "\"}\""; 
			voice-family:inherit;
			width:259px;
			overflow: auto;
		}
		.aside fieldset>textarea {background: url("/img/textarea_bg.gif") no-repeat;overflow: auto;}
		.aside .submit { margin:5px 0 0; }
		.aside_visit {padding:9px 0; color: #336699; font-weight: bold;}

/* img replace */
#index h2 { width: 400px; height: 33px; position: relative; }
#index h2 span {background: url('/img/h2-index.gif') no-repeat;position: absolute;width: 100%;height: 100%;}

#about-homeopathy h2 { width: 400px; height: 33px; position: relative; }
#about-homeopathy h2 span {background: url('/img/h2-about-homeopathy.gif') no-repeat;position: absolute;width: 100%;height: 100%;}

#man-woman-child h2 { width: 400px; height: 33px; position: relative; }
#man-woman-child h2 span {background: url('/img/h2-man-woman-child.gif') no-repeat;position: absolute;width: 100%;height: 100%;}

#my-background h2 { width: 400px; height: 33px; position: relative; }
#my-background h2 span {background: url('/img/h2-my-background.gif') no-repeat;position: absolute;width: 100%;height: 100%;}

#faq h2 { width: 400px; height: 33px; position: relative; }
#faq h2 span {background: url('/img/h2-faq.gif') no-repeat;position: absolute;width: 100%;height: 100%;}

.h3-enquiry { width: 260px; height: 31px; position: relative; margin: 0 0 10px; }
.h3-enquiry span { background: url('/img/h3-enquiry.gif') no-repeat 0 0; position: absolute; width: 100%; height: 100%; }

.h3-testimonials { width: 260px; height: 31px; position: relative; margin: 0 0 10px; }
.h3-testimonials span { background: url('/img/h3-testimonials.gif') no-repeat 0 0; position: absolute; width: 100%; height: 100%; }

.h3-visits { width: 260px; height: 31px; position: relative; margin: 0 0 10px; }
.h3-visits span { background: url('/img/h3-visits.gif') no-repeat 0 0; position: absolute; width: 100%; height: 100%; }
/* styles */


