/*
	Name: The Hatfield Practice
	Date: August 2009
	Description: Global Style Sheet
	Version: 1.0
	Author: Enrique Ramirez
	Author URI: http://enrique-ramirez.com
*/

/* Imports */
@import url("css/reset.css");
@import url("css/global-forms.css");

/***** Global *****/
/* Body */	
	body {
		background: white;
		color: #545454;
		font-size: 75%; /* Base font size: 12px */
		font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
		line-height: 1.6;
		margin: 0;
		padding: 0;
		text-align: left;
	}

/* form css */

#wrap { overflow: hidden; width: 1000px; }
#form {
	float: left;
	background: #f6f6f6 url('images/formbg.jpg') repeat-x;
	padding: 20px 20px 15px 20px;
	width: 580px;
	border: 1px solid #f2f2f2;	
}

.clr { clear: both }

#form form fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#form form fieldset .input-box label {
	color: #4b4762;
	font-weight: bold;
	padding: 0px 0px 0px 5px;
	font-size: 13px;
	margin-bottom: 5px;
}

#form form fieldset .input-box input {
	width: 382px;
	padding: 15px;
	background: url('images/inputbg.jpg') no-repeat;
	border: 0px;
	display: block;
	margin: 5px 0px 10px 0px;
}

#form form fieldset .input-box textarea {
	background: url('images/textareabg.jpg') no-repeat;
	height: 105px;
	width: 525px;
	border: 0px;
	padding: 15px;
	margin: 5px 0px 10px 0px;
}

#form form fieldset .input-box #button {
	background: url('images/submit.jpg') no-repeat;
	width: 101px;
	height: 42px;
	text-indent: -999px;
	float: left;
}

#form form fieldset .input-box span {
	float: left;
	margin: 18px 0px 0px 8px;
}
#form fieldset select{
	margin:10px 10px 15px 0;
}
#form fieldset #fm_date,#form fieldset #fm_time,#form fieldset #fm_services{margin-left:15px;}
.address { 
	float: left;
	margin: 0px 0px 0px 20px;
	width: 260px;
    font-size: 15px;
    display: block;
	padding-top:1.4em;
}

.address address, .address div {
	color: #999;
	padding: 0px 0px 8px 0px;
	display: block;
	font-style: normal;
}

.address h3 {
	color: #3f3b58;
	border-bottom: 1px solid #d9d8de;
	padding: 0px 0px 5px 0px;
	font-weight: bold;
	display: block;
	width: 300px;
    font-size: 15px;
}

.address #view-map {background:url('images/view-map.png') no-repeat;font-size:0;line-height:0;text-indent:-9999px;width:134px;height:36px;color:#fff;display:block;margin:10px 0}
.address #contact-us {background:url('images/contact-us.png') no-repeat;font-size:0;line-height:0;text-indent:-9999px;width:134px;height:36px;color:#fff;display:block;margin:10px 0}
.address #emergency {background:url('images/forms/emergency-contact.png') no-repeat;width:224px;height:36px;font-size:0;line-height:0;text-indent:-9999px;color:#fff;display:block;margin:10px 0}


/* Headers */
h2 {font-size: 1.667em}	/* 20px */
h3 {font-size: 1.5em}	/* 18px */
h4 {font-size: 1.333em}	/* 16px */
h5 {font-size: 1.167em}	/* 14px */
h6 {font-size: 1em}		/* 12px */

h2, h3, h4, h5, h6 {
	color: #9B4F9D;
	font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	font-weight: normal;
	line-height: 1.1;
	margin-bottom: .3em;
}
	
