/* ------------------[A WebMediaRx layout - webmediarx.com]------------------
//
//  [You may adapt elements of this CSS in your own projects, but the unique 
//  combination of images, colors, sizes, typography, and positioning ("the 
//  design") is copyright 2006 WebMediaRx and may not be reproduced.]
//
// ------------------[Licensing:GPL --- WebMediaRx.com]------------------ */
/*
  Q-dental.com
  Screen, Projection Style Sheet - by webmediarx.com
  					- rev. 21 november 06
*/
/*  Tag Re-declarations
------------------------------------------- */
* { border:0;margin:0;padding:0;}
body{
  min-width:840px;
  font:68% Verdana, Arial, Helvetica, sans-serif;
  color:#996633;
  background:url(../_img/bg.jpg) repeat; 
  margin:0; padding:0;}
img {border:none;}

/*  Layout Definitions
------------------------------------------- */
#header{
  text-align:center;
  margin:0 auto;
  overflow:hidden;
  background: url(../_img/temp_header2.gif) no-repeat top center;
  width:816px;
  height:219px;}
#footer{  
  margin:0 auto;
  text-align:center;
  background:url(../_img/footer.jpg) no-repeat;
  width:816px;height:50px;}
#footer p{
  padding-top:15px;
  text-transform:uppercase;
  color: #997766;
  line-height:10px;
  font-size:80%;}
#footer a{
  color:#912040;
  text-decoration:underline;}
div.mainimage{
  background: url(../_img/building.jpg);
  width:754px;height:235px;
  text-decoration:none; 
  text-indent:-9999px;}
  
/*  Navigation Definitions
------------------------------------------- */
div#primarynav{ 
  margin:0px auto;
  height:41px;width:786px; 
  padding:0;border:0; 
  background:transparent;}
div#primarynav ul#menu{ 
  height:41px;width:786px; 
  background:transparent url(../_img/nav2.jpg) top left no-repeat;
  overflow:hidden;
  margin:0; 
  padding:0; 
  position:relative;}
div#primarynav ul#menu li{
  margin:0; 
  padding:0; 
  list-style:none; 
  position:absolute; 
  top:0;}
ul#menu li,ul#menu a{ 
  height:41px; 
  display:block;}
div#primarynav ul#menu li a{ 
  text-decoration:none; 
  text-indent:-9999px; 
/* Commented backslash hack for IE Mac \*/ overflow: hidden; /* end hack */}
#home        {left:0px;width:104px;   }
#tour        {left:104px;width:122px;  }
/*#testimonials{left:158px;width:101px;}*/
#gallery     {left:226px;width:126px;}
#cosmetic    {left:352px;width:178px;}
#educated    {left:530px;width:131px;}
/*#community   {left:616px;width:91px; }*/
#contact     {left:661px;width:125px; }

#home a:hover,body#homeOn #home                        {background:transparent url(../_img/nav2.jpg) 0 -41px no-repeat;     }
#tour a:hover,body#tourOn #tour                        {background:transparent url(../_img/nav2.jpg) -104px -41px no-repeat; }
/*#testimonials a:hover,body#testimonialsOn #testimonials{background:transparent url(../_img/nav.jpg) -158px -41px no-repeat;}*/
#gallery a:hover,body#galleryOn #gallery               {background:transparent url(../_img/nav2.jpg) -226px -41px no-repeat;}
#cosmetic a:hover,body#cosmeticOn #cosmetic            {background:transparent url(../_img/nav2.jpg) -352px -41px no-repeat;}
#educated a:hover,body#educatedOn #educated            {background:transparent url(../_img/nav2.jpg) -530px -41px no-repeat;}
/*#community a:hover,body#communityOn #community         {background:transparent url(../_img/nav.jpg) -616px -41px no-repeat;}*/
#contact a:hover,body#contactOn #contact               {background:transparent url(../_img/nav2.jpg) -661px -41px no-repeat;}

/*  Service Buttons - Top
------------------------------------------- */ 
div#serviceTopNav{ 
  margin:0px auto;
  height:71px;width:784px; 
  padding:0;border:0; 
  background:transparent;}
div#serviceTopNav ul#servicemenuTop{ 
  height:71px;width:784px; 
  background:transparent url(../_img/services_top.jpg) top center no-repeat;
  overflow:hidden;
  margin:0; 
  padding:0; 
  position:relative;}
