/* == GENERAL SITE SETTINGS == */


* {
  padding: 0;
  margin: 0;
}

body {
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Arial, Helvetica, sans-serif;
  color: #111111;
  font-size: 12px;
  line-height: 20px;
  background: #fff;
}

a img {border: 0px;}


p {
	margin-bottom: 20px;
    }

p, blockquote {
	line-height: 20px;
    }

h1 { 
  font-size: 20px; 
  padding-bottom: 20px; 
  line-height: 20px;
  font-weight: normal;
  color: #666;
  margin: 0px;
}

h2 { 
  font-size: 20px; 
  margin-bottom: 20px;
  line-height: 20px;
  color: #921818;
  font-weight: normal;
}

h3 { 
  font-size: 12px; 
  font-weight: bold;
  line-height: 20px;
  }	
	
ul, ol { 
  margin-bottom: 20px; 
}	

li {
  font-size: 12px;
  line-height: 20px;
}
	

	
/* navigation */
	
.navColumn h2 { 
  font-size: 14px; 
  margin-bottom: 0px;
  line-height: 20px;
  color: #921818;
  font-weight: normal;
}
		
	
	
/* 	*/
body {background: url('assets/baseline-grid-20.gif'); }


	
	
/* content pages ====================================== */

#pageWrapper {
	width: 1065px;
	margin: 0px auto;
	background: url('assets/bgnd-leftcolumn.gif') repeat-y;
	overflow: auto;
	}
	
#siteBanner {
	height: 158px;
	background: url('assets/bgnd-banner.jpg') no-repeat top right;
	position: relative;
	}		
#topLeftImage {
	width: 225px;
	height: 275px;
	position: absolute;
	top: 11px;
	left: 11px;
	background: none;
	}
#topLeftImage div {
	width: 225px;
	height: 275px;
	position: absolute;
	top: 0px;
	left: 0px;
	
	}	
#topLeftImage #slide1 {
	background: url('assets/banner-top-left-slide1.gif') no-repeat top left;
	}	
#topLeftImage #slide2 {
	background: url('assets/banner-top-left-slide2.gif') no-repeat top left;
	}	
#topLeftImage #slide3 {
	background: url('assets/banner-top-left-slide3.gif') no-repeat top left;
	}	
#topLeftImage #slide4 {
	background: url('assets/banner-top-left-slide4.gif') no-repeat top left;
	}	
	
body.rbc #topLeftImage {
	background: url('assets/banner-top-left-slide3.gif') no-repeat top left;
}				
body.rbc #topLeftImage div	{
	height: 1px;
}				
				
#ruckerLogo {
	background: url('assets/banner-logo-rucker-md.png') no-repeat;
	position: absolute;
	top: 13px;
	left: 220px;	
	width: 520px;
	height: 100px;
	}	
	
body.rbc #ruckerLogo {
	background: url('assets/ruckerbanner-logo-rbc.png') no-repeat;
	height: 120px;
	}		
	
#ruckerLogo a {
	width: 100%;
	height: 100%;
	display: block;
	}	
#ruckerLogo span {
	position: absolute;
	left: -1000px;
	}	
	
	

a#bannerPromo {
	position: absolute;
	display: block;
	top: 20px;
	right: 20px;
	width: 160px;
	height: 200px;
	border: 0px;
	}	
a#drRuckerLink {
	display: block;
	position: absolute;
	top: 130px;
	right: 170px;
	width: 160px;
	height: 100px;
	background: url('assets/link-dr-rucker.png') no-repeat top left;
	z-index: 100;
}	
a#drRuckerLink:hover {
	background: url('assets/link-dr-rucker.png') no-repeat -160px 0px;
}
a#drRuckerLink span {
	position: absolute;
	left: -3000px;
}
ul#bannerNav {
	position: absolute;
	top: 40px;
	left: 780px;
	text-align: right;
	list-style: none;
	color: #fff;
	font-weight: bold;
	letter-spacing: .1em;
	}	
ul#bannerNav a, ul#bannerNav a:visited {
	text-decoration: none;
	color: #b37f7f;
	text-transform: uppercase;
	}
ul#bannerNav a:hover {
	text-decoration: underline;
	color: #fff;
	}