/* Links */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {color: #352F57; text-decoration: underline;}
a:hover, a:active {text-decoration: none;}
	
/* Paragraphs */
p {margin-bottom: 1.8em;}
p:last-child {margin-bottom: 0;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists */
ul {
	list-style: none;
	margin: 1em 0 1.5em 0;
}

ul li {
	background: url('images/icons/arrow.gif') no-repeat 0 5px;
	padding-left: 15px;
	margin-bottom: 4px;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {
	margin: 0 0 1.5em 0;
}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: italic;}
cite {}

q {}

/* Tables */
table {margin: .5em 0 1.5em 0; width: 98%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {padding: .5em .4em;}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {padding: .5em .4em;}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}

/***** Layout *****/
.contents {margin: 0 auto; width: 960px;}
.contents:after, #submenu:after, #sidebar .module:after {
	clear: both; content: "."; display: block; height: 0; visibility: hidden;
}

/* Header */
#header {
	background: #3F3B58 url('images/header-bg.png') no-repeat top center;
	border-bottom: 4px solid #3F3B58;
	line-height: 1;
}
#header .contents {
	height: 104px;
	position: relative;
}

	/* Logo */
	#logo {float: left; margin: 25px 0 0 0;}
	
	/* Phone */
	.tel {
		display: block;
		text-align: right;
		color: #3F3B58;
		width: 960px;
		margin: 10px auto 0;
		font-size: 1.4em;
		height: 30px;
		line-height: 30px;
	}
	
	/* Main Menu */
	#nav {
		float: right;
		font-size: 1.5em;
		list-style: none;
		margin: 55px 0 0 0;
	}
	
	#nav li {background: none; float: left; margin: 0 0 0 .2em; padding: 0; position:relative;}
	
	#nav a:link, #nav a:visited {
		border: 1px solid transparent;
		color: #fff;
		display: block;
		height: 35px;
		line-height: 35px;
		padding: 0 .7em;
		text-decoration: none;
		
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	#nav a:hover, #nav a:active {
		background: #ADA4DA;
		color: #3F3B58;
	}
	
	#nav .active a:link, #nav .active a:visited,
	#nav .active a:hover, #nav .active a:active,
	#nav .current_page_item a:link, #nav .current_page_item a:visited,
	#nav .current_page_item a:hover, #nav .current_page_item a:active {
		background: #8679C8 url('images/menu-bg.png') repeat-x top;
		border: 1px solid #C4BDE4;
		color: #fff;
	}
		
		/* Dropdowns (Ewww) */

		#nav ul {
			position: absolute;
			left: 0;
			top: 34px;
			z-index: 9999;
			margin: 0;
			background: #5E5884;
			padding: 5px;
			width: 170px;
			border: 0;
			display: none;
			list-style-type:none
		}
		
		#nav ul a:link, #nav ul a:visited {
			border: none;
			color: #fff;
			display: block;
			height: 20px;
			line-height: 20px;
			padding: 0 .7em;
			text-decoration: none;

			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
		
		#nav ul .current_page_item a:link, #nav ul .current_page_item a:visited,
		#nav ul .current_page_item a:hover, #nav ul .current_page_item a:active,
		#nav .current_page_item ul a:link, #nav .current_page_item ul a:visited,
		#nav .current_page_item ul a:hover, #nav .current_page_item ul a:active {
			background: none;
			border: none;
		}

		#nav li:hover ul {display: block;z-index: 9999;}

		#nav ul li {float: none; margin: 0; padding:0;width: 160px; }



		#nav ul li a:link, #nav ul li a:visited {
			font-size:0.6em;
			display: block;
			color:#fff;
			background: #5E5884;
			padding: 5px;
			width: 160px;
			border-bottom: 1px solid #3F3B58;
		}



		#nav ul li a:hover, #nav ul li a:active {
			background: #3F3B58;
			color: #fff;
			text-decoration: none;

		}
		

/* Body */
#body {padding: 10px 0 0 0;}

	/* Section Image */
	.section-image {
		display: block;
		
		box-shadow: 3px 3px 3px #ddd;
		-moz-box-shadow: 3px 3px 3px #ddd;
		-webkit-box-shadow: 3px 3px 3px #ddd;
	}
	
	/* Content */
	#content {float: left; width: 650px; padding: 1.4em 0;}
	
	#content table td {border: 1px solid #E2E2E2; background-color: #F8F8F8}
	
	#content .entry-content {margin: 0 0 2em 0}
	
	/* Sidebar */
	#sidebar {float: right; width: 265px; padding-top: 1.4em;}
	
	#sidebar .module {margin: 0 0 2.5em 0;}
	#sidebar .module h2 {
		border-bottom: 1px dotted #ccc;
		color: #413D59;
		font-size: 1.333em;
		margin: 0 0 .9em 0;
		padding: 0 0 7px 0;
	}
	
	#sidebar .module ul {font-size: 1.167em; list-style: none; margin: 0;}
	#sidebar .module ul li {background: none; float: left; margin: 0 2%; padding: 0; width: 45%;}
	#sidebar .module ul a:link, #sidebar .module ul a:visited {text-decoration: none;}
	#sidebar .module ul a:hover, #sidebar .module ul a:active {text-decoration: underline;}
	
		/* Fertilityt Info */
		.fertility-info {
			background: #242232 url('images/fertility-info-bg.png') no-repeat top;
			margin: 0 auto 2em auto;
			padding: 15px 0;
			width: 259px;
			
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			
			box-shadow: 3px 3px 3px #aaa;
			-moz-box-shadow: 3px 3px 3px #aaa;
			-webkit-box-shadow: 3px 3px 3px #aaa;
		}
		
		.fertility-info h2 {margin: 0 15px .8em 15px;}
		.fertility-info ul {list-style: none; margin: 0;}
		.fertility-info ul li {background: none; padding: 0;}
		
		.fertility-info ul a:link, .fertility-info ul a:visited {
			border-bottom: 1px dotted #A269A4;
			border-bottom: 1px dotted rgba(255,255,255,.3);
			color: #fff;
			display: block;
			padding: 5px 20px;
			text-decoration: none;
		}
		.fertility-info ul a:hover, .fertility-info ul a:active {
			background: #A269A4;
			background: rgba(0,0,0,.2);
		}
	
