/* 
----------------------------------------------------------------------------
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 :: Mozilla/IE6/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,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; }


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

/* root selectors */ 
body { background-color:#dedede; 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:#434343; }
p,dl,dt,dd,ul,ol,li { line-height:16px; }
p,pre,blockquote,h1,h2,h3 { 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 {font-size:15px;} 
h2 {font-size:13px;} 
h3 {font-size:12px;}

form { width:135px; padding:2px 0 15px 28px; font:11px Arial, Helvetica, sans-serif; color:#fff; }
input, textarea, select { background-color:#F9CC21; border:1px solid #ABA47B; width:135px; height:18px; margin-bottom:4px;
                          font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; padding-left:3px; padding-top:1px; }
textarea { height:130px; overflow:auto; }

/* classes */
.right { text-align:right; }
.center { text-align:center; }
.clear { clear:both; height:.01em; }
.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; background-color:#fff; border-color:#066380; }
.bottom-pod { background:url("../images/bottom-pod.gif") repeat-x; height:100px; }
.em-width { padding-left:5px;  padding-right:5px; }
.bar { background-color:#F9CC21; border:0; display:block; width:450px; height:7px; text-align:center; margin-top:10px; }
.text-required { margin-bottom:0; }
#column-left p.hours {color:#F9CC21; font-weight:bold}
#newsletter { font-size: 13px; }



/* framework
 * ------------------------------------------------------------------------- */
#wrap { background:url("../images/bg-wrap.gif") repeat-y; width:700px; margin:0 auto; text-align:left; }
 #top { background:url("../images/top.gif"); height:125px; } 
 #flash { height:260px; }
 #divider { background:url("../images/divider.gif"); height:52px; position:relative; }
 
 #column-left { width:199px; float:left; }
 #column-left a { color:#fff; }
 #column-left p { font-size:11px; color:#fff; padding-left:28px; padding-right:20px; }
  #header-quick-contact { background:url("../images/header-quick-contact.gif") no-repeat; height:121px; margin-bottom:10px; }
  #financing { background:url("../images/24months.jpg"); height:97px; width:199px; }
  	#financing a { height:97px; width:199px; display:block; }
	#newsletter { background:url("../images/newsletter-btn.jpg"); height:97px; width:199px; }
  	#newsletter a { height:97px; width:199px; display:block; }
  #header-offer { background:url("../images/header-offer.gif"); height:70px; }
  #coupon { background:url("../images/coupon.gif") no-repeat; height:124px; padding-left:27px; padding-top:9px; }
  #coupon a { width:145px; height:102px; display:block; } 
 #column-right { width:501px; float:right; }
 #column-right p,
 #column-right ul,
 #column-right h1,
 #column-right h2,
 #column-right h3 { padding:0 28px; }
  #header-welcome { background:url("../images/header-welcome.gif"); height:65px; }
  #index-quote { background:url("../images/index-quote.gif"); height:119px; margin-bottom:10px; }
  #index-quote p { display:none; }
  #header-index-tech { background:url("../images/header-index-tech.gif"); height:76px; }

  #mini-column-left { width:251px; float:left; }
  #mini-column-left li { margin-bottom:15px; margin-left:20px; list-style-type:disc; }
   #header-index-procedures { background:url("../images/header-index-proceudres.gif"); height:66px; margin-bottom:15px; }
  #mini-column-right { width:250px; float:left; }
   #header-index-gallery { background:url("../images/header-index-gallery.gif"); height:66px; margin-bottom:15px; }
 
 #bottom { background:url("../images/bottom.jpg"); height:117px; clear:both; overflow:hidden; position:relative; }
 #bottom a {
 	position:absolute;
	width:116px;
	height:32px;
	left:558px;
	top:44px;
	}
 #bottom a span { 
 	display:none;
	}



 #contact-button {
	background:transparent url("../images/contact-button.jpg") no-repeat;
	margin:0 20px 10px 18px;
	height:50px;
	width:140px;
	display: block;
	padding-top: 30px;
}



/* inside framework
 * ------------------------------------------------------------------------- */
  #column-right dl { padding:0 28px; margin-bottom:15px; width:180px; float:left; }
  #column-right dt { padding-left:4px; }
  
  /* inside banners */
  #banner-01 { background:url("../images/banner-01.jpg"); height:260px; }
  #banner-02 { background:url("../images/banner-02.jpg"); height:260px; }
  #banner-03 { background:url("../images/banner-03.jpg"); height:260px; }
  
  /* inside headers */
  #header-news { background: url("../images/header-news.gif"); height:60px; }
  #header-contact { background:  url("../images/header-contact.gif"); height:60px; }
  #header-laser { background: url("../images/header-laser.gif"); height:60px; }
  #header-meet { background: url("../images/header-meet.gif"); height:60px; }
  #header-general { background: url("../images/header-general.gif"); height:60px; }
  #header-sitemap { background: url("../images/header-sitemap.gif"); height:60px; }
  #header-cosmetic { background: url("../images/header-cosmetic.gif"); height:60px; }
  #header-gallery { background: url("../images/header-gallery.gif"); height:60px; }
  #header-locate { background: url("../images/header-locate.gif"); height:121px; margin-bottom:10px; }
  #header-thankyou { background:  url("../images/header-thankyou.jpg"); height:60px; }
  #header-whitening { background:  url("../images/header-whitening.gif"); height:60px; }  
  #header-implant { background:  url("../images/header-implant.gif"); height:60px; }
  #header-veneers{ background:  url("../images/header-veneers.gif"); height:60px; }
/* bna
 * ------------------------------------------------------------------------- */
#bna-wrap { width:600px; height:440px; }
 
 #bna-top { 
 	background: url("../images/bna-topfix.gif") no-repeat; 
	height:114px; 
	position:relative; 
	}
	
 #bna-case { height:300px; }
 #bna-bottom { background: url("../bna/layout/bna-bottom.jpg") no-repeat; height:26px; }
 #bna-top a {
	top:-2px;
	position:absolute;
	width:470px;
	height:114px;
	left:0px;
	}

