@import url(type.css);

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a, img, object {border:none; outline:none;}
img {display: block;}
.hide {display:none;}


/* Address */
#address {
	/*background: url(../images/address.gif);*/
	height: 90px;
	float:right;
	right:0;
	top:80px;
	line-height:10px;
	position: absolute; 
	text-align:right; 
	color:#3b376c; 
	z-index:999
	}
.certified {font-size: 20px; font-weight: normal; font-family: 'ClarissaRegular', Verdana, Geneva, sans-serif; margin: 0 0 10px 0; color: #3b376c; line-height:10px}

/* Layout */
body {background: #b2cb9b url(../images/body-bg.jpg) top center no-repeat;}
#header {width: 990px; height: 160px; padding: 0 4px; margin: 0 auto; margin-bottom: 90px; position: relative;}

#container {background: url(../images/container-bg.png) repeat-y; width: 990px; margin: 0 auto; padding: 0 4px; clear: both; position: relative;}
#content-wrap {background: url(../images/content-wrap-bg.png) no-repeat; width: 907px; padding: 0 41px 0 42px;}
#content {width: 607px; margin: 0 40px 20px 4px; float: left;}
#footer {background: url(../images/footer-bg.png) no-repeat; width: 898px; height: 179px; margin: 0 auto; padding: 30px 50px 0 50px; clear: both;}

#sidebar-wrap {background: url(../images/sidebar-bg.gif) repeat-y; width: 252px; margin: 0 4px 20px 0; float: left;}
#sidebar {background: url(../images/sidebar-bottom.jpg) 0 100% no-repeat; min-height: 250px; padding: 0 15px 25px 15px; text-align: center; font-size: 12px; color: #646666; line-height: 16px;}
#sidebar .logo { float: right; clear: right; margin: 20px 0 0 0;}
#sidebar p {border: solid 1px #e6eff1; border-width: 0 0 1px; padding-bottom: 10px;}
#sidebar span {color: #8b1d8a;}
#sidebar .clarissa {font-size: 24px; line-height: 18px;}
#sidebar .layout {position: relative; top: 0; left: -15px;}

.right {float: right;}
.left {float: left;}
.clear {clear: both;}

div.hr {height: 0px; background-color: #99c9dc; border: solid 1px #99c9dc; border-width: 1px 0 0 0; margin: 20px 0; padding: 0; clear: both;}
hr {display: none; height: 0px; background-color: #99c9dc; border: solid 1px #99c9dc; border-width: 1px 0 0 0; clear: both;}

/* Images */
.border {border: solid 1px #99c9dc;}
.img-left {margin: 0 20px 20px 0; float: left; clear: left;}
.img-right {margin: 0 0 20px 20px; float: right; clear: right;}
.img-center {margin: 20px auto; display: block;}
.shift {position: relative;}
.layout {display: block;}
.auto {margin-bottom: 20px;}
.map {width: 600px; height: 420px; display: block; overflow: hidden;}

/* Typo */
body {font: 13px/20px Verdana, Geneva, sans-serif;}
#content {color: #333;}
#footer {color: #3b376c;}
.text_nav {}

#sesame-link { clear: both;}
#address p {display: inline-block;}

.segoe {font-family: 'SegoeUINormal', Verdana, Geneva, sans-serif;}
.clarissa {font-family: 'ClarissaRegular', Verdana, Geneva, sans-serif;}

p {margin: 0 0 20px 0;}
blockquote {margin: 0 30px 20px 30px;}
sup {font-size: 10px;}
em {font-style: italic;}


/* Links */
a {color: #5d7e40; text-decoration: none;}
a:hover {text-decoration: underline;}
#footer a {color: #3b376c; font-size: 11px;}
#footer a:hover {color: #3b376c; text-decoration: underline;}
.back-to-top {background: url(../images/back-to-top.png) no-repeat 0 4px; padding-left: 20px; clear: both;}
.pdf {background: url(../images/pdficon_small.gif) no-repeat 0 2px; padding-left: 20px; display: inline-block; height: 20px;}
.doc {background: url(../images/docicon_small.gif) no-repeat 0 2px; padding-left: 20px; display: inline-block; height: 20px;}

/* Headings */
h1, h1.headline {font-size: 40px; line-height: 54px; font-weight: normal; font-family: 'ClarissaRegular', Verdana, Geneva, sans-serif; margin: 0 0 20px 0; color: #3b376c; clear: both;}
h2 {font-size: 20px; line-height: 24px; font-weight: normal; margin: 0 0 20px; color: #94b775;}
h3 {font-size: 18px; font-weight: normal; margin: 0 0 20px; color: #3b376c;}
h4 {font-size: 14px; font-weight: bold; margin: 0; color: #333;}

h1#logo {background: url(../images/couto-logo.jpg) no-repeat; width: 363px; height: 143px; margin: 0; padding: 0; text-indent: -9999px; overflow: hidden; border: none;}
h1#logo a {width: 363px; height: 143px; display: block;}

/* jQuery home page slideshow */
#slideshow-home {width: 907px; height: 318px; margin: 0 0 20px; overflow: hidden;}

/* Flash */
.flash {width: 500px; margin: 10px auto; display: block;}
p.flash_notice {margin: 18px; padding: 9px; color: #ff0000; border: 1px dotted #ff0000; background: #ffffff; text-align: center;}

/* Flash Videos */
.video {display: block; margin-bottom: 20px;}

/* Lists */
ul, ol {margin: 0 0 20px 30px;}
dl dt {font-size: 16px; font-weight: bold; margin-bottom: 20px;}
dl dd ul {margin: 0; list-style-type: none;}

/* Main Navigation */
#nav {background: url(../images/nav-bg.gif) no-repeat; width: 998px; height: 90px; position: absolute; z-index: 50; top: -90px; left: 0;}
#nav ul {width: 980px; margin: 29px 0 0 10px; padding: 0; list-style: none;}
#nav li {height: 41px; margin: 0; padding: 0; list-style: none; display: inline; float: left;}
#nav li a {height: 41px; display: block; text-decoration: none; text-indent: -9999px; overflow: hidden;}

#about-us, #for-new-patients, #about-braces, #treatments, #invisalign, #contact-us, #home {background: url(../images/nav.gif) no-repeat;}

#about-us {background-position: 0 0; width: 117px;}
#nav li:hover #about-us, #nav li.active #about-us, #nav li.sfhover #about-us {background-position: 0 -41px;}

#for-new-patients {background-position: -117px 0; width: 200px;}
#nav li:hover #for-new-patients, #nav li.active #for-new-patients, #nav li.sfhover #for-new-patients {background-position: -117px -41px;}

#about-braces {background-position: -317px 0; width: 162px;}
#nav li:hover #about-braces, #nav li.active #about-braces, #nav li.sfhover #about-braces {background-position: -317px -41px;}

#treatments {background-position: -479px 0; width: 144px;}
#nav li:hover #treatments, #nav li.active #treatments, #nav li.sfhover #treatments {background-position: -479px -41px;}

#invisalign {background-position: -623px 0; width: 133px;}
#nav li:hover #invisalign, #nav li.active #invisalign, #nav li.sfhover #invisalign {background-position: -623px -41px;}

#contact-us {background-position: -756px 0; width: 141px;}
#nav li:hover #contact-us, #nav li.active #contact-us, #nav li.sfhover #contact-us {background-position: -756px -41px;}

#home {background-position: -897px 0; width: 83px;}
#nav li:hover #home, #nav li.active #home, #nav li.sfhover #home {background-position: -897px -41px;}

/* Drop Down */
#nav li ul {background: #a3e1f8; margin: 0; padding: 10px 0; width: 230px; position: absolute; z-index: 3; left: -9999px; border: solid 1px #96b875;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: 0; height: auto;}
#nav li ul li {display: block; height: 28px; padding: 0; margin: 0; float: none;}
#nav li ul li:hover, #nav li ul li.sfhover {background: #3b376c;}
#nav li ul li a {padding: 5px 0 5px 15px; margin: 0; width: auto; height: 18px; display: block; text-indent: 0; color: #3b376c;}
#nav li ul li a:hover {color: #fff;}

/* Sub Nav */
#sidebar h3 {text-align: right; font-family: 'SegoeUINormal', Verdana, Geneva, sans-serif; font-weight: bold;}
#subnav {color: #5d7e40; text-align: right;}
#subnav ul {margin: 0; list-style: none;}
#subnav li {margin: 0 0 5px;}
#subnav a {color: #5d7e40; font-size: 14px; font-family: 'SegoeUINormal', Verdana, Geneva, sans-serif;}
#subnav a:hover, #subnav li.active a {color: #5d7e40; text-decoration: underline;}
#subnav li.active a {cursor: default;}

/* Utility Nav */
#utility-nav {background: url(../images/utility-nav.gif) no-repeat; width: 298px; height: 41px; position: absolute; top: 15px; right: 10px;}
#utility-nav ul {margin: 0; padding: 0;}
#utility-nav li {margin: 0; padding: 0; height: 41px; list-style: none; display: inline; float: left;}
#utility-nav li a {width: 149px; height: 41px; display: block; text-decoration: none; text-indent: -9999px; overflow: hidden;}

#patient-login, #doctor-login {background: url(../images/utility-nav.gif) no-repeat;}

#patient-login {background-position: 0 0;}
#utility-nav li:hover #patient-login, #utility-nav li.sfhover #patient-login {background-position: 0 -41px;}

#doctor-login {background-position: -149px 0;}
#utility-nav li:hover #doctor-login, #utility-nav li.sfhover #doctor-login {background-position: -149px -41px;}

/* Footer Nav */
.footer-nav {width: 160px; margin: 0 60px 0 0; float: left;}
.footer-nav h4 {text-transform: uppercase; font-size: 14px; font-weight: bold; color: #3b376c; border: solid 1px #3b376c; border-width: 0 0 1px 0; margin: 0 0 5px; padding: 0 0 5px;}
.footer-nav ul {margin: 0; padding: 0; list-style: none;}
.footer-nav li {background: url(../images/footer-nav-bullet.gif) 0 7px no-repeat; padding: 0 0 0 15px;}

#sidebar-invisalign {float: left;}
#sidebar-invisalign img {margin: 0 10px 15px 40px;}

#social {float: left;}
#social img {float: left; margin: 0 7px 20px 0;}
#social ul {margin: 0 0 5px; list-style: none; clear: both;}
#social li {float: left; line-height: 11px; margin: 0 10px 5px 0; padding: 0 10px 0 0; border: solid 1px #3b376c; border-width: 0 1px 0 0;}
#social li.doctor-login, #social li.site-map {border: none;}


/* Clear Fix */
.cf {height: 1%;}
.cf:after {content: '.'; clear: both; display: block; height: 0; visibility: hidden;}

/* Hacks */
.msie7 #address p {display: inline;}
.msie7 #social {width: 250px;}

/* Sesame Content ------------------------- */ 

/* Emergency Care */
ul#toggle-emergency {
	list-style: none;
	margin: 0 0 1em 0;}
ul#toggle-emergency li {
	border: solid 1px #fff; /* Customize me! */
	border-width: 0 0 1px 0;
	padding: 1em 0;
	margin: 0;}
.general-soreness {
	background: url(http://media.sesamehost.com/images/emergency-care/general-soreness.gif) no-repeat;
	width: 80px;
	height: 60px;}
.headgear {
	background: url(http://media.sesamehost.com/images/emergency-care/headgear.gif) no-repeat;
	width: 80px;
	height: 60px;}
.loose-appliance {
	background: url(http://media.sesamehost.com/images/emergency-care/loose-appliance.gif) no-repeat;
	width: 80px;
	height: 60px;}
.loose-bracket {
	background: url(http://media.sesamehost.com/images/emergency-care/loose-bracket.gif) no-repeat;
	width: 80px;
	height: 60px;}
.loose-wire {
	background: url(http://media.sesamehost.com/images/emergency-care/loose-wire.gif) no-repeat;
	width: 80px;
	height: 60px;}
.poking-wire {
	background: url(http://media.sesamehost.com/images/emergency-care/poking-wire.gif) no-repeat;
	width: 80px;
	height: 60px;}
	
	/* common treatments */
	div.box {
	float: right;
	clear: right;
	width: 334px;
	background-color: #e1ef7e; /* Customize me! */
	padding: 5px 0 5px 5px;
	margin: 0 0 20px 20px;
	border: solid 1px #333; /* Customize me! */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px;
}
div.box img {
	float: left;
	border: solid 1px #333; /* Customize me! */
	margin-right: 5px;
}
div.box p {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}

/* In ovation */
div.comparison {
	background: #fff; 
	width: 100%;
	display: inline-block; 
	margin-bottom: 10px; 
	clear: both;
	padding: 10px;
	}
div.comparison div {
	float: left; 
	width: 46%;
	margin-right: 20px;
	}
div.comparison img {
	margin: 0 15px 0 0;
	float: left;
	}
#video-in-ovation {
	width: 320px;
	height: 266px;
	display: block;
	}


/* jQuery Cycle Before and After */
#before-after-container {
	width: 550px;
	height: 180px;
	line-height: 18px;
	margin: 0 0 18px 0;
	padding: 10px 0 10px 10px;
	background-color: #99c9dc; /* 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 */
	}
#before-after-container ul.slideshow {
	list-style: none; 
	margin: 0; 
	padding: 0;
	width: 550px;
	height: 190px;
	overflow: hidden;
	}
ul#before-after-cycle li img {
	width: 250px;
	float: left;
	margin-left: 10px;
	border: solid 1px #333; /* Customize me */
	}
#before-after-container p {
	float: left;
	width: 50%;
	margin: 0 0 10px 0;
	}
/*#before-after-container div.cycle-detail {
	min-height: 55px; 
	clear: both;
	background-color: #fff; 
	padding: 10px;
	margin: 0 10px 0 0;
	border: solid 1px #333; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;  
	}*/ 
#before-after-container .before-after-nav {
	background: #fff; /* Customize me */
	margin: 0 10px 10px 0;
	padding: 5px 3px;
	border: solid 1px #333; /* 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 */
	}
#before-after-container .before-after-nav a {
	text-decoration: none; 
	font-size: 12px; 
	padding: 5px; 
	margin: 0 3px; 
	outline: none;
	color: #333; /* Customize me */
	}
#before-after-container .before-after-nav a.activeSlide, #before-after-container .before-after-nav a:hover {color: #009EC7;} /* Customize me */

/* office tour */
#slideshow-container ul.slideshow {
	list-style: none; 
	width: 460px; 
	height: 350px;
	margin: 0; 
	padding: 0;
	}
#slideshow-container {
	background: #e1ef7e; /* 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 {
	min-height: 18px;
	clear: both;
	background-color: #fff; /* Customize me */
	color: #333; /* Customize me */
	padding: 10px;
	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;
	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;}

/*-----------------------------------------------
	Forms
	/* Mini-Contact Form ----------------------------------- */
.contact-form {
	position: relative;
	margin: 10px 0;
}

/*.contact-form h3 {margin: 9px 36px 18px;}
.contact-form h3.js {margin: 9px auto 0; text-align: center;}*/
.contact-form fieldset {border: 0; padding: 0;}
.contact-form div {margin: 0 0 10px;}
.contact-form label {
	color: #666;
	text-align: left;
	float: left;
	margin: 0 0 5px 2px;
}
.contact-form input, .contact-form textarea {
	width:93%;
	margin: 0;
	padding: 5px;
	background: url(../images/form-field-bg.gif) 0 0 repeat-x;
	border: solid 1px #e5eace;
	}
.contact-form 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: 0 0 0 2px;/*do not change, controls positioning*/
	display: block;
	position: relative;
	width:30%;
	height:27px;
	background: url(../images/button-submit-bg.png) 0 0 repeat-x;
	border: 1px solid #e5eace;
	text-align:center;
	line-height:27px;
	color:#1c5a58;/* customize me! */
	font-size:12px;
	font-weight:bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


/* Errors */

/* JQuery */
#sidebar .contact-form div.error {background: url(../images/contact_error.png) no-repeat;}
#sidebar .contact-form div.success {background: url(../images/contact_ok.png) no-repeat;}
#sidebar .contact-form div.error, #sidebar .contact-form div.success {padding-right: 40px; line-height: 27px; text-align: right; width: 176px; height: 27px; position: absolute; left: -216px; margin: -27px 0 0 0; text-indent: 0; font-size: 9px; color: #000;}

#sidebar .contact-message {
	text-align: center;
	color: #900;
	width: 100%;
	margin: 20px 0;
	/*position: absolute;
	top: 90px;
	left: 60px;
	width: 276px;
	height: 234px;
	margin: -108px 0 0 -108px;
	text-align: center;*/
}
#sidebar .contact-message p {
	text-align: center;
	font-weight: bold;
	margin: 0;
}
#sidebar .contact-message #denied-message p {
	color: #a52003;	
}
#sidebar .contact-message #success-message p {
	color: #3a3225;
	text-align: center;
}
	/* Global form styles */
	div.referral-form, div.appointment-form, div.comments {
		width: 100%;
		letter-spacing: normal;
	}
	

	

	fieldset {border: 0; padding: 0; margin: 0;}
		fieldset h2 {margin: 0 0 9px;}
		fieldset p {margin: 0 0 18px;}
		fieldset p.disclaimer {font-size: 90%; font-style: italic; margin: 0;}
		fieldset dl {}
			fieldset dl dt {font-size: 16px; clear: both; margin: 9px 0 0;}
				fieldset dd ul {margin: 9px 0;}
					fieldset dd ul li, fieldset dd ol li {list-style: none;}
					fieldset dd li {
						clear: both;
						margin: 3px 0;
						padding: 5px 0 4px 10%;
						overflow: auto;
						height: auto;
						position: relative;
						}
					 fieldset dd li input:hover, fieldset dd li input:focus,
					 fieldset dd li select:hover, fieldset dd li select:focus,
					 fieldset dd li textarea:hover, fieldset dd li textarea:focus {
					 	background: #f1f1f1;/* customize me - this is the hover color change of form fields*/
					 	outline-color: #537197;/* customize me */
					 	}
						fieldset li h3 {font-size: 12px; line-height: 18px; margin: 0;}
						fieldset li div {float: left; display: inline-block; width: 40%; position: relative; padding-right: 5%;}
						fieldset li div.input-street {width: 85%;}
						fieldset li div.input-city {width: 60%;}
						fieldset li div.input-full-name {width: 85%;}
						fieldset li div.input-phone-full {width: 85%;}
						fieldset li div.input-email {width: 85%;}
						fieldset li div.input-zip {width: 20%;}
						fieldset li div.content-switch, fieldset li div.radio, fieldset li div.checkbox {width: 85%;}
							fieldset li div.radio input {border: none;}
							fieldset li div.radio label {padding-right: 9px; font-size: 90%;}
						/*fieldset li div.hidden-content, fieldset li.hidden-content {display: none;}*/
						fieldset li div.input-select-full {width: 85%;}
						fieldset li div.input-comments {width: 85%;}
							li div.input-comments textarea {height: 63px; overflow: auto;}
						fieldset li div.input-captcha {width: 50%;}
						fieldset li div.verification {width: 35%;}
							li div.verification img {
								border: 1px solid;
								margin-top: 9px;
								}
							fieldset li div label {
								line-height: 18px;
								font-weight: bold;
								margin-bottom: 9px;
								font-size: 80%;
								color: #537197;/*override to match site*/
								}
							fieldset li div input, fieldset li div textarea, fieldset li div select {
								display: block;
								line-height: 18px;
								width: 100%;
								border: 1px solid;
								padding: 4px 0 3px;
								text-indent: 4px;
								margin-top: 9px;
								}
							fieldset li div select {height: 25px;}
							fieldset li div.radio input {display: inline; width: auto; margin-right: 4px;}
							fieldset li div div {width: 100%;}
						fieldset dl dd.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*/
							display: block;
							width: 125px;
							height: 34px;
							text-align: center;
							margin: 0;
							background:#cfdae4;/* customize me! */
							border: 1px solid #537197;
							line-height: 34px;
							color:#537197;/* customize me! */
							font-size:12px;
							font-weight:bold;
							-moz-border-radius: 4px; /*for Moz, optional*/
							-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
							}





	/* appointment form
	* Styles only for the appointment request form
	*/


	/* comment form
	* Styles only for the comments form
	*/
	/*numbering added by jQuery*/
	fieldset ol li span.comment-number {
		font-size: 150%;
		color: #537197;/* customize me*/
		position: absolute;
		left: 9px;
		top: 9px;
	}


	/* referral form
	* Styles only for the referral form
	*/
	.referral-form fieldset li div.radio {width: 40%;}

	/* JQuery */
	.formContainer input.error, .formContainer select.error, .formContainer textarea.error {border-color: #a52003; background: #fefda1;}
	.formContainer div.error {
		background: url(../images/validate_error.png) 0 0 no-repeat;
		color: #a52003;
		width: 18px;
		height: 18px;
		position: absolute;
		top: 0;
		right: 0;
		overflow: hidden;
		display: block;
		margin: 12px -2% 0 0;
		text-indent: -999em;}
	.formContainer div.success {
		background: url(../images/validate_ok.png) 0 0 no-repeat;
		width: 18px;
		height: 18px;
		position: absolute;
		top: 0;
		right: 0;
		overflow: hidden;
		display: block;
		margin: 12px -2% 0 0;
		text-indent: -999em;}

	.formContainer  div.error, .formContainer  div.success {margin-left: 0;}


/* Office Tour */
.ad-gallery {
	width: 546px;
	background: #a09fbc;
	border: solid 1px #333;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.ad-gallery, .ad-gallery * {
	margin: 0;
	padding: 0;
}
.ad-gallery .ad-image-wrapper {
	width: 100%;
	height: 419px; /* 20px added from image height */
	position: relative;
	overflow: hidden;
}
.ad-gallery .ad-image-wrapper .ad-loader {
	position: absolute;
	z-index: 10;
	top: 48%;
	left: 48%;
	border: 1px solid #CCC;
}
.ad-gallery .ad-image-wrapper .ad-next {
	position: absolute;
	right: 0;
	top: 0;
	width: 25%;
	height: 100%;
	cursor: pointer;
	display: block;
	z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev {
	position: absolute;
	left: 0;
	top: 0;
	width: 25%;
	height: 100%;
	cursor: pointer;
	display: block;
	z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
/* Or else IE will hide it */
	background: url(non-existing.jpg)\9
}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	background: url(/sesame_media/images/office-tour-gallery/ad_prev.png);
	width: 30px;
	height: 30px;
	display: none;
	position: absolute;
	top: 47%;
	left: 10px;
	z-index: 101;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	background: url(/sesame_media/images/office-tour-gallery/ad_next.png);
	width: 30px;
	height: 30px;
	right: 10px;
	left: auto;
}
.ad-gallery .ad-image-wrapper .ad-image {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 9;
	border: solid 1px #333;
}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 7px;
	text-align: left;
	width: 100%;
	z-index: 2;
	background: url(/sesame_media/images/office-tour-gallery/opa75.png) repeat;
	color: #000;
}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='/sesame_media/images/office-tour-gallery/opa75.png');
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
	display: block;
}
.ad-gallery .ad-controls {
	height: 20px;
	margin: 0 10px;
}
.ad-gallery .ad-info {
	float: left;
}
.ad-gallery .ad-slideshow-controls {
	float: right;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
	padding-left: 5px;
	cursor: pointer;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
	padding-left: 5px;
	font-size: 11px;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
	cursor: default;
	font-style: italic;
}
.ad-gallery .ad-nav {
	width: 480px; /* Adjust this width to accommodate width of gallery */
	margin: 10px auto;
	position: relative;
}
.ad-gallery .ad-forward, .ad-gallery .ad-back {
	position: absolute;
	top: 0;
	height: 100%;
	z-index: 10;
}

