/** SETUP FONT **/

body {
	background: #fff;
	border-top: 5px solid #d81002;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5 em; }
	
p, address {
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 20px; }
	
	address {
		border-left: 1px dashed #ccc;
		color: #777;
		font-family: Georgia, "Times New Roman", Times, serif; 
		font-size: 18px;
		padding-left: 16px; }

	strong {
		color: #222; }
		
a {
	color: #d81002;	
	font-weight: bold;
	text-decoration: none; }
	
	a:hover {
		/*color: #660000;*/
		text-decoration: underline;}
	
.square {
	left: 50px;
	list-style: square outside none;
	margin-bottom: 20px;
	position: relative;
	width: 570px; }
	
	#content .square li, .square li {
		padding: 5px 10px; }
		
ul, ol, #content ul, #content ul li {
	color: #444;
	margin: 0; }

/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/

#header {
	height: 188px !important; }
	
	#logo {
		position: relative; }

		.left {
			float: left; }
			
		.right {
			float: right; }
		
		#button {
			background: url(../_images/icons-header.png) no-repeat 0 -42px;
			display: inline;
			float: right;
			height: 30px;
			padding-left: 30px;
			position: relative;
			top: 35px;
			width: 368px; }
	
			#button:hover {
				color: #333; }
				
				#phone {
					color: #222;
					float: right;
					font-weight: bold; }
				
				.searchbar {
					float: left;
					padding-top: 16px;
					position: relative;
					right: 28px;
					width: 396px; }
					
					.librarysearch {
						width: 360px !important; }
	
/* -----------------------------------*/
/* ----------->>> NAV <<<-------------*/
/* -----------------------------------*/

	#headtop img { margin-top: 30px; }
		#phone { }

#mainnav {
	float: left;
	height: 51px;
	overflow: hidden;
	position: relative;
	width: 960px; }
	
	#mainnav li a {
		float: left;
		height: 51px;
		position: relative;
		text-indent: -9999px; }
		
		#mainnav li a:hover, #mainnav li.active a {
			background-position: center bottom; }
		
		#m-home a { 
			background: url(../_images/m-home.png) no-repeat 0 0;
			width: 86px; }
			
		#m-locations a { 
			background: url(../_images/m-location.png) no-repeat 0 0;
			width: 111px; }
			
		#m-physicians a {
			background: url(../_images/m-physicians.png) no-repeat 0 0;
			width: 147px; }
			
		#m-services a {
			background: url(../_images/m-services.png) no-repeat 0 0;
			width: 163px; }
			
		#m-library a { 
			background: url(../_images/m-library.png) no-repeat 0 0;
			width: 172px; }
			
		#m-helpdesk a {
			background: url(../_images/m-helpdesk.png) no-repeat 0 0;
			width: 174px; }
			
		#m-about a {
			background: url(../_images/m-about.png) no-repeat 0 0;
			width: 107px; }

	
/* -----------------------------------*/
/* ---------->>> HEADERS <<<----------*/
/* -----------------------------------*/
h2, h3, h4 {
	color: #000;
	font-weight: bold; }
	
h1 {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	color: #cc2217;
	font-size: 35px;
	letter-spacing: -1px;
	line-height: 48px; }

h2 {
	font-size: 24px;
	letter-spacing: -0.25px;
	padding-top: 12px; }
	
	h2.underline {
		border-bottom: thin solid #d9d3bd; }	
	
h3 {
	font-size: 20px;
	letter-spacing: -0.25px; }
	
h4 {
	font-size: 15px; }

/* -----------------------------------*/
/* ----------->>> BODY <<<------------*/
/* -----------------------------------*/

#introWrap {
	height: 470px; }
	
	#introWrap .wrapper {
		background: url(../_images/specialized-box.jpg) no-repeat 0 67px; }
	
	#slideshow {
		left: 319px;
		height: 280px;
		top: 16px;
		width: 640px;
		/*z-index: 1;*/ }
	
	.specialized-box {
		height: 280px;
		left: 17px;
		overflow: hidden;
		padding: 10px;
		position: relative;
		top: 34px;
		width: 250px; }
			
			#specialized-text {
				left: 5px;
				top: -3px; }
				
					#specialized-text li {
						top: -14px; }
						
						#specialized-text p {
							color: #662607;
							font-family: Georgia, "Times New Roman", Times, serif;
							font-size: 24px;
							line-height: 50px;
							text-shadow: 0 2px 1px #fff; }

