* { margin: 0; outline: none; padding: 0; }
body { background: #f6b96a url(../images/bg.jpg) top repeat-x; }

/* - - - - - - - - - - TEXT - - - - - - - - - - */
body, form, input, textarea { color: #000; font-family: verdana, sans-serif; font-size: 12px; }
p { color: #000; line-height: 18px; margin: 10px 0; }
p.top-link { clear: both; font-size: 11px; line-height: 14px; text-align: right; }
blockquote { font-size: 11px; line-height: 14px; margin: 10px 40px; padding: 0; }
body.site-map #content ul { font-size: 12px; line-height: 12px; list-style: disc; list-style-image: url(../images/list.gif); margin: 10px 20px; }


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

.Title		{ color: #265157; font-size: 18px; font-weight: normal; font-family: Arial; font-style: italic; }
.Header		{ color: #000000; font-size: 16px; font-weight: bold; font-family: Verdana; }

.Orange		{ color: #F3793A; }
.Blue		{ color: #265157; }
.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; }

body.site-map #content ul li { margin: 10px 0; }
body.site-map #content ul ul { font-size: 11px; line-height: 12px; list-style: circle; list-style-image: url(../images/list.gif); margin: 10px 30px; }
body.site-map #content ul ul a { font-weight: normal; }
body.site-map #content ul ul li { margin: 10px 0; }
div.hr { background: #276067; clear: both; height: 1px; margin: 20px 0; padding: 0; width: 100%; }
div.hr hr { display: none; }
#content ul { font-size: 11px; line-height: 14px; list-style: disc; list-style-image: url(../images/list.gif); margin: 10px 40px; }
#content ul li { margin: 10px 0; }
#content ul li ul { line-height: 14px; list-style: circle; list-style-image: url(../images/list.gif); margin: 10px 30px; }
#content ul li ul li { margin: 10px 0; }
#footer p { color: #a4c2c4; font-size: 11px; line-height: 14px; }
#footer p.sesame-link { font-size: 9px; padding: 0 25px 0 97px; text-align: right; width: 196px; }



#address p { text-align: right; font-size: 13px; }
#address p span { color: #c7d2a0; font-size: 15px; font-weight: bold; }
#footer p.text_nav { font-size: 10px; margin-top: 40px; padding: 0 25px 0 97px; text-align: right; width: 196px; }


/* - - - LINKS - - - */
a { color: #215056; font-weight: bold; text-decoration: underline; }
a:hover { text-decoration: none; }
p.top-link a { background: url(../images/back-to-top.gif) no-repeat; padding-left: 12px; color: #000; text-decoration: underline; }
p.top-link a:hover { color: #000; text-decoration: none; }
#footer a { color: #a4c2c4; font-weight: normal; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* - - - HEADERS - - - */
h1 { background: no-repeat; height: 47px; overflow: hidden; text-indent: -9999px; }
h2 { color: #000; font-size: 16px; margin: 10px 0; }
h3 { color: #000; font-size: 12px; margin: 10px 0; }
h4 { color: #96ae8b; float: right; font-size: 10px; font-weight: normal; line-height: 18px; margin: 40px 0 0; padding: 0 143px 0 25px; width: 414px; }

/* - - - - - - - - - - IMAGES - - - - - - - - - - */
img { border: 0; display: block; }
img.center { clear: both; margin: 20px auto; }
img.left { clear: left; float: left; margin: 0 10px 10px 0; }
img.right { clear: right; float: right; margin: 0 0 10px 10px; }
img.auto { border: 2px solid #325552; clear: right; float: right; margin: 10px 0 10px 20px; }
.flash-replaced .alt { display: block; height: 1000px; position: absolute; overflow: hidden; width: 0; }
* .map { border: 2px solid #325552; }


img.home-link { float: left; margin: 10px 5px 10px 0; }

img.clear { clear: left; }
img.end { margin-right: 0; }



img.link { border: 2px solid #325552; clear: right; float: right; margin: 0 0 10px 10px; }


body.in-ovation #content img { background: #fff; border: 2px solid #325552; padding: 5px; }



/* - - - - - - - - - - LAYOUT - - - - - - - - - - */
* #container { margin: 0 auto; padding: 0 48px 0 52px; width: 800px; }
* #content { float: left; padding: 0 25px; width: 484px; }
* #header { height: 320px; margin: 0 auto 16px; width: 900px; }
#header a { background: url(../images/header.jpg) no-repeat; display: block; height: 320px; overflow: hidden; text-indent: -9999px; width: 900px; }




* #footer { background: url(../images/footer-bg.jpg) no-repeat; clear: both; height: 147px; margin: 0 auto; padding: 10px 0 0; width: 900px; }
* #footer-container { background: #28636b url(../images/footer-container-bg.jpg) repeat-x; clear: both; height: 147px; padding-bottom: 50px; width: 100%; }

* #nav-container { display: inline; float: left; margin-bottom: 10px; width: 266px; }


* #address { background: #215056 url(../images/address-bg.jpg) no-repeat bottom left; padding: 5px 25px 5px 0; width: 241px; }




* #in-ovation-comparison { margin: 20px auto; overflow: auto; width: 500px; }
#in-ovation-comparison p { margin: 0; }
#in-ovation-comparison img.left { border: none; clear: left; float: left; margin: 0 10px 50px 0; }
#in-ovation-comparison .float { float: left; width: 225px; margin-left: 20px; }



/* - - - FLASH - - - */
* #flash-home { height: 253px; margin: 67px 0 0 52px; position: absolute; width: 800px; }
* #flash-office-tour-brandon, * #flash-office-tour-tampa { height: 375px; margin: 20px 0; width: 500px; }
* #flash-braces-diagram { height: 355px; margin: 20px 0; width: 473px; }
* #flash-brace-painter { height: 430px; margin: 20px 0; width: 500px; }
* #flash-brushing-and-flossing { height: 300px; margin: 20px 0; width: 500px; }
* #flash-common-treatments { height: 300px; margin: 20px 0; width: 500px; }
* #flash-emergency-care { height: 300px; margin: 20px 0; width: 500px; }
* #flash-palatal-expander { border: 2px solid #325552; height: 150px; margin: 20px 0; width: 200px; }
* #flash-types-of-appliances { height: 300px; margin: 20px 0; width: 500px; }
* #flash-types-of-braces { height: 300px; margin: 20px 0; width: 500px; }
* #video-in-ovation { background: #000; border: 1px solid #000; height: 266px; margin: 20px 0; width: 360px; }
* #video-invisalign { background: #000; border: 1px solid #000; height: 266px; margin: 20px 0; width: 360px; }










/* - - - - - - - - - - NAVIGATION - - - - - - - - - - */
* #nav { background: url(../images/nav-bg.jpg) repeat-y; height: 288px; padding: 15px 0; margin-bottom: 20px; width: 266px; }
#nav ul { list-style: none; width: 266x; }
#nav li { float: left; }
#nav a { display: block; height: 32px; overflow: hidden; text-indent: -9999px; width: 266px; }

/* - - - NAVIGATION IMAGES - - - */
a#about-us { background: url(../images/nav/about-us.jpg); }
a#meet-dr-et { background: url(../images/nav/meet-dr-et.jpg); }
a#about-orthodontics { background: url(../images/nav/about-orthodontics.jpg); }
a#faq { background: url(../images/nav/faq.jpg); }
a#about-braces { background: url(../images/nav/about-braces.jpg); }
a#treatment-options { background: url(../images/nav/treatment-options.jpg); }
a#emergency-care { background: url(../images/nav/emergency-care.jpg); }
a#contact-us { background: url(../images/nav/contact-us.jpg); }
a#home { background: url(../images/nav/home.jpg); }

/* - - - NAVIGATION ROLLOVER EFFECTS - - - */
#nav ul a:hover, #nav ul li.active a { background-position: 0 -32px; }
#nav ul li:hover #about-us, #nav ul li.sfhover #about-us,
#nav ul li:hover #about-orthodontics, #nav ul li.sfhover #about-orthodontics,
#nav ul li:hover #about-braces, #nav ul li.sfhover #about-braces,
#nav ul li:hover #treatment-options, #nav ul li.sfhover #treatment-options,
#nav ul li:hover #contact-us, #nav ul li.sfhover #contact-us { background-position: 0 -32px; }

/* - - - SUBNAVIGATION - - - */
#nav ul li ul { background: #1f4b50 url(../images/subnav-bg.jpg) top repeat-x; border: 1px solid #1f4b50; display: block; left: -9999px; list-style: none; position: absolute; z-index: 1; width: 160px; }
#nav ul li:hover ul, #nav ul li.sfhover ul { left: auto; margin: -33px 0 0 251px; }
#nav ul li ul li { display: block; }
#nav ul li ul li a { color: #f4f1ae; font-size: 11px; font-weight: normal; height: 30px; line-height: 30px; padding-left: 10px; text-decoration: none; text-indent: 0; width: 150px; }

/* - - - SUBNAVIGATION ROLLOVER EFFECTS - - - */
#nav ul li ul li a:hover, #nav ul li ul li.active a { color: #000; }

/* - - - - - - - - - - THE GAME ROOM - - - - - - - - - - */
div#sesame-game { background: #000; clear: both; line-height: 0; margin: 10px auto 30px; text-align: center; width: 400px; }
ul#sesame-games { list-style: none; margin: 0; padding: 0; width: 464px; }
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: 10px; }

/* - - - - - - - - - - IE6 UPGRADE ALERT - - - - - - - - - - */
* #alert { display: none; background-color: #fff; width: 400px; color: #333; text-align: left; font-size: 11px; letter-spacing: normal; font-weight: bold; padding: 15px 15px 0 15px; border: solid 2px #a52003; position: absolute; z-index: 5000; top: 10px; left: 10px; }
#alert p { color: #333; margin: 0 0 15px 0; line-height: 14px; padding: 0; }
#alert ul { margin: 0 0 15px 25px; }
#alert a.upgrade { float: left; margin: 0 10px 0 0; }
#alert .right { float: right; }
#alert span.red { color: #a52003; }