/* Asides */
#asides {
	background: #423D5B url('images/asides-bg.jpg') no-repeat top center;
	color: #fff;
	line-height: 1.4;
	padding: 25px 0;
}

#asides a:link, #asides a:visited {color: #fff; text-decoration: none;}
#asides a:hover, #asides a:active {background: #C8BCFF; color: #3F3B58;}

#asides h2 {
	border-bottom: 1px dotted #8883A9;
	height: 1%;
	margin-bottom: 0;
	overflow: hidden;
	padding-bottom: 10px;
}

#asides h2 img {float: left;}

#asides h2 a {
	float: right;
	font-size: .6em;
	font-weight: normal;
	margin: 7px 0 0 0;
	padding: 0 2px;
}

#asides ul {
	color: #C8BCFF;
	list-style: none;
	margin: 0;
}

#asides ul li {background: none; padding: 0;}

#asides ul a {
	background-image: url('images/icons/bullet.gif');
	background-repeat: no-repeat;
	background-position: 5px 14px;
	border-bottom: 1px dotted #8883A9;
	display: block;
	padding: .8em 1.6em;
}

	/* News */
	#news-box {float:left; margin: 0; width: 340px;}

	/* Quick Links */
	#quicks-box {float: right; width: 580px;}
	#quicks-box ul {overflow: hidden; width: 600px;}
	#quicks-box li {float: left; margin: 0; width: 290px;}

	/* Related Information*/
	#related-info{
		background: url('css/css-acupuncture/images/related-bg.png') top center;
		line-height: 1.4;
		padding: 15px 0;
	}
	#related-box a:link, #related-box a:visited {color: #413D5A; text-decoration: none;}
	#related-box a:hover, #related-box a:active {background: #BCBEC9 none repeat scroll 0 0 ; color: #413D5A;}

	#related-info h2{
		margin-bottom: 0;
		overflow: hidden;
		padding-bottom: 10px;
	}
	#related-info ul{
		list-style: none;
		margin: 0;
		float: left;
	}
	#related-info ul li{
		background: none; padding: 0; 
		border-bottom: 1px solid #6D6699;
	}
	#related-info ul a{
		text-decoration: none;
		display: block;
		padding: .8em 1.6em .8em 1.7em;
	}
		/* Related */
		#related-box{
			float: left; width:680px;
		}
		#related-box ul{
			overflow: hidden;
		}
		#related-box li{
			float: left; 
			width:280px;
		}
		#related-box .odd{
			width: 340px;
			margin: 0 40px 0 0;
		}
		#fertility-links ul{
		list-style: none;
		margin: 0;	
		}
		#fertility-links ul li{
		background: url('css/css-acupuncture/images/fertility-links.gif') no-repeat;
		float:left;
		width: 263px;
		color: #fff;
		line-height: 1.2em;
		border: none;
		padding-bottom: 5px;
		}
		#fertility-links ul a{
		background: url('css/css-acupuncture/images/pdf.gif') no-repeat 7px 0px;
		color: #fff;
		border:none;
		padding-left: 40px;
		}
		#fertility-links{
		 float:left;
		 width:265px;
		}

/* Footer */
#footer {
	background: url('images/footer-bg.png') repeat-x top;
	line-height: 1.4;
	padding: 20px 0 30px 0;
}

	/* Address */
	#footer address {
		
		font-style: normal;
		height: 25px; 
		line-height: 25px;
		overflow: hidden;
		float:left;
		}
	#footer address * {
		border-right: 1px solid #cfcfcf;
		float: left;
		font-weight: normal;
		margin: 0 1em 0 0;
		padding: 0 1em 0 0;
	}
	#footer address *:last-child {border: 0;}
	
	/* Links */
	#footer ul {color: #bbb; margin-left: 0; overflow: hidden;}
	#footer li {background: none; float: left; list-style: disc outside; margin: 0 2em 0 0; padding: 0;}
	
