html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0; margin:0; padding:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%;}

/* - - - - - - - - - - BODY - - - - - - - - - - */

body {background:#b1ced4 url(images/body-tile.jpg) repeat-x; margin:0px; font-weight:normal; font-size:12px; line-height:20px; font-style:normal; font-family:"Verdana", Arial, Helvetica, sans-serif; text-decoration:none;}

/* - - - - - - - - - - GENERAL LINKS - - - - - - - - - - */

a {color:#2ca550;}

a:visited {color:#2ca550;}

a.noVisited:visited {color:#2ca550;}

a:hover, a.noVisited:hover {color:#2ca550;}

/* - - - - - - - - - - HEADER - - - - - - - - - - */

h1.logo {margin:0px; overflow:hidden; text-indent:-999em; height:78px;}

h1.logo a {display:block; width:217px; height:80px; margin:0px 0px 0px 0px;}

#head {margin:0px auto; width:800px; height:80px; background:url(images/header.jpg) no-repeat;}

#content-tile {background:url(images/body-background.jpg) no-repeat; margin:0px auto; width:878px;}

#body-background-tile {background:url(images/body-background-tile.gif) repeat-y; margin:0px auto; width:878px;}

/* - - - - - - - - - - LEFT MENU - - - - - - - - - - */ 

#nav-wrap {width:800px; position: relative; margin:0px auto; height:auto; overflow:hidden; background:url(images/content-tile.gif) repeat-y;}

#back-bottom-right {width:800px; height:auto; overflow:hidden; background:url(images/content-background-bottom.jpg) no-repeat bottom right;}

#back-bottom-left {width:800px; height:auto; overflow:hidden; background:url(images/left-menu-background-bottom.jpg) no-repeat bottom left;}

#nav {width:218px; position: absolute; left: 0; font-weight:normal; font-size:12px; margin-top:0px; font-family:"Verdana", Arial, Helvetica, sans-serif; background:url(images/left-menu-background.jpg) no-repeat;}

#nav ul {left:0px; margin:0px 0px 0px 0px; width:218px; position:relative;}

#nav ul li {padding-right:0px; display:inline; padding-left:0px; padding-bottom:0px; margin:0px; padding-top:0px;}

#nav a {display:block; overflow:hidden; text-decoration:none; margin:0px 0px 0px 0px;}

#nav a:hover {background-position:0px -40px;}

#nav li.active a {background-position:0px -40px;}

#nav a.selected {background-position:0px -40px;}

#nav ul ul li a {padding-top:0px; margin-top:10px; margin-bottom:0px;}

#nav ul ul a {display:block; font-weight:normal; color:#ffffff; text-indent:1.17em; height:20px; padding-left:15px;}

#nav ul ul a:hover {color:#ffffff; font-weight:bold !Important; background:url(images/bullet.gif) no-repeat;}

#nav ul ul li.active a {cursor:default; color:#cccccc; font-weight:bold;}

.bord {padding-bottom:15px;}

.current {font-weight:bold !Important; color:#ffffff !Important; background:url(images/bullet.gif) no-repeat !Important;}

/* - - - - - - - - - - LEFT MENU SECTION - - - - - - - - - - */

#patient-login {background:url(images/nav-patient-login.jpg); text-indent:-999em; height:67px;}

#nav li a#patient-login:hover, #nav li:hover a#patient-login, #nav li.sfhover a#patient-login {background-image:url(images/nav-patient-login.jpg); background-position:bottom;}

#emergency-care {background:url(images/nav-emergency-care.jpg); text-indent:-999em; height:40px;}

#nav li a#emergency-care:hover, #nav li:hover a#emergency-care, #nav li.sfhover a#emergency-care {background-image:url(images/nav-emergency-care.jpg); background-position:bottom;}

.active #emergency-care {background-image:url(images/nav-emergency-care-act.jpg) !Important;}

#treatment-options {background:url(images/nav-treatment-options.jpg); text-indent:-999em; height:40px;}

#nav li a#treatment-options:hover, #nav li:hover a#treatment-options, #nav li.sfhover a#treatment-options {background-image:url(images/nav-treatment-options.jpg); background-position:bottom;}

.active #treatment-options {background-image:url(images/nav-treatment-options-act.jpg);}

#about-braces {background:url(images/nav-about-braces.jpg); text-indent:-999em; height:40px;}

#nav li a#about-braces:hover, #nav li:hover a#about-braces, #nav li.sfhover a#about-braces {background-image:url(images/nav-about-braces.jpg); background-position:bottom;}

.active #about-braces {background-image:url(images/nav-about-braces-act.jpg);}

#faq {background:url(images/nav-faq.jpg); text-indent:-999em; height:40px;}

#nav li a#faq:hover, #nav li:hover a#faq, #nav li.sfhover a#faq {background-image:url(images/nav-faq.jpg); background-position:bottom;}

.active #faq {background-image:url(images/nav-faq-act.jpg) !Important;}

#about-orthodontics {background:url(images/nav-about-orthodontics.jpg); text-indent:-999em; height:40px;}

#nav li a#about-orthodontics:hover, #nav li:hover a#about-orthodontics, #nav li.sfhover a#about-orthodontics {background-image:url(images/nav-about-orthodontics.jpg); background-position:bottom;}

.active #about-orthodontics {background-image:url(images/nav-about-orthodontics-act.jpg);}

#for-new-patients {background:url(images/nav-for-new-patients.jpg); text-indent:-999em; height:40px;}

#nav li a#for-new-patients:hover, #nav li:hover a#for-new-patients, #nav li.sfhover a#for-new-patients {background-image:url(images/nav-for-new-patients.jpg); background-position:bottom;}

.active #for-new-patients {background-image:url(images/nav-for-new-patients-act.jpg);}

#contact-us {background:url(images/nav-contact-us.jpg); text-indent:-999em; height:40px;}

#nav li a#contact-us:hover, #nav li:hover a#contact-us, #nav li.sfhover a#contact-us {background-image:url(images/nav-contact-us.jpg); background-position:bottom;}

.active #contact-us {background-image:url(images/nav-contact-us-act.jpg) !Important;}

#home {background:url(images/nav-home.jpg); text-indent:-999em; height:40px;}

#nav li a#home:hover, #nav li:hover a#home, #nav li.sfhover a#home {background-image:url(images/nav-home.jpg); background-position:bottom;}

.active #home {background-image:url(images/nav-home-act.jpg) !Important;}

/* - - - - - - - - - - BANNERS - - - - - - - - - - */
#banners {width: 218px; height: 250px; position: absolute; top: 0; margin: -240px 0 0 37px; }
#aao-banner {margin-top:0; margin-left:10px; margin-bottom:35px; background:url(images/aao-banner.gif) no-repeat; width:195px; height:97px; text-indent:-999px;}

#aao-banner a {display:block; clear:both; width:195px; height:97px;}

#invisalign-banner {margin-left:33px; margin-bottom:15px; background:url(images/invisalign-banner.jpg) no-repeat; width:146px; height:73px; text-indent:-999px;}

#invisalign-banner a {display:block; clear:both; width:146px; height:73px;}

/* - - - - - - - - - - FLASH - - - - - - - - - - */

#flash-home {height:297px; width:582px;}

.backflashplayer {background-color:#5c8bb7; width:300px; line-height:1.5em; border:solid 1px #2f4e6b; font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:11px; padding:10px 10px 0px 10px; margin:30px 0px 0px 310px; height:120px;}

.getflashplayer {float:left; margin:0px 5px 10px 5px; padding:0px 0px 10px 0px;}

#flash-patient-care {margin-left:37px; margin-bottom:15px; margin-right:40px;}

#flash-types-of-braces {margin-left:37px; padding-top:20px; padding-bottom:50px; margin-right:40px;}

#flash-brace-painter {margin-left:37px; padding-top:20px; padding-bottom:30px; margin-right:40px;}

#flash-braces-diagram {margin-left:37px; padding-top:20px; padding-bottom:30px; margin-right:40px;}

#flash-common-treatments {margin-left:37px; padding-top:20px; padding-bottom:20px; margin-right:40px;}

#flash-emergency-care {margin-left:37px; padding-top:10px;}

#flash-office-tour {margin-bottom:30px; margin-left:35px;}

p.flash_notice {
	margin: 18px;
	padding: 9px;
	color: #ff0000;
	border: 1px dotted #ff0000;
	background: #ffffff;
	text-align: center;
	}

/* - - - - - - - - - - PHOTOS - - - - - - - - - - */

#photo {height:294px; width:582px;}

/* - - - - - - - - - - RIGHT SIDE - - - - - - - - - - */ 

.rightSide {width:582px; margin:0px 0 0 218px;}

#rightColumn {margin:0px 0px 90px 0px; padding:0px 0px 0px 0px; font-size:12px; color:#363636; font-family:"Verdana", Arial, Helvetica, sans-serif; } /*float:right; */

#rightColumn {height:auto !important;}

#rightColumn p {margin:15px 25px 20px 18px; line-height:1.5em;}

#rightColumn ul {margin:15px 25px 0px 50px; padding-bottom:10px;}

#rightColumn ol {margin:7px 25px 0px 50px;}

/* - - - - - - - - - - TITLES - - - - - - - - - - */

#title-welcome {background:url(images/title-welcome.jpg) no-repeat 3px 0; width:536px; height:132px;}

#title-office-policies {background:url(images/title-office-policies.jpg) no-repeat; width:582px; height:66px;}

#title-patient-forms {background:url(images/title-patient-forms.jpg) no-repeat; width:582px; height:66px;}

#title-meet-the-orthodontist {background:url(images/title-meet-the-orthodontist.jpg) no-repeat; width:582px; height:66px;}

#title-meet-the-team {background:url(images/title-meet-the-team.jpg) no-repeat; width:582px; height:66px;}

#title-office-tour {background:url(images/title-office-tour.jpg) no-repeat; width:582px; height:66px;}

#title-the-game-room {background:url(images/title-the-game-room.jpg) no-repeat; width:582px; height:66px;}

#title-for-children-and-adults {background:url(images/title-for-children-and-adults.jpg) no-repeat; width:582px; height:66px;}

#title-why-braces {background:url(images/title-why-braces.jpg) no-repeat; width:582px; height:66px;}

#title-ortho-dictionary {background:url(images/title-ortho-dictionary.jpg) no-repeat; width:582px; height:66px;}

#title-faq {background:url(images/title-faq.jpg) no-repeat; width:582px; height:66px;}

#title-life-with-braces {background:url(images/title-life-with-braces.jpg) no-repeat; width:582px; height:66px;}

#title-patient-care-videos {background:url(images/title-patient-care-videos.jpg) no-repeat; width:582px; height:66px;}

#title-types-of-braces {background:url(images/title-types-of-braces.jpg) no-repeat; width:582px; height:66px;}

#title-brace-painter {background:url(images/title-brace-painter.jpg) no-repeat; width:582px; height:66px;}

#title-types-of-appliances {background:url(images/title-types-of-appliances.jpg) no-repeat; width:582px; height:66px;}

#title-braces-diagram {background:url(images/title-braces-diagram.jpg) no-repeat; width:582px; height:66px;}

#title-orthodontic-treatments {background:url(images/title-orthodontic-treatments.jpg) no-repeat; width:582px; height:66px;}

#title-invisalign {background:url(images/title-invisalign.jpg) no-repeat; width:582px; height:66px;}

#title-emergency-care {background:url(images/title-emergency-care.jpg) no-repeat; width:582px; height:66px;}

#title-location {background:url(images/title-location.jpg) no-repeat; width:582px; height:66px;}

#title-site-map {background:url(images/title-site-map.jpg) no-repeat; width:582px; height:66px;}

/* - - - - - - - - - - CONTENT ELEMENTS - - - - - - - - - - */

dl {margin:15px 25px 10px 50px; font-size:12px; font-family:"Verdana", Arial, Helvetica, sans-serif;}

dt {font-weight: bold;}

dd {margin:0px 25px 10px 30px; font-size:12px; font-family:"Verdana", Arial, Helvetica, sans-serif;}

blockquote {margin-left:25px;}

.adobe-reader {margin-bottom:45px;}

#short-page {height:380px;}

.text-top {margin-top:0px !Important;}

#logo-links {height:120px; padding-top:15px;}

.logo-links-left {float:left; margin-left:20px; border:solid 1px #0997c0;}

.logo-links-right {float:right; border:solid 1px #0997c0; margin-right:45px;}

.small-tile {background:url(images/sm-tile.gif) repeat-x; width:520px; height:1px; margin-left:20px; margin-bottom:15px;}

.line-under {text-decoration:underline;}

.invisaligh-img {border:solid 1px #0997c0; float:right; margin-right:30px; margin-bottom:25px; margin-left:25px; margin-top:20px;}

#site-map-general {list-style-type:none; margin-left:25px !Important;}

.site-map-sub {margin-left:25px !Important;}

/* - - - - - - - - - - H1, H2, H3 - - - - - - - - - - */

h1 {padding-right: 0px; padding-left:0px; padding-bottom:0px; padding-top:0px; margin:0px; text-indent:-999em; background-repeat:no-repeat;}

h2 {margin:15px 25px 0px 18px; font-weight:bold; font-size:14px; font-family:"Verdana", Arial, Helvetica, sans-serif; text-decoration:none; color:#227e3d; line-height:1.6em;}

h3 {margin:15px 25px 10px 18px; font-weight:bold; font-size:13px; font-family:"Verdana", Arial, Helvetica, sans-serif; text-decoration:none; color:#0995be; line-height:1.6em;}

h4 {margin:15px 25px 10px 18px; font-weight:bold; font-size:12px; font-family:"Verdana", Arial, Helvetica, sans-serif; text-decoration:none; line-height:1.4em;}

/* - - - - - - - - - - FOOTER - - - - - - - - - - */

#footer {height:160px; width:878px; font-family:"Arial", Verdana, Helvetica, sans-serif !Important; background:url(images/footer.jpg) no-repeat; font-size:12px; margin:0px auto; position: relative;}

#footer-slogan {text-align:center; color:#000000; font-size:12px; padding-top:3px; font-family:"Arial", Verdana, Helvetica, sans-serif !Important;}

#footer-slogan p {font-weight:bold;}

#footer-menu {text-align:center; font-size:12px; color:#0887ad; font-weight:normal; padding-top:15px;}

#footer-menu p a {color:#0887ad; font-weight:normal; text-decoration:none;}

#footer-menu p a:hover {color:#026a89;text-decoration:underline;}

.footer-sesame {color:#000000 !Important; font-size:12px; font-family:"Arial", Verdana, Helvetica, sans-serif !Important;}

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

div#sesame-game {background:#000000; line-height:0; margin:10px auto; text-align:center; width:400px;}

ul#sesame-games {list-style:none; margin:0px 20px 0px 0px; 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;}
