* { margin: 0; outline: none; padding: 0; }

body { background: #3D2810 url(images/bg.gif); }



/* - - - - - - - - - - TEXT - - - - - - - - - - */

body, form, input, textarea { color: #000; font-family: georgia, serif; font-size: 11px; }

p { font-size:14px; color: #000; line-height: 20px; margin: 10px 0; }

.flash p { background: #D61308; color: #FFF; padding: 10px; }

.flash-replaced .alt { display: block; height: 0px; position: absolute; overflow: hidden; width: 0px;}

#address p, p.address { font-size: 12px; line-height: 18px; color: #152b5f;}

#footer p { color: #9E9389; font-family: tahoma, sans-serif; font-size: 11px; line-height: 14px; }



/* - - - BLOCKQUOTE - - - */

blockquote { margin: 10px 40px; padding: 0; }



/* - - - HORIZONTAL RULE - - - */

div.hr { background: #C5AD93; clear: both; height: 1px; margin: 10px 0; padding: 0; width: 100%; }

div.hr hr { display: none; }



/* - - - IMAGE WRAPPING UNORDERED LIST - - - */

.content ul { clear: left; color: #2F261D; font-size: 11px; line-height: 12px; list-style: disc; margin: 10px 40px; padding: 0; }

.content ul a { color: #000; }

.content ul li { margin: 10px 0; padding: 0; }

html: not([lang*=""]) .content ul li { width: 100%; }

.content ul ul { clear: left; color: #2F261D; font-size: 11px; line-height: 12px; list-style: circle; margin: 10px 30px; padding: 0; }

.content ul ul a { color: #000; }

.content ul ul li { margin: 10px 0; padding: 0; }

html: not([lang*=""]) .content ul ul li { width: 100%; }



/* - - - LINKS - - - */

a { color: #000; text-decoration: underline; }

a:hover { text-decoration: none; }

.back-to-top a { color: #152B5E; font-size: 12px; line-height: 14px; text-decoration: none; }

.back-to-top a:hover { color: #152B5E; text-decoration: underline; }

.flash a { color: #FFF; }

#footer a { color: #152B5E; font-family: tahoma, sans-serif; font-size: 11px; line-height: 14px; text-decoration: none; }

#footer a:hover { text-decoration: underline; }

#footer a.sesame { color: #152B5E; }



/* - - - HEADERS - - - */

h1 { background: no-repeat; clear: left; height: 60px; text-indent: -9999px; }

h2 { color: #152B5E; font-family: georgia, serif; font-size: 14px; margin: 15px 0; }

h3 { color: #000; font-family: georgia, serif; font-size: 12px; margin: 10px 0; }

h4 { color: #000; font-family: tahoma, sans-serif; font-size: 11px; font-weight: normal; margin: 5px 0; }



/* - - - - - - - - - - IMAGES - - - - - - - - - - */

img { border: 0; display: block; }

img.border { border: #C5AD93 5px solid; }

img.center { clear: both; margin: 0 auto; }

img.left { clear: left; float: left; margin: 0 10px 10px 0; }

img.right { border: #C5AD93 5px solid; clear: right; float: right; margin: 0 0 10px 10px; }

.flash img { float: right; padding: 10px; }

.left2 {float: left; margin: 0 10px 10px 0;}

.right2 { border: #C5AD93 5px solid; float: right; margin: 0 0 10px 10px; padding:0 }

* .map { float: right; margin: 0 10px 10px 10px;}



/* - - - - - - - - - - LAYOUT - - - - - - - - - - */

* .back-to-top { clear: both; width: 100%; }

* .content { background: #EBE1C8 url(images/content-bg.gif) top center no-repeat; padding: 0 20px;  width: 740px; }

* #address { float: left; margin-right: 40px; width: 190px; }

* #header { background: #152B5E url(images/header-bg.gif) no-repeat; display: block; height: 185px; width: 780px; }

* #home-text { float: left; margin-bottom: 50px; width: 510px; }

* #flash-home { float: none; margin-bottom: 20px; }

* #flash-brushing-and-flossing, * #flash-orthodontic-treatments { margin: 0 auto; width: 500px; }

* #flash-color-your-retainer { margin: 0 auto; width: 300px; }

* #footer { margin-top: 75px; padding-bottom: 30px; width: 740px; }

* #site { background: url(images/content-shadow.png) repeat-y; margin: 0 auto; padding: 0 17px; width: 815px; }



/* - - - - - - - - - - NAVIGATION - - - - - - - - - - */

* #navigation-wrapper { margin-left: 90px; width: 690px;}

ul#navigation { height: 35px; list-style: none; width: 690px; }

#navigation li { float: left; }

#navigation a { display: block; height: 35px; overflow: hidden; text-indent: -9999px; }



* #pt-login {position: absolute; top: 0; left: 50%; margin-left: 235px;  width: 125px; height: 32px; overflow: hidden; text-indent: -9999px; }



#pt-login a {width: 125px; height: 32px; display: block; background: url(images/pt-login.jpg) 0 0 no-repeat;}

#pt-login a:hover {background-position: -125px 0;}



/* - - - IMAGES - - - */

* #about-our-office { background: url(images/nav/about-our-office.gif); width: 121px; }

* #about-orthodontics { background: url(images/nav/about-orthodontics.gif); width: 128px; }

* #braces-101 { background: url(images/nav/braces-101.gif); width: 82px; }

* #emergency-care { background: url(images/nav/emergency-care.gif); width: 112px; }

* #the-game-room { background: url(images/nav/the-game-room.gif); width: 113px; }

* #contact-us { background: url(images/nav/contact-us.gif); width: 82px; }

* #home { background: url(images/nav/home.gif); width: 52px; }



/* - - - SUBNAVIGATION - - - */

#navigation li ul { left: -9999px; list-style: none; position: absolute; text-align: left; }

#navigation li:hover ul, #navigation li.sfhover ul { left: auto; }

#navigation ul li { float: none; }

#navigation ul li a { background: #C0B8AC; color: #152B5E; font-family: tahoma, sans-serif; font-size: 10px; height: 20px; letter-spacing: 1px; line-height: 20px; padding: 0 5px; text-decoration: none; text-indent: 0; text-transform: uppercase; width: 180px; }



/* - - - ROLLOVER EFFECTS - - - */

#navigation a:hover, #navigation .active { background-position: 0 -35px; }

#navigation li:hover #about-our-office, #navigation li.sfhover #about-our-office,

#navigation li:hover #about-orthodontics, #navigation li.sfhover #about-orthodontics,

#navigation li:hover #braces-101, #navigation li.sfhover #braces-101,

#navigation li:hover #contact-us, #navigation li.sfhover #contact-us { background-position: 0 -35px; }



/* - - - SUBNAVIGATION ROLLOVER EFFECTS - - - */

#navigation ul li a:hover, #navigation ul li .active { background: #776F65; color: #EDEAE6; }



/* - - - CURSOR EFFECTS - - - */

* #navigation .active { cursor: default; }



/* - - - - - - - - - - THE GAME ROOM - - - - - - - - - - */

div#sesame-game {

background: #000;

line-height: 0;

margin: 10px auto 50px;

text-align: center;

width: 400px}



ul#sesame-games {

list-style: none;

margin: 0 18px 0 0;

padding: 0}



ul#sesame-games li {

clear: both;

display: block}



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}



/* - - - - - - - - - - DAMON SYSTEM - - - - - - - - - - */

* .left {

float:left;

margin:0 60px 10px 0;}
/*
img.right {

float:right;

margin:80px 0 10px 10px;} */

* .clear {

clear:both;}

h2.media-center {

margin:0;

padding:5px;}

div.media-center {

display:inline-block;

margin-bottom:10px;

overflow:auto;

padding:10px;

width:720px;}



/* edit.com */



ul, ol {

	margin-top:0px;

	margin-bottom:0px;

}



.FooterText {

	font-family: Tahoma, sans-serif;

	font-size: 11px;

	color: #000;

	font-weight: normal;

}



.BlueText {

	font-family: Georgia, serif;

	font-size: 11px;

	line-height: 18px;

	color: #152B5F;

	font-weight: normal;

}



.NormalText, body, td {

	font-family: Georgia, serif;

	font-size: 11px;

	line-height: 18px;

	color: #000;

	font-weight: normal;

	text-decoration: none;

	text-transform: none;

	font-style:normal;

}



.SubjectHeader {

	font-family: Georgia, serif;

	font-size: 14px;

	color: #152B5F;

	font-weight: bold;

}



.PageTitle {

	font-family: Georgia, serif;

	font-size: 34px;

	line-height: 38px;

	color: #152B5F;

	font-weight: normal;

	font-style: italic;

}



a.BlackLink {color: #000; font-family: georgia, serif; font-size: 12px; font-weight: bold;}



td.StaffBorderBottom {border-bottom: solid 1px #C5AD93;}



/***********/
#slideshow-container {
	background: #E2DBD4; /* 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 ul li{ margin:0; list-style:none; padding:0
	}
#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;
	display:inline;
	position:relative;
	left:-40px;
	}
.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;}