/* ------------------------------------------------------------------------------------- */
/* 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/FireFox                             */
/*                                                                                       */
/* CSS Document                                                                          */
/* ------------------------------------------------------------------------------------- */
h1 span, span {
	padding: 0; margin: 0;
	display: none;}

/* basic elements
 * ------------------------------------------------------------------------------------- */
body, div, ul, li, dl, dd, img, form, fieldset {
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	text-align: center;
}

body {
	background: #ACD4E3 url(../images/index/bkgrnd.jpg) top left repeat-x;
}

p, li, div, h1, h2, h3, h4, td, input, select, textarea, form {
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 13px;
	color: #744F18;
	line-height: 16px;
	text-align: left;
}

a img, :link img, :visited img {
	border: none;
}

a:link, a:visited {
	color: #256F8C;
	text-decoration: underline;
}
a:hover, a:active {
	color: #AF0202;
	text-decoration: underline;
}

li {
	color: #744F18;
}
ul {
	margin: 20px 0 20px 20px;
	padding: 0 0 0 10px;
}

/* main structural elements
 * ------------------------------------------------------------------------------------- */
#wrapper {
	
	width: 705px;
	margin: 0 auto;
	text-align: left;
}

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

#vert {
	width: 203px;
	height: 300px;
	background: url(../images/index/menu.jpg);
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}
  #vert li {margin: 0; padding: 0; list-style: none; position: absolute;}
  #vert li, #vert a {height: 26px; display: block;}
  
  #vert01 {top: 0;}
  #vert02 {top: 29px;}
  #vert03 {top: 56px;}
  #vert04 {top: 83px;}
  #vert05 {top: 108px;}
  #vert06 {top: 137px;}
  #vert07 {top: 163px;}
  #vert08 {top: 190px;}
  #vert09 {top: 216px;}
  #vert10 {top: 243px;}
  #vert11 {top: 274px;}

  #vert01, #vert02, #vert03, #vert04, #vert05, #vert06, #vert07, #vert08, #vert09, #vert10, #vert11 {left: 0; width: 203px;} 
  
#vert01 a:hover {background: transparent url(../images/index/menu.jpg) -203px -0px; repeat:no-repeat;}
#vert02 a:hover {background: transparent url(../images/index/menu.jpg) -203px -29px; repeat:no-repeat;}
#vert03 a:hover {background: transparent url(../images/index/menu.jpg) -203px -56px; repeat:no-repeat;}
#vert04 a:hover {background: transparent url(../images/index/menu.jpg) -203px -83px; repeat:no-repeat;}
#vert05 a:hover {background: transparent url(../images/index/menu.jpg) -203px -108px; repeat:no-repeat;}
#vert06 a:hover {background: transparent url(../images/index/menu.jpg) -203px -137px; repeat:no-repeat;}
#vert07 a:hover {background: transparent url(../images/index/menu.jpg) -203px -163px; repeat:no-repeat;}
#vert08 a:hover {background: transparent url(../images/index/menu.jpg) -203px -190px; repeat:no-repeat;}
#vert09 a:hover {background: transparent url(../images/index/menu.jpg) -203px -216px; repeat:no-repeat;}
#vert10 a:hover {background: transparent url(../images/index/menu.jpg) -203px -243px; repeat:no-repeat;}
#vert11 a:hover {background: transparent url(../images/index/menu.jpg) -203px -274px; repeat:no-repeat;}

/* structure elements
 * ------------------------------------------------------------------------------------- */
 	
#main-container {
	background: url(../images/index/wrapper_bkgrnd.jpg) left top repeat-y;
	width: 705px;
	overflow: hidden;
	text-align: left;
}

#left-column {
	width: 457px;
	margin: 0 auto;
	clear: both;
	float: left;
}

#middle-container {
	width: 457px;
	background-image: url(../images/index/blue_repeat.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	float: left;
	clear: both;
}
 
#right-column {
	width: 248px;
	margin: 0 auto;
	float: left;
}
/* content
 * ------------------------------------------------------------------------------------- */
 
#masthead {
	background: url(../images/index/masthead.jpg) left top no-repeat;
	width: 705px;
	height: 123px;
}

#flash-container {
	background: url(../images/index/flash_container.jpg) left top no-repeat;
	width: 502px;
	height: 300px;
	float: left;
}

#contact {
	margin: 0 auto;
	float: left;
	clear: both;
	width: 248px;
}

#contact-pad { margin: 0px 20px 20px 38px;}
#contact-hd {
	background: url(../images/index/contact_us_hd.jpg) left top no-repeat;
	width: 248px;
	height: 100px;
}

#results-hd {
	background: url(../images/index/results_hd.jpg) left top no-repeat;
	width: 248px;
	height: 95px;
	clear: left;
}

#location-hd {
	background: url(../images/index/our_office_location_hd.jpg) left top no-repeat;
	width: 248px;
	height: 64px;
	clear: left;
}
#right-column p {margin: 0px 10px 0px 35px;}

#welcome-hd {
	background: url(../images/index/welcome_hd.jpg) left top no-repeat;
	width: 457px;
	float: left;
}
#welcome-p { margin: 75px 10px 10px 58px;}

#welcome {
	background: url(../images/index/welcome_footer.jpg) left top no-repeat;
	width: 457px;
	padding-bottom: 15px;
	clear: both;
	float: left;
}

#veneers-hd {
	background: url(../images/index/porcelain_veneers_hd.jpg) left top no-repeat;
	width: 237px;
	float: left;
}
#veneers-hd p { margin: 65px 10px 10px 58px;
                color: #256F8C;}

