/* 
----------------------------------------------------------------------------
Copyright Einstein Industries 2004. Used with Permission.                             
May not be duplicated or reproduced.

Please check for cross-browser compatibility prior to making changes
MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari

CSS Document - layout.css
---------------------------------------------------------------------------- */

/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* remove default link styles */
:link,:visited { text-decoration:none; }

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,fieldset,input,div,dd,dt,dl { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img { border:none; }

/* basic elements
 * ------------------------------------------------------------------------- */
body { background:#b7b383; text-align:center; }
p, a:link, a:visited, h1, h2, h3, dl { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4a4728; text-decoration:none; }
p, ul, li, dt, dd { line-height: 13px; }
p, pre, blockquote { margin-bottom:7px; }
a:link, a:visited { text-decoration:underline; }
a:hover, a:active { text-decoration:none; }
h1 span, h2 span, h3 span { display:none; }
h1, h2, h3 { font-size:14px; margin: 5px 15px 15px 0; padding-left:25px;  }
h2 { font-size:13px; margin: 10px 0 5px 0; padding-left:25px;  }
h3 { font-size:12px; margin: 10px 0 5px 0; padding-left:25px;  }

/* classes */
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.hide { display:none; }
.thumbs-left { margin:2px 8px 0 0; }
.thumbs-right { margin:2px 0 0 8px; }

/* contact forms
 * ------------------------------------------------------------------------- */

/* quick contact */
form { width:135px; padding-left:50px; padding-bottom:15px; }
input, textarea { background-color:#ddd9bc; border:1px solid #a8a57c; width:135px; height:18px; margin-bottom:4px;
                  font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#474425; }
textarea { height:60px; }
.submit { width:60px; cursor:pointer; }

/* main contact */
#big-contact { padding:20px 0 20px 0; }
#big-contact form, #big-contact label, #big-contact input, #big-contact textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#474425; }
#big-contact label { position:relative; display:block; text-align:right; width:150px; margin-bottom:-8px; }
#big-contact label input, #big-contact label textarea { position:absolute; left:110%; top:-2px; }
#big-contact label input { width:200px; }
#big-contact label textarea { top:0; width:200px; height:100px; }
.submit-big-contact { width:60px; cursor:pointer; margin:85px 0 0 165px; }

/* skeleton
 * ------------------------------------------------------------------------- */
#wrap { background:url("../images/index/bg-index.gif") repeat-y; width:760px; margin:0 auto; text-align:left;}
 #top { background:url("../images/index/top.gif") no-repeat; width:760px; height:45px; float:left; }
 
 #column-left { width:226px; float:left; }
 #column-left p { padding: 0px 5px 0px 50px; color:#4a4728; }
  #logo { background:url("../images/index/logo.gif") no-repeat; width:226px; height:283px; }
  #nav-left { background:url("../images/index/nav-left.gif") no-repeat; width:226px; height:40px; }
  #header-contactus { background:url("../images/index/header-contactus.gif") no-repeat; width:226px; height:67px; }
  #wrap-affiliations { background:url("../images/index/header-affiliations.gif") no-repeat; width:226px; margin-top:20px; padding-top:40px; }
  #wrap-affiliations p { padding-left:41px; }
  #wrap-seminars { background:url(../images/index/header-seminars.gif) no-repeat; width: 226px; margin-top:20px; }
  #wrap-seminars p { padding: 35px 20px 10px 50px; }

 #column-right { width:534px; float:left; }
 #column-right.girl-bg { background:url("../images/index/girl-bottom-left.jpg") left bottom no-repeat;}
 #column-right p, #column-right a { font-size:12px; color:#635f2f; } 
  #banner-top { background:url("../images/index/banner-top.gif") no-repeat; width:534px; height:50px; }
  #flash { width:514px; height:233px; }
  #banner { background:url("../images/index/banner.jpg") no-repeat; width:534px; height:233px; }
  #wrap-welcome { background:url("../images/index/bg-welcome.jpg") no-repeat; width:534px; padding-top:75px; padding-bottom:15px; }
  #wrap-welcome p { padding-left:24px; padding-right:200px; }
  #wrap-welcome h1 { padding-left:24px; padding-right:200px; }
  #wrap-welcome h2 { padding-left:24px; padding-right:200px; }
  #wrap-procedures { background:url("../images/index/header-procedures.gif") no-repeat; width:534px; padding-top:55px; }
   .column-procedures { width:225px; padding-bottom:20px; padding-left:25px; float:left; }
   #wrap-procedures h2 {padding: 0px 10px 5px 0px; margin: 0px; }
  #wrap-bottom-row { width:534px; clear:both; }
   #girl-bottom-left { width:206px; height:224px; float:left; }
   #wrap-smilegallery-index { background:url("../images/index/header-smilegallery.gif") no-repeat; width:328px; padding-top:50px; float:left; }
   #wrap-smilegallery-index p { padding-right:28px; }
   
 #bottom { background:url("../images/index/bottom.gif") no-repeat; width:760px; height:7px; clear:both; overflow:hidden; }

/* skeleton inside
 * ------------------------------------------------------------------------- */
 #header-locateus { background:url("../images/inside/header-locateus.gif") no-repeat; text-align:center; width:226px; padding-top:67px; margin-bottom:25px; }
 #header-locateus p { padding-left:18px; }
 #column-right-inside { width: 534px; float:left; }
 #column-right-inside p { font-size:12px; color:#635f2f; padding-left:25px; padding-right:35px; }
 #column-right-inside h1 { color:#635f2f; padding-left:25px; padding-right:35px; }
 #column-right-inside a:link, #column-right-inside a:visited { font-size:12px; }
  #wrap-about { background:url("../images/inside/header-about.gif") no-repeat; width:534px; padding-top:75px; }
  #wrap-thank { background:url("../images/inside/header-thank.gif") no-repeat; width:534px; padding-top:75px; }
  #wrap-sitemap { background:url("../images/inside/header-sitemap.jpg") no-repeat; width:534px; padding-top:75px; }
  #wrap-contact { background:url("../images/inside/header-contact.gif") no-repeat; width:534px; padding-top:75px; }
  #wrap-cosmetic-dentistry { background:url("../images/inside/header-cosmetic-dentistry.gif") no-repeat; width:534px; padding-top:75px; }
  #wrap-general-dentistry { background:url("../images/inside/header-general-dentistry.gif") no-repeat; width:534px; padding-top:75px; }
  #wrap-smilegallery { background:url("../images/inside/header-smilegallery.gif") no-repeat; width:534px; padding-top:75px; }
  #wrap-smilegallery dl { padding-left:20px; margin-bottom:15px; width:220px; float:left; }
  #wrap-smilegallery dt { padding-left:5px; }

/* bna
* ------------------------------------------------------------------------- */
#bna { width:542px; height:440px; }
#bna-wrap { width:600px; height:420px; }
 #bna-top { background:url("../images/bna/layout/bna-top.gif") no-repeat; height:127px; }
 #bna-case { height:227px; }
 #bna-bottom { background:url("../images/bna/layout/bna-bottom.gif") no-repeat; height:66px; }

/* footer
 * ------------------------------------------------------------------------- */
#footer { width:720px; text-align:center; margin:0 auto; }
#footer a { text-decoration:none; }
#footer a:hover { text-decoration:underline; }

/* navigation
 * ------------------------------------------------------------------------- */
#nav { background:url("../images/index/nav.gif") no-repeat; width:534px; height:40px; position:relative; }
#nav li { position:absolute; top: 0; }
#nav li, #nav a { height:40px; display:block; }
#nav span { display:none; }

#nav-01 { width: 46px; left:0; }
#nav-02 { width: 105px; left: 47px; }
#nav-03 { width: 104px; left: 153px; }
#nav-04 { width: 102px; left: 258px; }
#nav-05 { width: 80px; left: 361px; }
#nav-06 { width: 72px; left: 442px; }
#nav-07 { width: 20px; left: 515px; }

#nav-01 a:hover { background: transparent url(../images/index/nav.gif) -0 -40px no-repeat; }
#nav-02 a:hover { background: transparent url(../images/index/nav.gif) -47px -40px no-repeat; }
#nav-03 a:hover { background: transparent url(../images/index/nav.gif) -153px -40px no-repeat; }
#nav-04 a:hover { background: transparent url(../images/index/nav.gif) -258px -40px no-repeat; }
#nav-05 a:hover { background: transparent url(../images/index/nav.gif) -361px -40px no-repeat; }
#nav-06 a:hover { background: transparent url(../images/index/nav.gif) -442px -40px no-repeat; }

div.clear {
	clear:both;
}

#ptt {
background:url(../images/ptt.gif) no-repeat;
height:50px;
width:187px;
margin:0px 0px 15px 30px;
position:relative;
}
#ptt a {
position:absolute;
height:50px;
width:187px;
left:0;
right:0;
}

#ptt a:hover{ background:transparent url(../images/ptt-over.gif) no-repeat;}
#ptt a span {display:none;}