div#serviceTopNav ul#servicemenuTop li{
  margin:0; 
  padding:0; 
  list-style:none; 
  position:absolute; 
  top:0;}
ul#servicemenuTop li,ul#servicemenuTop a{ 
  height:71px; 
  display:block;}
div#serviceTopNav ul#servicemenuTop li a{ 
  text-decoration:none; 
  text-indent:-9999px; 
/* Commented backslash hack for IE Mac \*/ overflow: hidden; /* end hack */}
#veneers  {left:40px;width:175px; }
#crowns   {left:217px;width:174px;}
#whitening{left:391px;width:175px;}
#bridges  {left:566px;width:174px;}
#veneers a:hover,body.veneersOn #veneers      {background:transparent url(../_img/services_top.jpg) -40px -71px no-repeat; }
#crowns a:hover,body.crownsOn #crowns         {background:transparent url(../_img/services_top.jpg) -217px -71px no-repeat;}
#whitening a:hover,body.whiteningOn #whitening{background:transparent url(../_img/services_top.jpg) -391px -71px no-repeat;}
#bridges a:hover,body.bridgesOn #bridges      {background:transparent url(../_img/services_top.jpg) -566px -71px no-repeat;}

/*  Service Buttons - Bottom
------------------------------------------- */ 
div#serviceBottomNav{ 
  margin:0px auto;
  height:70px;width:784px; 
  padding:0;border:0; 
  background:transparent;}
div#serviceBottomNav ul#servicemenuBottom{ 
  height:70px;width:784px; 
  background:transparent url(../_img/services_bottom.jpg) top center no-repeat;
  overflow:hidden;
  margin:0; 
  padding:0; 
  position:relative;}
div#serviceBottomNav ul#servicemenuBottom li{
  margin:0; 
  padding:0; 
  list-style:none; 
  position:absolute; 
  top:0;}
ul#servicemenuBottom li,ul#servicemenuBottom a{ 
  height:70px; 
  display:block;}
div#serviceBottomNav ul#servicemenuBottom li a{ 
  text-decoration:none; 
  text-indent:-9999px; 
/* Commented backslash hack for IE Mac \*/ overflow: hidden; /* end hack */}
#bonding   {left:40px;width:175px; }
#invisalign{left:217px;width:174px;}
#fillings  {left:391px;width:175px;}
#implants  {left:566px;width:174px;}
#bonding a:hover,body.bondingOn #bonding         {background:transparent url(../_img/services_bottom.jpg) -40px -70px no-repeat; }
#invisalign a:hover,body.invisalignOn #invisalign{background:transparent url(../_img/services_bottom.jpg) -217px -70px no-repeat;}
#fillings a:hover,body.fillingsOn #fillings      {background:transparent url(../_img/services_bottom.jpg) -391px -70px no-repeat;}
#implants a:hover,body.implantsOn #implants      {background:transparent url(../_img/services_bottom.jpg) -566px -70px no-repeat;}

/*  other graphic elements
------------------------------------------- */
acronym{
  cursor:help;
  border-bottom:1px dashed #333;}
#platform{
  width:816px;height:17px;
  background:url(../_img/platform.jpg) no-repeat;
  margin:0px auto;}
#rollover{
  float:right;
  position:relative; 
  margin-top:10px;
  left:5px; 
  display:block;}
#rollover a.library{
  text-indent:30px;
  letter-spacing:-1px;
  font-weight:bold;
  display:block; 
  width:201px;height:46px; 
  background:transparent url(../_img/rollover_library.jpg) top left; 
  text-align:center; 
  color:#811534; 
  line-height:45px; 
  text-decoration:none; 
  font-family: "Times New Roman",Georgia,Times,serif;
  font-size:1.8em; 
  margin-top:10px;}
#rollover a.document{
  text-indent:30px;
  letter-spacing:-1px;
  font-weight:bold;
  display:block; 
  width:196px;height:46px; 
  background:transparent url(../_img/rollovers_docs.jpg) top left; 
  text-align:center; 
  color:#811534; 
  line-height:45px; 
  text-decoration:none; 
  font-family:"Times New Roman",Georgia,Times,serif;
  font-size:1.8em; 
  margin-top:10px;}
#rollover a.library:hover, #rollover a.document:hover{
  background-position:bottom; 
  overflow:hidden;}
div.hr{
  clear:both;
  height:7px;
  background:url(../_img/hr.gif) repeat-x scroll center;}
