@charset "utf-8";

/* CSS Document */



@font-face {
    font-family: 'DancingScriptOTRegular';
    src: url('DancingScript-Regular-webfont.eot');
    src: url('DancingScript-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('DancingScript-Regular-webfont.woff') format('woff'),
         url('DancingScript-Regular-webfont.ttf') format('truetype'),
         url('DancingScript-Regular-webfont.svg#EuphoriaScriptRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1.fontface {
	
	color: #7f923a;
    font: 30px/36px 'DancingScriptOTRegular',Arial,sans-serif;
    letter-spacing: 1px;
	margin-bottom: 10px;
	}


BODY, TD, .NormalText { font-weight: normal; font-style: normal; text-decoration: none; font-family: Arial, Georgia, Times New Roman, Times, serif; font-size: 12px; color: #9b825b; }



* .Title			{ color: #7f923a; font-size: 24px; font-style: italic; background-repeat: no-repeat; height: 36px; margin: 0; text-indent: -999em; }

* .Subheader	{ font-family: Georgia, Times New Roman, Times, serif; font-size: 12px; font-weight: bold; color: #95b232; }



.Header			{ font-family: Georgia, Times New Roman, Times, serif; color: #7f923a; font-size: 24px; font-style: italic; }

.GreenSubheader	{ font-family: Georgia, Times New Roman, Times, serif; font-size: 12px; font-weight: bold; color: #95b232; }

.GoldSubheader	{ font-family: Georgia, Times New Roman, Times, serif; font-size: 12px; font-weight: bold; color: #9b825b; }



.Gold		{ color: #9b825b; }

.LightGreen	{ color: #95b232; }

.DarkGreen	{ color: #7f923a; }







/* TOP NAV ITEMS ---------- */



ul#nav {float:left;height: 50px;list-style: none;padding: 0;margin: 0;}



/*  Makes the list items sit next to each other */

* #nav li {float: left;}



/*  Sets styles for all links that are inside the ul id="nav" */

* #nav a {display: block;height: 50px; overflow: hidden; text-indent:-999em;}



/* Set the image for each nav item */

* #home {background: url(images/nav-home.gif);width:75px;}

* #ptlogin {background: url(images/nav-pt-login.gif);width:100px;}

* #drlogin {background: url(images/nav-dr-login.gif);width:106px;}



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

* #nav a:hover, * #nav .active {background-position: 0 -50px;}



/* Set the cursor to default arrow so link does not appear clickable */

* #nav .active {cursor: default}



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





ul#mainnav {float:left;height: 42px;list-style: none;padding: 0;margin: 0;}



/*  Makes the list items sit next to each other */

* #mainnav li {float: left;}



/*  Sets styles for all links that are inside the ul id="nav" */

* #mainnav a {display: block;height: 42px; overflow: hidden; text-indent:-999em;}



/* Set the image for each nav item */

* #aboutouroffice {background: url(images/nav-about-our-office.gif);width:119px;}

* #newpatients {background: url(images/nav-new-patients.gif);width:90px;}

* #gameroom {background: url(images/nav-game-room.gif);width:85px;}

* #aboutorthodontics {background: url(images/nav-about-orthodontics.gif);width:118px;}

* #braces101 {background: url(images/nav-braces-101.gif);width:80px;}

* #contactus {background: url(images/nav-contact-us.gif);width:81px;}



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

#mainnav a:hover, #mainnav li:hover #aboutouroffice, #mainnav li.sfhover #aboutouroffice, #mainnav li:hover #aboutorthodontics, #mainnav li.sfhover #aboutorthodontics, #mainnav li:hover #braces101, #mainnav li.sfhover #braces101, #mainnav li:hover #contactus, #mainnav li.sfhover #contactus, #mainnav .active {background-position: 0 -42px;}



/* Set the cursor to default arrow so link does not appear clickable */

* #mainnav .active {cursor: default}



* #mainnav, #mainnav ul {list-style: none; margin: 0; padding: 0}

* #mainnav a {display: block; height: 42px; text-decoration: none}

* #mainnav li ul li {float:none; text-align:left;}

* #mainnav li ul {background: #7ec44d; border: 1px solid #fff; border-width: 1px 1px 0 1px; left: -9999px; position: absolute}

* #mainnav li:hover ul, #mainnav li.sfhover ul {left: auto; margin-top: -1px}

* #mainnav li#contactus:hover ul, #mainnav li#contactus.sfhover ul {margin-left: -150px}

* #mainnav ul li a {border-bottom: 1px solid #fff; color: #fff; height: 20px; padding: 3px 0 3px 10px; width: 148px; text-indent:0;}

* #mainnav ul li a:hover {background: #d4efc2; text-decoration: none; color:#7ec44d;}



/* LAYOUT ---------- */



body {	background-image: url(images/tile.jpg);	background-repeat: repeat-x;	background-color: #fff;	margin: 0px;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #9b825b;	line-height:18px;}



* #background {	background-image: url(images/flower-bk.jpg);	background-repeat: no-repeat;	background-position: top center;	background-color:#FFFFFF;	width:950px; }





* #contentholder {background-color: #fff;border-style:solid;border-width:1px;border-color:#b49d78;width:750px;margin-left:100px;overflow: auto;padding-bottom:10px;margin-bottom:10px; padding-left:10px;}



* #topnav {}

* #mainnavtop {clear:both;}



* #hometext {float:left;width:251px; padding-left:41px;text-align:left;margin-bottom:15px; float:left;}



* #hometext img {margin-left:-41px;}



* #hometext a{	color: #9b825b;}



* #flashspot {float:left; }



* #subtext {float:left;text-align:left;width:659px;padding-left:41px; clear:both;}



* #subtext img{margin-left:-41px;}



* #subtext .img{background-color:#e5f6dc; padding:5px; border-style:dotted; border-width:1px; margin-left:31px;}

* #subtext .logo{background-color:#e5f6dc; padding:5px; border-style:dotted; border-width:1px; margin-left:0px; border-color:#9b825b;}



* #subtext a{color:#9b825b;}



* #address {padding-left:41px;color:#7f923a;text-align:left;float:left;width:420px;}



* #footer a{color:#997e53;font-size:11px;}



* #footer {margin-left:155px;}



* .sesame{color:#313d10;font-size:11px;}



* #tagline {float:left;}



/* HEADERS ---------- */

h1 { margin: 0; }

h2 {font-family:Georgia, Times New Roman, Times, serif;font-size:12px;}

h3 {font-family:Georgia, Times New Roman, Times, serif;font-size:12px;color:#95b232;}