/* footer
 * ------------------------------------------------------------------------- */
#footer { width:700px; text-align:center; margin:10px auto; }
#footer a:link, #footer a:visited, #footer p { text-decoration:none; color:#434343; font-size:11px; }
#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 #434343; }
#footer li.first { border: none; }


/* navigation: #nav
 * ------------------------------------------------------------------------- */
#nav { background: url("../images/nav.gif"); position: relative; width:199px; height:133px; }
#nav li span { display: none; }
#nav li { float:left; list-style:none; }

#nav li, #nav a { 
	height:19px;			/* Each button must have the same height, define it here */
	display:block;
	}

/* Fix IE5.01Win jumping bug - Hide from IE Mac \*/
* html #nav li { height:1% }
/* End */

/* Increments of each button height defined above */
#nav-01 { top:0; }
#nav-02 { top:19px; }
#nav-03 { top:38px; }
#nav-04 { top:57px; }
#nav-05 { top:76px; }
#nav-06 { top:95px; }
#nav-07 { top:114px; }

/* width set here should be same width set in #nav */
#nav-01, #nav-02, #nav-03, #nav-04, #nav-05, #nav-06, #nav-07 { left:0; width:199px; }

/* Changed values should match "top" numbers specified above */
#nav-01 a:hover { background:transparent url("../images/nav.gif") -199px 0 no-repeat; }
#nav-02 a:hover { background:transparent url("../images/nav.gif") -199px -19px no-repeat; }
#nav-03 a:hover { background:transparent url("../images/nav.gif") -199px -38px no-repeat; }
#nav-04 a:hover { background:transparent url("../images/nav.gif") -199px -57px no-repeat; }
#nav-05 a:hover { background:transparent url("../images/nav.gif") -199px -76px no-repeat; }
#nav-06 a:hover { background:transparent url("../images/nav.gif") -199px -95px no-repeat; }
#nav-07 a:hover { background:transparent url("../images/nav.gif") -199px -114px no-repeat; }

/* SON OF SUCKERFISH */
#nav li ul {
	position: absolute;
	left: -9999px;
	background-color:#489DB6;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	margin-left:199px;			/* Set to same width as in #nav */
	margin-top:-19px;			/* Set to each button height, same as used above */
	border:1px solid #fff;
	}

#nav li ul li {
	height: 19px;				/* Height of each drop down nav item */
	border-bottom:1px solid #fff;
	}

#nav li ul li a {
	width:100%;
	height:19px;				/* Height of each drop down nav item, should match above */
	line-height:19px;			/* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	display:block;
	padding-left:5px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:11px;
	color:#fff;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul { left:auto; }

/* Hover styles for drop down items */
#nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover { 
	background-image:none;
	background-color:#F9CC21;
	color:#434343;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-02 ul, #nav-02 li { width: 180px; }		
#nav-03 ul, #nav-03 li { width: 180px; }		
#nav-04 ul, #nav-04 li { width: 180px; }
 
/* Vertical Sprite Nav-Press
 * ------------------------------------------------------------------------- */

#nav-press {
	background:url("../images/press-release-roll.jpg") top left no-repeat;					
	width:199px;		/* Width of buttons, not entite image (or half of entire image) */
	height:110px;		/* Height of entire image */
	margin:0;
	padding:0;
	}

#nav-press li span { display: none; }

#nav-press li {
	float:left;
	list-style:none;
	}

#nav-press li, #nav-press a { 
	height:110px;			/* Each button must have the same height, define it here */
	display:block;
	}

/* margin-top to set where the nav should begin */
#nav-press-01 { margin-top:0px; width:199px; }



#nav-press-01 a:hover { background:url("../images/press-release-roll.jpg") -199px  0px no-repeat; }

#body-newsletter{
width:667px;
}
#body-newsletter h1,h2,h3,h4{
text-align:left;
margin-left:15px;
}
#newsletter-page p{
width:667px;
text-align:left;
margin-left:10px;
}
#body-newsletter ul{
margin-left:15px;
text-align:left;
list-style-position:inside;
list-style-type:disc;
}
.newsdate{
font-size:14px;
}
.signature{
font-family:"Monotype Corsiva";
font-size:24px;
}
#newsletter-lady{
	background:url(../images/lady_daughter.jpg) no-repeat;
	float:right;
	width:170px;
	height:107px;
	padding-left:10px;
	padding-bottom: 180px;
	
}
#refer{
	float:right;
	position:absolute;
	margin-left:520px;
	left: -13px;
	top: 170px;
	width: 150px;
	height: 13px;	
}
#refer-btm{
	float:right;
	position:absolute;
	margin-left:530px;
	left: -43px;
	top: 299px;
	width: 161px;
	height: 58px;
}