/*
  truenorthdentistry.com page styles
  Author: WebMediaRx Team http://webmediarx.com
    - rev. 12 Mar 07
*/
/*  Tag Re-declarations
------------------------------------------- */
* { border:0;margin:0;padding:0;}
body {
  font-size:95%;
  background:url(../_img/body_bg.gif) repeat;
  margin:0px;padding:0px}
img{ border:none;}
img.drthumb{float:left; margin:15px 10px 10px 0}
.right{float:right}
.left{float:left}
.grid-260{width:260px}

/*  Layout Definitions
------------------------------------------- */
#header.home{
  background:url(../_img/head_bg.jpg) bottom no-repeat;
  width:760px;
  height:301px}
#header{
  background:url(../_img/head_bg.jpg) bottom no-repeat;
  width:760px;
  height:237px}
#header a img {
  margin:0;border:none}
#siteContainer{
  background:url(../_img/container_bg.gif) top repeat-y;
  margin:0px auto;padding:0;
  width:760px}
#columnContainer.home{
  background:none;
  width:760px;padding:0;margin:0;}
#columnContainer{
  background:url(../_img/column_bg.jpg) top left no-repeat;
  width:760px;padding:0;margin:0;}
#footer{
  text-align:center;
  background:url(../_img/footer.jpg) no-repeat;
  width:760px; height:46px}
#footer a{
  color:#80617b;
  text-decoration:underline}
#footer p{
  padding-top:15px;
  color:#a6a69b;
  font:normal 0.85em  helvetica, verdana, arial, sans-serif}
#clearfix{
  height:1px;
  clear:both}/*  Sometimes a simple hack is neccesary */
#flash{
margin:0 0 0 25px}
#head{
margin:0 0 0 22px}
#patientLogin{ width:150px; height:25px; position:relative; float:right; top:20px; right:30px; text-align:right; overflow:hidden}
#patientLogin a{ text-decoration:none; text-transform:uppercase; font:bold 0.7em  helvetica, verdana, arial, sans-serif; color:#c38258}
#patientLogin a:hover{ text-decoration:underline}

  /*  Navigation Definitions
------------------------------------------- */
div#primarynav{ 
  height:100px;width:760px; 
  padding:0;border:0; 
  background:transparent}
div#primarynav ul#menu{
  height:100px;width:760px; 
  background:transparent url(../_img/nav.jpg) top left no-repeat;
  overflow:hidden;
  margin:0;padding:0; 
  position:relative}
div#primarynav ul#menu li{
  list-style:none; 
  position:absolute; 
  top:0}
ul#menu li,ul#menu a{ 
  height:100px; 
  display:block}
div#primarynav ul#menu li a{ 
  text-decoration:none; 
  text-indent:-9999px; 
/* Commented backslash hack for IE Mac \*/ overflow: hidden /* end hack */}
#cosmetic{left:0px;width:203px  }
#makeover{left:203px;width:209px}
#tour    {left:412px;width:167px}
#contact {left:579px;width:181px}

#cosmetic a:hover, #cosmetic a.current{background:transparent url(../_img/nav.jpg) 0 -100px no-repeat     }
#makeover a:hover, #makeover a.current{background:transparent url(../_img/nav.jpg) -203px -100px no-repeat}
#tour a:hover, #tour a.current        {background:transparent url(../_img/nav.jpg) -412px -100px no-repeat}
#contact a:hover, #contact a.current  {background:transparent url(../_img/nav.jpg) -579px -100px no-repeat}

/*  Dr Thumb Slide
------------------------------------------- */
#DocNav{float:left; padding:0; margin:15px 10px 5px 15px}
div#drnav{clear:both; height:99px; width:274px; padding:0; border:0; background:transparent}
div#drnav ul#drmenu{height:99px; width:274px; background:transparent url(../_img/thumb_nav.jpg) top left no-repeat; overflow:hidden; margin:0; padding:0; position:relative; list-style-type:none}
div#drnav ul#drmenu li{margin:0; padding:0; list-style-type:none; position:absolute}
div#drnav ul#menu li,ul#drmenu a{height:99px; display:block}
div#drnav ul#drmenu li a{text-decoration:none; text-indent:-9999px; list-style-type:none; 
/* Commented backslash hack for IE Mac \*/ overflow: hidden; /* end hack */ }
#shannon1{ left:0px; width:90px  }
#yang1   { left:90px; width:93px}
#mueller1{ left:183px; width:91px}
#shannon1 a:hover{ background: transparent url(../_img/thumb_nav.jpg) 0px -99px no-repeat   }
#yang1 a:hover   { background: transparent url(../_img/thumb_nav.jpg) -90px -99px no-repeat }
#mueller1 a:hover{ background: transparent url(../_img/thumb_nav.jpg) -183px -99px no-repeat}
 
