/* CSS Document */

/* HTML, BODY ---------- */

* {
	margin:0;
	padding:0;
}
body {
	margin:0;
	background:#FFF url(images/tile.jpg) repeat-x;
	font-family: Tahoma, Arial, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#022a51;
}
p, ul, blockquote, ol {
	padding-bottom:20px;
}
h2, h3 {
	padding-bottom:20px;
}
ul, blockquote, ol {
	padding-left:30px;
	padding-right:20px;
}
a {
	color:#022a51;
}
a:hover {
	text-decoration:none;
}
a img {
	border-style:none;
}
#footernav a {
	color:#4675a2;
	padding-right:8px;
}
#footernav p {
	padding-top:10px;
}
/* LAYOUT ---------- */

#wrap {
	width:778px;
	margin:0 auto;
	background:url(images/bg-wrap.gif) repeat-y;
	min-height:646px;
	position:relative;
}
#body {
	width:778px;
	background:url(images/bg-header.jpg) no-repeat;
	min-height:646px;
	overflow:auto;
}
#text {
	width:540px;
	float:right;
	padding:64px 20px 20px 0;
/*	overflow:auto;*/
	min-height:446px;
	height:auto !important;
}
#address {
	font-size:11px;
	color:#4a488f;
	font-weight:bold;
	line-height:14px;
	width:153px;
	position:absolute;
	top:550px;
	margin-left:28px;
	z-index:97;
}
#footertext {
	width:578px;
	background:#323072;
	font-size:12px;
	padding:12px 100px;
	line-height:16px;
	text-align:center;
	clear:both;
}
#footernav {
	width:678px;
	margin:0 auto;
	line-height:16px;
	padding: 0 50px 20px 50x;
	text-align:center;
}
/* HEADERS ---------- */

h1 {
	background-repeat: no-repeat;
	height: 54px;
	width:476px;
	text-indent: -999em;
	margin: 0;
	padding:0;
}
#footertext h2 {
	font-size:12px;
	margin:0;
	padding:0;
	color:#FFF;
}
#footertext h3 {
	font-size:12px;
	margin:0;
	padding:0;
	color:#8684bf;
}
h3 {
	font-size:13px;
}
#text h2 {
	font-size:14px;
	color:#323072;
}
h1#logo {
	margin: 0;
	padding: 35px 0 0 0;
	background-repeat: no-repeat;
	width: 651px;/* this width reflects the width of the logo image */
	height: 78px; /* this height reflects the height of the heading image */
	overflow: hidden;
	text-indent: -999em;
	float:right;
} /* hides rich text so only background image shows */
h1#logo a {
	display: block;
	height: 78px;/*same height as logo h1*/
	width: 651px;/*same width as logo h1*/
}
/* CLASSES ---------- */

#footernav .sesame {
	color:#023464;
}
.img {
	border:#000000 1px solid;
	margin:0 10px 10px 10px;
}
.right {
	float:right;
	clear:right;
}
.top a {
	color:#e4a732;
	font-size:11px;
	font-weight:bold;
	height:40px;
}
.hide {
	display:none;
}
.flash {
	z-index: 99;
	position:absolute;
	top:152px;
	margin-left:218px;
}
.flashp {
	color:#000;
	background-image: url(images/welcome.jpg);
	text-align:center;
	padding-bottom:60px;
	width:560px;
}
.block {
	display:block;
}
.listnone {
	list-style:none;
}
.center {
	text-align:center;
}
.left {
	float:left;
}
.clear {
	clear:both;
}
.resources {
	border:#000000 1px solid;
}
/* NAVIGATION ---------- */





/* NAVIGATION MAIN ---------- */

ul#nav {
	list-style: none;
	position:absolute;
	top:179px;
	margin-left: 14px;
	width:178px;
	z-index:100;
	padding:0;
}
/*  Sets styles for all links that are inside the ul id="nav" */

#nav a {
	display: block;
	;
	overflow: hidden;
	text-indent:-999em;
	width:178px
}
/* Set the image for each nav item */

#home {
	background: url(images/nav-home.jpg);
	height:25px;
}

#ouroffice {
	background: url(images/nav-our-office.jpg);
	height:28px;
}
#newpatients {
	background: url(images/nav-patients.jpg);
	height:24px;
}
#dentalmissions {
	background: url(images/nav-dental-missions.jpg);
	height:28px;
}
#testimonials {
	background: url(images/nav-testimonials.jpg);
	height:27px;
}
#regularcheckups {
	background: url(images/nav-regular-checkups.jpg);
	height:28px;
}
#treatments {
	background: url(images/nav-treatments.jpg);
	height:26px;
}
#pediatricdentistry {
	background: url(images/nav-pediatric-dentistry.jpg);
	height:28px;
}
#sedationdentistry {
	background: url(images/nav-sedation-dentistry.jpg);
	height:28px;
}
#invisalign {
	background: url(images/nav-invisalign.jpg);
	height:26px;
}
#zoom {
	background: url(images/nav-zoom.jpg);
	height:27px;
}
#contactus {
	background: url(images/nav-contact-us.jpg);
	height:26px;
}

