/* 
----------------------------------------------------------------------------
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,dl,dt,dd,ul,ol,li,pre,form,fieldset,input { margin:0; padding:0; }

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


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

/* global */ 
body { background:url("../images/index/bg-body.gif") repeat-x top left #7F7F71; text-align:left; }
p,a:link,a:visited,ul,ol,li,dl,dt,dd { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#823B2F; text-decoration:none; }
p,dl,dt,dd,ul,ol,li { line-height: 14px; }
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; }

strong { color:#883A2E; }

/* 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; }
.center { text-align:center; }
.right { text-align:right; }
.proc-list-sub { padding-left:33px; }


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

/* quick contact */
form { width:146px; padding:10px 0 15px 40px; }
input, textarea { background-color:#F3F3E5; border:1px solid #7E3428; width:146px; height:20px; margin-bottom:4px; padding-top:4px; padding-left:4px; 
                  font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#823B2F; }
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 25px; float:left; }
#big-contact label, #big-contact select { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#494526; }
#big-contact label { width:200px; position:relative; display:block; text-align:right; color:#494526; }
#big-contact label input, #big-contact label textarea, #big-contact select { background-color:#F3F3E5; border:1px solid #7E3428; position:absolute; width:200px; left:110%; top:-2px; }
#big-contact label textarea { width:200px; height:100px; top:0; }
.submit-big-contact { margin:85px 0 0 217px; }


/* skeleton
 * ------------------------------------------------------------------------- */
#wrap { background:url("../images/index/bg-wrap.gif") repeat-y; width:800px; margin:0 auto; }
 #top { background:url("../images/index/top.jpg"); height:130px; }
 #banner { background:url("../images/index/banner.jpg"); height:260px; position:relative; }
 
 #column-left { width:220px; float:left; }
 #column-left p { padding-left:40px; padding-right:28px; }
  #bg-bottom-left { background:url("../images/index/bg-bottom-left.jpg") no-repeat bottom; padding-bottom:180px; }
  #wrap-quick-contact { background:url("../images/index/wrap-quick-contact.gif") no-repeat; padding-top:100px; }
  #locate { background:url("../images/inside/locate.jpg") no-repeat; padding-top:100px; height: 271px; }
  #bg-bottom-people { background:url("../images/index/contact_side.jpg") no-repeat bottom left; width:800px; float:left;  }

 #column-right, #column-right-inside { width:580px; float:left; }
 #column-right h1, #column-right-inside h1 {
		margin:0px 70px 10px 30px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#823B2F; text-decoration:none;
		}
  #wrap-welcome { background:url("../images/index/wrap-welcome.gif") repeat-y; }
  #wrap-welcome p { padding-left:33px; padding-right:240px; }
  #bg-welcome { background:url("../images/index/bg-welcome.jpg") no-repeat bottom; padding-bottom:70px; }
  #header-welcome { background:url("../images/index/header-welcome.gif"); height:80px; margin-bottom:10px; }
  #feat-bt { background:url(../images/index/feat_bt.jpg) no-repeat; height:66px;  }
  
  #header-gallery-proc { background:url("../images/index/header-gallery-proc.gif"); height:68px; position:relative; }
   #mini-column-left { width:302px; float:left; padding-top:22px; }
   #mini-column-left p { padding-left:28px; }
   #mini-column-right { width:278px; float:left; padding-top:22px; }
   #mini-column-right li { padding-left:5px; margin-bottom:3px; }
 
 #bottom { background:url("../images/index/bottom.jpg") no-repeat; width:800px; height:91px; clear:both; overflow:hidden; }
  #bottom-sub { background:url("../images/index/bottom_sub.jpg") no-repeat; width:800px; height:91px; clear:both; overflow:hidden; }


/* skeleton inside
 * ------------------------------------------------------------------------- */
 #column-right-inside p { padding-left:33px; padding-right:70px; }
 #header-about { background:url("../images/inside/header-about.gif"); height:80px; margin-bottom:10px; }
 #header-contact { background:url("../images/inside/header-contact.gif"); height:80px; margin-bottom:10px; }
 #header-thankyou { background:url("../images/inside/header-thankyou.gif"); height:80px; margin-bottom:10px; }
 #header-gallery { background:url("../images/inside/header-gallery.gif"); height:80px; margin-bottom:10px; }
 #header-procedures { background:url("../images/inside/header-procedures.gif"); height:80px; margin-bottom:10px; }
 #header-sedation-dentistry { background:url("../images/inside/header-sedation-dentistry.gif"); height:80px;margin-bottom:10px; }
 #proc-list-main { padding-left:33px; padding-right:70px; }
 
 #list ul { margin-bottom:7px; }
 #list dl { padding-left:30px; margin-bottom:15px; width:200px; float:left; }
 #list dt { padding-left:5px; }

/* footer
 * ------------------------------------------------------------------------- */
#footer { width:800px; text-align:center; margin:5px 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; }
#footer li { padding: 0 5px 0 7px; display:inline; border-left: 1px dotted #fff; line-height: 8px; }
#footer li.first { border: none; }

/* horizontal navigation
 * ------------------------------------------------------------------------- */

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

#nav-01 { width:75px; left:2px; }
#nav-02 { width:69px; left:79px; }
#nav-03 { width:98px; left:150px; }
#nav-04 { width:136px; left:250px; }
#nav-05 { width:74px; left:388px; }
#nav-06 { width:95px; left:464px; }

#nav-01 a:hover { background: transparent url("../images/index/nav.gif") -2px -49px no-repeat; }
#nav-02 a:hover { background: transparent url("../images/index/nav.gif") -79px -49px no-repeat; }
#nav-03 a:hover { background: transparent url("../images/index/nav.gif") -150px -49px no-repeat; }
#nav-04 a:hover { background: transparent url("../images/index/nav.gif") -250px -49px no-repeat; }
#nav-05 a:hover { background: transparent url("../images/index/nav.gif") -388px -49px no-repeat; }
#nav-06 a:hover { background: transparent url("../images/index/nav.gif") -464px -49px no-repeat; }


.clear {
	clear:both;
	height: 1px;
}