a#bannerPromo img {
	border: 0px;
	}	
	
#columnsWrapper {
	width: 100%;
	overflow: visible;
	position: relative;
	}	
#columnsClear {
	clear: left;
	}	
	
#navColumn {
	width: 218px;
	margin: 0px 0px;
	float: left;
	padding: 140px 40px 0px 40px;
	}	
	
#navColumn h2, #navColumn h3 {
	padding-left: 20px;
	}
#navColumn h2 {	
	color: #000;
	text-transform: uppercase;
	}		
#navColumn h3 {	
	color: #900;
	}
#navColumn ul {
	list-style: none;
	border-bottom: 1px solid #ccc;
	padding-bottom: 19px;
	}	
	
#navColumn a, #navColumn a:visited {
	text-decoration: none;
	color: #666; 
	display: block;
	line-height: 14px;
	padding: 4px 0px 4px 20px;
	}		
#navColumn a:hover, #navColumn a.active {
	background: url('assets/nav-rollover-icon.png') no-repeat 0px 4px;
	color: #000;
	}	
#navColumn h2 a, #navColumn h2 a:hover {
	text-decoration: none;
	color: #333;
	margin-left: -20px;
	margin-bottom: 20px;
	display: block;
	}	
	
#navColumn a img {
	border: 0px;
	}		
	 
#contentColumn {
	width: 400px;
	margin: -30px 0px 0px 0px;
	float: left;
	padding: 0px 30px;
	}	

#contentColumn.article {
	margin: 10px 0px 0px 0px;
	width: 600px;
	}		
#contentColumn h1 {
	color: #fff;
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 34px;
	  background: url('assets/bgnd-h1.gif') no-repeat 70px 30px;
	}
#contentColumn.article h1 {color: #900;}	

#contentColumn h2 {
	color: #900;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
#contentColumn h3 {
	color: #900;
	display: inline;
	}		
		
#contentColumn ul, #contentColumn ol {
	padding-left: 40px;
	}		
#contentColumn .highlightedSection	{
	margin: 0px -30px 20px -30px;
	padding: 20px 30px 20px 30px;
	background: #ccc;
	}	
#contentColumn .inlineHeader h3, #contentColumn .inlineHeader h4 {
	display: inline;
	padding-right: .5em;
	} 
#contentColumn .inlineHeader p {display: inline;}
#contentColumn .inlineHeader {margin-bottom: 20px;}
	
	
	
/* SIDEBAR */
	
#sidebarColumn {
	width: 286px;
	margin: 60px 0px 0px 0px;
	float: left;
	padding: 20px 0px;
	border-left: 1px solid #999;
	}	
#sidebarColumn blockquote {
	color: #999;
	font-size: 16px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}		
#sidebarColumn	.section {
	padding: 19px 0px 0px 20px;
	border-top: 1px solid #999;
	width: 100%;
	overflow: hidden;
	}
 #sidebarColumn	.section.shaded {
	background: #eeeede;
	}/*
#sidebarColumn	.section.shaded ul {
	margin-bottom: 0px;
	}	*/
 #sidebarColumn	.section.shadedAlternate {
	background: #999;
	}	
 #sidebarColumn	.section.shadedAlternate	a,  #sidebarColumn	.section.shadedAlternate a:visited {color: #fff !important;}
#sidebarColumn a, #sidebarColumn a:visited {
	text-decoration: none;
	display: block;
	color: #900;
	text-transform: uppercase;
	}
#sidebarColumn a:hover {
	text-decoration: underline;
	}	
	
#sidebarColumn h2 {
	color: #900;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 0px;
	text-transform: uppercase;
	}
#sidebarColumn h2 span {
	text-transform: none;
	color: #000;
	}	
#sidebarColumn .navList {
	list-style: none;
	}
#sidebarColumn .navList a, 	#sidebarColumn .navList a:visited {
	color: #333;
	text-decoration: none;
	}
#sidebarColumn .navList a:hover {
	color: #000;
	text-decoration: underline;
	}	
#sidebarColumn #officeMngerImg {
	float: left;
	}