/* Shift the image position up to show the active state */

#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover,  #nav li:hover #ouroffice, #nav li.sfhover #ouroffice,  #nav li:hover #newpatients, #nav li.sfhover #newpatients,  #nav li:hover #dentalmissions, #nav li.sfhover #dentalmissions,  #nav li:hover #testimonials, #nav li.sfhover #testimonials,  #nav li:hover #regularcheckups, #nav li.sfhover #regularcheckups,  #nav li:hover #treatments, #nav li.sfhover #treatments,  #nav li:hover #pediatricdentistry, #nav li.sfhover #pediatricdentistry,  #nav li:hover #sedationdentistry, #nav li.sfhover #sedationdentistry,  #nav li:hover #invisalign, #nav li.sfhover #invisalign,  #nav li:hover #zoom, #nav li.sfhover #zoom,  #nav li:hover #home, #nav li.sfhover #home,  #nav li:hover #contactus, #nav li.sfhover #contactus {
	background-position:-178px 0pt;
}
/* Set the cursor to default arrow so link does not appear clickable */

#nav .active {
	cursor: default
}
#nav, #nav ul {
	list-style: none;
	margin: 0;
}
#nav li {
	display: inline;
}
#nav li ul {
	background: #bbd3dd;
	left: -999em;
	padding: 0;
	position: absolute;
	z-index: 1;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	margin: -27px 0 0 168px;
	color:#3c809d;
}
#nav ul li a {
	height:18px;
	margin: 0;
	text-decoration: none;
	width: 194px;
	text-indent:0;
	color:#3c809d;
	font-size:11px;
	padding-left:12px;
	text-transform: uppercase;
	font-weight:bold;
	padding-top:4px;
}
#nav ul li a:hover {
	background:#88b5c8;
}
/* LOGINS NAV ITEMS ---------- */



ul#logins {
	height: 40px;
	width:162px;
	list-style: none;
	position:absolute;
	top: 112px;
	margin-left: 459px;
	z-index:99;
	clear:both;
	padding:0;
}
/*  Sets styles for all links that are inside the ul id="nav" */

#logins a {
	display: block;
	height: 40px;
	overflow: hidden;
	text-indent:-999em;
	width:162px;
}
/* Set the image for each nav item */

#patientlogin {
	background: url(images/nav-patient-login.jpg);
}
/* Shift the image position up to show the active state */

#logins a:hover, #logins .active, #logins li:hover, #logins li.sfhover {
	background-position:0 -40px;
}
/* Set the cursor to default arrow so link does not appear clickable */

#logins .active {
	cursor: default
}
/* TEETH FOR LIFE ---------- */

#anatomy-of-a-tooth {
	background: url(images/anatomy-of-a-tooth/anatomy-of-a-tooth-bg.gif);
	height: 525px;
	position: relative;
	width: 300px
}
#anatomy-of-a-tooth a {
	cursor: help;
	display: block;
	position: absolute
}
#anatomy-of-a-tooth a:hover {
	background: transparent
}
a#bone {
	height: 20px;
	left: 30px;
	top: 380px;
	width: 40px
}
a#cementum {
	height: 20px;
	left: 100px;
	top: 460px;
	width: 90px
}
a#dentin {
	height: 20px;
	left: 80px;
	top: 165px;
	width: 60px
}
a#enamel {
	height: 20px;
	left: 165px;
	top: 135px;
	width: 60px
}
a#gingiva {
	height: 30px;
	left: 20px;
	top: 275px;
	width: 60px
}
a#periodontal {
	height: 30px;
	left: 205px;
	top: 440px;
	width: 70px
}
a#pulp {
	height: 30px;
	left: 125px;
	top: 220px;
	width: 50px
}
a#print {
	cursor: pointer;
	height: 23px;
	left: 240px;
	top: 502px;
	width: 60px
}
#anatomy-of-a-tooth a img {
	border: none;
	display: block;
	height: 0;
	position: absolute;
	width: 0
}
#anatomy-of-a-tooth a:hover img {
	height: 98px;
	width: 300px
}
a#bone:hover img {
	left: -30px;
	top: -380px
}
a#cementum:hover img {
	left: -100px;
	top: -460px
}
a#dentin:hover img {
	left: -80px;
	top: -165px
}
a#enamel:hover img {
	left: -165px;
	top: -135px
}
a#gingiva:hover img {
	left: -20px;
	top: -275px
}
a#periodontal:hover img {
	left: -205px;
	top: -440px
}
a#pulp:hover img {
	left: -125px;
	top: -220px
}

/* Social Networking */
#facebook {
	width:35px;
	position:absolute;
	top:49px;
	right:45px;
	z-index:98;
	}