/**********************************

Use: General Styles
Author: Casey Collier
Contact: hello@arc84.com

design-dev by ARC:84

***********************************/

/* 
CLAY - 7A3727
DARK CLAY - 773322
BROWN - 826231
TAN - CCCC99
 */


	* html img, * html div, * html .png {
	behavior: url(htc/iepngfix.htc);
	}
	
	* a {
	position: relative; /* fixes IE6 bug which renders anchors unclickable when alphaimageloader is applied to them */
	}
	
	a:focus { outline: none; }

	body {
	background-color:#7A3727;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	}

	p {
	margin:0 0 1.5em 70px;
	}
	p a {
	color:#826231;
	text-decoration:none;
	}
	p a:hover {
	color:#773322;
	text-decoration:underline;
	}
	p.next {
	float:right;
	margin:0;
	padding:9px 16px 0 0;
	background:url(../img/bg_next.gif) no-repeat 20px 0;
	height:36px;
	width:279px;
	text-align:right;
	font-weight:bold;
	color:#7C5A27;
	}
	p.next a {
	color:#000;
	text-decoration:none;
	}
	p.next a:hover {
	color:#666;
	}

	p.email a {
	color:#826231;
	text-decoration:none;
	font-weight:bold;
	background:url(../img/email.png) no-repeat right 2px;
	padding:0 24px 4px 0;
	width:20%;
	}
	p.email a:hover {
	color:#773322;
	}
	p.zoom a {
	color:#826231;
	text-decoration:none;
	font-weight:bold;
	background:url(../img/zoom.png) no-repeat right 2px;
	padding:0 24px 4px 0;
	width:25%;
	}
	p.zoom a:hover {
	color:#773322;
	}
	
	
	.clearfix {
	clear:both;
	}
	
	.attention {
	color:#CC0000;
	}

/* =========================== All H-Rules */
	hr {
	clear:both;
	border:none 0;
	border-top:1px dotted #333; /*the border*/
	height:1px; /*what total width of border-top and border-bottom equal*/
	margin:0 16px 0 16px;
	}
/* =========================== Total Wrap */
	#wrapper_outer {
	position:relative;
	margin:0 auto 0 auto;
	padding:0;
	width:960px;
	}
	#wrapper {
	position:relative;
	margin:0 auto 0 auto;
	padding:0;
	width:700px;
	}
	#wrapper_credit {
	position:relative;
	margin:0 auto 0 auto;
	padding:0;
	width:700px;
	}
	#wrapper_credit p {
	float:right;
	margin:-2em 0 0 0;
	padding:0 48px 32px 0;
	color:#000;
	font-size:0.8em;
	}
	#wrapper_credit p a {
	color:#330000;
	text-decoration:none;
	}
	#wrapper_credit p a:hover {
	color:#666;
	text-decoration:none;
	}

	body#body_home #wrapper_masthead {
	background:url(../img/masthead_home.jpg) no-repeat top left;
	}
	body#body_about #wrapper_masthead {
	background:url(../img/masthead_about.jpg) no-repeat top left;
	}
	body#body_contact #wrapper_masthead {
	background:url(../img/masthead_contact.jpg) no-repeat top left;
	}
	body#body_hours #wrapper_masthead {
	background:url(../img/masthead_hours.jpg) no-repeat top left;
	}
	body#body_services #wrapper_masthead {
	background:url(../img/masthead_services.jpg) no-repeat top left;
	}
	
	body#body_home #wrapper_content_left h1 {
	background:url(../img/header_home_welcome.gif);
	}
	body#body_about #wrapper_content_left h1 {
	background:url(../img/header_about.gif);
	}
	body#body_about #wrapper_content_left h1.h_about_staff {
	background:url(../img/header_about_staff.gif);
	}
	body#body_about #wrapper_content_left h1.h_about_facility {
	background:url(../img/header_about_facility.gif);
	}
	body#body_about #wrapper_content_left h1.h_about_dedication {
	background:url(../img/header_about_dedication.gif);
	}
	body#body_contact #wrapper_content_left h1 {
	background:url(../img/header_contact.gif);
	}
	body#body_hours #wrapper_content_left h1 {
	background:url(../img/header_hours.gif);
	}
	body#body_services #wrapper_content_left h1 {
	background:url(../img/header_services.gif);
	}
	body#body_services #wrapper_content_left h1.h_services_diagnostics {
	background:url(../img/header_services_diagnostics.gif);
	}
	body#body_services #wrapper_content_left h1.h_services_surgery {
	background:url(../img/header_services_surgery.gif);
	}

	#wrapper_masthead {
	margin:0;
	padding:0;
	width:700px;
	height:320px;
	background:url(../img/masthead_services.jpg) no-repeat top left;
	font-family:"Lucida Sans Unicode", Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	}
	#wrapper_masthead ul {
	margin:0 0 0 55px;
	padding:30px 0 0 0;
	}
	#wrapper_masthead li {
	margin:0 46px 0 0;
	padding:0;
	display:inline;
	}
	#wrapper_masthead li.nav_last {
	margin:0;
	padding:0;
	display:inline;
	}
	#wrapper_masthead li a {
	margin:0;
	padding:0 0 0 12px;
	text-decoration:none;
	color:#FFF;
	}
	#wrapper_masthead li a:hover {
	color:#CCCC99;
	background:url(../img/arrow_nav.png) no-repeat 0 0;
	}
	#wrapper_masthead li a.selected_main {
	color:#CCCC99;
	background:url(../img/arrow_nav.png) no-repeat 0 0;
	}
	
	#wrapper_outer #login {
	float:right;
	width:130px;
	height:64px;
	background:#FFF;
	text-align:center;
	background:url(../img/login.png) no-repeat 0 0;
	
	}
		#wrapper_outer #login a {
		position:relative;
		text-decoration:none;
		font-weight:bold;
		color:#333333;
		margin:31px 0 0 0;
		display:block;
		}
		#wrapper_outer #login a:hover {
		text-decoration:none;
		color:#CCCC99;
		background:url(../img/arrow_nav.png) no-repeat 20px 1px;
		}


	#submenu {
	margin:4px 0 0 32px;
	padding:0;
	width:638px;
	height:22px;
	background:url(../img/tile_sub_nav.png) repeat-x;
	overflow:hidden;
	}
	#submenu ul {
	margin:0 0 0 243px;
	padding:2px 0 0 0;
	height:22px;
	width:638px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:11px;
	}
	#submenu ul.sub_about {
	margin:0 0 0 120px;
	padding:2px 0 0 0;
	height:22px;
	width:638px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:11px;
	}
	#submenu li {
	margin:0 12px 0 0;
	padding:0 0 0 12px;
	background:url(../img/bullet_nav.gif) no-repeat 0 3px;
	}
	#submenu li.sub_first {
	margin:0 8px 0 0;
	padding:0 0 0 12px;
	background:none;
	}
	#submenu li a {
	margin:0;
	padding:5px;
	color:#333;
	text-decoration:none;
	text-transform:uppercase;
	background:none;
	}
	#submenu li a:hover {
	color:#000;
	background:url(../img/tile_sub_nav.png) repeat-x;
	}
	#submenu li a.selected_sub {
	color:#000;
	background:url(../img/tile_sub_nav.png) repeat-x;
	}
	#submenu li a.selected_sub:hover {
	color:#000;
	background:url(../img/tile_sub_nav.png) repeat-x;
	}

	#wrapper_content {
	float:left;
	width:700px;
	height:auto;
	background:url(../img/tile_bg_wrap.gif) repeat-y;
	}
	
	#wrapper_content_center {
	float:left;
	margin:0 0 0 70px;
	padding:0;
	width:525px;
	height:auto;
	}
	#wrapper_content_center .gmap {
	width:525px;
	height:450px;
	border:1px solid #CCC;
	}
	#wrapper_content_center p {
	margin:1.5em 0 0 0;
	}
	.gmap_alt {
	margin:0;
	padding:0;
	width:300px;
	height:300px;
	border:1px solid #CCC;
	}

	#wrapper_content_left {
	float:left;
	margin:32px 0 0 0;
	padding:0;
	width:340px;
	}
	#wrapper_content_left p.tagline {
	color:#826231;
	font-size:large;
	font-style:italic;
	}
	#wrapper_content_left h1 {
	margin:-10px 0 8px 70px;
	padding:0;
	width:267px;
	height:90px;
	background:url(../img/header_fpo.gif);
	text-indent:-9999px;
	}
	#wrapper_content_left h2 {
	margin:0 0 8px 70px;
	padding:0;
	font-weight:bold;
	}
	#wrapper_content_left h2 em {
	font-weight:normal;
	font-style:italic;
	font-size:x-small;
	color:#666;
	}
	#wrapper_content_left ul {
	margin:0 0 1.5em 70px;
	padding:0;
	list-style:none;
	font-style:italic;
	font-size:x-small;
	color:#666;
	}
	#wrapper_content_left li {
	margin:0;
	padding:0;
	}
	#wrapper_content_left li span.list_indent {
	margin:0;
	padding:0 0 0 2em;
	}
	#wrapper_content_left ul.alt_list_one {
	margin:0 0 1.5em 86px;
	padding:0;
	text-indent:-1em;
	list-style-type:square;
	list-style-position:inside;
	font-style:normal;
	font-size:13px;
	line-height:18px;
	color:#000;
	}
	#wrapper_content_left ul.alt_list_one li {
	margin:0;
	padding:0 0 4px 0;
	}
	#wrapper_content_left ul.alt_list_one li span {
	font-style:italic;
	font-size:x-small;
	color:#666;
	}
	#wrapper_content_left p img.leafy {
	margin:0 0 0 -18px;
	padding:0;
	}

	#wrapper_content_right {
	float:right;
	margin:24px 42px 0 0;
	padding:0;
	width:300px;
	}
	#wrapper_content_right h1 {
	margin:0 0 42px 0;
	padding:0;
	width:280px;
	height:50px;
	background:url(../img/logotype.gif);
	text-indent:-9999px;
	}
	#wrapper_content_right ul {
	margin:0;
	padding:0;
	list-style:none;
	}
	#wrapper_content_right li {
	margin:-8px 0 8px 30px;
	padding:0;
	}


	#wrapper_footer {
	float:left;
	margin:32px 0 0 0;
	padding:0;
	width:700px;
	height:120px;
	background:url(../img/footer_bg.gif) no-repeat top left;
	text-align:center;
	}
	#wrapper_footer ul {
	margin:30px 0 6px 0;
	padding:0;
	list-style:none;
	color:#996633;
	}
	#wrapper_footer li {
	margin:0;
	padding:0;
	display:inline;
	}
	#wrapper_footer li a {
	margin:0;
	padding:0;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	}
	#wrapper_footer li a:hover {
	color:#666;
	}
	#wrapper_footer li a.selected {
	margin:0;
	padding:0;
	color:#666;
	text-decoration:none;
	font-weight:bold;
	}
	#wrapper_footer p {
	margin:0;
	padding:0;
	color:#996633;
	font-size:x-small;
	}
	#wrapper_footer span {
	margin:0;
	padding:0;
	color:#000000;
	}
	#wrapper_footer span.footer_items_alt {
	margin:0;
	padding:0;
	color:#666666;
	}