/*--------------------- Last Modified --> 2006.03.25 ---------------------*/
/*-----------------------------------------------------------------------*/


/* 
 ----------------------------------------------------------------------------
  Copyright Einstein Industries 2006. 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/Firefox/Safari

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


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

/* 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,td { 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,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

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


/* global elements
 * ------------------------------------------------------------------------- */

/* root selectors */ 
body { background-color:#000; text-align:center; }
p,a:link,a:visited,ul,ol,li,dl,dt,dd,h1,h2,h3 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; text-decoration:none; }
p,dl,dt,dd,ul,ol,li { line-height:17px; }
p,pre,blockquote,h1,h2,h3,h4{ margin-bottom:12px; }
a:link,a:visited { text-decoration:underline; }
a:hover,a:active { text-decoration:none; }
h1 span,h2 span,h3 span { display:none; }
h1 { font-size:15px; }
h2 { font-size:13px; }
h3 { font-size:12px; }


/* new contact */
/* ----- global form elements ----- */ 



form {
	width:160px;
	margin:10px 0 15px 26px;
	}
	
form label	{ font-size:10px; color:#FFF;}
form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

input, textarea, select { 
	background-color:#1A121E !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #DFBAF1;
	color:#FFF;
	width:160px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px;
	}

select { width:150px; padding:0; } /* same width as form - !important */
textarea { height:70px; overflow:auto; }
#contact_business { display: none; } /* do not remove */ 


/* ----- main contact form ----- */ 

#contact-main { margin:20px 0 10px 0; }
#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}

#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}


#contact-main label select { width:175px; }
#contact-main label textarea { height:100px; overflow:auto; }

/* ----- submit button form elements ----- */ 

input.submit, input.submit-contact-main { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	}
	
input.submit-contact-main { margin:95px 0 0 243px; }


/* classes */
.right { text-align:right; }
.center { text-align:center; }
.clear { clear:both; height:1px; overflow:hidden; }
.thumbs-left { margin:2px 8px 0 0; }
.thumbs-right { margin:2px 0 0 8px; }
.submit, .submit-main-contact { width:60px; cursor:pointer; padding:0; }
.submit-main-contact { margin:85px 0 0 217px; }


/* framework
 * ------------------------------------------------------------------------- */
#wrap { background:url("../images/bg-wrap.gif") repeat-y; width:732px; margin:0 auto; text-align:left; }
 #top { background:url("../images/top.jpg"); height:112px; position:relative; }
 #top a {
 	position:absolute;
	left:14px;
	width:280px;
	top:8px;
	height:83px; 	
 	}
 
	#top a span {
		display:none;
		}

 
 
 
 
 
 #banner { background:url("../images/banner.jpg"); height:226px; }
 
 #column-left { background:url("../images/bg-column-left.gif") repeat-y; width:207px; float:left; }
 #column-left p, #column-left ul, #column-left h2, #column-left h3  { padding-left:26px; padding-right:20px; }
 #column-left ul {margin-bottom:15px;}
  #header-quick-contact { background:url("../images/header-quick-contact.gif"); height:68px; }
  #header-locate-us { background:url("../images/header-locate.gif"); height:68px;}
  #header-index-procedures { background:url("../images/header-index-procedures.gif"); height:42px; margin-bottom:14px; }
  #bottom-column-left { background:url("../images/bottom-column-left.gif"); height:61px; }
 
 #column-middle { width:318px; float:left;}
 #column-middle p, #column-middle h1, #column-middle h2, #column-middle h3 { padding:0 15px; }
  #header-welcome { background:url("../images/header-welcome.gif"); height:68px; } 
  #header-index-about { background:url("../images/header-index-about.gif"); height:64px; margin-bottom:10px; }
  #bg-index-about { background:url("../images/bg-index-about.gif") repeat-y; }
  #bg-index-about p, #bg-index-about h1, #bg-index-about h2 { padding:0 30px; } 
   #bottom-index-about { background:url("../images/bottom-index-about.gif"); height:28px; }
  #header-featured { background:url("../images/header-featured.gif"); height:60px; margin-bottom:10px; }
 
 #column-right { background:url("../images/bg-column-right.gif") repeat-y; width:207px; float:left; }
 #column-right p,#column-right h2, #column-right h3 { padding-left:18px; padding-right:28px; }
 #column-right ul { padding-left:14px; }
 #column-right li { padding-bottom:21px; }
  #header-index-gallery { background:url("../images/header-index-gallery.gif"); height:68px; margin-bottom:10px; }
  #bottom-column-right { background:url("../images/bottom-column-right.gif"); height:61px; }
 
 #bottom { background:url("../images/bottom.gif") no-repeat; width:760px; height:10px; clear:both; overflow:hidden; }


/* inside framework
 * ------------------------------------------------------------------------- */
 #column-right-inside { width:525px; float:left; }
 #column-right-inside p, #column-right-inside h1, #column-right-inside h2, #column-right-inside h3 { padding-left:15px; padding-right:30px; }
  #header-about { background:url("../images/header-about.gif"); height:68px; }
  #header-cosmetic { background:url("../images/header-cosmetic.gif"); height:68px; }
  #header-restorative { background:url("../images/header-restorative.gif"); height:68px; }
  #header-smile-gallery { background:url("../images/header-smile-gallery.gif"); height:68px; }
  #header-contact { background:url("../images/header-contact.gif"); height:68px; }
  #header-sitemap { background:url("../images/header-sitemap.gif"); height:68px; }
  #header-thankyou { background:url("../images/header-thankyou.gif"); height:68px; }

#wrap-bna { width:600px; height:480px; }
#bna-top { background:  url("../bna/layout/bna-top.gif"); height:112px; }
#bna-case { height:346px; }
#bna-bottom { background:  url("../bna/layout/bna-bottom.gif"); height:22px; }

#bna-list { padding-left:35px; margin-top:20px;  }
#bna-list li { float:left; width:200px; padding-left:15px;  margin-bottom:20px; }

/* footer
 * ------------------------------------------------------------------------- */
#footer { width:732px; text-align:center; margin:10px 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 solid #fff; line-height: 8px; }
#footer li.first { border: none; }




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

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

#nav-01 { width:60px; left:27px; }
#nav-02 { width:138px; left:88px; }
#nav-03 { width:135px; left:227px; }
#nav-04 { width:149px; left:363px; }
#nav-05 { width:103px; left:513px; }
#nav-06 { width:89px; left:617px; }

#nav-01 a:hover { background: transparent url("../images/nav.gif") -27px -30px no-repeat; }
#nav-02 a:hover { background: transparent url("../images/nav.gif") -88px -30px no-repeat; }
#nav-03 a:hover { background: transparent url("../images/nav.gif") -227px -30px no-repeat; }
#nav-04 a:hover { background: transparent url("../images/nav.gif") -363px -30px no-repeat; }
#nav-05 a:hover { background: transparent url("../images/nav.gif") -513px -30px no-repeat; }
#nav-06 a:hover { background: transparent url("../images/nav.gif") -617px -30px no-repeat; }