* {margin: 0; padding: 0;}
body {
	font: 12px/18px Verdana, sans-serif;
	color: #541800;
	text-align: center;
	background: #402e27;
	height: 100%;
	/*background: transparent url(../images/content-bg.jpg) 50% 0 repeat-y;*/
}

/* edit.com visible styles */
BODY, TD, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; font-size: 12px; line-height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #541800; }

.Title		{ color: #BF6C2D; font-size: 20px; font-weight: normal; font-family: Arial; text-transform: uppercase; line-height: 1em; }
.Header		{ color: #541800; font-size: 18px; font-weight: normal; font-family: Verdana; line-height: 1em; }
.Subheader	{ color: #524A25; font-size: 16px; font-weight: normal; font-family: Verdana; line-height: 1em; }

.Orange		{ color: #BF6C2D; }
.Green		{ color: #524A25; }
.Brown		{ color: #541800; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 16px; line-height: 1em; }
.LargeText	{ font-size: 24px; line-height: 1em; }

IMG.FloatLeft 	{ float: left; margin: 0 10px 10px 0; }
IMG.FloatRight 	{ float: right; margin: 0 0 10px 10px; }
IMG.OrangeBorder{ border: 3px solid #c06d2e; }

/*-----------------------------------------
Typography Everything set to 18px baseline
|grid. use increments of 18px for images, 
logos etc to maintain this grid
-----------------------------------------*/

/*-----------------------
LINKS 
-----------------------*/
a {cursor:pointer; outline: none;}
a, a:link, a:visited {text-decoration: underline;color: #7f2e14; font-weight: bold;}
a.visited {color: #c9c9c9; font-weight: normal;}
a:hover, a:active  {text-decoration: none; color:#bf6c2d;}
* #footer h2 a {font-weight: normal; color: #fbfafb; text-decoration: none;}
* #footer .text_nav a {color: #d9e8a3; text-decoration: none;	font-size: 10px; font-weight: normal; text-transform: lowercase;}
* #footer a:hover {text-decoration: underline; color: #bf6c2d;}

/* displays icons next to PDF and WORD docs */
* .doc {
	padding: 4px 18px 5px 0;
	background: url(../images/icon_doc.gif) 100% 50% no-repeat;}
* .pdf { 
	padding: 4px 18px 5px 0;
	background: url(../images/icon_pdf.gif) 100% 50% no-repeat;}
* .video-link {
	padding: 4px 18px 5px 0;
	background: url(../images/icon_video.gif) 100% 50% no-repeat;}

* #logo a {display: block; width: 565px; height: 162px;}

* .sesame-link a {color: #c06c2e; font-weight: normal; font-size: 10px;}
dd a.toggle-link {display: none; text-align: right; font-weight: bold;}
p.top-link a {font-weight: normal; padding-right: 18px; background: url(../images/up-arrow.gif) 100% 50% no-repeat;}
* .sitemap-list li a {color: #000; text-decoration: none;}
* .sitemap-list a:hover {color: #bf6c2d; }
* .sitemap-list li li a {font-weight: normal;}

/*------------------------
Headings
------------------------*/
* .jcir {display: none;}
h1, h2, h3, h4, h5, h6, dt {font-weight: normal;}
h1.jcir {font-size: 22px; line-height: 27px; padding: 0; text-align: left; margin: 0 0 9px; color: #bf6c2d; font-weight: bold;}
body.interior h1.jcir {margin: 0 0 54px;}

h1#logo {
	margin: 0;
	height: 162px;
}
h2 {
	color: #541800;
	font-size: 18px;
	line-height: 18px;
	margin: 9px 0 18px;
}
h2 span {font-size: 16px; font-weight: normal;color: #3d5c00;}
h3 {
	color: #524a25;
	font-size: 16px;
	line-height: 18px;
	margin: 9px 0 0;
	}
h4 {
	font-size: 14px;
	line-height: 18px;
	margin: 18px 0 0 0;
}
h5 {
	font-size: 12px;
	line-height: 18px;
	margin: 18px 0;
}

* .replaced {overflow: hidden; text-indent: -999em; background-repeat: no-repeat; }
/*-------------------------
LISTS 
-------------------------*/
ol, ul, dl {
	list-style: none;
	margin: 0px 0 12px;
}
dl {margin: 0 0 18px; text-align: left;}
dl.indent {margin: 9px 18px 27px;}
dt {
	color: #541800;
	font-size: 18px;
	line-height: 18px;
	margin: 18px 0 18px;
}
dl dl dt {
	color: #524a25;
	font-size: 16px;
	margin: 18px 0 9px;
}
dl.subnav dt {position: relative;}
dt em {color: #3d5c00; font-weight: normal;}
dd {margin: 0 0 18px;}
dd ul, dd ol {margin: 9px 0 9px 9px;}
dd ul li {margin-left: 18px;}

ul {margin-bottom: 27px;}
ol {list-style: decimal outside; margin-left: 18px;}
ol ol {margin: 0 0 18px;}
ol li {margin-left: 18px;}
li {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 0;}
li {line-height: 18px; margin-bottom: 3px;}
li > p {margin-bottom: 18px;}

ul.bullet, ul#sitemap-list {
	list-style: none;
	display: block;
	margin-left: 9px;
}
ul.bullet li {margin-left: 9px; padding-left:18px; background: url(../images/bullet.gif) 0 6px no-repeat}
ul.bullet-large li {margin-left: 9px; padding-left:18px; background: url(../images/bullet-large.gif) 0 0px no-repeat}
ul.bullet ul {margin: 0 0 9px 0;}
ul.bullet-large ul li, ul.bullet ul li {padding-left: 18px; background: url(../images/bullet.gif) 0 6px no-repeat; margin-left: 9px;}

/*--Used with jQuery to style bullet and text separately*/
ol.js {list-style: decimal outside; margin-left: 9px; font: bold italic 16px Georgia;}
ol.alpha.js {font-size: 18px;}
ol.js li span {font: normal normal 12px Verdana;}
/*--end */
ol.alpha {list-style: upper-alpha outside;}
ol.numeric {list-style: decimal outside;}


ul.sitemap-list, ul.sitemap-list ul {margin-left: 9px;}
ul.sitemap-list li {padding-left:18px; background: url(../images/bullet.jpg) 0 5px no-repeat; line-height: 18px; margin: 0 18px;}
ul.sitemap-list li li {margin-bottom: 0;}




/*-------------------------- 
PARAGRAPHS
-------------------------*/
p {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 27px 0;}
p.sub-nav {margin: 0 0 9px;}
p.notice {
	margin: 18px;
	padding: 9px;
	color: #ff0000;
	border: 1px dotted #ff0000;
	background: #fefda1;
}
p.note {padding-left: 36px;background: url(../images/note_bullet.jpg) 0 50% no-repeat;}
p.top-link {font-weight: normal; text-align: right; clear: both; }
/*--------------------------
TEXT 
-------------------------*/
* .center {text-align: center;}
* .right {text-align: right;}
strong, b {	font-weight: bold; color: #7f2e14;}
em {font-style:italic;}
sup, sub {font-size: 85%;}
q:before, q:after {/* remove quotes since IE doesn't understand :( */
    content: ""; }
q {font-style: oblique;}
q.js span {font: 22px Georgia; color: #802c11; line-height: 18px; vertical-align: middle;}
hr {display: none; clear: both;}
div.hr {height: 9px; border-bottom: 1px dashed #3d5c00; margin: 18px 0; clear: both;}
li blockuote {margin: 0; padding: 0; display: inline;}
blockquote p {margin: 0;}
* .map {
	width: 550px; 
	height: 400px; 
	border: 3px solid #c06d2e; 
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	overflow: hidden; 
	display: block; 
	margin: 18px auto; 
	padding: 9px;
	text-align: center;
}
* .map {
	width: 550px; 
	height: 400px; 
	border: 3px solid #c06d2e; 
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	overflow: hidden; 
	display: block; 
	margin: 18px auto; 
	padding: 9px;
	text-align: center;
}


/*----------------------------- 
Shortcuts	
-----------------------------*/
/* Image Replacement -- add class="replace" to root element, i.e. <p> and add a bg image*/
* .replace {letter-spacing : -1000em;line-height: 0;overflow: hidden;line-height: 0;text-indent: -999em;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .replace {letter-spacing : normal;text-indent : -999em;overflow : hidden;}
/* End of hack */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;
			 line-height: 0;height: 0;}
* .clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
* .hide {display: none;}

/*--------------------------------- 
Flash
---------------------------------*/
* #flash-home {width: 607px; height: 232px; position: absolute; left: 279px;}
* .flash-replaced .alt {/*JQUERY STYLE - sets size of container to 0 to hide alternative content*/
	display: block;height: 0px;position: absolute;overflow: hidden;width: 0px;}
* .module {margin: 9px auto 27px; text-align: center;}/* global margins for all flash mods */
/*--------------------------------- 
Images
---------------------------------*/
img {display: block;border: 0;outline: 0;}
* .img-left {
	position: relative;
	float: left;
	margin: 9px 36px 36px 0;	
	clear: left;
}
* .img-right {
	position: relative;
	float: right;
	margin: 0 0 21px 15px;
	clear: right;
}
* .img-center {margin: 16px auto 34px; text-align: center;}
img.img-right, img.img-left, * .img-center {
	border: 3px solid #c06d2e;
}

/*---------------------------
Layout
---------------------------*/
* #container {
	width: 100%;
	margin: 0;
	background: url(../images/body-bg.jpg) 50% 0; 
}
* #content {
	width: 908px;
	position: relative;
	margin: 0 auto;
	padding-bottom: 63px;
	background: #dae9a6 url(../images/content-bg.jpg) 50% 0 no-repeat;
	border: 1px solid #707856;
	border-width: 0 1px;
	min-height: 736px;
	
	min-height: 850px;
	
}
* #header {
	height: 162px;
}
* #nav {
	width: 243px;
	position: absolute;
	left: 0;
	margin-top: 81px;
	padding-bottom: 36px;
	text-align: left;
}
#nav a {display: block; height: 35px; background: url(../images/nav.png) no-repeat; padding-bottom: 1px;}
#nav ul {margin: 0; padding: 0;}
#nav ul li {margin: 0 0 0 27px; background: url(../images/nav-li-border.jpg) 27px 100% no-repeat;}
#nav ul ul {margin: -9px 0 0 9px; padding-bottom: 9px; display: none; position: relative;}
#nav ul li.home, #nav ul ul li {background: none;}
#nav ul li.active ul {display: block; height: auto;}
#nav ul ul li a {display: inline; font-size: 11px; font-weight: normal; color: #222222; height: auto; text-decoration: none; background: none; padding: 0;}
#nav ul ul li.active a, #nav ul ul li a:hover {color: #c06d2e;}

* #our-office, * #new-patients, * #orthodontics, * #life-with-braces, * #contact-us, * #home {
	width: 200px;
	overflow: hidden;
	text-indent: -999em;
}
#nav #our-office {background-position: 0 0;}
#nav li:hover #our-office, #nav li.sfhover #our-office, 
#nav li.active #our-office, #nav li.active.selected #our-office {background-position: -216px 0;}
#nav #new-patients {background-position: 0 -35px;}
#nav li:hover #new-patients, #nav li.sfhover #new-patients, 
#nav li.active #new-patients, #nav li.active.selected #new-patients {background-position: -216px -35px;}
#nav #orthodontics {background-position: 0 -70px;}
#nav li:hover #orthodontics, #nav li.sfhover #orthodontics, 
#nav li.active #orthodontics, #nav li.active.selected #orthodontics {background-position: -216px -70px;}
#nav #life-with-braces {background-position: 0 -105px;}
#nav li:hover #life-with-braces, #nav li.sfhover #life-with-braces, 
#nav li.active #life-with-braces, #nav li.active.selected #life-with-braces {background-position: -216px -105px;}
#nav #contact-us {background-position: 0 -140px;}
#nav li:hover #contact-us, #nav li.sfhover #contact-us, 
#nav li.active #contact-us, #nav li.active.selected #contact-us {background-position: -216px -140px;}
#nav #home {background-position: 0 -175px;}
#nav li:hover #home, #nav li.sfhover #home, 
#nav li.active #home, #nav li.active.selected #home {background-position: -216px -175px;}


* #content-body {
	text-align: left;
	margin: 0 54px 0 279px;
	padding-top: 277px;
}
body.interior #content-body {padding-top: 45px;}
* .col {width: 50%; float: left;}
* #top-nav {
	width: 162px;
	height: 153px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 238px;
}
#top-nav ul li {
	display: inline;
}
#top-nav ul a {
	display: block;
	float: left;
	margin: 0;
	width: 54px;
	height: 153px;
	overflow: hidden;
	text-indent: -999em;
	background-image: url(../images/top-nav.jpg);
}
#top-nav #appointments {background-position: 0 0;}
#top-nav li:hover #appointments, #top-nav li.sfhover #appointments, 
#top-nav li.active #appointments {background-position: 0 -153px;}
#top-nav #patient-login {background-position: -54px 0;}
#top-nav li:hover #patient-login, #top-nav li.sfhover #patient-login, 
#top-nav li.active #patient-login {background-position: -54px -153px;}
#top-nav #doctor-login {background-position: -108px 0;}
#top-nav li:hover #doctor-login, #top-nav li.sfhover #doctor-login, 
#top-nav li.active #doctor-login {background-position: -108px -153px;}

* #footer {
	clear: both;
	padding-top: 27px;
	position: relative;
	background: #402e27 url(../images/footer-bg.jpg) 50% 0 repeat-x;
}
* #footer-content {
	position: relative;
	width: 908px;
	margin: 0 auto;
	text-align: center;
}
#footer-content h2 {margin: 0 0 9px; font-size: 12px; color: #fbfafb;}
#footer-content h2, #footer-content p {margin-left: 279px; margin-right: 27px; text-align: left;}
#footer p {margin-bottom: 18px; }
#footer-content p.footer-text, #footer-content p.text_nav {color: #fbfafb; font-size: 10px;}
#footer-content q.js span {font-size: 14px; color: #fbfafb;}
* #address {
	width: 166px;
	height: 99px;
	overflow: hidden;
	background: url(../images/address-bg.jpg) 0 0 no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	margin: -127px 0 0 54px;
	padding-top: 9px;
}
#address li {
	padding: 0;
	margin: 0 18px;
	text-align: center;
	color: #3d5c00;
	letter-spacing: normal;
}
#address li p {font-size: 10px; margin: 0 0 9px; font-weight: normal; text-align: center;}
#address h2 {font-size: 12px; color: #3d5c00; margin: 0; text-align: center;}
* .footer-logos {width: 166px; position: absolute; left: 54px;}
.footer-logos li {display: inline;}
.footer-logos li img {}

/*---------------------------
Sesame Forms
---------------------------*/

/* Global form styles */
div.referral-form, div.appointment-form, div.comments, div.login-form {
	width: 500px;
	margin-top: 18px;	
	letter-spacing: normal;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

fieldset {border: 0; padding: 9px 0;color: #402e27; margin: 0 18px;}
fieldset div {clear: both; padding-bottom: 9px;}
* .form-header {color: #002544; border-bottom: 1px solid #402e27;/*optional, change color to match site*/}
.form-header h3 {margin: 0 0 9px;}
.form-header p {margin: 0 0; padding-bottom: 18px;}
* .form-footer {padding-top: 18px; text-align: center; border-top: 1px solid #402e27;/*optional, change color to match site*/}
.form-footer button {/*these styles control the look of the button, change as necessary*/
	clear:both;/*do not change, forces button to sit below floated elements*/
	margin: 9px auto;/*do not change, controls positioning*/
	display: block;
	width:125px;
	height:34px;
	background:#bf6c2d;/* customize me! */
	border: 1px solid #402e27;
	text-align:center;
	line-height:34px;
	color:#402e27;/* customize me! */
	font-size:12px;
	font-weight:bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
fieldset input, fieldset textarea, fieldset select {
	_height: 27px;
	line-height: 18px;
	display: block; 
	padding: 4px 9px 5px 9px; 
	border: 1px solid #002544; 	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: inline-block;
}
fieldset textarea {height: 144px; overflow: auto;}
fieldset select option {padding-left: 9px; line-height: 18px;}
fieldset input.radio {border: 0;}
fieldset p.verification img {border: 1px solid #002544;}
fieldset label {margin-top: 9px; margin-bottom: 9px; font-size: 12px; font-weight: bold; line-height: 18px; letter-spacing: normal;}
fieldset label, label span {text-align: left; line-height: 18px; height: 18px;}
label.required {background: url(../images/required_note.gif) 100% 0 no-repeat;}
p.required-note {font-weight: bold;}
p.required-note img {display: inline;}
p.radio-float, p.radio-float input, p.radio input {line-height: 18px; vertical-align: middle; border: none; background: none; }



/* appointment form */
* .appointment-form {
	margin: 18px 0;
	padding: 9px;
}
.appointment-form fieldset {border: 0; }
.appointment-form label {/*floats labels left*/
	display:block;
	width:45%;
	float:left;
	clear: left;
	margin-top: 9px;
	line-height: 18px;
	}
.appointment-form label span {/*sits below labels; holds instructions*/
	color:#3d5c00;
	display:block;
	font-size:11px;
	font-weight:normal;
	width:100%;}
.appointment-form input, .appointment-form select, .appointment-form textarea {
	float:left;
	font-size:12px;
	width:48%;
	margin:9px 0 9px 2%;
	background: #ffffff;}
.appointment-form p.radio, .appointment-form p.verification {
	clear: both;
	margin: 9px 0 9px 47%;
	font-size: 12px;}
.appointment-form p.radio-float {
	clear: none;
	float:left;
	width: 45%;
	padding:0;
	margin:9px 0 9px 2%;
	vertical-align: middle;
	line-height: 18px;}
.appointment-form span#found-other {display: block; clear: both; width: 100%;}
.appointment-form span#found-other input {margin-left: 47%; _width: 90%; background: #fff0b2; display: block; float: none;}
.appointment-form p.verification {margin-top: 0;}
.appointment-form p.radio input, .appointment-form p.radio-float input {
	float: none;
	width: auto;
	margin: 0 0 0 2%;
	padding: 4px 2px;
	display: inline;
}

/* comment form */	
div.comments {
	margin: 18px 0;
	padding: 10px;
}
.comments li {margin-left: 18px; font-weight: bold; margin: 0;}
.comments label {/*floats labels left*/
	display:block;
	font-weight:bold;
	width:45%;
	float:left;}
.comments label span {/*sits below labels; holds instructions*/
	color:#3d5c00;
	display:block;
	font-size:11px;
	font-weight:normal;
	width:100%;}
.comments .label-block label {float: none; clear: both; width: 100%; text-align: left;}
.comments input, .comments textarea {
	float:left;
	font-size:12px;
	width:45%;
	margin:9px 0 9px 2%;
	background: #ffffff;}
.comments textarea {width: 95%;}
.comments p.verification {
	clear: both;
	margin: 9px 0 9px 47%;
	font-size: 12px;}
.comments p.radio-float {
	clear: none;
	float:left;
	width: 45%;
	padding:0;
	margin:9px 0 9px 0;
	vertical-align: middle;
	line-height: 18px;}
.comments p.verification {margin-top: 0;}
.comments p.radio input, .comments p.radio-float input {
	float: none;
	margin: 0 0 0 0;
	padding: 4px 2px;
	width: auto;}
.comments p.radio span {padding: 0 2% 0 0;}
.comments .radio {text-align: left; font-weight: normal;}
.comments .comments-box label {float: none; font-weight: normal; display: block; text-align: left;}
.comments .comments-box textarea {float: none; margin-left: 0; width:95%;
}

/* referral form */
div.referral-form {
	margin: 18px 0;
	padding: 10px;
}
.referral-form fieldset {border: 0; }
.referral-form label {/*floats labels left*/
	display:block;
	font-weight:bold;
	width:45%;
	float:left;
	line-height: 18px;}
.referral-form label span {/*sits below labels; holds instructions*/
	color:#3d5c00;
	display:block;
	font-size:11px;
	font-weight:normal;
	width:100%;}
.referral-form input, .referral-form textarea {
	float:left;
	font-size:12px;
	width:45%;
	margin:9px 0 9px 2%;
	background: #ffffff;
	position: relative;}
.referral-form p.radio, .referral-form p.verification {
	clear: both;
	margin: 9px 0 9px 47%;
	font-size: 12px;}
.referral-form p.radio-float {
	clear: none;
	float:left;
	width: 45%;
	padding:0;
	margin:9px 0 9px 2%;}
.referral-form p.verification {margin-top: 0;}
.referral-form p.radio input, .referral-form p.radio-float input {
	float: none;
	width: auto;
	margin: 0;
	vertical-align: middle;
	line-height: 18px;
	height: 18px;
}
/* Mini-Contact Form */
* .contact-form {
	margin: 0 auto;	
	width: 216px; 
	padding: 9px;
	border:solid 2px #02003e;/*optional, change color to match site*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.contact-form fieldset {border: 0; padding: 9px 0;}
.contact-form label {display: none;}
.contact-form input, .contact-form textarea {
	font: normal 12px/18px Verdana, sans-serif;
	width:90%;
	margin:9px auto;
	background: #ffffff;}

/* Errors */

/* JQuery */
input.error, select.error, textarea.error {border-color: #a52003; background: #fefda1; }
div.error {padding-left: 18px; background: url(../images/validate_error.gif) 0 0 no-repeat; color: #a52003; 
		 display: block; margin:0 0 9px 47%; font-size: 11px; font-weight: normal; line-height: 18px;}
div.success {padding-left: 18px; background: url(../images/validate_ok.gif) 0 0 no-repeat; color: #000000; 
		   display: block;margin:0 0 9px 47%;font-size: 11px; font-weight: normal; line-height: 18px;}
.contact-form div.error, .contact-form div.success {margin-left: 0;}
/*-------------------------------
SESAME CONTENT
-------------------------------*/
div#sesame-game {
background: #000;
line-height: 0;
margin: 10px auto;
text-align: center;
width: 400px}

ul#sesame-games {
list-style: none;
margin: 0;
padding: 0}

ul#sesame-games li {
clear: both;
display: block;
margin-left:0px;}

ul#sesame-games img {
border: 0;
margin: 0 0 10px 10px}

ul#sesame-games a.button {
float:right;
height:85px;
width:200px}

ul#sesame-games p {
padding-bottom: 1em}

* .left {
float:left;
margin:0 9px 18px 0;}
img.right {
float:right;
margin:0 0 18px 9px;}
* .clear {
clear:both;}
* #damon-bracket {
display:block;
margin:0 auto 18px auto;}
* #damon-wrap {
width:400px;
margin:0 auto;}
* #damon-left {
float:left;
width:175px;
margin-right:18px;}
* #damon-right {
float:left;
width:170px;}
* #flash-damon-system-comparison {
margin:0 auto;
width:250px;}
* #video-the-damon-system {
margin: 0 18px 18px 0;
width: 240px;
height: 206px;
float: left;
clear: left;}
* #video-the-damon-system-2 {
margin: 0 18px 18px 0;
width: 400px;
height: 330px;
float: left;
clear: left;}


#slideshow-container ul.slideshow {
	list-style: none; 
	width: 460px; 
	height: 350px;
	overflow:hidden;
	margin: 0; 
	padding: 0;
	}
#slideshow-container {
	background: #DCEAC6; /* Customize me */
	border: solid 1px #a0b606; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	width: 460px; 
	padding: 10px;
	line-height: 18px;
	}
#slideshow-container div#caption {
	clear: both;
	background-color: #fff; /* Customize me */
	color: #333; /* Customize me */
	padding: 10px;
	width:440px;
	height:30px;
	display:block;
	margin: 10px 0 0 0;
	border: solid 1px #a0b606; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px;
	}

#slideshow-container ul.slideshow img {
	width: 460px; 
	height: 350px;
	margin: 0;
	}
.office-tour-nav {
	background-color: #fff; /* Customize me */
	margin: 0 0 10px 0;
	padding: 5px 3px;
	width:452px;
	height:20px;
	display:block;	
	border: solid 1px #a0b606; /* Customize me */
	-moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
	-webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove */
	}
.office-tour-nav a {
	text-decoration: none; 
	font-size: 12px; 
	padding: 5px; 
	margin: 0 3px; 
	color: #333;}
.office-tour-nav a.activeSlide, .office-tour-nav a:hover {color: #009EC7;}