/* Dr Ericka Klein Website */

/* ---------- misc ---------- */

* { /* this eliminates those extra spaces between divs */
	margin: 0;
	padding: 0px;
	}

body {
	background: #B7B7B7 url(zImages/bkgd_fade.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 69%; /* font sizing in ems, to change font sizes throughout, just change this %*/
	}

h1 {
	color: #12498B;
	font: 1.7em  Arial, Helvetica, sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
	/*background-color: #FFF;*/
	}

h2 {
	color: #12498B;
	font: 1.3em/2em Arial, Helvetica, sans-serif;
	font-weight: lighter;
	background: url(zImages/bullet_green.gif) no-repeat center left;
	padding-left: 15px;
	text-transform: uppercase;
	position: relative; /*IE hack for PC browsers so bullets don't disappear*/
	}

h3 {
	font-size: 1.2em;
	color: #12498B;
		background-color: #FFF;
	font-weight: lighter;
	line-height: 1.2em;
	}

p { 
	color: #666666;
	font-weight: lighter;
	font-size: 1em;
	line-height: 1.4em;
	}

b {
	color: #12498b;
	font-weight: lighter;
	}

a:link {
	color: #12498B;
	text-decoration: none;
	font-weight: normal;
}

a:visited {
color: #333333;
	text-decoration: none;
	font-weight: bold;
}
/* ---------- divs ---------- */
	
#container {
	width: 750px;
	margin: 0px auto 0px auto;
	text-align: left;
	position: relative;
	background: url(zImages/bkgd_body.jpg) repeat-y;
	}
	
#graphicHeader {
	background: url(zImages/bkgd_header.jpg) no-repeat;
	height: 180px;
	top: 0px;
	}

/* divs for page intros */

#photoFPO {
	height: 130px;
	padding: 30px 90px 30px 325px;
	background: url(zImages/photoFPO.gif) no-repeat 115px 30px;
	}

#cosmeticdentistry {
	height: 130px;
	padding: 30px 90px 30px 325px;
	background: url(zImages/cosmetic.jpg) no-repeat 115px 30px;
	}
	
#implantsdental {
	height: 130px;
	padding: 30px 90px 30px 325px;
	background: url(zImages/implants.jpg) no-repeat 115px 30px;
	}
	
#dentalhealth {
	height: 130px;
	padding: 30px 90px 30px 325px;
	background: url(zImages/health.jpg) no-repeat 115px 30px;
	}
	
#doctor {
	padding: 30px 90px 15px 115px;
	}
	
	
/* footer */

#footer {
	text-align: center;
	background: url(zImages/bkgd_footer.jpg) repeat;
	padding-top: 10px;
	}
	
.footerlinks a:link, .footerlinks a:visited {
	text-decoration: none;
	color:white;
	font-weight: normal;
}

.footerlinks {font-size: 90%; color:white}	
	
.atlantic a:link, .atlantic a:visited {
	text-decoration: none;
	color:#6699CC;
	font-weight: normal;
}

.atlantic {font-size: 86%; color:#6699CC; line-height: 2em;}

.menu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #12498B; font-weight: normal; }
 .menu a:link{ color: #12498B; text-decoration: none; font-weight: normal; }
 .menu a:visited{ color: #12498B; text-decoration: none; font-weight: normal; }
 .menu a:hover{ color: #000; text-decoration: none; font-weight: normal; }

/*-------------------------*/

#tagline {
	position: absolute;
	left: 470px;
	top: 20px;
	width: 212px;
	}
#hh {
	position: absolute;
	left: 500px;
	top: 95px;
	width: 160px;
	text-align:center;
	}
	
#hh a:hover{
	text-decoration:underline;
	}
#tagline p {
	text-align: center;
	font: 100%/1.6em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #804000;
	}

#address {
	padding-left: 115px;
	width: 325px;
	padding-top: 7px;
	position: absolute;
	left: 0px;
	top: 0px;
	font: 100%/1em Arial, Helvetica, sans-serif;
	}
	
#indexbody {
	background: url(zImages/index_body.jpg) no-repeat;
	height: 325px;
	width: 750px;
	}

#graphic {
	width: 176px;
	height: 134px;
	position: absolute;
	left: 115px;
	top: 240px;
	}

#subnav {
	left: 115px;
	top: 191px;
	height: 14px;
	position: absolute;
	width: 598px;
	}
	
#testimonials {
	position: absolute;
	left: 115px;
	top: 355px;
	width: 176px;
	text-align: justify;
	}
	
#testimonials p {
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #12498B;
}

#testimonials p.name {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-style: normal;
	line-height: 2em;
	text-align: right;
}

#subcontent div{
	padding: 0 90px 15px 115px;
	}

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

#navcontainer {
	position: absolute;
	width: 650px;
	right: 40px;
	top: 151px;
	}

#navcontainer ul {
	text-align: right;
	}

#navbar li {
	display: inline;
	}

#navbar a {
	text-decoration: none;
	font: lighter 11px Arial, Helvetica, sans-serif;
	}

#navbar a:link, #navbar a:visited {
	padding: 0 6px 0 14px; /*top right bottom left*/
	color:#393939;
	background: url(zImages/bullet_gray.gif) no-repeat center left;
	}

#navbar a:hover {
	color: #333333;
	padding: 0 6px 0 14px; /*top right bottom left*/
	background: url(zImages/bullet_drkgray.gif) no-repeat center left;
	}

/* this is what keeps nav bar state active when on current page*/
#navbar a:active,
.home #navbar #home a,
.procedures #navbar #procedures a,
.about #navbar #about a,
.patient #navbar #patient a,
.video #navbar #video a,
.ourtam #navbar #ourtam a,
.thedoctor #navbar #thedoctor a,
.ouroffice #navbar #ouroffice a,
.photogallery #navbar #photogallery a,
.acknowledgments #navbar #acknowledgments a,
.contact #navbar #contact a

{
	background: url(zImages/bullet_green.gif) no-repeat center left;
	color: #12498B;
}


#navbar a.current{
	background: url(zImages/bullet_green.gif) no-repeat center left;
	color: #12498B;
}


/* ---------- navigation 2 ---------- */

#subnav ul {
	padding: 1px 0;
	margin: 0;
	list-style-type: none;
	background-color: #F6F6F6;
	font: lighter 11px Arial, Helvetica, sans-serif;
	text-align: left;
	left: 153px;
	top: 5px;
	border-top: 1px #99cc00 solid;
}

#navbar2 li {
	display: inline;
	}

#navbar2 a {
	text-decoration: none;
	color: #8C8C8C;
	padding: 1px 8px;
	font-weight: lighter;
	}

#navbar2 a:hover {
	color: #FFFFFF;
	background-color: #12498B;
	}

/* this is what keeps nav bar state active when on current page*/
#navbar2 a:active,
.cosmetic #navbar2 #cosmetic a,
.implants #navbar2 #implants a,
.health #navbar2 #health a {
	color: #FFFFFF;
	background-color: #99CC00;
	}



/* 8.10*/

.head_text { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000;}
.header_thankyou { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#12498A; font-weight:bold;}

.inner_image { width:200px; height:200px; float:right;}

.acknowledgements_txta { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#12498A;}
.acknowledgements_txtb { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000;}
.acknowledgements_txtc { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold; font-style:italic;}
.border_dash { border-bottom: 1px dashed #333333; margin: 0 0 10px 0;}
.dr_name { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000000; text-transform:none;}


.read_more { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FF0000; text-decoration:none;}
.read_more a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FF0000; text-decoration:none;}
.read_more a:hover { text-decoration:underline;}