/* ------------------------------------------------------------------------------------- */
/* 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;
	padding: 0px;
	border: 0px;
}

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

p, div, li, div, h1, h2, h3, h4, td, input, select, textarea {
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #8B0B08;
	line-height: 16px;
}

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

a:link, a:visited {
	color: #744F18;
	text-decoration: underline;
}
a:hover, a:active {
	color: #FF6600;
	text-decoration: underline;
}
h2, h3, h4 {
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #EC672E;
	line-height: 16px;
}

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

a:link, a:visited {
	color: #744F18;
	text-decoration: underline;
}
a:hover, a:active {
	color: #FF6600;
	text-decoration: underline;
}

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

/* main structural elements
 * ------------------------------------------------------------------------------------- */
#wrapper {
	background: url(../images/index/table_bkgrnd.jpg) left top repeat-y;
	overflow: hidden;
	width: 760px;
	margin: 0 auto;
}

#sub-wrapper {
	background: url(../images/sub/sub_bkgrnd.jpg) left top repeat-y;
	overflow: hidden;
	width: 760px;
	margin: 0 auto;
}
/*--------------- CSS Nav ---------------------------------------*/

   #nav {
	width: 760px;
	height: 28px;
	background: url(../images/index/nav01.jpg);
	margin: 0;
	padding: 0;
	position: relative;
	left: 0px;
	top: 0;
	float: left;
}
   #nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0px;}
   #nav li, #nav a {
    height: 28px; display: block;
	line-height: 28px; text-align: center;}
  
   #nav01 {left:  27px; width:   80px;}
   #nav02 {left:  107px; width:  182px;}
   #nav03 {left: 289px; width:  169px;}
   #nav04 {left: 458px; width:  130px;}
   #nav05 {left: 588px; width:  129px;}
  
   #nav01 a:hover {background: transparent url(../images/index/nav01.jpg) -27px   -28px; background-repeat:no-repeat;}
   #nav02 a:hover {background: transparent url(../images/index/nav01.jpg) -107px  -28px; background-repeat:no-repeat;}
   #nav03 a:hover {background: transparent url(../images/index/nav01.jpg) -289px  -28px; background-repeat:no-repeat;}
   #nav04 a:hover {background: transparent url(../images/index/nav01.jpg) -458px  -28px; background-repeat:no-repeat;}
   #nav05 a:hover {background: transparent url(../images/index/nav01.jpg) -588px  -28px; background-repeat:no-repeat;}
  
  
  /* structure elements
 * ------------------------------------------------------------------------------------- */
 	
#main-container {
	background: url(../images/index/image_footer.jpg) bottom left  no-repeat;
	width: 760px;
	margin: 0 auto;
	float: left;
	
}

#left-column {
	width: 210px;
	margin: 0 auto;
	float: left;
}

#middle-column {
	width: 336px;
	float: left;
}
 
#right-column {
	width: 214px;
	margin: 0 auto;
	float: left;
}

#left-column-p { padding: 69px 37px 0px 43px;}
#contact-p { padding: 69px 37px 0px 0px;}
#intro-p { padding: 94px 37px 10px 27px;}
#intro02-p { padding: 55px 37px 10px 27px;}
       

/* content
 * ------------------------------------------------------------------------------------- */
 
#masthead {
	background: url(../images/index/masthead.jpg) left top no-repeat;
	width: 760px;
	height: 265px;
	float: left;
}


#masthead_index {
	background: url(../images/index/masthead02.jpg) left top no-repeat;
	width: 760px;
	height: 265px;
	float: left;
}

#masthead_about {
	background: url(../images/index/masthead01.jpg) left top no-repeat;
	width: 760px;
	height: 265px;
	float: left;
}


#masthead_doctor {
	background: url(../images/index/masthead05.jpg) left top no-repeat;
	width: 760px;
	height: 265px;
	float: left;
}


#masthead_procedures {
	background: url(../images/index/masthead03.jpg) left top no-repeat;
	width: 760px;
	height: 265px;
	float: left;
}