/*  Inline Nav
------------------------------------------- */ 
#inlineNav {
  text-align:center;
  letter-spacing:-0.04em;
  text-transform:uppercase;
  padding:0 5px 0 5px;
  font:normal 15px  "Times New Roman", Georgia, Times, serif;}
#inlineNav a{ 
  color:#9c5e4d; 
  text-decoration:none;}
#inlineNav a:hover, #inlineNav a.current{
  text-decoration:underline;
  color:#718565;}

/*  General Typography
------------------------------------------- */
#MainColumn blockquote h4{
  font:italic 1.1em  "Times New Roman", Georgia, Times, serif;
  background:url(../_img/quote.gif) no-repeat left 5px;
  padding:5px 40px 10px 35px;
  margin:0 25px 0 10px;
  line-height:1.1;
  color:#5d6722}
ul li{
  list-style-type:none}
 
/*  Main Column Content
------------------------------------------- */
#MainColumn{
  padding:10px 0 0 0;
  margin:0 275px 0 25px;
  color:#a2a190;
  text-align:left;}
#flashtour{
  padding:10px 0 0 0;
  margin:0}
#MainColumn a{
  color:#cc6633;
  text-decoration:underline}
#MainColumn a:hover{
  color:#336633;
  text-decoration:underline}
#MainColumn.interior{
  padding:10px 10px 0 0;
  color:#a2a190;
  text-align:left;
  margin:0 15px 0 195px;}
#MainColumn p{
  color:#908f79;
  padding:0 0 5px 0;
  text-align:left;
  font:normal 0.88em verdana, helvetica, arial, sans-serif;
  line-height:1.3}
#MainColumn p span{
  padding:0}
#MainColumn h1{
  letter-spacing:-0.03em;
  font:normal 1.8em "Times New Roman", Georgia, Times, serif;
  color:#718565;
  padding:5px 0 0 0}
#MainColumn h2{
  font:normal 1.4em "Times New Roman", Georgia, Times, serif;
  color:#718565;
  padding:10px 0 0 0}
#MainColumn h2 span{
  color:#ea985a}
#MainColumn h3{
  font:normal 1.3em "Times New Roman", Georgia, Times, serif;
  color:#718565;
  padding:5px 0 0}
#MainColumn h4{
  font:bold 0.9em "Times New Roman", Georgia, Times, serif;
  padding:5px 0 0 0}
#MainColumn h4 span{
  font:0.8em verdana, helvetica, arial, sans-serif;}
#MainColumn h5{
  font:normal 0.85em verdana, helvetica, arial, sans-serif;
  padding:0}
#MainColumn ul {
  padding:0 0 0.5em 0;}
#MainColumn li {
  text-align:left;
  list-style-type:disc;
  list-style-position:outside;
  margin:5px 0 0 20px;
  /* background:url(../_img/bullet.gif) no-repeat 1px 3px; */
  font-family:"Verdana", "Lucida Grande", sans-serif;
  font-weight:normal;
  font-size:0.8em;
  line-height:1.4;
  padding:0}
#MainColumn li span{ font-weight:bold; text-decoration:underline;}
#MainColumn img{
  padding:5px 0 5px 0}
#MainColumn img.dr, #MainColumn img.service{
  float:right;
  padding:10px}
div.links, div.links a:hover{
  text-decoration:none;
  padding:10px 0 0 0;
  text-align:center}
#MainColumn  li.forms{
  color:#333;
  font:bold 0.95em Helvetica, Arial, sans-serif;
  background: url(../_img/pdf_icon.gif) 12px 6px no-repeat;
  line-height:1.9em;
  list-style:none;
  text-indent:25px;
  padding:0 10px 0 8px;}
  
/*  2 Column Main
------------------------------------------- */ 
#secondaryColumn{
  margin:0;
  padding:15px 25px 0 0;
  color:#a2a190;
  width:216px;
  float:right;
  text-align:left;}
#secondaryColumn.interior{ 
  margin:0;
  padding:15px 0 0 15px;
  color:#a2a190;
  width:165px;
  float:left;
  text-align:left;}
#secondaryColumn h1{
  font:normal 1.5em "Times New Roman", Georgia,  Times, serif;
  color:#718565;}
#secondaryColumn p{
  color:#a2a190;
  padding:0;
  text-align:left;
  font:normal 1.15em  helvetica, verdana, arial, sans-serif}
  
