@import "resets.css";

html, body { background: #000; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

h2 { font-size: 1.8em; font-weight: bold; }

h3 { font-size: 1.4em; font-weight: bold; }

h4 { font-weight: bold; font-size: 1.2em; text-shadow: rgba(0, 0, 0, 0.246094) 0px -1px 1px; }

h5 { font-weight: bold; font-size: 1.2em; margin: 1.5em 0 -0.5em 0; }

h6 { font-weight: bold; font-size: 1em; margin: 1.5em 0 -0.5em 0; }

/* branding/header section ****************************************************/
#branding { width: 960px; margin: auto; position: relative; padding: 10px 0; }
	
	#branding h1 { height: 179px; width: 529px; position: relative; }
	
		#branding h1 span { height: 179px; width: 529px; position: absolute; top: 0; left: 0; background: url(../images/br-logo.png) no-repeat top left; cursor: pointer; }
		
		#branding h1 a { display: block; }
	
	#branding h3 { position: absolute; right: 0; bottom: 9px; height: 20px; width: 211px; color: #bfbfbf; background: url(../images/br-excellence.png) no-repeat top left; text-indent: -9999px; }

/* page content ****************************************************/
#content { width: 960px; margin: auto; background: #fff; color: #000; line-height: 1.6; }

	#content .skip-link { position: absolute; left:-9999px; width: 9990px; }
				
	#nav-main { line-height: 1; height: 38px; background: url(../images/nm-menu2.png) top left no-repeat; overflow: auto; }

		#nav-main li { height: 38px; float: left; line-height: 38px; text-indent: -9999px; background: url(../images/nm-menu2.png) top left no-repeat; }

			#nav-main li a { display: block; }

			#nav-main li.home-link { width: 57px; margin: 0 9px 0 84px; background-position: -84px 0px; }

				body.home #nav-main li.home-link { background-position: -84px -38px; }

				#content #nav-main li.home-link:hover, #content #nav-main li.home-hover { background-position: -84px -76px; }

			#nav-main li.team-link { width: 108px; margin-right: 9px; background-position: -146px 0px; }

				body.team #nav-main li.team-link { background-position: -146px -38px; }

				#content #nav-main li.team-link:hover, #content #nav-main li.team-hover { background-position: -146px -76px; }

			#nav-main li.about-link { width: 81px; margin-right: 10px; background-position: -263px 0px; }

				body.about #nav-main li.about-link { background-position: -263px -38px; }

				#content #nav-main li.about-link:hover, #content #nav-main li.about-hover { background-position: -263px -76px; }

			#nav-main li.location-link { width: 77px; margin-right: 10px; background-position: -354px 0px; }

				body.location #nav-main li.location-link { background-position: -354px -38px; }

				#content #nav-main li.location-link:hover, #content #nav-main li.location-hover { background-position: -354px -76px; }

			#nav-main li.faq-link { width: 52px; margin-right: 10px; background-position: -441px 0; }

				body.faq #nav-main li.faq-link { background-position: -441px -38px; }

				#content #nav-main li.faq-link:hover, #content #nav-main li.faq-hover { background-position: -441px -76px; }

			#nav-main li.day-link { width: 120px; margin-right: 11px; background-position: -503px 0; }

				body.day #nav-main li.day-link { background-position: -503px -38px; }

				#content #nav-main li.day-link:hover, #content #nav-main li.day-hover { background-position: -503px -76px; }

			#nav-main li.outpatient-link { width: 156px; margin-right: 9px; background-position: -634px 0; }

				body.outpatient #nav-main li.outpatient-link { background-position: -634px -38px; }

				#content #nav-main li.outpatient-link:hover, #content #nav-main li.outpatient-hover { background-position: -634px -76px; }

			#nav-main li.resources-link { width: 145px; background-position: -799px 0; }

				body.resources #nav-main li.resources-link { background-position: -799px -38px; }

				#content #nav-main li.resources-link:hover, #content #nav-main li.resources-hover { background-position: -799px -76px; }

											
			#nav-main li:hover ul { display: block; }
		
			#nav-main li ul li a { display: block; text-decoration: none; color: #cec; color: rgba(255,255,255, 0.85); text-shadow: rgba(0, 0, 0, 0.246094) 0px -1px 1px; padding: 6px 0 8px 8px; background: transparent; text-indent: 0; font-weight: 600; }
			
			#nav-main li ul { height: auto; background: #0f9701; position: absolute; display: none; min-width: 185px; -moz-box-shadow: rgba(0,0,0,0.1) 2px 3px 4px; -webkit-box-shadow: rgba(0,0,0,0.1) 2px 3px 4px; box-shadow: rgba(0,0,0,0.1) 2px 3px 4px; }
			
				#nav-main li ul li { float: none; height: auto; line-height: 1; text-indent: 0; background: transparent; }
				
					#nav-main li ul li:hover { background: #058000;}
				
				#nav-main li ul a { /* padding: 8px 15px; */}
	
	#highlight { color: #fff; clear: both; background: #12bf00 url(../images/hi-background.png) top left repeat-x; border: 1px solid #71a769; border-width: 0 0 1px 0; padding: 25px; }
	
		#highlight h2 { text-shadow: rgba(0, 0, 0, 0.246094) 0px -1px 1px;}

	#content-main { padding: 25px; position: relative; }
		
		#content-main img { float: right; clear: both; border: 8px solid #000; margin: 0 0 15px 15px; width: 300px !important; }
		
			#content-main img.main-image { width: 480px !important;}
		
		#content-main p { max-width: 610px; margin: 1em 0; }
		
		#content-main ul { list-style: square; padding: 0 0 0 20px;}
		
			#content-main ul li { }
			
			#content-main ul.columns { overflow: auto; width: 610px; }
			
				#content-main ul.columns li { width: 280px; float: left; display: inline; }
			
		#content-main ol { list-style-type: decimal; padding: 0 0 0 20px; }
		
			#content-main ol li { }
			
		#content-main blockquote { padding: 0px 20px 0px 40px; background: url(../images/blockquote.png) no-repeat top left; font-style: italic; color: #030; }
		
		#content-main a { color: #005000;}
		
			#content-main a:visited { color: #555; }
		
			#content-main a:hover { color: #058000; }
			
		#content-main #nav-subpages { padding-top: 10px; }
				
	#content-sub { }

/* footer section ****************************************************/
#footer { width: 960px; margin: auto; clear: both; padding: 15px 0 0 0; color: #ddd; }

	#footer a { color: #ddd; }

	#footer-main { font-size: 0.75em; width: 585px; float: left; padding: 0 0 0 25px; }
	
		#footer-nav { padding: 0 0 50px 0; }
		
			#footer-nav li { float: left; padding: 0 8px 0 0; }
			
			#footer-nav a { text-decoration: none; display: block; }
			
		#footer-main p { clear: both; margin: 0.5em 0; }
		
		#footer-main a.meet-your-maker { }
		
			#footer-main a.meet-your-maker:hover { }
	
	#footer-sub { width: 260px; float: right; font-size: 0.9em; letter-spacing: 1px; background: url(../images/fo-tree.jpg) bottom right no-repeat; min-height: 150px; }
			
		#footer-sub h5 { font-size: 1.3em; margin: 0; text-shadow: #000 0 0 0; }
		
		#footer-sub li { padding: 5px 0; }
		
			#footer-sub li.tel { font-size: 18px; }
			
			#footer-sub li.fn { display: none; }
			
			#footer-sub li span { display: inline-block; width: 70px; font-size: 0.8em; }
			
			#footer-sub li a { display: block; padding-left: 25px; background: url(../images/fo-email.png) top left no-repeat; }


/* home page specific styles ****************************************************/
.home #content { }

	.home #highlight { overflow: auto; padding: 18px 17px; }
	
		.home #highlight img { border: 8px solid #14a700; float: left; }
		
		.home #highlight h2 { width: 363px; height: 40px; float: right; margin-top: 20px; text-indent: -9999px; background: url(../images/hi-welcome.png) top left no-repeat; }
		
		.home #highlight h3 { width: 363px; height: 197px; float: right; clear: right; text-indent: -9999px; background: url(../images/hi-welcome.png) 0 -40px no-repeat; }
	
	.home #content { overflow: auto; background: #fff url(../images/cs-home.png) top right repeat-y; }
		
		.home #content-main { width: 610px; float: left; }
	
		.home #content-sub { width: 280px; float: right; text-align: center; padding-top: 20px; }
		
			.home #content-sub img { margin: 10px 0; }
			
/* location specific styles *******************************************************/
.location #content { }

	.location #content-main { }
	
		.location #content-main ol { padding-top: 1em; }

		
/* clinical-team page styles ******************************************************/
.team #content { }

	.team #content h3 { margin-bottom: 1em; }

	.team #content h4 { text-shadow: none; }

	.team #content h5 { margin: 0; font-size: 1em; color: #555; }

	.team .member { overflow: auto; width: 700px; margin: 0 0 1em 0; }

		.team #content-main .member img { width: 150px !important; float: left; margin: 0; }

	.team #content hr { border: 0; margin: 1em 0; color: #fff; }

	.team #content .text { margin-left: 180px; }