@charset "utf-8";
/* CSS Document */

.flash-replaced .alt {/*JQUERY STYLE - sets size of container to 0 to hide alternative content*/
 display: block;height: 0px;position: absolute;overflow: hidden;width: 0px;}
 
/* HTML, BODY ---------- */
* {margin:0; padding:0;}
body {margin:0; background: url(../images/tile.jpg) repeat-x #f8f5ed;}

/* edit.com visible styles */
BODY, TD, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; color: #2A573C; }

.Title		{ color: #6C8252; font-size: 32px; font-weight: bold; font-family: Times New Roman, Times, serif; font-style: italic; line-height: 1em; }
.GreenHeader{ color: #6C8252; font-size: 22px; font-weight: normal; font-family: Times New Roman, Times, serif; font-style: italic; line-height: 1em; }
.Header		{ color: #0697B0; font-size: 13px; font-weight: bold; font-family: Verdana; }
.Subheader	{ color: #2F2717; font-size: 11px; font-weight: bold; font-family: Verdana; }

.Green		{ color: #2A573C; }
.Blue		{ color: #0697B0; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 16px; line-height: 1em; }
.LargeText	{ font-size: 24px; line-height: 1em; }

IMG.FloatLeft 	{ float: left; margin: 0 10px 10px 0; }
IMG.FloatRight 	{ float: right; margin: 0 0 10px 10px; }

TABLE.team TD { padding: 10px 20px; vertical-align: top; text-align: left; }

p, h2, h3, ul, blockquote, ol {padding-bottom:10px; padding-top:10px;}
ul, blockquote, ol {padding-left:30px; padding-right:10px; padding-top:10px;}
a {color:#ad923c; }
a:hover {text-decoration:none;}
a img {border-style:none;}
p.breadcrumbs, .breadcrumbs a {font-size:11px; font-weight:bold; color:#ad923c;}
* .instructions {width:80%; margin:0 auto; border:none;  font-weight:bold; }
table.instructions td {padding:10px;}


/* LAYOUT ---------- */
* #wrapfull {width:100%; background:url(../images/bg-wrapfull.jpg) no-repeat top center;}
* #wrap {width:990px; margin:0 auto; background:url(../images/bg-body.jpg) no-repeat; min-height:1046px; height: auto !important; height:1046px;}
* #address {width:939px; padding:4px 51px 3px 0; color:#FFF;  font-weight:bold; text-align:right;}
* #content {width:606px; margin-left:297px; clear:both; padding:10px 0 20px 0; }

/* BANNERS ---------- */
* #bannerinvisalign {position:absolute; z-index:3; top:553px; margin-left:26px;}
* #bannerschedule {position:absolute; z-index:4; top:836px; margin-left:26px;}
* #bannerzoom {position:absolute; z-index:5; top:698px; margin-left:26px;}
* #facebook {position:absolute; z-index:6; top:988px; margin-left:26px;}

/* LAYOUT FOOTER ---------- */
* #footerwrap {width:990px; margin:0 auto; clear:both;  background:url(../images/tile-footer.jpg) repeat-y; color:#004956; }
* #footerbody {width:100%; background:url(../images/bg-footer.jpg) no-repeat;}
* #footerbottom {width:855px; background:url(../images/bg-footer-bottom.jpg) no-repeat bottom; padding:35px 84px 40px 51px; min-height:150px; height:auto !important; height:150px;}
* #footerbottom h2 {font-size:12px; line-height:20px; padding:0; margin:0;}
* #footernav {float:left; padding-right:109px; width:135px; font-size:11px; line-height:13px; padding-bottom:40px;}
* #footernav a {color:#004956; font-weight:bold;}

/* HEADERS ---------- */
h1 {background-repeat: no-repeat; height: 80px; width:339px; text-indent: -999em; margin: 0; padding:0; background-position: bottom;}
h1.replaced {overflow: hidden; text-indent: -999em; background-repeat: no-repeat; background-position: 0 0}
h1.jcir {font-size: 35px;margin: 30px 0 0 0;font-weight: normal;text-align: left;}

* #content h2 {color:#0697b0; font-size:13px; }
* #content h3 {color:#2f2717; font-size:11px;}

h1#logo {
margin: 0;
padding: 0;
background-repeat: no-repeat; 
width: 990px;/* this width reflects the width of the logo image */
height: 202px; /* this height reflects the height of the heading image */
overflow: hidden; 
text-indent: -999em;} /* hides rich text so only background image shows */

h1#logo a {
display: block; 
height: 202px;/*same height as logo h1*/ 
width: 990px;/*same width as logo h1*/}

/* CLASSES ---------- */
* #footerbottom .sesame {color:#362f1d; font-weight:bold;}
* .img {float:right; margin:10px 0 10px 10px; border:1px solid #91ae73;}

* .imggif {float:right; margin:10px 0 10px 10px; }
* .right {float:right;}
* .left {float:left;}
* .hide {display:none;}
* .flashhome {margin-left: 224px;  width:715px; height:248px; clear:both;}
* .block {display:block;}
* .listnone {list-style:none;}
* .center {text-align:center;}
* .clear {clear:both;}
* .aqua {color:#0697b0;}

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


/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0; margin:0 0 0 27px; width:196px; position:absolute; z-index:80; top:192px;}

/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block;height: 30px; overflow: hidden; text-indent:-999em; width:196px}

/* Set the image for each nav item */
* #ouroffice {background: url(../images/nav-our-office.gif); }
* #fornewpatients {background: url(../images/nav-for-new-patients.gif); }
* #careforyoursmile {background: url(../images/nav-care-for-your-smile.gif);}
* #contactus {background: url(../images/nav-contact-us.gif); }
* #home {background: url(../images/nav-home.gif); }
* #restoreyoursmile {background: url(../images/nav-restore-your-smile.gif);}
* #improveyoursmile {background: url(../images/nav-improve-your-smile.gif);}
* #beatease {background: url(../images/nav-be-at-ease.gif);}
* #tipsforparents {background: url(../images/nav-tips-for-parents.gif);}

/* 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 #fornewpatients, #nav li.sfhover #fornewpatients, 
#nav li:hover #careforyoursmile, #nav li.sfhover #careforyoursmile, 
#nav li:hover #home, #nav li.sfhover #home, 
#nav li:hover #restoreyoursmile, #nav li.sfhover #restoreyoursmile, 
#nav li:hover #improveyoursmile, #nav li.sfhover #improveyoursmile, 
#nav li:hover #beatease, #nav li.sfhover #beatease, 
#nav li:hover #tipsforparents, #nav li.sfhover #tipsforparents, 
#nav li:hover #contactus, #nav li.sfhover #contactus {background-position:-196px 0;}

/* 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: #0697b0; left: -999em; padding: 0 0; position: absolute; z-index: 1;}
#nav li ul li {float:none;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -30px 0 0 186px; color:#faf8f2;}
#nav ul li a {height:auto; margin: 0; text-decoration: none; width: 189px; text-indent:0; color:#faf8f2; font-size:12px; padding:3px 12px;}
#nav ul li a:hover {color:#65d5e8; }

ul#sitemap {list-style:circle;}
#sitemap li a {background:none; text-decoration:underline}
#sitemap li a:hover {text-decoration:none;}

/* The Game Room */
div#sesame-game {background: #000; line-height: 0; margin: 10px auto 30px auto; text-align: center; width: 400px}
ul#sesame-games {list-style: none; margin: 0 18px 0 0; padding: 0}
ul#sesame-games li {clear: both; display: block}
ul#sesame-games img {border: 0; float: right; margin: 0 0 10px 10px}
ul#sesame-games a.button {float:right; height:85px; width:200px}
ul#sesame-games p { padding-bottom: 1em}

/* TEETH FOR LIFE */
ul#toggle-content {list-style: none; margin: 0 0 15px 0;}
* #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;}
* #flash-know-your-teeth {margin: 15px 0;}
.flash-replaced .alt {
display: block;
width: 0px;
height: 0px;
position: absolute;
overflow: hidden;}
* .hide {display: none;}

/* brushing/flossing */
hr {
clear:both;}

img.right {
float:right;
margin:0 0 10px 10px;}

/* MEET THE TEAM */
* .bio_group { 
	float: right;
	width: 465px;
	padding-bottom: 30px;
	overflow: auto;
	clear: both;
	}
	
.bio_group h2 { 
	padding-top: 0;
	}
	

.bio_group h2 span { 
	font-size: 22px;
	padding-top: 10px;
	color: #6c8252;
	font-family:"Times New Roman", Times, serif;
	font-style: italic;
	font-weight:normal;
	}
	
* .bio_group_left { 
	float: left;
	width: 202px;
	overflow: auto;
	}

* .bio_group_right { 
	float: right;
	width: 202px;
	overflow: auto;
	}