#masthead_contact {
	background: url(../images/index/masthead04.jpg) left top no-repeat;
	width: 760px;
	height: 265px;
	float: left;
}

#contact-hd {
	background: url(../images/index/qcontact_hd.jpg) left top no-repeat;
	width: 214px;
	float: left;
	padding-top: 90px;
}
#contact-hd p {padding: 0 25px 0 33px;}

#procedures-hd {
	background: url(../images/index/procedures_hd.jpg) left top no-repeat;
	width: 210px;
	float: left;
}

#excellence-hd {
	background: url(../images/index/excellence_hd.jpg) left top no-repeat;
	width: 336px;
	float: left;
	clear: both;
}

#whitening-hd {
	background: url(../images/index/whitening_hd.jpg) left top no-repeat;
	width: 336px;
	float: left;
}

#white-bk { 
	background: url(../images/index/whitening_bkgrnd.jpg) left top repeat-y;
}
	
/* sub content
 * ------------------------------------------------------------------------------------- */
 
 #sub-main-container {
	background: url(../images/sub/qcontact_footer.jpg) bottom right no-repeat;
	width: 760px;
	margin: 0 auto;
	float: left;
}
 
 #sub-left-column {
	width: 546px;
	margin: 0 auto;
	float: left;
}

#sub-right-column {
	width: 214px;
	margin: 0 auto;
	float: left;
}
#sub-right-column p, form { padding: 0 25px 0 33px;}

#dental-hd {
	background: url(../images/sub/dental_hd.jpg) left top no-repeat;
	width: 546px;
	float: left;
}
#about-hd {
	background: url(../images/sub/about_hd.jpg) left top no-repeat;
	width: 546px;
	float: left;
}
#maincontact-hd {
	background: url(../images/sub/main_contact_hd.jpg) left top no-repeat;
	width: 546px;
	float: left;
}
#doctor-hd {
	background: url(../images/sub/meet_hd.jpg) left top no-repeat;
	width: 546px;
	float: left;
}
#gallery-hd {
	background: url(../images/sub/gallery_hd.jpg) left top no-repeat;
	width: 546px;
	float: left;
}
#sitemap-hd {
	background: url(../images/sub/sitemap_hd.jpg) left top no-repeat;
	width: 546px;
	float: left;
}
#sub-page-footer {
	background: url(../images/sub/footer.jpg) left top no-repeat;
	width: 760px;
	height: 65px;
	float: left;
	clear: both;
}
#sub-contact-hd {
	background: url(../images/index/qcontact_hd.jpg) left top no-repeat;
	width: 214px; height: 94px;
	float: left;
}
#map-hd {
	background: url(../images/sub/map_hd.jpg) left top no-repeat;
	width: 214px;
	height: 94px;
}
#subp { padding: 65px 35px 10px 55px;}
/* footer
 * ------------------------------------------------------------------------------------- */
#page-footer {
	background: url(../images/index/footer.jpg) left top no-repeat;
	width: 760px;
	height: 65px;
	float: left;
	clear: both;
}

#footer {
	width: 760px;
	text-align: center;
	clear: both;
	float: left;
	background-color: #FFFFCB;
	
}
#footer p { 
	margin-top: 1px;
	font-size: 11px;
	color: #744F18;
}
#footer ul { 
	margin-top: 5px;
}
#footer li { 
	margin: 0px;
	padding: 0px;
	display: inline;
	color: #256F8C;
	font-size: 11px;
	}
	
#footer a:link, #footer a:visited {
		color: #F27137;
		text-decoration: none;
	}
#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-right02 {
	float: right;
	margin-top: 80px;
	margin-right: 10px;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #744F18;
	border: 1px solid #AB6B4E;
	background-color: #FFFFCC;
}

.quickcontact {
	width: 130px;
}

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

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

#contact_business { display: none; } /* do not remove */ 

.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;
}

.ylw { color:#FFFFCB; padding-top: 60px;}

div.clear {
	clear: both;
}