/* complete revision 04-11 lastmod 07-11 */

body						{ margin:0; padding:12px 0 0 0; background:#FFF7E2; font-size :13px; font-family: tahoma, arial, helvetica, sans-serif; color:#000000; }

/* Structural elements */

#header,#content-wrapper	{ width: 800px; margin: auto; }
#hdr-logo					{ float: left; width: 270px; height:108px; background:url(/images/logo.gif) top left no-repeat; }
#address-top				{ float: right; width: 196px; margin: 40px 0 0 0; padding: 0; } 
#address-top li				{ list-style:none; margin: 0; padding: 0; }
#contact1 					{ font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#6d7987; font-weight:bold; padding:0; }
#contact2 					{ font-size:20px; color:#6d7987; }
#contact3 					{ font-size:15px; color:#cc3300; }
#hdr-logo a,
#hdr-logo a:hover,
#hdr-bolitho a,
#hdr-bolitho a:hover		{ display:block; height:108px; outline: none; text-decoration:none; }
#hdr-logo a					{ width: 270px; }
#main-image, #main-image a, #main-image div,
#main-image	a:hover			{ display:block; width: 800px; height:300px; outline: none; text-decoration:none; }
#main-image					{ position:relative; }
#main-image	div				{ position:absolute; }
#main-image img				{ border: none; }
#main-image	div.active		{ z-index:10; }
#main-image	div.last-active	{ z-index:9; }
#content-wrapper			{ border: 1px solid #e9ce8b; }
#top-nav					{ width:100%; height:18px; margin:0 auto 0 auto; padding:3px 0 3px 0; background: #FEEEC4 url(/images/link-line.gif) bottom left repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#e6915f; font-weight:bold; text-align: center; white-space:nowrap; }
#top-nav li					{ margin:0; padding:0 10px 0 10px; display:inline; border-right: 1px solid #000; }
#top-nav #last				{ border-right: none; }
#main						{ width: 764px; margin:auto; background:#fff; padding: 0 18px 18px 18px; }
#footer						{ width: 100%; padding: 24px; background: #EFE0B9; }
#footer ul					{ font-size: 10px; text-align:center; margin:0; padding:0; }
#footer ul li				{ margin:0; padding:0; display:inline; }
#footer p					{ font-size: 10px; text-align:center; margin: 0 0 12px 0; }
#footer img					{ border:none; }
#footer-inner-wrapper		{ width: 800px; margin: 0 auto; position:relative; } /* main page only */
#footer-inner-wrapper iframe{ position:absolute; right:0; bottom:0; }

/* element styles */

/* to get border to always align with h1 text */
h1							{ float: left; width: 100%; font-size:17px; color:#000000; font-family:tahoma, arial, helvetica, sans-serif; font-weight:bold; padding:28px 0 0 0; margin:0 0 6px 0; border-bottom: 1px solid #B90000; }
h2,h3,h4,h5					{ font-weight: bold; color: #B90000; }
h2							{ font-size: 15px; }
h3							{ font-size: 14px; }
h4							{ font-size: 13px; }
h5							{ margin-bottom:0; padding-bottom:0; }
sup							{ font-size: 75%; }

h1.noline					{ font-family: tahoma, arial, helvetica, sans-serif; font-size: 15px; color: #B90000; border-bottom:none; }
h2.underline				{ text-decoration:underline; }
h2.back, ul.back			{ float: right; text-align:right; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; list-style:none; }
h3.dateline					{ margin:0; padding:0; font-size: 13px; color:#000; }
#main *						{ line-height: 15px; }

/* Classes */

.bold						{ font-weight: bold; }
.red-text					{ color: #e06931; } /* for red texty next to links that are not links . . . serves to confuse though */
.center-align				{ text-align:center; }
.right-align				{ text-align:right; }
.left-align					{ text-align:left; } /* only to override centering containers */
.required					{ color: #ff0000; font-weight:bold; }
.larger-inline				{ font-size: 115%; font-weight: bold; }
.clear-div					{ clear: both; }
.half-width					{ width: 48%; float: left; margin: 18px 0 18px 0; text-align: center; }
.right-half					{ float: right; }
.half-width img 			{ margin: auto; border:none; }
.half-width .bordered,
.third-width .bordered { border: 2px solid #808080; } /* unfloated bordered images */
.half-width p				{ font-size:11px; }
.half-width a				{ outline: none; text-decoration:none; }
.third-width				{ width: 32%; float: left; text-align: center; }
.third-width h4				{ margin-bottom:6px; }
.third-width ul				{ margin:0; padding:0; }
.third-width ul li			{ margin:0; padding: 0 0 9px 0; white-space:nowrap; list-style:none; }
.highlight-area				{ background: #f5f5f5; padding:9px; }
.rt-sidebar					{ float: right; }
.img-rt						{ float: right; margin: 9px 0 9px 12px; border: 2px solid #808080; }
.img-lt						{ float: left; margin: 9px 12px 9px 0; border: 2px solid #808080; }
.top-button					{ width: 29px; height: 29px; float: right; margin:0; padding:0; }
.top-button a,
.top-button a:hover			{ width: 29px; height: 29px; display: block; background:url(/images/up_arrow.gif) top right no-repeat; outline:none; text-decoration:none; }
.article-bottom				{ clear: both; width: 100%; height: 6px; border-top: 1px solid #000; border-bottom: 2px solid #B90000; }
#main .loose li				{ padding-bottom:12px; }
.red-list li				{ padding-bottom: 6px; color: #e06931; } /* for red list dots */
.nodot li					{ padding-bottom: 6px; list-style:none; }
.inline-list				{  margin:0; padding:0;  text-align:center; }
.inline-list li				{ margin:0; padding:0; display:inline; }

/* main page only - different navigation and main image. */

#main-nav					{ width:402px; height:293px; float: left; margin:0; padding:12px 24px 0 24px; background: #FEEEC4 url(/images/bg-left-links-tile.gif) top left repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#e6915f; font-weight:bold; }
#main-nav #last				{ background-image: none; }
#main-nav li				{ margin:0; padding:6px 0 6px 45px; list-style: none; background:url(/images/link-line.gif) bottom left repeat-x; }
#main-nav li a				{ text-decoration:none; }
#main-page-image			{ width: 350px; height:305px; float: left; }
#main-page-image a,
#main-page-image img		{ border: none; text-decoration:none; }
#main-page-intro			{ padding-top:14px;margin-top:0; }

/* gallery entry only */
.photos-row					{ width: 754px; float: left; margin-bottom: 4px; padding: 4px; }
.photos-tinted				{  background: #f0f0f0; border: 2px solid #f0f0f0;  }
.photos-row h2				{ display: block; width: 70px; float: left; text-align: center; margin-top: 60px; }
.photos-row div,	
.photos-row h4				{ width: 132px;float: left;  margin-right: 6px; text-align: center;  vertical-align: bottom; }
.photos-row h4				{ margin:4px 6px 2px 0; padding:0; font-size: 12px; display:block; }
.photos-row h4.first		{ margin-left: 70px; }
.photos-row .last			{ margin-right: 0; }
.photos-row img				{ padding: 4px;  border: 1px solid #813200; }

/* gallery pages */
.photo-inner,
.photo-outer				{ width: 445px; text-align: center; color: #813200; font-weight: bold; }
.photo-outer				{ margin: 24px auto 0 auto; }
.photo-inner				{ float: left; background:#CCCCCC; border: 4px solid #813200; }
.photo-inner h2				{ font-size: 12px; margin:0; padding: 6px; }
.photo-inner div			{ width: 200px; float: left; }
.photo-inner img			{ border: 2px solid #813200; }
.photo-inner p				{ font-size: 11px; margin: 0; padding: 4px; }
.photo-before				{ margin-left: 8px; }
.photo-after				{ margin-left: 24px; }
.wider, .wider .photo-inner	{ width: 548px; } /* all of the above, just wider. */
.wider .photo-inner div		{ width: 252px; }
.three-wide, 
.three-wide .photo-inner	{ width: 700px; }
.three-wide .photo-inner div { width: 220px; float: left; margin-left: 9px; }
div.center-photo			{ float: none; margin: 0 auto; }
.case-details				{ color: #000; font-weight:normal; text-align:left; }
.more-info					{ display: none; } /* some used for experimental, may remove */
a.open-close,
a.open-close:link,
a.open-close:visited		{ font-size: 14px; height: 16px; text-decoration:none; padding-left: 18px; background: url(/images/open-close.gif) top left no-repeat; }
a.open-close.open,
a.open-close.open:link,
a.open-close.open:visited	{ background-position:bottom left; }

/* Staff. Weird look, just optimizing. */
.staff-div					{ width: 100%; border-bottom: 1px solid #808080; }
.staff-img					{ float: left; width: 162px; border-right: 1px solid #808080; padding: 9px 9px 9px 0; }
.staff-img img				{ border: 2px solid #808080; padding: 4px; }
.staff-div p				{ margin:0 12px 0 180px; padding: 9px; }
#staff-top					{ margin-top: 18px;  } /* just the top */
#staff-top .staff-img,
#staff-top p				{ padding-top:0; }

/* procedures page, a bit different than .half-widths */

#procedures-left,
#procedures-right			{ width: 48%; float: left; margin: 18px 0 18px 0; }
#procedures-right			{ float: right; }
#procedures-left img,
#procedures-right img		{ display: block; margin: auto; border:none; }
#procedures-left ul,
#procedures-right ul		{ margin-left:36px; padding:0; }
#procedures-left .nodot,
#procedures-right .nodot	{ margin:0; padding:0; }
#procedures-left .nodot li,
#procedures-right .nodot li	{ margin:0; padding-left: 12px; }
#procedures-left .img-link,
#procedures-right .img-link	{ outline: none; text-decoration:none; }
/* contact page */

#main.contact-page			{ background: #fff url(/images/contact-bg.jpg) top left no-repeat; }
#contact-form				{ width:230px; float: left; font-size:11px; margin-top:24px;  }
#contact-form td			{ padding: 2px; }
#contact-form .lbl			{ width: 94px; }
#contact-form .fld input,
#contact-form .fld textarea	{ width: 130px; }
#office-map					{ width: 431px; height: 426px; float: right; padding:9px; border: 2px solid #B90000; }
#office-map img,
#office-map a,
#office-map a:hover			{ border:none; outline: none; text-decoration:none; }

/* Our - office - differs from main-image in video only */
#video-header				{ float: left; width: 800px; height:300px; background:#000; }
#video-header div,
#video-header a,
#video-header img			{ width:512px; height: 288px; margin:6px auto; border: none; outline:none; }
.office-images img			{ float: left; margin: 0 18px 18px 0; }
.office-images .last		{ margin-right: 0; }

/* Operating room */

#or-content-left 			{ float: left; width: 390px; }
#or-content-left div		{ width:350px; height: 275px; }
#or-right					{ width:350px; height: 527px; float: right; margin:0 0 18px 18px; }

/* Links */

a,a:link			{ color:#DB4104; text-decoration:underline; }
a:active			{ color:#ff0000; text-decoration:none; }
a:hover				{ color:#DB4104; text-decoration:none; }
a:visited			{ color:#D2501C; text-decoration:underline; }

a.noline:link,a.noline:active,a.noline:hover,
a.noline:visited	{ text-decoration:none; }

#top-nav a,
#top-nav a:link 	{ text-decoration:none; color:#e06931; } 
#top-nav a:active	{ color:#ff0000; }
#top-nav a:hover	{ color:#000; }
#top-nav a:visited	{ color:#e06931; }