.ad-gallery .ad-back {
	cursor: pointer;
	left: -20px;
	width: 13px;
	display: block;
	background: url(/sesame_media/images/office-tour-gallery/ad_scroll_back.png) 0px 22px no-repeat;
}
.ad-gallery .ad-forward {
	cursor: pointer;
	display: block;
	right: -20px;
	width: 13px;
	background: url(/sesame_media/images/office-tour-gallery/ad_scroll_forward.png) 0px 22px no-repeat;
}
.ad-gallery .ad-nav .ad-thumbs {
	overflow: hidden;
	width: 100%;
}
.ad-gallery .ad-thumbs .ad-thumb-list {
	float: left;
	width: 9000px;
	list-style: none;
}
.ad-gallery .ad-thumbs li {
	float: left;
	padding-right: 5px;
}
.ad-gallery .ad-thumbs li a {
	display: block;
}
.ad-gallery .ad-thumbs li a img {
	border: 3px solid #CCC;
	display: block;
}
.ad-gallery .ad-thumbs li a.ad-active img {
	border: 3px solid #616161;
}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
	position: absolute;
	left: -9000px;
	top: -9000px;
}
.heading {
	font-family: 'ClarissaRegular',Verdana,Geneva,sans-serif;
	font-size:28px;
	margin-top:10px;
}