
#contentContainer {
	width: 100%;
	text-align: center;
	background: url(../../img/interface/bg-slanted-lines.gif) 0px 0px;
	}
	
#contentArea {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	}
				
	/* content styles */
	.contentColumn {
		position: relative;
		float: right;
		width: 624px;
		min-height: 600px;
		height: auto !important;
		height: 600px;
		margin: 0 50px 0 0;
			*margin: 0 25px 0 0;
		background: #fff;
		}
		/* top focus imagery */
		#aboutUsImage, #newsEventsImage { background: #fff url(../../img/content/focus-img-about-us.jpg) 0px 0px no-repeat; }
		#careersImage { background: #fff url(../../img/content/focus-img-careers.jpg) 0px -2px no-repeat; }
		#ourServicesImage, #patientInfoImage { background: #fff url(../../img/content/focus-img-our-services.jpg) 100% 0px no-repeat; }
		#ourLocationsImage { background: #fff url(../../img/content/focus-img-our-locations.jpg) 0px 0px no-repeat; }
		#ourLocationsNoteImage { background: #fff url(../../img/content/focus-img-our-locations-note.jpg) 100% 0px no-repeat; }
			
		
	
	/* top focus area styles */	
	#topFocus {
		position: relative;
		height: 253px;
			he\ight: 223px;
		margin: 0 0 20px 0;
		padding: 30px 0 0 27px;
		}
		#topFocus h1 {
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 500px;
				w\idth: 475px;
			height: 96px;
			padding: 0 0 0 25px;
			color: #061e35;
			font-size: 3em;
			font-weight: normal;
			background: url(../../img/headers/bg-header-lines.gif) 15px 0px no-repeat;
			}
			#topFocus h1#oneLine {
				height: 77px;
				padding: 0 0 0 25px;
				color: #061e35;
				font-size: 3em;
				font-weight: normal;
				background: url(../../img/headers/bg-header-lines-77.gif) 0px 0px no-repeat;
				}
			#topFocus h1 img { display: block; }
		#topFocus h2 {
			padding: 0 0 22px 0;
			color: #666666;
			font-size: 1.5em;
			font-style: italic;
			font-weight: normal;
			}
		#topFocus h3 {
			color: #cc0000;
			font-size: 1.5em;
			font-weight: normal;
			}
	
/******************** page specific styles ********************/