#content {
	position: relative;
	left: 6px;
	overflow: hidden;
	padding: 0 40px 0 0;
	width: 620px; }
	
	.inline-cutline {
		border-bottom: 1px dashed #ccc;
		clear: both;
		float: left; 
		height: auto; 
		margin-right: 10px;
		margin-bottom: 5px; 
		width: 200px; }
		
		.inline-cutline p { 
			font-style: italic;
			font-size: 10px;
			margin: 0; 
			padding-bottom: 10px; }
		
		.inline-cutline img {
			margin-bottom: 5px; }
	
	#content img { 
		border-bottom: none; 
		padding: 0 20px 0 0;}
		
	div#contentwrapper {
		position: relative;
		right: 15px;
		top: 30px;
		width: 976px; }
		
		p.homepage {
			background-color: #b92d24;
			font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
			font-size: 19px; 
			color: #fff;
			font-weight: bold;
			right: 2px;
			padding: 10px 0;
			position: relative;
			text-align: center;
			text-shadow: 0px 2px 1px #4e1b18;
			top: 33px; }
			
		.arrow {
			background: url(../_images/icon-sidebar-arrow.png) no-repeat -11px -5px;
			padding-left: 11px; }
			
			a.arrow {background: url(../_images/icon-sidebar-arrow.png) no-repeat -11px -5px; padding-left: 11px;}
	
		#columns {
			overflow: hidden;
			margin-bottom: 25px; }
				
			#col1 h3, #col2 h3, #col3 h3 {
				border-bottom: 1px dashed #ccc;
				border-top: 1px dashed #ccc;
				color: #222;
				font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
				letter-spacing: -0.5px;
				font-size: 24px;
				margin-bottom: 20px; 
				padding: 10px 0;
				text-align: center; }
				
			#col1 h3 {
				margin-bottom: 26px; }
			
				.hp-button {
					display: block;
					height: 48px; 
					width: 285px; }
					
				.hp-button span {
					display: none; }
					
			#col1 ul li a {
				float: left;
				height: 47px;
				text-indent: -9999px;
				width: 284px; }
				
				#hp-new-patient a {
					background: url(../_images/btn-newpatient.png) no-repeat 0 0;
					margin-bottom: 5px; }
					
				#hp-surgery a {
					background: url(../_images/btn-surgery.png) no-repeat 0 0;
					margin-bottom: 5px; }
		
				#hp-injured a {
					background: url(../_images/btn-injury.png) no-repeat 0 0;
					margin-bottom: 5px; }
					
				#hp-requests a {
					background: url(../_images/btn-requests.png) no-repeat 0 0;
					margin-bottom: 5px; }
					
					#hp-new-patient a:hover, #hp-surgery a:hover, #hp-injured a:hover, #hp-requests a:hover {
						background-position: center bottom; }
		
	#content a, #content a:visited {
		color: #D81002;
		font-weight: bold; }
		
	p.blockquote, ul.blockquote, #content blockquote, blockquote {
		color: #777;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 16px; 
		font-style: italic;
		line-height: 24px; 
		border-left: 1px #ccc dashed;
		padding: 0 24px; }
		
	img.location {
		padding: 0; }
		
	.location {
		border-bottom: 1px dashed #ccc;
		height: auto !important;
		overflow: hidden;
		width: 600px; }
		
		.location p {
			float: left; }
		
		.location img {
			margin-right: 0; }
		
		.location p img {
			padding: 0 10px 0 0 !important;
			vertical-align: middle; }
		
		.location h2 {
			margin: 0; }
			
		.location h3 {
			margin-left: 0; }
		
	.location-bottom {
		border-bottom: none;
		height: auto;
		overflow: hidden; 
		padding: 18px 0 0; }
		
		.location-bottom p img {
			margin-right: 0 10px 0 0;
			vertical-align: middle; }
			
		.location-bottom p, .location-bottom h2 {
			float: left; }
			
		.location-bottom h3 {
			height: 25px; 
			margin: 0 0 5px 0; }
			
	.location-bottom-physicians {
		border-bottom: none;
		height: auto;
		overflow: hidden; 
		padding: 18px 0 0; }
		
		.location-bottom-physicians p img {
			margin-right: 0 10px 0 0;
			vertical-align: middle; }
			
		.location-bottom-physicians p, .location-bottom-physicians h2 {
			margin-left: 125px;
			margin: 0; }
			
		.location-bottom-physicians h3 {
			height: 25px; 
			margin: 0 0 5px 125px; }
			
			.row {}
			
		.details {
			background: url(../_images/icons-header.png) no-repeat 0 -2px;
			padding-left: 26px;
			padding-top: 4px; }
						
	table {
		border-collapse: separate; }
	
	#help {
		background: url(../_images/your-appointment.png) no-repeat 0 0;
		float: left;
		list-style: none outside none;
		height: 150px;
		margin: 0;
		padding: 56px 10px 10px 19px;
		width: 262px;}
			
			.helpdesk-title {
				background-color: #F00;}
		
		#help li, #requests li, #today li, #today-right li, #forms li {
			background: url(../_images/icons.png) no-repeat 0 0;
			height: 34px;
			overflow: hidden; 
			padding: 5px 0 5px 45px;
			vertical-align: middle; }
			
			.calendar {
				background-position: 0 0;}
				
			.medical {
				background-position: 0 -45px !important;}
				
			.forms {
				background-position: 0 -91px !important;}
				
			.pdf {
				background-position: 0 -434px !important; }
				
	#requests {
		background: url(../_images/common-requests.png) no-repeat 0 0;
		float: left;
		list-style: none outside none;
		height: 150px;
		margin-bottom: 20px;
		padding: 56px 10px 20px 30px;
		width: 263px; }
		
			
			.info {
				background-position: 0 -148px !important; }
				
			.pill {
				background-position: 0 -198px !important; }
				
			.money {
				background-position: 0 -483px !important; }
				
	ul#today { background: url(../_images/help-today.png) no-repeat 0 0; float: left; list-style: none outside none; height: 157px; margin: 0; padding: 55px 10px 10px 20px; width: 600px; }
			li.patient { background-position: 0 -294px !important; width: 225px; }
			.injured { background-position: 0 -340px !important; width: 225px; }
			ul#today li.bottom { background: none; bottom: 88px; left: 267px; position: relative;}
			a.surgery { background: url(../_images/icons.png) no-repeat -7px -375px !important; padding: 14px 40px; }
				
		.physicians-photos {
			display: block;
			float: left; 
			height: 220px;
			margin-right: 5px;
			padding-bottom: 20px;
			text-align: center;
			width: 150px; }
			
		.hobgood {
			position: relative;
			left: -340px;}
			
			.physicians-photos img {
				margin-bottom: 5px; }
				
