/*
#######################################################
## PreOptions
#######################################################
*/
* { margin: 0; padding: 0; }

html, body {
  font-family: tahoma, arial, verdana, helv, helvetica, sans-serif;
  font-size: 100.01%; color: #313716;
  background: url(../images/bg_body.png) repeat-x #e1e6ca;
  }
  
img { border: 0; }

a, a:link, a:visited, a:active { color: #005695;; text-decoration: underline; }

ul,ol { list-style: none; }
ol{	list-style:decimal; }
li { font-size: 0.75em; line-height: 1.5em; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 { height: 25px; padding-bottom: 17px; font-size: 1.2em; }
h1, .page h1 a, h1 a:hover {  }
h1.nocss { position: absolute; width: 1px; height: 1px; }
.page .nocss a { text-decoration: none; }

h2 { padding: 0 15px 7px 0; line-height: 1.3em; font-size: 1.0em; }
h2, .page h2 a, h2 a:hover { color: #005695; }
h2.comment { padding-bottom: 19px; font-style: italic; }

h3 { padding: 0 15px 7px 0; font-size: 1.0em; line-height: 1.5em; }
h3, .page h3 a, h3 a:hover {  }

h4 { font-weight: bold; color: #5188c3; font-size: 0.8em; }
h4, .page h4 a, h4 a:hover { color: #5188c3; text-decoration: none; }

h5 {  }
h5, .page h5 a, h5 a:hover {  }

h6 {  }
h6, .page h6 a, h6 a:hover {  }

div.clr { clear: both; }

/* link floating */
.linkright { float: right; }

/* img floating */
.picright { float: right; padding-left: 20px; }
.picleft { float: left; padding-right: 5px; }

blockquote { padding-left: 50px; }

hr { 
  height: 0;
  margin-bottom: 1em;
  border: 0;
  border-bottom: 1px dotted #CCC;
  }

/*
#######################################################
## Mainframe
#######################################################
*/

.mainframe { z-index: 0;
  position: relative;
  width: 849px;
  margin: 0 auto;
  }
  
/*
#######################################################
## Misc
#######################################################
*/

.editorial a span,
.hide { display: none; }
.hidden { visibility: hidden; }
.sfhover div { display: none; }

#social-icons { margin:-20px auto 0; text-align:center; }

/* Submenu:hover effect, if JS is disabled - Ignores IE6 */
html>body .top li div { visibility: hidden; }
html>body .top li:hover div { visibility: visible; }
html>body .nav li div { visibility: hidden; }
html>body .nav li:hover div { visibility: visible; }
* html .iehide div { display: none; }

/* Hidden Objects */
.logo span,
.top li a span,
.page h1.nocss span,
.nav li a span,
.topnav li a span { visibility: hidden; }

/*
#######################################################
## TOP
#######################################################
*/

.top {
  position: relative;
  width: 849px; height: 179px;
  background: url(../images/bg_top.jpg) no-repeat;
  }
/* MAIN Level */ 
.top ul {
  position: absolute;
  margin-left: 529px; top: 50px;
  }
.top li { margin-right: 17px; float: left; }
.top li a {
  display: block;
  text-decoration: none;
  width: 130px; height: 35px;
  }

/* SUB Level */
.top li div { position: absolute; }
.top li ul {
  position: absolute;
  margin-left: 0; top: -1px;
  background: #afcaf1;
  border: 1px solid #005695;
  padding: 5px 0;
  }
.top li ul li { line-height: 24px; margin-right: 0; clear: left; } 
* html .top li ul li { height: 24px; }

.top li ul li a {
  display: block;
  width: 180px; height: 24px;
  padding: 0 10px 0 15px;
  font-size: 1.3em; line-height: 24px; color: #005695;
  background: none;
  } 
.top li ul li a:hover { background: #FFF; width: 180px; }
*+html .top li ul li a:hover { width: 179px; border-right: 1px solid #FFF; }
/* IE7 Hack for Sublevel Hover Elements */
.top li ul li a:visited { color: #005695; text-decoration: none; }


.page .logo {
  display: block;
  position: absolute;
  top: 50px; left: 42px;
  width: 335px; height: 95px;
  text-decoration: none;
  }

.nav {
  height: 308px;
  background: url(../images/bg_nav.jpg) no-repeat;
  }

/* MAIN Level */
.nav .menu { 
  position: relative;
  float: left;
  top: 40px; left: 25px;
  width: 199px; height: 215px;
  }

.nav ul { width: 199px; vertical-align: top; }
 /* vertical-align: top; and WIDTH are necessary for IE6 */
.nav li {  }
* html .nav li { height: 30px; }

.nav li a { vertical-align: top;
  display: block;
  width: 199px;
  line-height: 30px;
  text-decoration: none;
  background: url(../images/nav.jpg) no-repeat;
  }
.nav li a#office { background-position: 0 0; }
.nav li a#office:hover,
.nav li.active a#office { background-position: -216px 0; }

.nav li a#orthodontics { background-position: 0 -30px; }
.nav li a#orthodontics:hover,
.nav li.active a#orthodontics { background-position: -216px -30px; }

.nav li a#braces { background-position: 0 -60px; }
.nav li a#braces:hover,
.nav li.active a#braces { background-position: -216px -60px; }

.nav li a#treatment { background-position: 0 -90px; }
.nav li a#treatment:hover,
.nav li.active a#treatment { background-position: -216px -90px; }

.nav li a#emergency { background-position: 0 -120px; }
.nav li a#emergency:hover,
.nav li.active a#emergency { background-position: -216px -120px; }

.nav li a#us { background-position: 0 -150px; }
.nav li a#us:hover,
.nav li.active a#us { background-position: -216px -150px; }

.nav li a#home { background-position: 0 -180px; }
.nav li a#home:hover,
.nav li.active a#home { background-position: -216px -180px; }


/* SUB Level */
.nav li div {
  position: absolute;
  width: 163px;
  left: 189px;
  }
.nav li ul {
  position: relative;
  top: -30px;
  width: 163px;
  background: #afcaf1;
  border: 1px solid #005695;
  padding: 5px 0;
  }
.nav li ul li { line-height: 24px; } 
* html .nav li ul li { height: 24px; }

.nav li ul li a {
  display: block;
  width: 138px;
  padding: 0 10px 0 15px;
  font-size: 1.3em; line-height: 24px; color: #005695;
  background: none;
  } 
.nav li ul li a:hover { background: #FFF; width: 138px; }
*+html .nav li ul li a:hover { width: 137px; border-right: 1px solid #FFF; }
/* IE7 Hack for Sublevel Hover Elements */
.nav li ul li a:visited { color: #005695; text-decoration: none; }

.flashx { 
  width: 583px; height: 308px;
  float: right; overflow: hidden;
  padding-right: 35px;
  }

/*
#######################################################
## CENTER
#######################################################
*/

.ornament {
  background: url(../images/bg_content.png) repeat-y;
  }
  
.content {
  height: 450px;
  background: url(../images/content_bottom.png) no-repeat bottom;
  }
html>body .content {
  min-height: 450px;
  height: auto;
  }
  
.left { 
  float: left;
  width: 241px;
  background: url(../images/bg_left.png) no-repeat;
  }
.addresses {
  padding: 28px 30px 80px 73px;
  background: url(../images/divider.gif) no-repeat 215px 15px;
  }
.addresses p { font-size: 0.7em; line-height: 1.3em; color: #5188c3; padding-bottom: 15px; }
.addresses p span { font-size: 1.2em; font-weight: bold; color: #005695; }
.addresses div {
  background: url(../images/hdivider.gif) no-repeat;
  height: 22px; width: 100px;
  }

.right { 
  float: right;
  width: 608px;
  background: url(../images/bg_right.png) no-repeat top right;
  }

.editorial { padding: 29px 70px 30px 20px; }
.editorial p,
.editorial span { font-size: 0.75em; line-height: 1.6em; }
.editorial p { padding-bottom: 17px; }

.editorial ul { padding-bottom: 15px; }
.editorial li { 
  padding-left: 30px;
  background: url(../images/listen.gif) no-repeat 20px 7px;
  }

.editorial .sitemap { float: left; padding-right: 40px; }
.editorial .sitemap li { background: none; padding: 0 0 25px 0; line-height: 1.5em; }
.editorial .sitemap li a {  }

.editorial .sitemap li ul { padding-left: 20px; }
.editorial .sitemap li ul li { background: none; padding: 0; }
.editorial .sitemap li ul li a { font-size: 1.3em; line-height: 1.5em; }

.head_divider {
  width: 465px; height: 21px;
  background: url(../images/head_divider.gif) no-repeat;
  }

.category-links,
.category-links a { color: #005695; text-decoration: none; }
.category-links a { text-decoration: none; }
.page .category-links a.active { text-decoration: underline; }

/* content col format */   
.aside { 
  float: right;
  width: 33%;
  }
.smallcontent { 
  float: left;
  width: 65%;
  }

/*
#######################################################
## BOTTOM
#######################################################
*/

.footer {
  position: relative;
  height: 364px;
  background: url(../images/bg_footer.png) no-repeat;
  } 

.trademark,
.facebook,
.iteen,
.association, 
.diplomate, 
.provider {
  display: block;
  position: absolute;
  }
.provider { left: 34px; top: 41px; } 
.diplomate { left: 116px; top: 59px; } 
.association { left: 335px; top: 44px; }
.iteen { left: 533px; top: 69px; }
.facebook { left: 753px; top: 43px; }
.page .trademark { 
  left: 360px; top: 258px;
  font-size: 0.7em; color: #8a916b;
  }

.footertext { 
  position: absolute;
  left:125px; top: 126px;
  width: 680px;
  font-size: 0.7em; font-weight: bold; line-height: 1.6em; letter-spacing: 0.001em; text-align: center;
  }
.footertext,
.footertext a,
.footertext a:visited { color: #6b7247; }  

.footernav { 
  position: absolute;
  left: 160px; top: 210px;
  width: 600px;
  font-size: 0.7em; line-height: 1.6em; text-align: center; color: #8a916b;
  }
.footernav a,
.footernav a:visited { color: #8a916b; text-decoration: none; }
.content ol{
	padding-left:25px;
	}
/* 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}