/***** Sections *****/
/* Home */
	/* Submenu */
	#submenu {
		background: #dbdbdb;
		height: 103px;
		list-style: none;
		margin: 0 0 30px 0;
		padding: 5px 0 5px 2px;
		
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	#submenu li.drop {
		background: none;
		float: left;
		height: 105px;
		margin: 0 2px 0 3px;
		padding-left: 0;
		position: relative;
		width: 154px;
	}
	
	#submenu li a.drop-image:link, #submenu li a.drop-image:visited {
		border: 1px solid #fff;
		color: #fff;
		display: block;
		height: 103px;
		overflow: hidden;
		position: relative;
		text-decoration: none;
		width: 152px;
	}
	
	#submenu li a img {left: 0; position: absolute; top: 0; z-index: 1;}
	#submenu li a:hover img, #submenu li:hover a img {top: -103px;}
	
	#submenu li a strong {
		background: rgb(53,47,88);
		background: rgba(53,47,88,.56);
		display: block;
		font-weight: normal;
		padding: 3px 8px;
		position: absolute;
		top: 0;
		left: 0;
		width: 136px;
		z-index: 2;
	}
	#submenu li a:hover strong, #submenu li:hover a strong {
		background: rgb(65,124,219);
		background: rgba(65,124,219,.65);
	}
	
		/* Dropdowns */
		#submenu ul {
			background: rgb(65,124,219) url('images/icons/dropdown.gif') no-repeat center top;
			display: none;
			position: absolute;
			top: 93px;
			left:1;
			width: 152px;
			font-weight: normal;
			padding: 1px 0 10px 0;
			z-index: 9999;
			list-style-type: none;
			
			
		}
		/* #submenu li:hover ul {display: block;} */
		
		#submenu ul li {
			margin: 0;
			width: 136px;
			height: auto;
			background: none;
			padding: 6px 8px;
			border-bottom: 1px solid #fff;
		}
		#submenu ul li:last-child {border: none}
		#submenu ul li a:link, #submenu ul li a:visited {
			border: 0;
			color: #fff;
			text-decoration: none;
			
		}
		/*
		#submenu ul li a:hover, #submenu ul li a:active {
			background: #5E90E1;
		}*/
		
		/* Physiotherapy Thumbnail */
		#submenu .physiotherapy a:hover strong, #submenu .physiotherapy:hover a strong {
			background: rgb(255, 142, 51);
			background: rgba(255, 142, 51,.80);
		}

		#submenu .physiotherapy ul {
			background: rgb(255, 142, 51);
		}

		#submenu .physiotherapy ul li.over  {
			background: #ffc392;
		}
		
		/* Actupuncture Thumbnail */
		#submenu .acupuncture a:hover strong, #submenu .acupuncture:hover a strong {
			background: rgb(65, 61, 90);
			background: rgba(65, 61, 90,.80);
		}

		#submenu .acupuncture ul {
			background: rgb(65, 61, 90);
		}

		#submenu .acupuncture ul li.over  {
			background: #DEDCE2;
		}
		
		/* Osteopathy Thumbnail */
		#submenu .osteopathy a:hover strong, #submenu .osteopathy:hover a strong {
			background: rgb(109, 119, 174);
			background: rgba(109, 119, 174,.80);
		}

		#submenu .osteopathy ul {
			background: rgb(109, 119, 174);
		}

		#submenu .osteopathy ul li.over  {
			background: #C7C8E0;
		}
		
		/* Holistic Therapies Thumbnail */
		#submenu .holistic-therapies a:hover strong, #submenu .holistic-therapies:hover a strong {
			background: rgb(144, 182, 199);
			background: rgba(144, 182, 199,.80);
		}

		#submenu .holistic-therapies ul {
			background: rgb(144, 182, 199);
		}

		#submenu .holistic-therapies ul li.over{
			background: #D8E4EB;
		}
		
		/* Fertility Thumbnail */
		#submenu .fertility a:hover strong, #submenu .fertility:hover a strong {
			background: rgb(156, 80, 158);
			background: rgba(156, 80, 158,.80);
		}

		#submenu .fertility ul {
			background: rgb(156, 80, 158);
		}

		#submenu .fertility ul li.over {
			background: #FBC7FC;
		}
		
		/* Sports Injury Thumbnail */
		#submenu .sports-injury a:hover strong, #submenu .sports-injury:hover a strong {
			background: rgb(65,124,219);
			background: rgba(65,124,219,.80);
		}

		#submenu .sports-injury ul {
			background: rgb(65,124,219);
		}

		#submenu .sports-injury ul li.over{
			background: #5E90E1;
		}
	*/
	/* Welcome Box */
	#welcome {
		background: url('images/welcome-bg.png');
		height: 222px;
		overflow: hidden;
		padding: 10px;
		width: 940px;
	}

	#welcome .primary {float: left; padding:15px 50px 15px 0;; width: 500px;}
	#welcome .secondary {float: right; width: 408px;}

	#welcome .primary img {float: left; margin: 20px 15px 0 0;}
	#welcome h2 {color: #352F57; font-weight: normal;}
	
