*{margin:0;padding:0}

body{background-color:#434343;background-image:url(images/bg.gif);background-repeat:repeat-x}



BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; color:#000; font-size:11px; font-family: Tahoma, Arial, sans-serif; line-height:18px; }



.Title		{ color: #000000; font-size: 26px; font-weight: normal; font-family: Georgia, Times New Roman; font-style: italic; line-height: 36px; }

.Header		{ color: #930128; font-size: 15px; font-weight: bold; font-family: Tahoma, sans-serif; line-height: 24px; }

.Subheader	{ color: #930128; font-size: 12px; font-weight: bold; font-family: Tahoma, sans-serif; line-height: 12px; }



.Red		{ color: #930128; }

.Green		{ color: #0E300C; }

.Blue		{ color: #364970; }

.Black		{ color: #000000; }



.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; }

IMG.BlueBorder	{ border:5px solid #364970; }



table.body td	{ padding: 2px 0 0 5px; line-height: 24px; }

table.contact td { line-height: 24px; vertical-align: top; }



p{margin:10px 0;color:#000;font-family:tahoma, sans-serif}

a{color:#930128;text-decoration:underline}

a:hover{text-decoration:none}

h1{font-size:15px;margin:10px 0;font-family:tahoma, sans-serif;color:#930128;padding:0 5px}

h2{font-size:12px;margin:10px 0;font-family:tahoma, sans-serif;color:#930128;padding:0 5px}

h3{font-size:11px;margin:10px 0;font-family:tahoma, sans-serif;color:#930128;padding:0 5px}

img{border:0;display:block}

* .image{border:5px solid #364970}

* .image-center{border:5px solid #364970;margin:10px auto}

* .image-right{border:5px solid #364970;float:right;margin:10px 5px 10px 10px}

* .map {border:5px solid #364970;float:right;margin:10px 5px 10px 10px}

* .clearit {clear: both;}

div.hr{margin:10px auto;height:1px;width:456px;background:#000}

div.hr hr{display:none}

* #site{margin:0 auto;width:653px}

* #content{width:653px;background-image: url(images/text-bg.gif)}

* #navigation{width:175px;float:left;margin-right:10px;padding-bottom:275px}

* #header{float:left}

* #header-bg{background-image: url(images/header-bg.gif);float:left}

* #text{padding:5px;width:456px;float:left}

* #text a{font-size:11px;line-height:18px}

* #text p{font-size:11px;line-height:24px;padding:0 5px}

* #text ul{font-size:11px;line-height:18px;padding:0 25px;font-family:tahoma, sans-serif}

* #bulleted-nav a{font-size:12px;line-height:24px;font-weight:bold}

* #home-flash{font-size:11px;font-weight:700;font-family:tahoma, sans-serif}

* #back-to-top{text-align:right;width:100%}

* #footer{background-color:#434343;padding:10px;text-align:center;width:633px;float:left;background-image: url(images/footer-bg.gif);background-repeat:repeat-x}

* #footer-links {font-size:11px;margin:5px 0;font-weight:normal;color:#FFF}

* #footer-links a{font-size:11px;margin:5px 0;font-weight:normal;text-decoration:underline;color:#FFF}

* #sesame {font-size:10px;margin:10px 0;font-weight:normal;color:#FFFF00}

* #sesame a{font-size:10px;margin:10px 0;font-weight:normal;text-decoration:underline;color:#FFFF00}

* #adobe-text{font-size:10px;margin:5px 0;font-weight:normal;color:#999}

* #footer-buttons{width:196px;height:31px;margin:0 auto}

* #footer-buttons img{padding:0 5px;float:left}

* #back-to-top{width:100%;text-align:right}

* #back-to-top a{font-size:11px;font-weight:700}

* #games{width:100%;margin:0 auto;padding:5px;color:#000;font-size:11px;font-family:tahoma, sans-serif}

* #address {float: left; clear: left; position: relative; margin-top: -252px; height: 320px; width: 175px; z-index: 100;background-image: url(images/address-bg.gif);background-color:#172648}

* #address p{font-size:10px;color:#FFF;line-height:12px;margin:0;padding:8px}

* #banner-box {width: 300px; margin: 0 auto;}

* #banner-box img {display: inline;}

* #banner-box h3, #banner-box img {text-align: center;}

* .clear:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0}

* .clear {display: inline-block}

html[xmlns] .clear {display: block}

* html .clear {/* For IE =< 6 */height: 1%;}

/* NAVIGATION (VERTICAL) SPECS */

ul#vertical-navigation-dropdown{list-style:none;margin:0;padding-top:20px;width:175px}

* #vertical-navigation-dropdown li {width: 175px; padding:2px 0; line-height: 0; float: left}

* #vertical-navigation-dropdown a{display:block;height:23px;overflow:hidden;text-indent:-999em;width:175px; float: left}

/* NAVIGATION (VERTICAL) IMAGES */

* #about-orthodontics {background: url(images/nav/about-orthodontics.gif)}

* #braces-101 {background: url(images/nav/braces-101.gif)}

* #for-our-patients {background: url(images/nav/for-our-patients.gif)}

* #meet-the-doctors {background: url(images/nav/meet-the-doctors.gif)}

* #meet-the-team {background: url(images/nav/meet-the-team.gif)}

* #office-tour {background: url(images/nav/office-tour.gif)}

* #the-game-room {background: url(images/nav/the-game-room.gif)}

/* SUBNAVIGATION (VERTICAL) SPECS */

* #vertical-navigation-dropdown ul{list-style:none;margin:0;padding:0;width:175px}

* #vertical-navigation-dropdown ul li{line-height:0;width:175px;height:17px;float:left;padding:0}

* #vertical-navigation-dropdown ul a{display:block;height:17px;overflow:hidden;text-indent:-999em;width:175px;float:left}

/* SUBNAVIGATION (VERTICAL) IMAGES */

* #new-patient-forms {background: url(images/nav/subnav/new-patient-forms.gif)}

* #office-policies {background: url(images/nav/subnav/office-policies.gif)}

* #patient-instruction-sheets {background: url(images/nav/subnav/patient-instruction-sheets.gif)}

* #why-braces {background: url(images/nav/subnav/why-braces.gif)}

* #faq {background: url(images/nav/subnav/faq.gif)}

* #for-children {background: url(images/nav/subnav/for-children.gif)}

* #for-adults {background: url(images/nav/subnav/for-adults.gif)}

* #surgical-orthodontics {background: url(images/nav/subnav/surgical-orthodontics.gif)}

* #common-treatments {background: url(images/nav/subnav/common-treatments.gif)}

* #ortho-dictionary {background: url(images/nav/subnav/ortho-dictionary.gif)}

* #resources {background: url(images/nav/subnav/resources.gif)}

* #life-with-braces {background: url(images/nav/subnav/life-with-braces.gif)}

* #types-of-braces {background: url(images/nav/subnav/types-of-braces.gif)}

* #invisalign {background: url(images/nav/subnav/invisalign.gif)}

* #types-of-appliances {background: url(images/nav/subnav/types-of-appliances.gif)}

* #braces-diagram {background: url(images/nav/subnav/braces-diagram.gif)}

* #brace-painter {background: url(images/nav/subnav/brace-painter.gif)}

* #oral-care-video {background: url(images/nav/subnav/oral-care-video.gif)}

* #retainers {background: url(images/nav/subnav/retainers.gif)}

* #emergency-care {background: url(images/nav/subnav/emergency-care.gif)}

/* NAVIGATION (HORIZONTAL) SPECS */

ul#horizontal-navigation{list-style:none;margin:0;padding:0}

* #horizontal-navigation li{float:right}

* #horizontal-navigation a{display:block;height:37px;overflow:hidden;text-indent:-999em}

* #gap li {width: 100px;float: right}

* #gap font {display: block; height: 37px; overflow: hidden; text-indent: -999em; width: 100px;}

* #forms li {width: 144px;float: right}

* #forms a {display: block; height: 37px; overflow: hidden; text-indent: -999em; width: 144px;}

* #topnav-home li {width: 47px;float: right}

* #topnav-home a {display: block; height: 37px; overflow: hidden; text-indent: -999em; width: 47px;}

* #topnav-contact-us li {width: 90px;float: right}

* #topnav-contact-us a {display: block; height: 37px; overflow: hidden; text-indent: -999em; width: 90px;}

* #topnav-doctor-login li {width: 109px;float: right}

* #topnav-doctor-login a {display: block; height: 37px; overflow: hidden; text-indent: -999em; width: 109px;}

* #topnav-patient-login li {width: 107px;float: right}

* #topnav-patient-login a {display: block; height: 37px; overflow: hidden; text-indent: -999em; width: 107px;}

/* NAVIGATION (HORIZONTAL) IMAGES */

* #forms {background: url(images/nav/topnav/new-patient-forms.gif)}

* #gap {background: url(images/nav/topnav/gap.gif); width:155px;}

* #home {background: url(images/nav/topnav/home.gif)}

* #contact-us {background: url(images/nav/topnav/contact-us.gif)}

* #doctor-login {background: url(images/nav/topnav/doctor-login.gif)}

* #patient-login {background: url(images/nav/topnav/patient-login.gif)}

/* ROLLOVER EFFECTS */

* #horizontal-navigation a:hover,#horizontal-navigation .active{background-position:0 -37px}

* #vertical-navigation-dropdown a:hover,#vertical-navigation-dropdown .active{background-position:0 -23px}

* #vertical-navigation-dropdown ul a:hover,#vertical-navigation-dropdown ul .active{background-position:0 -17px}

/* CURSOR EFFECTS */

* #horizontal-navigation .active,#vertical-navigation-dropdown .active,#vertical-navigation-dropdown ul .active{cursor:default}