/* -----------------------------------*/
/* ----->>> SPECIALIST/BLOG <<<-------*/
/* -----------------------------------*/

#col2 p {
	line-height: 1.5em; }

.question {
	font-style: italic; 
	padding-left: 40px; }

.question {
	background: url(../_images/question.png) no-repeat 0 8px;
	color: #222;
	font-weight: bold;
	line-height: 33px;
	padding-left: 40px; }

#col2 table a {
	font-weight: bold; 
	color: #2a5c04; }

/* -----------------------------------*/
/* ---------->>> SIDEBAR <<<----------*/
/* -----------------------------------*/

#sidebar {
	position: relative;
	left: 18px;
	top: 8px;
	width: 308px;}
	
	#sidebar div {
		border-left: 1px dashed #ccc;
		margin-left: 10px; 
		padding: 0 5px 25px 40px; }
	
	#sidebar a, #sidebar a:visited {
		color: #d81002;
		font-size: 14px;
		padding-left: 12px; }
		
		#sidebar a:hover {
			color: #d81002;
			text-decoration: underline; }
		
	#sidebar h3 {
		font-family: Helvetica, Helvetica Neue, Arial, sans-serif; }
		
	#sidebar ul {
		padding: 0; }
		
		#sidebar ul li a {
			background: url(../_images/icon-sidebar-arrow.png) no-repeat -12px 4px;
			font-size: 15px;
			font-weight: bold; 
			/*padding-left: 12px;*/ }
		
/* -----------------------------------*/
/* ----------->>> FOOTER <<<----------*/
/* -----------------------------------*/

#footer {
	color: #444;
	font-weight: 500;
	font-size: 12px;
	height: 102px;
	margin-top: 20px;
	padding: 0;
/*	position: relative;
	vertical-align: baseline;*/
	z-index: 2; }
	
	#footer strong {
		color: #fff; }
	
	#footer a {
		color: #d81002;
		text-decoration: none;}
		
		#footer a:hover {
			text-decoration: underline; }
		
	#footer .wrapper {
		border-top: 1px dashed #ccc;
		padding-top: 20px;
		position: relative;
		top: 30px; }