/* Blog */
.entry-title a:link, .entry-title a:visited {text-decoration: none;}
.entry-title a:hover, .entry-title a:active {text-decoration: underline;}

	/* Comments */
	.comments {padding-top: 2em;}
	.comments h3 {margin-bottom: 1em;color:#4885a2}
	
	#comments-list {list-style: none; margin: 0;}
	#comments-list li {margin-bottom: 2em;}
	
	#comments-list blockquote {
		background: #e6e5ef;
		border: 1px solid #7f7aa0;
		color: #5b659d;
		padding: 1.5em;
		
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	#comments-list blockquote p:last-child {margin-bottom: 0;}
	
	#comments-list .author {
		background: url('images/comment-tip.gif') no-repeat top left;
		color: #5b659d;
		display: block;
		font-style: normal;
		padding: 10px 0 0 30px;
		margin: -1px 2em;
	}
	
	.comments fieldset {margin: 0 0 2em 0;}
	
	/* Related Posts */
	.related h3 {
		border-bottom: 1px dotted #ccc;
		color: #413D59;
		padding: 0 0 10px 0;
		margin: 0 0 1.5em 0;
	}
	
	.related ul {list-style: none; margin: 0;}
	.related li {margin-bottom: 2.5em;}
	.related p {margin: 0;}
	
	.related h4 a:link, .related h4 a:visited {
		color: #9B4F9D;
		text-decoration: none;
	}
	.related h4 a:hover, .related h4 a:active {color: #352F57; text-decoration: underline;}
	

.entry-title a:link, .entry-title a:visited {text-decoration: none;color:#413d5a}
.entry-title a:hover, .entry-title a:active {text-decoration: underline;color:#6a6491}


#nearest-location-form{
	background: #782B7A url('images/fertility-info-bg.png') no-repeat top;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			box-shadow: 3px 3px 3px #aaa;
			-moz-box-shadow: 3px 3px 3px #aaa;
			-webkit-box-shadow: 3px 3px 3px #aaa;
			margin:0;
}
#nearest-location-form h3{margin:5px 0 20px 0; font-weight:bold; font-size:1.8em}
#nearest-location-form #nearest{width:200px;padding:6px 10px;margin-bottom:15px}

/* map direction */
#map{margin-top: 12px;height:400px;}

#detailed-text img.hidden {display: none}
#detailed-text {
	background: #e6e5ef
	color:#fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:10px;
	font-size:22px;
	margin-bottom:5px;
	overflow: hidden;
	height: 1%; 
}
#detailed-text span {float: left; margin-left: 4px}
#detailed-text img{float: right; cursor: pointer; margin: 7px 3px 0 0}

#directions {background: #fff}

#direction-form{border:0;margin:0 0 20px 0;padding:6px; border: 1px solid #E2E2E2; background-color: #F8F8F8}
#direction-form input {margin:0 15px}
#direction-form input.text {width: 154px}
#direction-form #to {cursor: default}
#direction-form #view-directions {vertical-align:middle;}

#header-more{display:block;width:960px;margin:0 auto;overflow:hidden;}
#header-more img{float:right;}
#more{background:#efeef3;overflow:hidden;padding-bottom:30px}
#more ul{margin:0;}
#more li{background:#fff;padding:25px 13px 15px 13px;width:432px;margin:30px 40px 10px 0;float:left;}
#more .last{margin-right:0}
#more li h2{font-weight:bold;color:#352f57;font-size:1.6em; margin-bottom:15px}
#more li img{margin-bottom:10px}
#more li p{padding-left:5px}
.footer-links{float:right;list-style:none;}
.footer-links a:link, .footer-links a:visited {text-decoration: none;color:#413d5a}
.footer-links a:hover, .footer-links a:active {text-decoration: underline;color:#6a6491}