@charset "utf-8";
/* home page styles */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;}

.clear {clear: both}
	
#hp_masthead_frame {
	background-image: url('../images/hp_masthead_bg.png');
	background-repeat: repeat-x;
	background-position: top;}
	
#hp_masthead {
	width: 765px;
	margin: 0 auto;
	height: 274px;
	position: relative;}

#hp_logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	border: 0;}
		
		
		/* flyout nav */
		#hp_nav {
			width: 620px;
			line-height: 16px;
			text-align: right;
			position: absolute;
			z-index: 4;
			top: 26px;
			right: 0;}
		
		#hp_nav ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			float: right;}
		
		#hp_nav ul li {
			margin: 0 10px;
			padding: 0;
			float: left;
			display: inline;}
		#hp_nav ul li#last {margin: 0 2px 0 8px;}
		
		#hp_nav ul li ul {
			position: absolute;
			width: 150px;
			text-align: left;
			left: -999em;
			margin: 0;
			padding: 0;}
		
		#nav li:hover ul, #nav li.sfhover ul { 
			left: auto;
			clear: left;}
		
		#hp_nav ul li ul li {
			font-size: 12px;
			margin: 0;
			padding: 0;}
		
		#hp_nav ul li a {
			display: block;
			color: #ffffff;
			text-decoration: none;
			font-size: 12px;}
		#hp_nav ul li a:hover {
			color: #dfe6f3;
			text-decoration: none;
			font-size: 12px;}
		
		#hp_nav ul li ul li a {
			display: block;
			width: 150px;
			height: 20px;
			line-height: 20px;
			padding-left: 3px;
			color: #2c508a;
			background-color: #d5dce8;
			border: 1px solid #2c508a;
			border-top: none;
			font-size: 11px;}
			
		#hp_nav ul li ul li a:hover {
			display: block;
			width: 150px;
			height: 20px;
			line-height: 20px;
			padding-left: 3px;
			color: #2c508a;
			background-color: #c4cede;
			border: 1px solid #2c508a;
			border-top: none;
			font-size: 11px;}


#hp_location {
	position: absolute;
	bottom: 8px;
	left: 6px;
	z-index: 2;}
	
#hp_location p {
	margin: 0;
	padding: 0;
	color: #2c508a;
	font-size: 16px;
	line-height: 22px;}
	
#hp_intro {
	width: 636px;
	height: 204px;
	background-image: url('../images/hp_intro_bg.jpg');
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;}

#hp_callouts {
	padding: 20px 0;
	width: 765px;
	margin: 0 auto;
	text-align: center;
	height: 110px;}
	
#hp_callouts img {border: none; margin: 0 10px;}

#hp_content_frame {
	background-image: url('../images/circles_bg.png');
	background-repeat: no-repeat;
	background-position: top center;}

#hp_content {
	width: 728px;
	border: 1px solid #b6c7a3;
	border-top: 11px solid #b6c7a3;
	border-bottom: none;
	margin: 0 auto;
	padding: 0;
	background-image: url('../images/hp_content_bg.png');
	background-repeat: repeat-x;
	background-position: top;
	position: relative;}

#hp_left_col {
	width: 465px;
	margin: 0 11px;
	padding-right: 11px;
	padding-bottom: 25px;
	border-right: 1px dashed #b6c7a3;}

#hp_left_col h2 {
	margin: 10px 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #637d46;
	line-height: 28px;
	font-weight: normal;}
	
#hp_left_col p {
	font-family: Arial, Helvetica, sans-serif;
	color: #181818;
	font-size: 12px;
	line-height: 18px;
	margin: 10px 0;
	text-align: justify;}

#hp_left_col ul {
	font-family: Arial, Helvetica, sans-serif;
	color: #181818;
	font-size: 12px;
	line-height: 18px;
	margin: 10px 0;
	padding: 5px 30px;
	list-style-type: circle;
	list-style-position: outside;}

#hp_left_col ul li { margin: 3px 0;}

#hp_right_col {
	width: 240px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	padding-top: 8px;}
	
#hp_right_col a {
	color: #7b995a;
	font-size: 12px;
	line-height: 18px;
	text-decoration: underline;}
	

#footer {
	background-color: #bdcadf;
	color: #46566f;
	line-height: 28px;
	font-size: 12px;
	padding: 28px;
	text-align: center;}

#footer p {
	margin: 0;
	padding: 0;}

#footer a {
	color: #46566f;
	text-decoration: none;}
#footer a:hover {
	color: #46566f;
	text-decoration: underline;}	

#sitemap {
	background-color: #627a48;
	background-image: url('../images/sitemap_bg.png');
	background-repeat: repeat-x;
	background-position: top;}

#sitemap_links {
	width: 765px;
	margin: 0 auto;
	padding: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;}

#sitemap_links h4 a{
	color: #b9c7aa;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	margin: 2px 0 8px 0;
	padding: 4px 0;
	line-height: 16px;
	text-decoration: none;}
	
#sitemap_links h4 a:hover{
	color: #b9c7aa;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	margin: 2px 0 8px 0;
	padding: 4px 0;
	line-height: 16px;
	text-decoration: underline;}	

#sitemap_links ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 18px;}

#sitemap_links ul li {
	float: left;
	margin: 0 12px;
	}

#sitemap_links ul li ul {
	list-style-type: none;
	margin-bottom: 22px;}

#sitemap_links ul li ul li {
	float: none;
	margin: 0;
	margin-left: 7px;}