div.hr hr{
  display:none;}
  
/*  Content Definitions
------------------------------------------- */
#contentBgTile{
  width:780px;
  margin:0 auto;
  background:url(../_img/content_bg_tile.jpg) repeat-y;}
#contentHeader{
  background:url(../_img/content_bg.jpg) no-repeat top;
  overflow:hidden;
  width:780px;}  
#maincontent{
  float:left;
  width:464px;
  padding:4px 0 13px 18px;}
#maincontent h1{
  color:#811534;
  padding-top:25px;
  text-align:center;
  height:45px;
  letter-spacing:-1px;
  text-indent:10px;
  font-family:"Times New Roman",Georgia,Times,serif;
  font-size:200%;}
#maincontent h2{
  letter-spacing:-1px;
  color:#811534;
  text-indent:10px;
  font-family:"Times New Roman",Georgia,Times,serif;
  font-size:175%;}
#maincontent h2 span{
    font-family:Batang, Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size:175%;}
#maincontent h3{
  color:#9f6f07;
  text-indent:10px;
  font-family:"Times New Roman",Georgia,Times,serif;
  font-size:150%;}
#maincontent h4{
  color:#811534;
  text-indent:15px;
  font-family:"Times New Roman",Georgia,Times,serif;
  font-size:125%;}
#maincontent h5{
  color:#9f6f07;
  text-indent:8px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:0.9em;}
#maincontent p{
  line-height:1.5em;
  margin:0;
  padding:0 10px 8px;}
#maincontent a,#maincontent a:hover,#maincontent a:visited{
  color:#811534;
  text-decoration:underline}
#maincontent ul{
  padding:5px 0 5px 0;
  list-style-type:disc;
  list-style-position:inside;}
#maincontent li{
  color:#6e4215;
  text-align:left;
  text-indent:10px;
  line-height:17px;
  padding:0 0 7px 8px;}
#maincontent .procedures img{
  clear:both;
  float:right;
  padding:0 5px 5px 5px;}
  
/*  #column nav list "Procedures"
------------------------------------------- */ 
#Lcol{
  background-color:#e7e4d0;
  margin-left:0}
#Rcol{
  background-color:#e7e4d0;
  float:right;
  margin-right:20px;}
 
/*  right Column Content Definitions
------------------------------------------- */
#rightColumn{
  display:inline;
  padding:15px 0 0 0;
  text-align:left;
  width:262px;
  float:right;}
#rightColumn .wrapper{
  padding-bottom:15px;
  width:252px;
  text-align:left;}
.wrapper p{
  color:#d6a8a6;
  font-size:110%;}
.wrapper h1{
  font-family:"Times New Roman", Georgia, Times, serif;
  padding:10px 0;
  color:#cb2957;
  margin:0 0 0.05em 0;
  font-size:250%;
  letter-spacing:-1px;
  font-weight:normal;}
.wrapper h2{
  font-family:"Times New Roman", Georgia, Times, serif;
  padding:0;
  color:#cb2957;
  margin:1.3em 0 0  0;
  font-size:195%;
  letter-spacing:-1px;
  font-weight:normal;}
.wrapper h3{
  color:#ebd9a9;
  font-size:125%;
  letter-spacing:-1px;
  font-weight:normal;}
.wrapper li{
  line-height:1.1em;
  color:#fdf6e3;
  list-style:none;}
.wrapper a, .wrapper a:hover{
  text-decoration:underline;
  color:#d6a8a6;
  font-size:110%;}
.wrapper input{
  font:100% Verdana, Arial, Helvetica, sans-serif;
  background:url(../_img/form_field_bg.jpg) repeat-x top;
  color:#811534;
  background-color:#e5e2c4;
  border:1px solid #640e22;}
.wrapper input p{
  color:#d6a8a6;}
.wrapper textarea{
  font:100% Verdana, Arial, Helvetica, sans-serif;
  background:url(../_img/form_field_bg.jpg) repeat-x top;
  color:#811534;
  background-color:#e5e2c4;
  border:1px solid #640e22;}

/*  lets style those form elements
------------------------------------------- */
label{
  color:#d6a8a6;}
#thankYou {
  padding-top:20px;}
textarea {
  overflow:auto;}
input p{
  color:#d6a8a6;}
.required, .error {
  font:bold 0.75em;
  color:#dd557a;}

/*  Thats the End!    Seriously... go!
------------------------------------------- */