/* HTML, BODY ---------- */
html {height: 100%;}
body {background: #8f653d url(../images/tile.gif) top left repeat-x; margin: 0}
* {margin:0; padding:0;}

/* TEXT ---------- */
body {color: #693a04; font: 12px/22px Arial, Helvetica, sans-serif; text-align:left;}
p {padding: 0px 0 15px 0px;}
* .testimonial-signature {text-align: right;}

/* edit.com visible styles */
BODY, TD, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; color: #693A04; font-size: 12px; line-height: 22px; font-family: Arial, Helvetica, sans-serif; }

.Title		{ color: #945204; font-size: 24px; font-weight: normal; font-family: Trebuchet MS, Arial; text-transform: uppercase; line-height: 24px; }
.Header		{ color: #693A04; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.Subheader	{ color: #78780D; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

.Green		{ color: #78780D; }
.LightBrown	{ color: #945204; }
.DarkBrown	{ color: #693A04; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }

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

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

/* HEADERS ---------- */
/* jcIR Styles --------- */
h1.jcir {/* standard styles for your headings if image replacement not-available */
color: #000;
}
.home h1.jcir{margin-bottom: 10px;}
h1.replaced {/* jcIR plugin wraps text in div named replaced and hides it */
	overflow: hidden; 
	text-indent: -999em; 
	background-repeat: no-repeat;
}	
h2{margin: 0 0 10px 0; font-size:16px; font-weight: bolder;}
h2.underline {text-decoration: underline;}	
h3{color: #78780d; margin: 0;}

/* LISTS ---------- */
ol, ul {padding:0 0 10px 20px;}

/* LINKS ---------- */
a {color: #616117; text-decoration: underline}
a:visted {color: #616117; text-decoration: underline;}
a:hover {color: #616117; text-decoration: none;}
* #logo a {position:absolute; top:148px; left:296px; width: 472px; height: 49px; display: block; background: url(../images/logo-text.gif) no-repeat;}
* #office-address a{display: block; background: url(../images/office-address.gif) no-repeat 0 0; width: 225px; height: 52px; position:absolute; top: 28px; left: 685px; z-index:50;}
* #footer a {color: #fcffcf;}
* .text_nav {text-transform: uppercase; font-size: 10px; line-height:13px;}
* .text_nav a{color: #fcffcf; text-decoration:none;}
* .text_nav a:visited{color: #fcffcf; text-decoration:none;}
* .text_nav a:hover{color: #fcffcf; text-decoration:underline;}

/* nav ---------- */
* #nav{position:absolute; top:229px; left:144px; padding:0; width:197px; display:block; z-index: 100;}
* #nav a {display: block; height: 30px; overflow: hidden; text-indent: -999px; width: 197px;}
* #nav ul{padding:0;}
* #patient-login {background: url(../images/nav/patient.gif) 0 0; }
* #doctor-login {background: url(../images/nav/doctor.gif) 0 0; }
* #for-new-patients {background: url(../images/nav/new.gif) 0 0; }
* #teeth-101 {background: url(../images/nav/teeth.gif) 0 0; }
* #improve-your-smile {background: url(../images/nav/smile.gif) 0 0; }
* #treatment-options {background: url(../images/nav/treatment.gif) 0 0; }
* #contact-us {background: url(../images/nav/contact.gif) 0 0; }
* #home {background: url(../images/nav/home.gif) 0 0;}
* #nav ul li:hover a, #nav li.sfhover a,#nav a:hover, #nav .active {background-position: -197px 0}
* #nav li.active a {background-position: -197px 0;}

/* DROP-DOWN-NAVIGATION ----------------*/
* #nav li {display: inline; z-index:100; margin:0; padding:0;}
* #nav li ul { /* second-level lists */ margin: -30px 0 0 197px; padding: 0; width: 150px; position: absolute;background: #945204; left: -999em; text-transform:uppercase; line-height: 24px; font-size: 10px; height: auto; }
* #nav li ul a {list-style-image:none; padding: 0 0 0 10px; width: 140px; color: #e1e4a1;	text-indent: 0; 	text-decoration: none; height: auto;}
* #nav li:hover ul, #nav li.sfhover ul {left: auto;display:block;z-index:100;}
* #nav li:hover ul a:hover, #nav li.sfhover ul a:hover {color: #452705; background: url(../images/nav-active-tile.gif) repeat-x 0 0;}

/* SUBNAV ----------------*/
* #sub_nav {background: url(../images/sub-nav-header.gif) no-repeat 0 0; position: absolute; top: 622px; left: 160px; min-width: 124px; padding: 68px 0 0 0;}
* .sub_nav {font: bold 10px/22px Arial, Helvetica, sans-serif;text-transform: uppercase; letter-spacing:1px;}
* .sub_nav a{color: #e1e4a1; text-decoration: none;}
* .sub_nav a:visited {text-decoration: none;}
* .sub_nav a:hover, .sub_nav a.active {text-decoration:underline; color: #a1a143;}

/* LAYOUT ---------- */
* .clear{clear:both;}
* .hide {display:none;}
* .flash-replaced .alt {display: none;}
div.hr { background: #3c362e; clear: both; height: 1px; margin: 20px 0; width: 100%; }
div.hr hr { display: none; }
* #tile{background: url(../images/main-tile.gif) repeat-y top center; width: 1054px; margin: 0 auto;}
* .home #main{background:url(../images/main-bg.jpg) no-repeat 0 0;}
* #main {background: url(../images/sub-bg.jpg) no-repeat 0 0; position: relative; width: 928px; margin: 0 auto;
padding: 0 0 0 124px;}
* #stcall { position:absolute; top:66px; right:163px; font-size:20px; font-family:Tahoma, Geneva, sans-serif; color:#fcffcf; width:100px; height:20px; z-index:999}
* #rate-your-smile{width: 150px; border: 2px solid #5a2f03; position: absolute; top: 775px; left: 158px; background-color: #fcffcf; }
* #rate-your-smile h3{font-size: 14px;text-align: center; padding: 5px; margin: 0 5px 0 5px; border-bottom: 1px solid #78780d;}
* #rate-your-smile p {padding: 10px;}
* .home #text{padding-top: 539px; min-height: 0; _height: 0;}
* #text{width: 478px; padding: 290px 0px 0 260px; min-height: 620px; _height: 620px;}
* #flash-home{position: absolute; top: 236px; left: 348px; border:none; z-index:1;}
* #flash-header {position: absolute; top: 0; left: 456px; }
* #footer-container{width: 1054px; margin: 0 auto;}
* #footer {background: url(../images/footer-bg.gif) no-repeat top center; color: #452705; font-size: 11px; padding: 114px 90px 20px 250px; margin: 0 auto; text-align: left; width: 492px;line-height:14px;}
* #footer p{padding-bottom:10px;}

/* Shortcuts ----------*/
/* Image Replacement -- add class="replace" to root element, i.e. <p> and add a bg image*/
* .replace {letter-spacing : -1000em;line-height: 0;overflow: hidden;line-height: 0;text-indent: -999em;}
/* Just for Opera, but hide from MacIE */

/*\*/html>body .replace {	letter-spacing : normal;text-indent : -999em;overflow : hidden;}
/* End of hack */

/* RESOURCES ---------- */
dl.logos, dl.logos dt, dl.logos dd {list-style:none;margin:0;padding:0;}
dl.logos {padding:10px;}
dl.logos dd {border-bottom:1px solid #CCC;margin:0;padding:10px 0 5px 0;width:50%;}
dl.logos span {font-size: 16px; font-weight:bold;}

table.logo-table hr { height: 1px; border: 0; color: #CCC; background: #CCC; width: 50%; }

/* IMAGES ---------- */
img {border:none;}
* .right {float:right; border: 1px solid #945204; margin-left:10px; margin-bottom:10px;}	
* .right-borderless {float:right; margin-left:10px;margin-bottom:10px;}
* .left {float:left; border: 1px solid #945204; margin-right:10px;margin-bottom:10px;}
img.center {display:block;margin:0 auto 10px auto;}
* .logo-img{padding-right: 10px;}	
iframe {border: 1px solid #945204; margin-bottom:20px;}

/* ANATOMY OF A TOOTH ---------- */
* #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}

#socialnetworking{ position: absolute; top: 525px; left: 158px; }

#socialnetworking ul{ padding:0px; margin:0px; list-style:none; }
#socialnetworking ul li{ float:left; padding:0px; margin:0px 2px; list-style:none; }