/*  subNav
----------------------------------------------- */
#secondaryColumn.interior a{
  letter-spacing:-0.04em;
  font:normal 1.1em "Times New Roman", Georgia,  Times, serif;
  text-decoration:none; 
  color:#5d6722; 
  display:block;  
  height:1.4em; 
  border-bottom:1px dotted #b7b1a1;  
  padding:0.5em}
#secondaryColumn.interior a:hover, #secondaryColumn.interior a.current{
  color:#ea985a}  


/*  doctors
----------------------------------------------- */  
#doctors{
  padding:0;margin:0;
  background: url(../_img/drtile.jpg) top left repeat-y;
  overflow:hidden;
  width:216px}
#doctors h1{
  padding-top:10px;
  background:url(../_img/drhead.jpg) top left no-repeat;
  letter-spacing:-0.04em;
  text-align:center;
  font:normal 2em "Times New Roman", Georgia,  Times, serif;
  color:#718565}
#doctors h2{
  height:52px;
  background:url(../_img/dr_div_bg.jpg) top left no-repeat;}
#doctors a{
  letter-spacing:-0.06em;
  background: url(../_img/doctor_bg.jpg) top left no-repeat;
  font:normal 0.85em  helvetica, verdana, arial, sans-serif;
  text-decoration:none;
  width:256px;height:74px;
  color:#373017; 
  display:block}
#doctors a:hover{
  text-decoration:underline;
  color:#cc6633}
#doctors img.doc {
  width:47px;height:49px;
  float:left;
  margin:5px 5px 20px 23px}
#doctors span{
  float:left;
  padding:15px 5px 0 0}
  
/*  Form Shiznit!
----------------------------------------------- */
legend {width:125px}
#thankYou p {color:#cc6633}
#contactForm {
  clear:none}
form {
  clear:none;
  font:.9em "Times New Roman", Georgia,  Times, serif;
  color:#333;
  border:none;
  padding:0}
input, textarea, select {
  margin:0;
  padding:3px;
  border:1px solid #ccc;
  font:1.1em "Times New Roman", Georgia,  Times, serif}
#txtMessage {
  width:400px;
  height:150px;}
.required {
  font:bold 1.2em "Times New Roman", Georgia,  Times, serif;
  color:#903;}
.error {
  background-color:#903;
  font:bold 0.9em "Times New Roman", Georgia,  Times, serif;
  color:#fff;
  padding:3px;}
  
/*  Sitemap
----------------------------------------------- */
div#sitemap a{
  line-height:2;
  color:#373017;
  text-decoration:none}
div#sitemap p.level1 a:hover{
  text-decoration:underline;
  color:#99651b;}
div#sitemap{
   padding:2em 1em;}
div#sitemap p{
   padding: 0;
   border: none;
   margin: 0;}
div#sitemap p.level1, div#sitemap p.level1 a, div#sitemap p.level1 a:hover{
  color:#cc6633;
  font:normal 17px "Times New Roman", Georgia, Times, serif;
  padding: 0 0 0 0.8em;}
div#sitemap p.level2{
   padding: 0 0 0 46px;}
div#sitemap p.level3{
   padding: 0 0 0 67px;}
div#sitemap p.exiilm{
   background: url(../_img/exiilm.gif) no-repeat;}
div#sitemap p.exiitm{
   background: url(../_img/exiitm.gif) no-repeat;}
div#sitemap p.exilm{
   background: url(../_img/exilm.gif) no-repeat;}
div#sitemap p.ex-ilm{
   background: url(../_img/ex-ilm.gif) no-repeat;}
div#sitemap p.exi-lm{
   background: url(../_img/exi-lm.gif) no-repeat;}
div#sitemap p.exitm{
   background: url(../_img/exitm.gif) no-repeat;}
div#sitemap p.ex-itm{
   background: url(../_img/ex-itm.gif) no-repeat;}
div#sitemap p.exi-tm{
   background: url(../_img/exi-tm.gif) no-repeat;}
div#sitemap p.exlm{
   background: url(../_img/exlm.gif) no-repeat;}
div#sitemap p.ex-lm{
   background: url(../_img/ex-lm.gif) no-repeat;}
div#sitemap p.ex--lm{
   background: url(../_img/ex--lm.gif) no-repeat;}
div#sitemap p.extm{
   background: url(../_img/extm.gif) no-repeat;}
div#sitemap p.ex-tm{
   background: url(../_img/ex-tm.gif) no-repeat;}
div#sitemap p.ex--tm{
   background: url(../_img/ex-tm.gif) no-repeat;}
     
  
/*  Thats the End!    Seriously... go!
------------------------------------------- */