/* HTML, BODY ---------- */
html {height: 100%; margin-bottom: 1px}
body {background: #A1916D url(images/layout_body_bg.gif) repeat-x; margin: 0}

/* TEXT ---------- */
body, table, input, textarea {color: #333; font: 11px/18px tahoma, sans-serif}
p {margin: 0 0 10px 0}
td {vertical-align: top}
.flash p {background: #FFFF99; line-height: 14px; margin: 10px; padding: 5px}
p#sesame {color: #FFF; font-size: 10px; font-weight: bold; text-align: right}

/* HEADERS ---------- */
h1 {color: #9D8F6C; font: normal 24px georgia, serif; margin: 0}
h2 {color: #5A2A34; font: italic normal 17px georgia, serif; margin: 0}
h3, .highlight {color: #9D8F6C; font-size: 12px; font-weight: bold; margin: 0}

/* LISTS ---------- */
ol, ul {margin-bottom: 10px; margin-top: 0}
ul#nav {float: left; list-style: none; margin: 0 10px 0 0; padding: 0; width: 160px}
.columns {list-style: none; margin: 0 0 16px 0; padding: 0}
.columns li.col2 {margin: -18px 0 0 80px}

/* LINKS ---------- */
a {color: #954B62; text-decoration: underline}
a:hover {text-decoration: none}
a#logo {background: url(images/michael_deweerd_dentistry.gif); bottom: 10px; color: #FFF; font-size: 30px; height: 48px; overflow: hidden; position: absolute; text-indent: -999em; width: 373px}
#footer a {color: #562832}
#sesame a {color: #FFF}

/* NAVIGATION ---------- */
#nav a {display: block; height: 30px; overflow: hidden; text-indent: -999px; width: 160px}
#meet_the_dentist {background: url(images/navigation/meet_the_dentist.gif)}
#meet_the_team {background: url(images/navigation/meet_the_team.gif)}
#office_tour {background: url(images/navigation/office_tour.gif)}
#for_new_patients {background: url(images/navigation/for_new_patients.gif)}
#dental_care {background: url(images/navigation/dental_care.gif)}
#pediatric_dentistry {background: url(images/navigation/pediatric_dentistry.gif)}
#cosmetic_dentistry {background: url(images/navigation/cosmetic_dentistry.gif)}
#sedation_dentistry {background: url(images/navigation/sedation_dentistry.gif)}
#smile_gallery {background: url(images/navigation/smile_gallery.gif)}
#rate_your_smile {background: url(images/navigation/rate_your_smile.gif)}
#treatments {background: url(images/navigation/treatments.gif)}
#the_game_room {background: url(images/navigation/the_game_room.gif)}
#contact_us {background: url(images/navigation/contact_us.gif)}
#home {background: url(images/navigation/home.gif)}
#nav a:hover, #nav .active, 
#nav li:hover #for_new_patients, #nav li.sfhover #for_new_patients, 
#nav li:hover #dental_care, #nav li.sfhover #dental_care, 
#nav li:hover #treatments, #nav li.sfhover #treatments, 
#nav li:hover #contact_us, #nav li.sfhover #contact_us {background-position: 0 -30px}

#nav ul {list-style: none; margin: 0; padding: 0}
#nav li {display: inline}
#nav li ul {background: #914D5B; border: 1px solid #5A2A34; border-width: 1px 1px 0 1px; left: -999em; position: absolute; z-index: 1}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -30px 0 0 160px}
#nav ul li a {border-bottom: 1px solid #5A2A34; color: #FFF; height: 12px; line-height: 11px; margin: 0; padding: 4px; text-indent: 0; text-decoration: none; width: 160px}
#nav ul li a:hover {background: #BE7584}

/* IMAGES ---------- */
img, table {border: none}
.border {border: 3px solid #D8CEB3}
.centered {display: block; margin: 0 auto}
.clear {clear: both}
.left {float: left; margin: 0 10px 10px 0}
.right {float: right; margin: 0 0 10px 10px}
.flash img {float: left; margin-right: 10px}

/* LAYOUT ---------- background: url(images/michael_deweerd_logo.gif) no-repeat 100% 10px;*/
#header { height: 100px; margin: 0 auto; position: relative; width: 650px}
#wrap {background: #FFF; border: 1px solid #796D52; margin: 0 auto; padding: 1px; width: 760px}
#wrap:after {clear: both; content: "."; display: block; height: 0; visibility: hidden}
#container {background: #5A2A34; float: left; padding: 10px}
#content {background: #FFF; border: 1px solid #BE7584; float: left; min-height: 408px; padding: 10px 10px 0 10px; width: 548px}
* html #content {height: 408px}
#footer {color: #FFF; padding: 10px 0; margin: 0 auto; text-align: center; width: 740px}

/* tour */
ul.slideshow {
	list-style: none; 
	margin: 0; 
	padding: 0;}
#slideshow-container {
	background: #fff; /* Customize me */
	border: solid 1px #333; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	width: 460px; 
	height: 350px; 
	padding: 10px;
	position: relative;}
#caption {
	margin: 10px 12px;
	height: 30px; /* Adjust this if caption text runs over two lines long */
	display: block;
	font-weight: bold;
	font-size: 1.17em;}
ul.slideshow img {
	width: 460px; 
	height: 350px;}
.office-tour-nav {
	background: #BE7584; /* Customize me */
	position: absolute; 
	z-index: 50; 
	bottom: 10px;
	padding: 0 3px;}
.office-tour-nav a {
	text-decoration: none; 
	font-size: 12px; 
	padding: 5px; 
	margin: 0 3px; 
	color: #fff;}
.office-tour-nav a.activeSlide {color: #333;}