#sidebarColumn #officeMngerText	{
	width: 140px;
	float: right;
	}
	#officeMngerText .contactInfo {
	font-weight: bold;
	font-size: 12px;
	}
	a.patientInfo {
	margin-left: -20px;
	padding-left: 20px;
	display: block;
	padding-right: 20px;
	line-height: 14px;
	background: url('assets/nav-rollover-icon.png') no-repeat 0px 0px;
	color: #009;
	text-decoration: underline !important;
	}
a.patientInfo:hover {
	color: #000 !important;
	}
	
#pageFooter {
	border-top: 1px solid #999;
	background: #fff;
	padding: 20px;
	}	
	
/* ARTICLE PAGE */

#article #navColumn {
	text-align: right;
	}
#articleNav {
	background: url('assets/bgnd-leftcolumn-articles.gif') repeat-y;
	/* zero out the nav column padding */
	margin: 0px -40px 40px -40px;
	padding: 40px 0px 0px 40px;
	}
	
#articleNav .group {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 0px;
	}
	
#articleNav h2 {
	margin-right: 40px;
	color: #999;
	padding: 10px 0px;
	}	
	
#articleNav ul 
	{
		margin: 0px;
	}	
	
#articleNav ul li 
	{
	border-top: 1px solid #ccc;
	margin-right: 40px;
	}	
	
#articleNav ul li a, #articleNav ul li a:visited {
	font-size: 10px;
	color: #900;
	}	
	
	
/* contact page */

#contentColumn.contact {
	width: 700px;
	margin-top: 20px !important;
	}
	
/* photogallery */

#contentColumn.photogallery {
	width: 700px;
	}	

.photoGalleryTable td {
	padding: 0px 10px 20px 0px;
	}
	
.photoGalleryTable td span.caption {
display: block;
	padding: 7px;
	}	
	
.photoGalleryTable {
	padding: 10px 0px 20px 0px;
	width: 80%;
	}
	
.photoGalleryTable td {
	width: 33.3%;
	}		
	
.photoGalleryTable span.surgeonCaption {
	font-size: 8px !important;
	color: black !important;
	text-transform: uppercase !important;
	padding: 0px 7px 7px 7px;
	margin-top: -10px;
	display: block;
}	

.photoGalleryTable img {
	border: 0px;
	}

.photoGalleryTable td.photo {
text-align: center;
}	

.patientInfo {font-size: 85%}

#rightColumnIconNav, #rightColumnIconNav ul {
	width: 100%;
	overflow: auto;
	}
	
	#rightColumnIconNav  {
		margin-bottom: 20px;
		}
	
#rightColumnIconNav ul, #rightColumnIconNav li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}	
	
#rightColumnIconNav ul li {
	width: 70px;
	height: 70px;
	border-right: 1px solid #999;
	float: left;
	position: relative;
	}	
	
#rightColumnIconNav ul li.link4 {
	border-right: 0px;
	}	
	
#rightColumnIconNav ul li span {
	width: 70px;
	height: 70px;
	position: absolute;
	background: #fff url('assets/right-column-icon-nav.gif') no-repeat;
	}
	
#rightColumnIconNav ul li.link1 a span  {
	background-position: -10px -10px;
	}	
#rightColumnIconNav ul li.link1 a:hover span  {
	background-position: -9px -107px;
	}	
	
#rightColumnIconNav ul li.link2 a span  {
	background-position: -80px -10px;
	}	
#rightColumnIconNav ul li.link2 a:hover span  {
	background-position: -79px -107px;
	}	
	
#rightColumnIconNav ul li.link3 a span  {
	background-position: -155px -10px;
	}	
#rightColumnIconNav ul li.link3 a:hover span  {
	background-position: -154px -107px;
	}	
	
#rightColumnIconNav ul li.link4 a span  {
	background-position: -230px -10px;
	}	
#rightColumnIconNav ul li.link4 a:hover span  {
	background-position: -229px -107px;
	}			
	
#sidebarColumn .shadedLink {
	background: #999;
	padding: 10px 20px;
	width: 100%
	}	
	

#sidebarColumn .shadedLink a {
	text-shadow:2px 2px 3px #444;
	color: #fff;
	text-decoration: none;
	font-size: 140%;
	text-transform: none;
	padding-right: 20px;
	display: block;
	}	

#sidebarColumn .shadedLink a:hover {
	color: #000;
	text-shadow:none;
	
	}