#crowns-hd {
	background: url(../images/index/dental_crowns_hd.jpg) left top no-repeat;
	width: 220px;
	float: right;
}
#crowns-hd p { margin: 65px 10px 10px 24px;
               color: #256F8C;}

#drilless {
	width: 457px;
	clear: both;
}

#drilless-hd {
	background: url(../images/index/drilless_hd.jpg) left top no-repeat;
	width: 457px; height: 80px;
}
#drilless p { margin: 5px 10px 10px 58px;}

#bna {
	background: url(../images/index/bna_thumb.jpg) left top no-repeat;
	width: 248px; height: 161px;
}
/* sub content
 * ------------------------------------------------------------------------------------- */
 #sub-contact-lft {
	background: url(../images/sub/main_contact_left_colmn.jpg) left top no-repeat;
	width: 248px;
	height: 50px;
}

#sub-p { margin: 75px 10px 5px 58px;}

#sub-content {
	background: url(../images/index/welcome_footer.jpg) left top no-repeat;
	width: 457px;
	padding-bottom: 15px;
	clear: both;
	float: left;
}
 #about-hd {
	background: url(../images/sub/about_us.jpg) left top no-repeat;
	width: 457px;
	float: left;
	clear: both;
}

 #main-contact-hd {
	background: url(../images/sub/contact_us.jpg) left top no-repeat;
	width: 457px;
	float: left;
}

 #cosmetic-hd {
	background: url(../images/sub/cosmetic_dentistry.jpg) left top no-repeat;
	width: 457px;
	float: left;
}
 #crowns02-hd {
	background: url(../images/sub/dental_crowns.jpg) left top no-repeat;
	width: 457px;
	float: left;
}
 #paczewski-hd {
	background: url(../images/sub/meet_paczewski.jpg) left top no-repeat;
	width: 457px;
	float: left;
}
 #gallery-hd {
	background: url(../images/sub/photo_gallery.jpg) left top no-repeat;
	width: 457px;
	float: left;
}
 #veneers02-hd {
	background: url(../images/sub/porcelain_veneers.jpg) left top no-repeat;
	width: 457px;
	float: left;
}
 #restorative-hd {
	background: url(../images/sub/restorative_dentistry.jpg) left top no-repeat;
	width: 457px;
	float: left;
}
 #technology-hd {
	background: url(../images/sub/technology.jpg) left top no-repeat;
	width: 457px;
	float: left;
}
 #testimonials-hd {
	background: url(../images/sub/testimonials.jpg) left top no-repeat;
	width: 457px;
	float: left;
}

/* footer
 * ------------------------------------------------------------------------------------- */
 
#page-footer {
	background: url(../images/index/footer.jpg) left top no-repeat;
	width: 705px;
	height: 146px;
	clear: both;
}

#footer {
	width: 705px;
	text-align: center;
	clear: both;
	
}
#footer p {
	margin-top: 1px;
	font-size: 11px;
	color: #256F8C;
	text-align: center;
}
#footer ul { 
	margin-top: 5px;
}
#footer li {
	margin: 0px;
	padding: 0px;
	display: inline;
	color: #256F8C;
	font-size: 11px;
	text-align: center;
	}
	
#footer a:link, #footer a:visited {
		color: #256F8C;
		text-decoration: underline;
	}
#footer a:hover, #footer a:active {
		color: #96232A;
		text-decoration: underline;
	}

/* misc layout elements 
 * ------------------------------------------------------------------------------------- */
 
 .pic-float-right {
	float: right;
	margin-top: 60px;
	margin-right: 10px;
}
 .pic-float-left {
	float: left;
	margin-top: 0px;
	margin-right: 2px;
}
 .pic-float-right02 {
	float: right;
	margin-top: 80px;
	margin-right: 10px;
}

.map-thumb {margin: 0px 0 20px 35px;}

/*--------------- guick contact and main form ----------------------------------------------*/
.req { font-size: 10px; } 
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #744F18;
	border: 1px solid #D5CCA8;
	background-color: #F2EEDF;
}

.quickcontact {
	width: 152px;
}

.top {
	background: url(../images/index/back_top.jpg) right top no-repeat;
	display: block;
	font-size: 10px;
	text-align:right;
	padding: 0 25px 0 0;
}

.SubmitButtonHover {
	background-color: #ACD4E3;
	color: #744F18;
	cursor: pointer;
	font-size: 10px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #D5CCA8;
	}

.SubmitButton {
	background-color: #F2EEDF;
	color: #744F18;
	cursor: pointer;
	font-size: 10px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #D5CCA8;
	}
	
/*------------------------ end form elements --------------------------------------------*/
#lumineers-thumb { margin-left: 20px;}
div.clear {
	clear: both;
}

.readmore01 {width: 81px; height: 31px; background:transparent url(../images/index/read_more01.jpg);  margin: 0px 0 0 55px; padding: 0px; position: relative; float:left;}
.readmore01 div {margin: 0; padding: 5; list-style: none; position: absolute; top: 0;}
.readmore01 div, .readmore01 a {height: 31px; display: block; left: 0; width: 81px; line-height: 31px;}
.readmore01 div a:hover {background: transparent url(../images/index/read_more01.jpg) 0 -31px no-repeat;}

.readmore02 {width: 79px; height: 30px; background:transparent url(../images/index/read_more02.jpg);  margin: 0px 20px 10px 0px; padding: 0px; position: relative; float:right;}
.readmore02 div {margin: 0; padding: 5; list-style: none; position: absolute; top: 0;}
.readmore02 div, .readmore02 a {height: 30px; display: block; left: 0; width: 79px; line-height: 30px;}
.readmore02 div a:hover {background: transparent url(../images/index/read_more02.jpg) 0 -30px no-repeat;}