/* site map */
	#siteMapImage { background: #fff url(../../img/content/focus-img-site-map.jpg) 400px 250px no-repeat; }
		#siteMapImage div#topFocus { height: 126px; he\ight: 126px; padding: 0; }

		#siteMapColumnTwo, #siteMapColumnThree { float: right; width: 180px; }
		.contentColumn h4 a, .contentColumn h4 a:visited { color: #666666; }
		
/* our services // patient info styles */
	#ourServicesImage div.contentPadding div#columnOne,
	#patientInfoImage div.contentPadding div#columnOne { width: 260px; }
	
	#ourServicesImage div.contentPadding div#columnTwo,
	#patientInfoImage div.contentPadding div#columnTwo { float: right; width: 270px; w\idth: 244px; padding: 180px 0 0 26px; }
	
		#ourServicesImage div.contentPadding div#columnTwo #quote { margin: 50px 0 0 -19px; }
		
	#patientInfoImage #topFocus { height: 146px; he\ight: 146px; padding: 0; }
	
	#patientFAQsImage { background: #fff url(../../img/content/focus-img-patient-faqs.jpg) 0px 0px no-repeat; }
		#patientFAQsImage #topFocus { height: 146px; he\ight: 146px; padding: 0; }
		
		#patientFAQsImage div.contentPadding div#columnOne { width: 270px; }
		#patientFAQsImage div.contentPadding div#columnTwo { width: 250px; padding: 296px 0 0 0; float: right; }
	
	
	/* general orthopedics */
	#generalOrthoImage { background: #fff url(../../img/content/focus-img-general-ortho-2.jpg) 100% 0px no-repeat; }
		#generalOrthoImage #topFocus {  }
		#generalOrthoImage #topFocus h1 { width: 260px; w\idth: 235px; }
		
		#generalOrthoImage div.contentPadding div#columnOne { width: 275px; padding: 0 0 0 0; }
		#generalOrthoImage div.contentPadding div#columnTwo { width: 250px; float: right; }
		
	
	/* post surgical rehab */
	#postSurgicalImage { background: #fff url(../../img/content/focus-img-post-surgical.jpg) 0px 0px no-repeat; }
		#postSurgicalImage #topFocus { height: 288px;  he\ight: 258px; }
			#postSurgicalImage #topFocus h2 { width: 255px; }
			
		#postSurgicalImage div.contentPadding div#columnOne { width: 270px; }
		#postSurgicalImage div.contentPadding div#columnTwo { width: 250px; float: right; }
		
		
	/* hand rehab */
	#handRehabImage { background: #fff url(../../img/content/focus-img-hand-rehab.jpg) 0px 0px no-repeat; }
		#handRehabImage div#topFocus div.topQuote { position: absolute; top: 33px; left: 6px; }
			
		#handRehabImage div.contentPadding div#columnOne { width: 270px; }
		#handRehabImage div.contentPadding div#columnTwo { width: 250px; float: right; }
	
	
	/* sports injuries */
	#sportsInjuriesImage { background: #fff url(../../img/content/focus-img-sports-injuries.jpg) 0px 0px no-repeat; }
		#sportsInjuriesImage #topFocus { height: 227px;  he\ight: 227px; padding: 0; }
		#sportsInjuriesImage #topFocus h1 { top: 59px; }
			
		#sportsInjuriesImage div.contentPadding div#columnOne { width: 270px; padding: 110px 0 0 0; }
		#sportsInjuriesImage div.contentPadding div#columnTwo { width: 250px; float: right; }
		
	/* work injuries */
	#workInjuriesImage { background: #fff url(../../img/content/focus-img-work-injuries.jpg) 0px 0px no-repeat; }
		#workInjuriesImage #topFocus { height: 257px;  he\ight: 257px; padding: 0; }
		#workInjuriesImage div#topFocus div.topQuote { position: absolute; top: 33px; left: 6px; }
			
		#workInjuriesImage div.contentPadding div#columnOne { width: 270px; }
		#workInjuriesImage div.contentPadding div#columnTwo { width: 250px; float: right; }
	
	/* maintenance */
	#maintenanceImage { background: #fff url(../../img/content/focus-img-maintenance.jpg) 0px 0px no-repeat; }
		#maintenanceImage #topFocus { height: 140px; he\ight: 140px; }
		#maintenanceImage #topFocus h1 { left: 323px; width: 260px; w\idth: 235px; }
		
		#maintenanceImage div.contentPadding { padding-right: 20px; }
		
		#maintenanceImage div.contentPadding div#columnOne { padding: 200px 0 0 0; }
		#maintenanceImage div.contentPadding div#columnTwo {
			width: 263px;
				w\idth: 248px;
			padding: 0 8px 0 7px;
			float: right;
			background: url(../../img/content/bg-column-gradient.gif) 0px 100% no-repeat;
			}
	
/* our locations styles */
	#ourLocationsImage div#columnOne { width: 260px; }
	#ourLocationsImage div#topFocus, #ourLocationsNoteImage div#topFocus {
		height: 142px;
		margin: 0 0 28px 0;
		padding: 0;
		}
	#ourLocationsOverview {
		position: absolute;
		top: 325px;
		left: 344px;
		}
		
	#noteFocus {
		position: absolute;
		top: 75px;
		left: 331px;
		width: 250px;
		}
		#noteFocus h4 { color: #666; font-size: 1em; margin: 0; font-weight: bold; }
		#noteFocus p { margin: 0 0 10px 0; }
	
	#ourLocationsNoteImage div.contentPadding div#columnOne { width: 270px; }
	#ourLocationsNoteImage div.contentPadding div#columnTwo { float: right; width: 270px; padding: 190px 0 0 0; }
	
	#locationIntro { width: 255px; }
	
	div.staffPhoto {
		position: relative;
		width: 560px;
			w\idth: 449px;
		min-height: 140px;
			m\in-height: 115px;
		height: auto !important;
		height: 140px;
			he\ight: 115px;
		padding: 0 0 25px 111px;
	}
		div.staffPhoto p { margin: 0 0 0 0; }
		div.staffPhoto img.photo {
			position: absolute;
			top: 0px;
			left: 0px;
		}
		
