/* 
----------------------------------------------------------------------------
Copyright Einstein Industries 2005. 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 */
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,table,tr,td,img,dl,dt,dd,ul,ol,li,pre,form,fieldset,input { margin:0; padding:0; border:0; }

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

/* basic elements
 * ------------------------------------------------------------------------- */

/* global */ 
body { background-color:#000; text-align:left; }
p,span,h1,h2,a:link,a:visited,ul,ol,li,dl,dt,dd { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#fff; text-decoration:none; }
p,dl,dt,dd,ul,ol,li { line-height: 16px; }
p,pre,blockquote { margin-bottom:7px; }
a:link,a:visited { text-decoration:underline; }
a:hover,a:active { text-decoration:none; color:#3366FF;}
h1 span,h2 span,h3 span { display:none; }

/* list no image
ul { margin-left:8px; text-indent: -0.7em; }
li { margin-bottom:4px; }
*/


/* classes */
.thumbs-left { margin:2px 8px 0 0; }
.thumbs-right { margin:2px 0 0 8px; }
.clear { clear:both; height:.01em; }
.title { color:#3366FF; font-weight:bold; font-size:13px;}
.tech-pics { margin: 0 0 0 5px; }
.strong-blue { font-weight: bold; color: #3366FF !important;}
.bna-info { font-size: 14px;}


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

/* quick contact */
form { width:165px; padding:10px 0 15px 41px; }
input, textarea { background-color:#fff; border:1px solid #000; width:165px; height:21px; margin-bottom:4px; padding-top:4px; padding-left:4px;
                  font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; }
textarea { height:70px; overflow:auto; }
.submit, .submit-big-contact { width:60px; cursor:pointer; padding:0; }

/* main contact - dental.medical */
#big-contact { padding:20px 0 10px 0px; float:left; }
#big-contact label, #big-contact select { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; }
#big-contact label { width:200px; position:relative; display:block; text-align:right; color:#fff; }
#big-contact label input, #big-contact label textarea, #big-contact select { background-color:#fff; border:1px solid #BCD2A2; position:absolute; width:200px; left:219px; top:-1px; }
#big-contact label textarea { width:200px; height:100px; top:0; }
.submit-big-contact { margin:85px 0 0 217px; }


/* skeleton
 * ------------------------------------------------------------------------- */
#wrap-index { background: url("../images/index/bg-wrap-index.gif") repeat-y; width:800px; margin:0 auto; }
 #top { background:url("../images/index/top.jpg"); height:169px; }
 #banner {	background-color:#000000; height:283px; position:relative; }
 
 #column-left, #column-left-inside { width:527px; float:left; }
  #bg-welcome { background:url("../images/index/bg-welcome.gif") repeat-y; }
  #bg-welcome p { padding-left:47px; padding-right:25px; }
   #header-welcome { background:url("../images/index/header-welcome.gif"); height:49px; margin-bottom:10px; }
  #bottom-welcome { background:url("../images/index/bottom-welcome.gif"); height:31px; }
  #bg-proc-meet { background:url("../images/index/bg-proc-meet.gif") repeat-y; }
   #header-proc-meet { background:url("../images/index/header-proc-meet.gif"); height:51px; margin-bottom:15px; position:relative; }
  
  #mini-column-left { width:276px; float:left; }
  #mini-column-left p, #mini-column-left ul { padding-left:48px; padding-right:25px; }
  #mini-column-left li { margin-bottom:6px; }
  #mini-column-right { width:251px; float:left; }
  #mini-column-right div { width:120px; float:left; padding-left:5px; }
  #mini-column-right div p { padding-left:20px; }
 
 #column-right { width:273px; float:left; }
 #column-right p { color:#000; text-align:right; padding-right:49px; }
  #header-column-right { background:url("../images/index/header-column-right.gif") no-repeat; height:233px; }
 #buttons{ margin: 0px 30px 0px 28px; padding-top: 30px;}
  #header-quick-contact { background:url("../images/index/header-quick-contact.gif"); height:60px; margin-top:15px; }
 
 #bottom-index { background: url("../images/index/bottom-index.gif"); height:44px; clear:both; overflow:hidden; }

 #gallery-table { padding: 0 25px 0 48px;}
	#gallery-table p { color:#fff; padding:0px 0 0 0 !important; margin:0; text-align: center; }
/* skeleton inside
 * ------------------------------------------------------------------------- */
#wrap-inside { background:url("../images/inside/bg-wrap-inside1.gif") repeat-y; width:800px; margin:0 auto; }
 #column-left-inside p { padding-left:47px; padding-right:25px; }
 #column-left-inside ul { padding-left:47px; padding-right:25px; }
  #header-contact { background:url("../images/inside/header-contact.gif"); height:49px; margin-bottom:10px; }
  #header-faq { background:url("../images/inside/header-faq.gif"); height:49px; margin-bottom:10px; }
  #header-gallery { background:url("../images/inside/header-gallery.gif"); height:49px; margin-bottom:10px; }
  #header-meet { background:url("../images/inside/header-meet1.gif"); height:49px; margin-bottom:10px; }
  #header-procedures { background:url("../images/inside/header-procedures.gif"); height:49px; margin-bottom:10px; }
  #header-technology { background:url("../images/inside/header-technology.gif"); height:49px; margin-bottom:10px; }
  #header-thanks { background:url("../images/inside/header-thanks.gif"); height:49px; margin-bottom:10px; }
 #bottom-inside { background:url("../images/inside/bottom-inside1.gif"); height:44px; clear:both; overflow:hidden; }
 
/* bio pop-ups
 * ------------------------------------------------------------------------- */
#bio {
	background: url("../images/inside/bio-popup/bg.jpg") repeat-y;
	width: 600px;
}
#bio img {display: block;}
#bio-left {float: left; width: 238px; display: inline; padding: 10px 0 0 0;}
#bio-right {float: right; width: 362px; display: inline; padding: 13px 0 0 0;}
#bio-right p {padding: 0 30px 10px 10px;}
#bio-btm {background: url("../images/inside/bio-popup/btm.jpg") no-repeat; height: 22px; clear: both;}
.bio-pic { padding: 0 0 0 17px;}
/* footer
 * ------------------------------------------------------------------------- */
#footer { width:705px; text-align:center; margin:0 auto; }
#footer a:link, #footer a:visited, #footer p { text-decoration:none; color:#fff; }
#footer a:hover, #footer a:active { text-decoration:underline; }

#footer ul { margin-bottom:5px; margin-top:5px;}
#footer li { padding: 0 5px 0 7px; display:inline; border-left: 1px dotted #fff; line-height: 8px; }
#footer li.first { border: none; }

/* nav
 * ------------------------------------------------------------------------- */

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

#nav-01 { width:82px; left:43px; }
#nav-02 { width:136px; left:126px; }
#nav-03 { width:113px; left:262px; }
#nav-04 { width:117px; left:376px; }
#nav-05 { width:76px; left:494px; }
#nav-06 { width:89px; left:572px; }
#nav-07 { width:95px; left:662px; }

#nav-01 a:hover { background: transparent url("../images/index/nav.gif") -43px -38px no-repeat; }
#nav-02 a:hover { background: transparent url("../images/index/nav.gif") -126px -38px no-repeat; }
#nav-03 a:hover { background: transparent url("../images/index/nav.gif") -262px -38px no-repeat; }
#nav-04 a:hover { background: transparent url("../images/index/nav.gif") -376px -38px no-repeat; }
#nav-05 a:hover { background: transparent url("../images/index/nav.gif") -494px -38px no-repeat; }
#nav-06 a:hover { background: transparent url("../images/index/nav.gif") -572px -38px no-repeat; }
#nav-07 a:hover { background: transparent url("../images/index/nav.gif") -662px -38px no-repeat; }