@charset "utf-8";
/* CSS Document */


.flash-replaced .alt {/*JQUERY STYLE - sets size of container to 0 to hide alternative content*/
 display: block;height: 0px;position: absolute;overflow: hidden;width: 0px;}
 
/* HTML, BODY ---------- */
* {margin:0; padding:0;}
body {margin:0; background:#6dd0e7 url(../images/tile.jpg) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:23px; color:#313232;}
p, h2, h3, ul, blockquote, ol {padding-bottom:10px; padding-top:10px;}
ul, blockquote, ol {padding-left:30px; padding-right:10px; padding-top:10px;}
a {color:#313232; }
a:hover {text-decoration:none;}
a img {border-style:none;}
p.breadcrumbs, .breadcrumbs a {font-size:13px; font-weight:bold; color:#552f72; clear:both; padding-top:30px;}
#footer a:hover, #footer-sidebar .sesame a:hover {text-decoration:underline;}
hr {border:1px solid #258da7;}

/* LAYOUT ---------- */
#wrapfull {width:100%; background:url(../images/bg-wrap.jpg) no-repeat top center;}
#wrap {width:990px; margin:0 auto; background:url(../images/tile-body.png) repeat-y; }
#body {width:990px; background:url(../images/bg-body.png) no-repeat; }
#bottom {width:990px; background:url(../images/bg-bottom.png) no-repeat bottom; min-height:956px; height:auto !important; height:956px;}
#address {width:524px; margin-left:47px; padding-top:9px; padding-bottom:11px; font-size:12px; line-height:14px; color:#FFF;}
#content {clear:both; width:592px; margin-left:319px; padding-bottom:20px;}
#footer {width:895px; clear:both; margin:0 auto; padding:0 95px 0 0; background:url(../images/bg-footer.jpg) no-repeat; font-size:13px; line-height:14px;}
#footer-sidebar {float:left; width:225px; padding:7px 57px 30px 37px; text-align:center;}

/* BANNERS ---------- */
#callouts {width:225px; position:absolute; top:539px; margin-left:37px; z-index:8; }


/* HEADERS ---------- */

h1 {background-repeat: no-repeat; height: 41px; width:584px; text-indent: -999em; margin: 0; padding:0; }
h1.replaced {overflow: hidden; text-indent: -999em; background-repeat: no-repeat; }
h1.jcir {font-size: 35px; margin: 130px 0 0 0; }

h1#logo {
margin: 0 0 0 571px; clear:both;
padding: 0;
background-repeat: no-repeat; 
width: 306px;/* this width reflects the width of the logo image */
height: 106px; /* this height reflects the height of the heading image */
overflow: hidden; 
text-indent: -999em;} /* hides rich text so only background image shows */

h1#logo a {
display: block; 
height: 106px;/*same height as logo h1*/ 
width: 306px;/*same width as logo h1*/}

#content h3 {color:#0f687f; font-size:15px; font-weight:normal; font-style:italic;}
#content h2 {color:#5d377b; font-size:16px; }
#footer h2 {color:#313232; font-size:13px; line-height:14px; margin:0; padding:20px 0 0 0;}

/* CLASSES ---------- */
#footer-sidebar .sesame {color:#08bae6; font-size:12px; line-height:14px;}
.pic {margin:17px 0 10px 10px; float:right;}
.right {float:right;}
.left {float:left;}
.imgleft {float:left; margin:0 10px 10px 0;}
.imgright {float:right; margin:0 0 10px 10px;}
.hide {display:none;}
.flashhome {width:678px; height:279px; clear:both; background:url(../images/1.jpg) no-repeat; margin-left:287px; padding-bottom:60px;}
.block {display:block;}
.listnone {list-style:none;}
.center {text-align:center;}
.clear {clear:both;}
.marginnone {margin:0; padding:0;}
.resources {padding:7px; background:#FFF; border:2px solid #39a1bb;}
.dublin {color:#39a1bb;}

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


/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0; margin-left:37px; width:224px; position:absolute; z-index:24; top:180px;}
/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block; overflow: hidden; text-indent:-999em;  width:224px;height:35px;}

/* Set the image for each nav item */
.home {background: url(../images/nav/home.gif); }
.aboutus {background: url(../images/nav/about-us.gif); }
.fornewpatients {background: url(../images/nav/for-new-patients.gif);}
.aboutorthodontics {background: url(../images/nav/about-orthodontics.gif); }
.faqs {background: url(../images/nav/ask-the-orthodontist.gif); }
.aboutbraces {background: url(../images/nav/about-braces.gif); }
.treatmentoptions {background: url(../images/nav/treatment-options.gif); }
.emergencycare {background: url(../images/nav/emergency-care.gif); }
.contactus {background: url(../images/nav/contact-us.gif); }


/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, 
#nav li:hover .aboutus, #nav li.sfhover .aboutus, 
#nav li:hover .treatmentoptions, #nav li.sfhover .treatmentoptions, 
#nav li:hover .aboutorthodontics, #nav li.sfhover .aboutorthodontics, 
#nav li:hover .aboutbraces, #nav li.sfhover .aboutbraces, 
#nav li:hover .fornewpatients, #nav li.sfhover .fornewpatients, 
#nav li:hover .emergencycare, #nav li.sfhover .emergencycare, 
#nav li:hover .faqs, #nav li.sfhover .faqs, 
#nav li:hover .home, #nav li.sfhover .home, 
#nav li:hover .contactus, #nav li.sfhover .contactus {background-position:-224px 0px;}

/* Set the cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}

#nav, #nav ul {list-style: none; margin: 0; }
#nav li {display: inline; }
#nav li ul { left: -999em; padding: 0; position: absolute; z-index: 1; padding:0 0; border:1px #FFF solid;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -34px 0 0 180px; color:#FFF;  background:#39a1bb;}
#nav ul li a {height:auto;  text-decoration: none; width: 200px; text-indent:0; color:#FFF; font-size:13px; padding:3px 10px;  }
#nav ul li a:hover {color:#FFF; text-decoration:underline}


/* NAVIGATION MAIN ---------- */
ul#logins {list-style: none; padding: 0; margin-left:36px; width:226px; position:absolute; z-index:24; top:104px;}
/*  Sets styles for all links that are inside the ul id="nav" */
#logins a {display: block; overflow: hidden; text-indent:-999em;  width:226px;height:42px;}

/* Set the image for each nav item */
.patientlogin {background: url(../images/nav/nav-patient-login.gif); }


/* Shift the image position up to show the active state */
#logins a:hover, #logins .active, #logins li:hover, #logins li.sfhover, 
#logins li:hover .patientlogin, #logins li.sfhover .patientlogin {background-position:-226px 0px;}

/* Set the cursor to default arrow so link does not appear clickable */
#logins .active {cursor: default}


/* SITE MAP NAV */
ul#sitemap {list-style:circle;}
#sitemap li a {background:none; text-decoration:underline}
#sitemap li a:hover {text-decoration:none;}



/* FOOTERNAV */
ul#footernav {list-style:none; line-height:14px; }
#footernav li {padding:0;  display:inline; white-space:nowrap; margin:0;}
#footernav li a {padding:0 13px 0 0;background:none; text-decoration:underline; color:#492565; font-size:12px; line-height:14px; text-indent:none; height:5px;}
#footernav li a:hover {text-decoration:none;}
#footernav li ul {display:none;}




/* The Game Room */
div#sesame-game {background: #000; line-height: 0; margin: 10px auto 30px auto; 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; float: right; margin: 0 0 10px 10px}
ul#sesame-games a.button {float:right; height:85px; width:200px}
ul#sesame-games p { padding-bottom: 1em}


/* THE DAMON SYSTEM */
.left {
float:left;
margin:0 10px 10px 0;}
img.right {
float:right;
margin:0 0 10px 10px;}
.clear {
clear:both;}
#damon-bracket {
display:block;
margin:0 auto 10px auto;}
#damon-wrap {
width:400px;
margin:0 auto;}
#damon-left {
float:left;
width:175px;
margin-right:20px;}
#damon-right {
float:left;
width:170px;}
#flash-damon-system-comparison {
margin:0 auto;
width:250px;}
#video-the-damon-system {
margin: 0 15px 15px 0;
width: 240px;
height: 206px;
float: left;
clear: left;}
#video-the-damon-system-2 {
margin: 0 15px 15px 0;
width: 400px;
height: 330px;
float: left;
clear: left;}

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