/* contact us styles */
	#contactUsImage {  }
	#contactUsImage #topFocus { height: 140px; he\ight: 140px; margin: 0 0 28px 0; padding: 0; }
		#contactUsImage #topFocus h1 { left: 0px; width: 260px; w\idth: 235px; }
	
	#contactUsImage div.contentPadding div#columnOne { width: 260px; }
	#contactUsImage div.contentPadding div#columnTwo { float: right; width: 260px; }
	#contactUsImage div.contentPadding ul.arrowBullets { padding: 50px 0 0 50px; }



/* add padding around content */
.contentPadding { padding: 0 25px 0 25px; }
	
/* general content styles */
.contentColumn h4 {
	color: #061e35;
	font-size: 1.2em;
	line-height: 16px;
	margin: 0 0 4px 0;
	font-weight: normal;
	}
.contentColumn h5 {
	color: #cc0000;
	font-size: 1em;
	line-height: 16px;
	margin: 0 0 2px 0;
	font-weight: normal;
	}
.contentColumn hr {
	border: 0; 
	height: 1px; 
	background: #dedede;
		*color: #dedede;
	margin: 15px 0;
		*margin: 0 0 15px 0;
	}

span.introHighlight { color: #cc0000; }
span.alternateIntroHighlight { color: #0c2d56; }

.contentColumn p { line-height: 16px; margin: 0 0 18px 0; }
.contentColumn ul { line-height: 16px; margin: 0 0 15px 0; }
	.contentColumn ul li { padding: 0 0 4px 12px; background: url(../../img/content/bg-bullet.gif) 2px 6px no-repeat; }
		
.contentColumn ul.arrowBullets { line-height: 16px; margin: 15px 0; }
	.contentColumn ul.arrowBullets li {
		margin: 0 0 18px 0;
		padding: 0 0 0 25px;
		background: url(../../img/content/bg-list-arrow.gif) 0px 3px no-repeat;
		}
		.contentColumn ul.arrowBullets li a { color: #cc0000; }
		
		/* location page bullets */
		#ourLocationsOverview li { margin: 0 0 10px 0; }

/* news list */
ul.newsList { margin: 0 0 25px 0; }
ul.newsList li { position: relative; z-index: 1; clear: both; line-height: 20px; margin: 0 0 18px 0; }

ul.newsList li div.news-photo-thumb {
	float: right;
	color: #999;
	font-size: .8em;
	text-align: right;
	cursor: pointer;
	padding: 0 0 10px 10px;
	background-color: #fff;
}
ul.newsList li div.news-photo-full {
	display: none;
	position: absolute;
	top: 0px;
	*top: -4px;
	right: 0px;
	z-index: 99;
	cursor: pointer;
	color: #999;
	font-size: .8em;
	text-align: right;
	padding: 0 0 7px 0;
	background-color: #fff;
	border-bottom: 2px solid #ccc;
}

ul.newsList li div.news-photo-full img { display: block; margin: 0 0 5px 0; }

ul.newsList li div.news-photo-full .photo-caption { float: left; color: #666666; font-size: 1.1em; padding: 0 0 0 7px; }
ul.newsList li div.news-photo-full .photo-helper { padding: 0 7px 0 0; }


/* about us two column layout styles */
#twoColLeftGradient {
	padding-bottom: 10px;
	background: url(../../img/content/bg-column-gradient.gif) 12px 100% no-repeat;
	}
	
	#leftColumn { width: 270px; }
		#leftColumn ul li { margin-bottom: 18px; }
		
	#rightColumn { float: right; width: 280px; }
	
