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

/* 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: #7e2c00; font-family: tahoma, serif, Arial; font-size:11px; line-height:17px; color:#40320c;}
p, h2, h3, ul, blockquote, ol {padding-bottom:10px; padding-top:10px;}
.armour-footer { font-size:10px; line-height:12px}
ul, blockquote, ol {padding-left:30px; padding-right:10px; padding-top:10px;}
a {color:#40320c;}
a:hover {text-decoration:none;}
a img {border-style:none;}
#footer a {color:#FFF;}


/* LAYOUT ---------- */
#wrapfull {width:100%; background:url(../images/tile-fullwrap.jpg) repeat-x; margin:0; padding:0;}
#wrap {width:780px; margin:0 auto;  position:relative; padding-top:95px;}
#content {width:775px; margin:0 auto; background:#FFF; padding-top:3px; padding-left:5px; }
#text {width:513px; padding:20px 0 20px 0; margin-left:25px;min-height:400px; height:auto !important; height:400px;}
#footerfull {width:100%; background:url(../images/tile-footer.jpg) repeat-x ; clear:both;}
#footer {color:#FFF; font-size:11px; line-height:auto; text-align:center; margin:0 auto; width:560px; padding:10px 110px; }

#callouts {width:191px; position:absolute; z-index:60;  margin-left:565px;}
#phone-no { position:absolute; top:90px; left:20px; color:#FFF; font-size:22px; font-family:Arial, Helvetica, sans-serif}
#social-callouts {text-align:center; padding-top:6px;}

/* HEADERS ---------- */
h1 {background-repeat: no-repeat; height: 226px; width:770px;  margin:0; padding:0;}
h1.replaced {overflow: hidden; text-indent: -999em; background-repeat: no-repeat; background-position: 0 0; }
h1.jcir {font-size: 35px;margin: 0;font-weight: normal;text-align: left;}
h2#footertext  {font-size:13px; color:#0c2e53; background:#bcd7e9; width:680px; padding:23px 40px 19px 40px;margin:0 auto; text-align:center;}
#footertext a {color:#0c2e53;}
#text h2 {color:#4e9abe; font-size:15px;}
#text h3 { font-size:13px;}
h2#invisalign {background:none;}

#sitemap li a {background:none;}

/* CLASSES ---------- */
#footer .sesame {color:#bcd7e9; font-size:10px;}
.img {margin:10px 10px 10px 10px; float:right; border:1px solid #7fc8ea;}
.imgright {margin:14px 10px 10px 0; float:left; border:1px solid #7fc8ea;}
.marginnone {margin:0; padding:0;}
.right {float:right;}
.left {float:left;}
.top  {color:#e4a732; font-size:11px; font-weight:bold;}
.hide {display:none;}
.flashhome { width:770px; height:380px;}
.block {display:block;}
.listnone {list-style:none;}
.center {text-align:center;}
.clear {clear:both;}
.resources {padding:10px; background:#FFF;}
p.breadcrumbs, .breadcrumbs a {color:#4e9abe; font-weight:bold; font-size:11px;}
.home {top:501px;}
.sub {top:359px;}

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


/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0; margin:0; width:780px; position:absolute; z-index:80; top:51px;}

/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block;height: 40px; overflow: hidden; text-indent:-999em; }
#nav li {float:left;}

/* Set the image for each nav item */
#ouroffice {background: url(../images/nav-our-office.jpg); width:92px}
#services {background: url(../images/nav-services.jpg); width:88px}
#newpatients {background: url(../images/nav-new-patients.jpg); width:115px}
#sedation {background: url(../images/nav-sedation.jpg); width:92px}
#invisalign {background: url(../images/nav-invisalign.jpg); width:97px}
#orthodontics {background: url(../images/nav-orthodontic.jpg); width:111px}
#implants {background: url(../images/nav-implants.jpg); width:92px}
#orafresh {background: url(../images/nav-ora-fresh.jpg); width:93px}

/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, 
#nav li:hover #ouroffice, #nav li.sfhover #ouroffice, 
#nav li:hover #services, #nav li.sfhover #services, 
#nav li:hover #newpatients, #nav li.sfhover #newpatients, 
#nav li:hover #sedation, #nav li.sfhover #sedation, 
#nav li:hover #invisalign, #nav li.sfhover #invisalign,
#nav li:hover #orthodontics, #nav li.sfhover #orthodontics, 
#nav li:hover #implants, #nav li.sfhover #implants, 
#nav li:hover #orafresh, #nav li.sfhover #orafresh {background-position:0 -40px;}

/* 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 {background: #074b83; left: -999em; padding: 12px 0; position: absolute; z-index: 1; border:1px solid #152258;}
#nav li ul li {float:none;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -5px 0 0 0; color:#FFF;}
#nav ul li a {height:auto; margin: 0; text-decoration: none; width: 217px; text-indent:0; color:#FFF; font-size:12px; font-weight:bold; float:none; padding:5px 10px 5px 10px;}
#nav ul li a:hover { background:#ca652a;}




/* LOGINS NAV ITEMS ---------- */

ul#logins {height: 31px; width:360px; list-style: none; padding:0; margin:0; position:absolute; z-index:90; top:0px;}

/*  Makes the list items sit next to each other */
#logins li {float: left;}

/*  Sets styles for all links that are inside the ul id="nav" */
#logins a {display: block;height: 31px; overflow: hidden; text-indent:-999em;}

/* Set the image for each nav item */
#patientlogin {background: url(../images/nav-patient-login.jpg);width:108px;}
#doctorlogin {background: url(../images/nav-doctor-login.jpg);width:94px;}
#contactus {background: url(../images/nav-contact-us.jpg);width:84px;}
#home {background: url(../images/nav-home.jpg);width:74px;}


/* Shift the image position up to show the active state */
#logins a:hover, #logins .active, #logins li:hover, #logins li.sfhover {background-position:0 -31px;}
/* Set the cursor to default arrow so link does not appear clickable */
#logins .active {cursor: default}

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

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