/* Reset */
* {margin: 0 ; padding: 0;}

/* IE6 upgrade alert */
* #alert {background-color: #fff; width: 400px; color: #333; font-size: 12px; font-weight: bold; padding: 15px 15px 0 15px; border: solid 2px #900; position: absolute; z-index: 5000; top: 10px; left: 10px;}
* #alert p {margin: 0 0 15px 0; padding: 0;}
* #alert a:hover {color: #00F;}
a.ie-alert-link {clear: left;}
a.upgrade {float: left; margin: 0 10px 0 0;}
span#red {color: #900;}

/* Layout */
body {background: #283d49;}
* #container {background: #87898b url(../images/container-bg.gif) no-repeat; width: 900px; margin-left: -450px; left: 50%; position: absolute;}
* #banner {background: url(../images/banner-bg.gif) no-repeat; height: 162px;}
* #logins {width: 129px; position: absolute; z-index: 10; right: 24px; top: 24px;}
* #icons  {position:absolute; margin-top:100px; margin-left: 655px; padding: 0; height: 70px; clear: both;}
* #icons ul {list-style: none; margin: 0; padding: 0; height: 70px;}
* #icons li {display: inline; float: left; padding-right:5px;}

* #home-wrap {background: #283d49 url(../images/home/home-wrap-bg.gif) no-repeat; padding: 0 24px;}
* #home-console {background: url(../images/home/home-console-bg.jpg); height: 188px; padding: 8px 0 0 19px; clear: both;}
* #console-right {padding: 10px 0 0 20px; float: left; }
* #home-callouts {background: url(../images/home/callout-bg.jpg); height: 92px; clear: both; position:relative}
* #home-logos {background: url(../images/home/logos-bg.gif); height: 76px; padding: 27px 30px 0 0; clear: both;}
* #home-footer {background: url(../images/home/footer-bg.gif) no-repeat; height: 127px; padding: 23px 0 0 29px; clear: both;}

* #sub-nav-wrap {background: url(../images/sub-nav-bg.jpg) no-repeat; height: 188px; padding: 8px 19px 0 19px; clear: both;} 

* #grey-wrap {background: url(../images/grey-content-bg.gif) no-repeat; padding: 0 24px;}
* #grey-content {background: url(../images/grey-content-top.gif) no-repeat; padding: 0 21px 0 21px;}

* #content-3-wrap {background: url(../images/content-3-bg.gif) repeat-y;}
* #content-3 {background: url(../images/content-3-top.gif) no-repeat; padding: 0 0 0 21px;}
* #side-bar {background: url(../images/content-3-sidebar-top.jpg) no-repeat; width: 295px; min-height: 280px; _height: 280px; margin-top: 10px; padding: 10px 30px 0 17px; text-align: center; float: right;}
* #side-bar p {padding: 0 8px 10px 8px;}
* #blank-side-bar {width: 295px; margin: 10px 0 0 0; padding: 10px 0 0 0; text-align: center; float: right;}

* #global-footer {background: #283d49 url(../images/footer-bg.gif) no-repeat; height: 80px; padding-bottom: 10px; clear: both;}

* #content-wrap {width: 480px; padding-top: 20px;}
* #content-full {padding-top: 20px;}
* #form-box {background: url(../images/first-visit/forms-bg.jpg) no-repeat; height: 209px; float: right; margin: 20px 0; padding: 0 0 0 32px;}
* .form-thumb {width: 91px; margin-right: 30px; text-align: center;}

* #damon-console {background: url(../images/damon-blue-bg.jpg); width: 286px; height: 160px; padding: 10px; float: right;}

* .right {float: right;}
* .left {float: left;}
* .cr {clear: right;}
* .cl {clear: left;}
* .hide {display: none;}

hr {height: 0; border: solid 1px #FF9B07; border-width: 1px 0 0 0; margin: 10px 0;}

/* Typo */
body {font-size: 100%; font-family: Helvetica, Arial;}
* #container {font-size: .81em; color: #fff; line-height: 1.15em; font-weight: normal;}
p.address {line-height: 1.38em;}
* .text_nav {padding: 8px 0 0 15px; clear: left;}
* .sub_nav {}
p.sesame {margin: 0 20px 0 0; padding: 0; float: right; clear: right;}
p.bratcher {width: 100px; font-size: 12px;}
p {padding: 0 0 18px 0; text-align: left;}

/* edit.com visible styles */
BODY, TD, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; font-family: Helvetica, Arial; color: #FFF; }

{color: #2c5db0; margin: 13px 0 0 14px; _margin: 13px 0 0 7px; width: 480px; height: 36px; line-height: 36px; float: left;}

.Title		{ color: #2C5DB0; font-size: 32px; font-weight: bold; font-family: Helvetica, Arial; line-height: 1.33em; }
.Header		{ color: #FFFFFF; font-size: 26px; font-weight: bold; font-family: Helvetica, Arial; line-height: 1.33em; }
.Subheader	{ color: #2C5DB0; font-size: 18px; font-weight: bold; font-family: Helvetica, Arial; line-height: 1.33em; }
.Subheader2	{ color: #FFFFFF; font-size: 14px; font-weight: bold; font-family: Helvetica, Arial; line-height: 1.33em; }

.Orange		{ color: #FF9B07; }
.Blue		{ color: #2C5DB0; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }

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

IMG.FloatLeft 	{ float: left; margin: 0 5px 5px 0; }
IMG.FloatRight 	{ float: right; margin: 0 0 5px 5px; }

TABLE.body TD { text-align: left; padding: 0 10px; font-size: 13px; }

/* Headings */
h1 {font-size: 1.5em; font-weight: bold; margin: 0; line-height: 1.33em;}
h1.sifr {color: #2c5db0; margin: 13px 0 0 14px; _margin: 13px 0 0 7px; width: 480px; height: 36px; line-height: 36px; float: left;}
h1.welcome {color: #333; margin: 0 0 8px 0;}
h2 {font-size: 1.08em; margin: 0 0 15px 0; font-weight: bold; color: #fff; line-height: 1.33em;}
h3 {font-size: 1.38em; font-weight: bold; margin: 0 0 10px 0; color: #2c5db0; line-height: 1.33em;}
h4 {font-size: 1em; color: #fff; font-weight: normal; line-height: 1.5em; margin: 0 0 0 20px; padding: 0; width: 540px;}
h1.logo {background: url(../images/logo.gif) no-repeat; width: 328px; height: 90px; margin: 0 auto; padding: 0;  position: absolute; z-index: 10; text-indent: -999em; overflow: hidden; left: 311px; top: 32px;}
h1.logo a {width: 328px; height: 70px; display: block;}
* #damon-console h2 {text-align: center; font-size: 1.5em;}
* #side-bar h2 {text-align: center; font-size: 2em; margin-bottom: 5px; line-height: 1em;}

/* Home page text elements */
span#names {font-weight: bold; font-size: 1.13em;}
* .blue {color: #039;}
* #video-text {text-align: right; width: 50px; font-size: .75em; line-height: 1.33em; margin: 15px 20px 0 0; float: left;}
* #home-text {line-height: 1.33em;}

/* First Visit text elements */
* #first-visit-console p {width: 460px;}
* #form-box p {margin-left: 10px;}

/* Text Links */
a {color: #2C5DB1;}
a:hover, a.active {color: #fff;}
* #footer a {color: #fff;}
* .sub_nav a.active {cursor: default;}
* .text_nav a, p.sesame a {color: #fff; text-decoration: none;}
* .text_nav a:hover, p.sesame a:hover {text-decoration: underline;}
* .top-link {clear: both;}
* #IEupgrade a:hover {color: #2C5DB1;}
* .sesame {color: #87898B; margin-top: 20px;}
* .sesame a:hover {color: #87898B;}


/* Graphic Links */
a img {text-decoration: none; display: inline;}
* #email-info {position: absolute; z-index: 10; left: 22px; top: 59px;}
* .video-thumb {width: 92px; text-align: center; font-size: .75em; color: #ab8807; font-weight: bold; float: left; margin: 5px 0 0 10px;}
* .ibraces {margin-right: 45px;}
* .damon {margin-right: 45px;}
* #taxi {position: absolute; z-index: 10; right: 12px;}
* .social {margin: 0 0 0 17px; float: left;}
* #callout-left {float: left; width: 297px; height: 92px;}
* #callout-center {float: left; width: 258px; height: 113px; position:absolute; left:297px}
* #callout-right {float: left; width: 257px; height: 80px; padding: 12px 20px 0 20px;position:absolute; left:555px;}

/* Images */
img {border: none; outline: none; display: block;}
* .photo {margin: 0; float: right;}
* .img-left {margin: 0 15px 10px 0; float: left; clear: left;}
* .img-right {margin: 0 0 10px 15px; float: right;}
* .img-border {border: solid 1px #FF9B07;}
* .img-left-border {border: solid 1px #FF9B07; margin: 0 15px 10px 0; float: left; clear: left;}
* .img-right-border {border: solid 1px #FF9B07; margin: 0 0 10px 15px; float: right; clear: right;}
* .img-center-border {border: solid 1px #FF9B07; margin: 10px auto; display: block;}
* .layout {display: block;}
* .thumb {margin: 0 11px 5px 0;}


/* Video */
* .welcome-video {width: 306px; height: 180px; float: left;}
* #video-testimonials-teen, * #video-testimonials-adult {float: right;}

/* Flash */
* .notice {width: 80%; background: #e4e4e4; font-size: 1em; text-align: left; margin: 50px auto; padding: 10px; border: solid 1px #000; overflow: auto;}
* .flash-replaced .alt {display: block; height: 0px; position: absolute; overflow: hidden; width: 0px;}


/* Lists */
ul, ol {margin: 0 0 18px 30px;}


/* Top Navigation */
* #nav {margin-left: 45px; padding: 0; height: 70px; clear: both;}
#nav ul {list-style: none; margin: 0; padding: 0; height: 70px;}
#nav li {display: inline; float: left;}
#nav li a {display: block; text-decoration: none; text-indent: -999em; overflow: hidden; height: 70px;}
* #home, * #about-our-office, * #about-orthodontics, * #treatment-options, * #first-visit, * #contests-and-more, * #contact-us {height: 70px;}
* #home {background: url(../images/nav/home.gif); width: 77px;}
* #about-our-office {background: url(../images/nav/about-our-office.gif); width: 118px;}
* #about-orthodontics {background: url(../images/nav/about-orthodontics.gif); width: 143px;}
* #treatment-options {background: url(../images/nav/treatment-options.gif); width: 123px;}
* #first-visit {background: url(../images/nav/first-visit.gif); width: 116px;}
* #contests-and-more {background: url(../images/nav/contests-and-more.gif); width: 115px;}
* #contact-us {background: url(../images/nav/contact-us.gif); width: 121px;}

* #nav a:hover, #nav li.active a,
* #nav li:hover #about-our-office, #nav li.sfhover #about-our-office,
* #nav li:hover #about-orthodontics, #nav li.sfhover #about-orthodontics,
* #nav li:hover #treatment-options, #nav li.sfhover #treatment-options,
* #nav li:hover #first-visit, #nav li.sfhover #first-visit,
* #nav li:hover #contests-and-more, #nav li.sfhover #contests-and-more,
* #nav li:hover #contact-us, #nav li.sfhover #contact-us,
* #nav li:hover #home, #nav li.sfhover #home {background-position: 0 -70px;}
* #nav li.active a {cursor: default;}


/* Sub nav */
* #subnav ul {margin: 3px 0 0 0; list-style: none; float: left;}
* #subnav ul li {width: 500px; height: 32px; margin: 0; padding: 0; list-style: none; display: block;}
* #subnav ul li a {width: 500px; height: 32px; text-decoration: none; text-indent: -999em; display: block; overflow: hidden;}

* .what-sets-us-apart {background: url(../images/nav/what-sets-us-apart.gif);}
* .meet-our-doctors {background: url(../images/nav/meet-our-doctors.gif);}
* .meet-our-staff {background: url(../images/nav/meet-our-staff.gif);}
* .ortho-taxi {background: url(../images/nav/ortho-taxi.gif);}

* .orthodontics-for-children {background: url(../images/nav/orthodontics-for-children.gif);}
* .orthodontics-for-adults {background: url(../images/nav/orthodontics-for-adults.gif);}
* .frequently-asked-questions {background: url(../images/nav/frequently-asked-questions.gif);}
* .emergency-care {background: url(../images/nav/emergency-care.gif);}

* .damon-system-braces {background: url(../images/nav/damon-system-braces.gif);}
* .invisalign {background: url(../images/nav/invisalign.gif);}
* .invisalign-teen {background: url(../images/nav/invisalign-teen.gif);}
* .ibraces {background: url(../images/nav/ibraces-temp.gif);}

* .free-initial-consultation {background: url(../images/nav/free-initial-consultation.jpg);}
* .financial-options {background: url(../images/nav/financial-options.jpg);}
* .insurance {background: url(../images/nav/insurance.jpg);}

* .current-contests {background: url(../images/nav/current-contests.gif);}
* .upcoming-events {background: url(../images/nav/upcoming-events.gif);}
* .rookie-kids-club {background: url(../images/nav/rookie-kids-club.gif);}
* .partners-in-education {background: url(../images/nav/partners-in-education.gif);}
* .newsletter {background: url(../images/nav/newsletter.jpg);} 

* .baxley {background: url(../images/nav/baxley.gif);}
* .douglas {background: url(../images/nav/douglas.gif);}
* .tifton {background: url(../images/nav/tifton.gif);}
* .login-page {background: url(../images/nav/login-page.gif);}

li.active, li.sfhover2,
li.initial-consultation:hover,
li.financial-options:hover,
li.insurance:hover {background-position: 0 -32px;}



/* These are standard sIFR styles... do not modify */

* .sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

* .sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1.sifr {
	visibility: hidden;
}



* .clear {clear: both;}
* .cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* .cf {display: inline-block;} /*this trips hasLayout for ie7*/
* .cf {display: block;} /*this returns it back to normal*/
* html .cf {height: 1px;}