/*-----------------------------------------------------------------------------
Website Style Sheet

version:   1.0
author:    Bryan Miller
company:   Medical Website Design by Practis Inc.
           www.practisinc.com
email:     bmiller@practisinc.com
website:   http://www.spinemd.com/
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	html { background:#b1cad6; }
	
	body {
	  padding: 0;
	  margin: 0;
	  background: #fff url(../images/body-bg.gif) repeat-x;
	  font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	  color:#2e2e2e;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 1034px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:0px;}
	* html .clear { clear:both; height:0px; margin:0; padding:0; font-size:0; margin-bottom:-2px;}
	
	/* Remove border around linked images */
	img { border: 0; }
	
	abbr {border-bottom:none; }
	
	p { margin: 0.8em 0; line-height:18px; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#004b8d; }
	h1 { font-size: 20px; color:#e51937; }
	h2 { font-size: 16px; }
	h3 { font-size: 13px; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited { text-decoration:underline; color:#004b8d; }
	a:hover { text-decoration:underline; color:#004b8d; }
	
	#two_column #content_main a[href$='.pdf'] {
		display:inline-block;
		padding-right:22px;
		line-height:16px;
		background:transparent url(../images/icon_pdf.gif) no-repeat right center;
	}
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 1034px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#content {}
	
	#footer{
		background:#b1cad6; 
		border-top:1px solid #91afbe;
	}
	
	#footer-content { 
		width: 944px;
		margin: 0 auto;
		padding:20px 0 20px 30px;
		text-align: left;
		line-height:22px;
	}
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:50px; width:763px; margin:38px 0 0 0; padding:0; list-style-type:none; float:right;}
	ul#nav_main li { height:50px; float:left; position:relative; overflow:hidden; }
	ul#nav_main li span { width:100%; height:100%; position:absolute; }
	ul#nav_main li a { display:block; cursor:pointer;}
	* html #nav_main a:hover { background:#ccccff; cursor:pointer;}
	
	/* This is an example of what needs to be done for each li in the main navigation unordered list. 
	   You can copy this block and just change out the class name, widths and background image names/locations. */
	ul#nav_main li.about-us { width:89px; }
	ul#nav_main li.about-us a span,ul#nav_main li.about-us a:link span { background:url(../images/buttons/btn-about-us.gif) no-repeat; }
	ul#nav_main li.about-us a:hover span,body.about-us ul#nav_main li.about-us a span { background:url(../images/buttons/btn-about-us.gif) no-repeat 0 -50px; }
	
	ul#nav_main li.our-physicians { width:124px; }
	ul#nav_main li.our-physicians a span,ul#nav_main li.our-physicians a:link span { background:url(../images/buttons/btn-our-physicians.gif) no-repeat; }
	ul#nav_main li.our-physicians a:hover span,body.our-physicians ul#nav_main li.our-physicians a span { background:url(../images/buttons/btn-our-physicians.gif) no-repeat 0 -50px; }
	
	ul#nav_main li.for-patients { width:133px; }
	ul#nav_main li.for-patients a span,ul#nav_main li.for-patients a:link span { background:url(../images/buttons/btn-for-patients.gif) no-repeat; }
	ul#nav_main li.for-patients a:hover span,body.for-patients ul#nav_main li.for-patients a span { background:url(../images/buttons/btn-for-patients.gif) no-repeat 0 -50px; }
	
	ul#nav_main li.conditions-diagnoses { width:146px; }
	ul#nav_main li.conditions-diagnoses a span,ul#nav_main li.conditions-diagnoses a:link span { background:url(../images/buttons/btn-conditions-diagnoses.gif) no-repeat; }
	ul#nav_main li.conditions-diagnoses a:hover span,body.conditions-diagnoses ul#nav_main li.conditions-diagnoses a span { background:url(../images/buttons/btn-conditions-diagnoses.gif) no-repeat 0 -50px; }
	
	ul#nav_main li.non-operative-treatments { width:151px; }
	ul#nav_main li.non-operative-treatments a span,ul#nav_main li.non-operative-treatments a:link span { background:url(../images/buttons/btn-non-operative-treatments.gif) no-repeat; }
	ul#nav_main li.non-operative-treatments a:hover span,body.non-operative-treatments ul#nav_main li.non-operative-treatments a span { background:url(../images/buttons/btn-non-operative-treatments.gif) no-repeat 0 -50px; }
	
	ul#nav_main li.operative-treatments { width:120px; }
	ul#nav_main li.operative-treatments a span,ul#nav_main li.operative-treatments a:link span { background:url(../images/buttons/btn-operative-treatments.gif) no-repeat; }
	ul#nav_main li.operative-treatments a:hover span,body.operative-treatments ul#nav_main li.operative-treatments a span { background:url(../images/buttons/btn-operative-treatments.gif) no-repeat 0 -50px; }
	
	
	#nav_sub { 
		position:absolute;
		width:498px; 
		height:32px; 
		padding:0; 
		margin:0; 
		background:url(../images/nav-sub.gif) no-repeat; 
		font-size:13px; 
		color:#fff; 
		overflow:hidden; 
		line-height:28px; 
		top:0;
		right:0;
	}	
	
	#nav_sub a,
	#nav_sub a:visited { color:#fff; text-decoration:none; }
	#nav_sub a:hover { color:#fff; text-decoration:underline; }
	
	#nav_sub a.home { margin: 0 5px 0 0; }
	#nav_sub a.home img { vertical-align:middle; }
	
	#nav_sub .links { position:absolute; top:0; left:0; margin:0; height:32px; }
			
	#nav_sub form#search_form { position:absolute; top:1px; right:3px; margin:0; padding:0; width:265px; overflow:hidden; }
	#nav_sub form#search_form label { margin:0; padding:0; }
	#nav_sub form#search_form input#search_query { margin:4px 0 0 5px; padding:0; width:210px; height:16px; border:1px solid #B3C0C8; }
	#nav_sub form#search_form input#search_submit { margin:0; padding:0; background:transparent; border:0; color:#fff; cursor:pointer; }
	
	#nav_sub img.right { margin: 6px 0 10px 5px; }
	
	#nav_supp { color:#013563; }
	#nav_supp a,
	#nav_supp a:visited { text-decoration: none; color:#013563; }
	#nav_supp a:hover { text-decoration: underline; color:#013563; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:152px; width:1000px; overflow:hidden; position:relative; }
	
	#branding p { margin:0; padding:0; height:0; }
	
	#branding h1 { width:234px; height:152px; margin:0; padding:0; position:relative; overflow:hidden; float:left; }
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/logo.gif) no-repeat; }
	
	#branding #appointments-phone { text-transform:uppercase; font-size:20px; color:#023867; margin:0 0 0 0; padding:0; clear:right; text-align:right; position:absolute; bottom:0px; right:0px; }
	#branding #appointments-phone .number { font-size:30px; }
	
	#branding #section-heading{ font-size:30px; color:#023867; float:right; clear:right; margin:23px 8px 0 0; padding:0;}
	#branding_sub { width:1034px; height:265px; overflow:hidden; }
		
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content h1,
	#three_column #content h2,
	#three_column #content h3,
	#three_column #content h4,
	#three_column #content h5 { color:#004b8d; }
	
	#three_column #content a:link,
	#three_column #content a:visited { text-decoration:none; color:#004b8d; }
	#three_column #content a:hover { text-decoration:underline; color:#004b8d; }
	
	#three_column #content_main { 
		float:left;
		display:inline;
		background:url(../images/3col-content-main.jpg) no-repeat;
		width:380px;
		min-height:335px;
		height:auto !important;
		height:335px;
		padding:10px 0 0 50px;
		margin:0;
	}
	
	#three_column #content_main .callout { width:350px; overflow:hidden; clear:both; }
	#three_column #content_main .callout h1,
	#three_column #content_main .callout h2,
	#three_column #content_main .callout h3,
	#three_column #content_main .callout h4,
	#three_column #content_main .callout h5 { font-size:16px; line-height:20px; font-weight:bold; margin:0; padding:0; }
	#three_column #content_main .callout p { line-height:16px; margin:5px 0; padding:0; }
	#three_column #content_main .callout img { float:right; margin:0; padding:0 0 20px 0;}
	#three_column #content_main .callout ul { list-style-type:none; margin:5px 0 0 5px; padding:0; line-height:16px; }
	#three_column #content_main .callout ul li { background:url(../images/bullet-red.gif) no-repeat left 50%; margin:0; padding:0 0 0 15px;}
	#three_column #content_main .callout table { margin-bottom:20px;}
	
	#three_column #content_sub {
		float:left;
		display:inline;
		background:url(../images/3col-content-sub.jpg) no-repeat;
		width:563px;
		min-height:345px;
		height:auto !important;
		height:345px;
		padding:0 0 0 17px;
		margin:0;
	}
	
	#three_column #content_sub h1,
	#three_column #content_sub h2,
	#three_column #content_sub h3,
	#three_column #content_sub h4,
	#three_column #content_sub h5 { font-size:14px; margin:0; padding:0; }

	#three_column #content_sub ul { list-style-type:none; margin:5px 0 0 5px; padding:0; line-height:16px; }
	#three_column #content_sub ul li { background:url(../images/bullet-red.gif) no-repeat left 50%; margin:0; padding:0 0 0 15px;}
	
	#three_column #content_sub #quick-access { 
		width:446px;
		height:23px;
		padding:9px 0 0 118px;
		margin:13px 0 16px -9px;
		background:url(../images/quick-access.jpg) no-repeat;
		overflow:hidden;
	}
	#three_column #content_sub #quick-access a,
	#three_column #content_sub #quick-access a:visited { padding:0 6px; }
	#three_column #content_sub #quick-access a:hover { padding:0 6px; }
	
	#three_column #content_sub #services { width:255px; padding:0; margin-bottom:15px; float:left; }
	
	#three_column #content_sub .callout { width:275px; margin:20px 0 0 0; overflow:hidden; line-height:16px; float:left;}
	#three_column #content_sub .callout img { float:right; margin:3px 0 0 8px;}
	#three_column #content_sub .callout p { margin:5px 0; padding:0; }
	
	#three_column #content_sub .callout2{ width:275px; }

	
	#three_column #content_sub #news {
		float:right;
		display:inline;
		width:234px;
		min-height:240px;
		height:auto !important;
		height:240px;
		padding:0 12px 0 14px;
		margin:0 10px 0 0;
		background:url(../images/news.jpg) no-repeat;
	}
	#three_column #content_sub #news h1,
	#three_column #content_sub #news h2,
	#three_column #content_sub #news h3,
	#three_column #content_sub #news h4,
	#three_column #content_sub #news h5 { font-size:20px; margin:18px 0 10px 0;}
	#three_column #content_sub #news strong { color:#004b8d; }
	#three_column #content_sub #news ul { list-style-type:none; margin:0; padding:0; overflow:hidden; }
	#three_column #content_sub #news ul li { margin:0; padding:5px 5px 5px 0; border-top:1px solid #a3c3d3; line-height:20px; background:none;}
	
	#three_column #content_sub #partners { width:234px; padding:0; margin-top:15px; color:#004b8d;}
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content { margin:15px 0 10px 0; padding:0; width:100%; clear:both;}
	
	#two_column #content_main {
		width:670px;
		min-height:400px;
		height:auto !important;
		height:400px;
		padding:20px 15px;
		margin:0 35px 0 0;
		float:right;
		display:inline;
		background:url(../images/2col-content-main.jpg) no-repeat;
		font-size:13px;
	}
	
	#two_column #content_main p { font-size:13px; }
	
	#two_column #content_main #video-library-container { width:670px; overflow:hidden; }
	
	#two_column #content_main .callout { float:right; display:inline; width:150px; margin:0 0 10px 10px;  }
	#two_column #content_main .callout img { margin:0; padding:0; }
	#two_column #content_main .callout h2 { margin:0; }
	#two_column #content_main .callout p { margin:0; }
	#two_column #content_main .callout a,
	#two_column #content_main .callout a:visited,
	#two_column #content_main .callout a:hover { text-decoration:none; }
	
	#two_column #content_sub { 
		width:253px; 
		float:left;
		display:inline;
		margin:0 0 0 37px;
	} 
	
	#two_column #content_sub #in-this-section {
		background:url(../images/in-this-section.jpg) no-repeat;
		min-height:305px;
		height:auto !important;
		height:305px;
	}
	
	#two_column #content_sub #in-this-section h1,
	#two_column #content_sub #in-this-section h2,
	#two_column #content_sub #in-this-section h3,
	#two_column #content_sub #in-this-section h4,
	#two_column #content_sub #in-this-section h5 { font-size:20px; line-height:20px; padding:20px 0 15px 23px; margin:0; }
	
	#two_column #content_sub #in-this-section ul { 
		list-style-type:none; 
		margin:0 0 0 1px; 
		padding:0; 
		border-top:1px solid #aac2ce; 
		width:250px;
		overflow:hidden;
	}
	
	#two_column #content_sub #in-this-section ul li { margin:0; padding:0; }

	#two_column #content_sub #in-this-section ul li a.title,
	#two_column #content_sub #in-this-section ul li a:visited.title,
	#two_column #content_sub #in-this-section ul li a:hover.title { background:none; color:#004b8d; text-decoration:none; }	
	
	#two_column #content_sub #in-this-section ul li a,
	#two_column #content_sub #in-this-section ul li a:visited { width:100%; display:block; border-bottom:1px solid #aac2ce; text-decoration:none; padding:5px 0 5px 20px;}
	#two_column #content_sub #in-this-section ul li a:hover { background:#eaf1f5; text-decoration:none; }
	
	
	#two_column #content_sub #in-this-section ul li ul { border:none; }
	#two_column #content_sub #in-this-section ul li ul li { margin:0; padding:0; }
	#two_column #content_sub #in-this-section ul li ul li a,
	#two_column #content_sub #in-this-section ul li ul li a:visited { border:none; text-decoration:none; padding:5px 0 5px 35px; border-bottom:1px solid #aac2ce; background:url(../images/bullet-its.gif) no-repeat 7px 50%; }
	#two_column #content_sub #in-this-section ul li ul li a:hover {  background:#eaf1f5 url(../images/bullet-its.gif) no-repeat 7px 50%; text-decoration:none; }
	
	#two_column #content_sub #in-this-section .callout { margin-top:15px; }
	
	/* SIDE NAVIGATION COLLAPSE */
	#two_column #content_sub #in-this-section ul li span { 
	color:#004b8d; 
	text-decoration:none; 
	cursor:pointer; 
	width:100%; 
	display:block; 
	border-bottom:1px solid #aac2ce; 
	text-decoration:none; 
	padding:5px 0 5px 20px; 
	 
	}
	
	#two_column #content_sub #in-this-section ul li span strong { font-weight:bold; }
	#two_column #content_sub #in-this-section ul li span:hover { background:#eaf1f5; text-decoration:none; }
	

	
	ul#menu li a.expand {
	  font-weight:bold;
	  background:#D9DBDA;
	}
	
	ul#menu li a.expand:hover { color:#004b8d; }
	ul#menu li li a { font-weight:normal; }
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { color:#013563; }
	#site_info a,
	#site_info a:visited { text-decoration: none; color:#013563; }
	#site_info a:hover { text-decoration: underline; color:#013563; }
	
	
	/* =Forms
	-----------------------------------------------------------------------------*/
	form { padding: 0.4em; margin: 0; }
	form em { color: #FF0000; }
	form p { clear: left; margin: 0; padding: 0; padding-top: 0.4em; }
	form p label { float: left; width: 25%; }
	
	fieldset { padding: 0.6em; padding-left: 0.7em; }
	fieldset legend { padding: 0; margin-bottom: 0.2em; font-weight: bold; color: #000000; font-size: 1.1em; }
	
	input.txt { width: 200px; }
	
	.formerror {
	  border: 1px solid red;
	  background-color : #FFCCCC;
	  width: auto;
	  padding: 0.4em;
	  margin-bottom: 0.4em;
	}
	.formerror ul { padding-left: 1.7em; }
	
	
	/* =Tables
	-----------------------------------------------------------------------------*/
	td {
	  text-align: left;
	  vertical-align:top;
	}
	
	table.servicesTB { margin-left:20px; border:solid 1px #5785AF; }
	table.servicesTB tr {  }
	table.servicesTB td{ padding:10px 10px 0 20px; background-color: #C2DAEF; }
	table.servicesTB ul { padding:0; margin:0 0 0 10px;}
	table.servicesTB ul li { padding:0; margin:0;}
	table.servicesTB p { padding:0 0 10px 20px; margin:0;}
	
	
	/* =Lists
	-----------------------------------------------------------------------------*/
	#two_column #content_main ul { list-style-type:circle;}
	#two_column #content_main li { margin:0; padding:2px 0;}
	
	
	/* =Driving Directions 
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:0; padding:0; border:0; width:250px; height:230px; float:right; background:url(../images/driving_directions.jpg);}
	#driving_directions h2 {width:250px; height:30px; margin:0; padding:0; position:relative;}
	#driving_directions h2 span {width:100%; height:100%; position:absolute; background:url(../images/directionsTop.gif) no-repeat;}
	#driving_directions form {margin:0; padding:0; border:0;}
	#driving_directions p {margin:3px 0; padding:0;}
	#driving_directions .content {font-size:12px; padding:10px 20px;}
	#driving_directions .content input {margin:3px 0px;}
	#driving_directions .bottom {width:250px; height:35px; text-align:center;}
	#driving_directions .bottom #submitButton {margin:0px auto; cursor:pointer;}


	/* =Vcard
	-----------------------------------------------------------------------------*/
	.vcard {margin:0 23px;}
	.vcard-dl {margin-top:10px; background: url(../images/vcard.gif) center no-repeat; background-position: 0 50%;}
	.vcard-dl a {margin-left:25px; display:block;}
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	#addthis { float:right; clear:right; }
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	.glossary { letter-spacing: 5px;}
	.glossary a:link {text-decoration: none;}
	.glossary a:hover { color:#e51937; text-decoration: none;}
	.glossary a:active { color:#e51937; text-decoration: none;}
	
	
	/* BIO STYLES */
	.cv { width:250px; margin-left:20px;  float:right; }
	.cv img.bio_border { 
		border:1px solid #B9B9B9; 
		-moz-box-shadow: 0 0 3px #888;
		-webkit-box-shadow: 0 0 3px#888;
		box-shadow: 0 0 3px #888;
	}
	.bio { width:375px; padding-right:20px; border-right:solid 1px #93AFBB; }
	.video_bio { min-height:75px; padding:5px 0; }
	.video_bio img { float:left; display:inline; padding-right:10px; }
	.video_bio p { overflow:hidden; padding:0; margin:0;  }
	.video_bio a,
	.video_bio a:visited { white-space:nowrap; }
	
	.our-physicians blockquote { 
		padding: 10px 20px 20px 20px;
		background: #CED8E0;
		border: 1px solid #7F8E9C;
		border-right: 1px solid #dcdee1;
		border-bottom: 1px solid #dcdee1;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		margin-left:0;
	}
	
	.non-operative-treatments blockquote p,
	.operative-treatments blockquote p { margin: 0.5em 0; }
	.non-operative-treatments blockquote img,
	.operative-treatments blockquote img { float:left; margin: 10px 10px 0 0; border:1px solid #C3C5C4; }
	.swarm-images { float:left; width:180px; }
	.swarm { overflow:hidden; }
	
	hr { margin:0.5em 0; padding:0; border-top:1px solid #91afbe; border-bottom:1px solid #91afbe;}
	
	table.lecture-series { border: 1px solid #B1CAD6; background:#ffffff;}
	table.lecture-series.stripeMe tr.alt td { background:#eee;}
		
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; margin:0 10px 10px 0; }	
	.left-giddeon { width:150px; padding:8px; margin:0 0 10px 10px; background-color:#fff; border:1px dashed #93ADBE; float:right; }
	img.eon-test { float:left; margin:0 30px 2px 0; }
	img.left-text { float:left; margin:0 35px 10px 0; }
	img.right { float:right; margin:0 0 10px 10px; }
	.inset-right {float: right; diplay:inline; margin:0 0 10px 10px; width:200px; background:#B9CCDF; padding: 10px; border: 1px solid #AAC2CE;}
	
	p.left { text-align:left; }
	p.right { text-align:right; }
	p.center { text-align:center; }
	
	.physician-profile-short {width:310px; margin:10px 10px 40px 0; float:left; display:inline; }
	.name { font-weight:bold; font-size: 14px;}
	.specialties { font-style:italic; margin:3px; }
	
	td.highlight { border:1px solid #aac2ce; background:#f1f1f1; padding:0 10px; }
	
	.patient-story { border: 1px solid #AAC2CE; width:627px; background:#FFFFFF; padding:10px; clear:both; float:left; display:inline; }
	.patient-story .name { font-weight:bold; font-size: 14px;}
	.patient-story .blurb { padding-left:161px;}
	.patient-story img	{ float:left; display:inline; }
	
	.patient-story2 { border: 1px solid #AAC2CE; width:627px; background:#FFFFFF; padding:10px;}
	.patient-story2 .name { font-weight:bold; font-size: 14px;}
	.patient-story2 .blurb { padding-left:161px;}
	.patient-story2 img	{ width:151px; height:121px; float:left; }
		
	body.conditions-diagnoses.aab #two_column #content_main li { list-style:none; }
	
	.icons {
		padding-right: 20px;
	}
	
	
}