#sitemap_links ul li a {
	color: #3c4b2c;
	text-decoration: none;}
#sitemap_links ul li a:hover {
	color: #3c4b2c;
	text-decoration: underline;}
	

/***************
Inner Pages
****************/

#masthead_frame {
	background-image: url('../images/masthead_bg.png');
	background-repeat: repeat-x;
	background-position: top;}
	
#masthead {
	width: 765px;
	margin: 0 auto;
	height: 139px;
	position: relative;}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	border: 0;}
		
		
		/* flyout nav */
		#inner_nav {
			width: 620px;
			line-height: 16px;
			text-align: right;
			position: absolute;
			z-index: 4;
			top: 20px;
			right: 0;}
		
		#inner_nav ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			float: right;}
		
		#inner_nav ul li {
			margin: 0 10px;
			padding: 0;
			float: left;
			display: inline;}
		#inner_nav ul li#last {margin: 0 2px 0 8px;}
		
		#inner_nav ul li ul {
			position: absolute;
			width: 150px;
			text-align: left;
			left: -999em;
			margin: 0;
			padding: 0;}
		
		#nav li:hover ul, #nav li.sfhover ul { 
			left: auto;
			clear: left;}
		
		#inner_nav ul li ul li {
			font-size: 12px;
			margin: 0;
			padding: 0;}
		
		#inner_nav ul li a {
			display: block;
			color: #ffffff;
			text-decoration: none;
			font-size: 12px;}
		#inner_nav ul li a:hover {
			color: #dfe6f3;
			text-decoration: none;
			font-size: 12px;}
		
		#inner_nav ul li ul li a {
			display: block;
			width: 150px;
			height: 20px;
			line-height: 20px;
			padding-left: 3px;
			color: #2c508a;
			background-color: #d5dce8;
			border: 1px solid #2c508a;
			border-top: none;
			font-size: 11px;}
			
		#inner_nav ul li ul li a:hover {
			display: block;
			width: 150px;
			height: 20px;
			line-height: 20px;
			padding-left: 3px;
			color: #2c508a;
			background-color: #c4cede;
			border: 1px solid #2c508a;
			border-top: none;
			font-size: 11px;}


#location {
	position: absolute;
	width: 200px;
	height: 62px;
	background-image: url('../images/location.png');
	background-repeat: no-repeat;
	background-position: right;
	bottom: 10px;
	right: 6px;
	z-index: 2;
	text-align: right;}
	
#location p {
	position: absolute;
	left: -999em;
	margin: 0;
	padding: 0;
	color: #145c69;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 16px;
	font-style: italic;}

#breadcrumbs {
	position: absolute;
	top: 116px;
	left: 18px;
	color: #ffffff;
	font-size: 12px;}

#breadcrumbs a {
	color: #ffffff;
	text-decoration: underline;}
#breadcrumbs a:hover {
	color: #ffffff;
	text-decoration: none;}

/*********** STILL NEED THE REST OF THE BREADCRUKMBS STYLES ********************/

#content_frame {
	background-image: url('../images/circles_bg_inner.png');
	background-repeat: no-repeat;
	background-position: top left;}

#content {
	width: 728px;
	border: 1px solid #637d46;
	border-top: 3px solid #637d46;
	border-bottom: none;
	background-image: url('../images/hp_content_bg.png');
	background-repeat: repeat-x;
	background-position: top;
	margin: 0 auto;
	padding: 10px 0;
	position: relative;}

#content_frame h1 {
	margin: 0 auto;
	padding: 40px 0 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
	color: #637d46;
	line-height: 28px;
	font-weight: normal;
	width: 730px;}
	
#content p {
	font-family: Arial, Helvetica, sans-serif;
	color: #181818;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: 10px 18px;
	width: 435px;}

#content ul {
	font-family: Arial, Helvetica, sans-serif;
	color: #181818;
	font-size: 12px;
	line-height: 18px;
	margin: 0 20px;
	padding: 0;
	padding: 0px 18px;
	width: 410px;
	list-style-type: circle;}

#content ul li {
	padding: 0;
	margin: 0;}

#content img.right, #content div.right {
	float: right;
	border: 1px solid #637d46;
	padding: 2px;
	background-color: #ffffff;
	margin: 12px;}
	
#content a {
	color: #7b995a;
	font-size: 12px;
	text-decoration: underline;}

#content a:hover {
	color: #637d46;
	font-size: 12px;
	text-decoration: underline;}
	
#content #flashcontent { margin: 28px 45px 0 45px;}
	

/***************
Extreme Makeovers 
**************/

table#makeovers {width: 425px; margin: 12px 22px;}
table#makeovers .bodytext { color: black; font-size: 12px; font-family: arial, sans-serif; }
table#makeovers a img {border: 3px solid #002d33;}


/***************
virtual tour
***************/

#content #gallery {
	width: 310px;
	float: right;}

#content #tour_page {
width: 300px; float: left;}
	

/*****************
our location
*****************/

img#map {
	border: 3px solid #637d46;
	margin: 6px 138px;}
	

/***************
Contact / Make an Appointment / new patient offer
***************/

table#form {
	font-family: Arial, Helvetica, sans-serif;
	color: #181818;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: 10px 18px;
	}

table#form tr td { 
	padding: 2px;}

input, select, textarea {
	border: 1px solid #637d46;
	background-color: #fdffea;
	color: #354227;}

input.button {
	background-color: #c2d0b2;
	color: #637d46;
	border: 1px solid #637d46;}