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

/* HTML, BODY ---------- */
* {margin:0; padding:0;}
body {margin:0; background: url(images/tile.gif) ; font-family: tahoma, serif, Arial; font-size:12px; line-height:20px; color:#1d1d85;}
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:#1d1d85;}
a:hover {text-decoration:none;}
a img {border-style:none;}
#footer a {color:#dcddf2;}

/* LAYOUT ---------- */
* #wrap {width:780px; margin:0 auto; background:url(images/bg-body.jpg) no-repeat #FFF; min-height:879px; height:auto !important; height:879px; position:relative;}
* #address {width:765px; clear:both; text-align:right; padding:80px 15px 0 0; font-weight:bold; font-size:11px; color:#FFF;}
* #callout {position:absolute; top:627px; margin-left:25px; width:125px; height:164px; background:url(images/bg-callout.jpg) no-repeat; font-size:11px; font-weight:bold; color:#505098; padding:22px 25px 0 29px; line-height:18px;}
* #pichome {margin:21px 0 0 220px;}
* #content {width:512px; margin:0 0 0 236px; padding:20px 0; clear:both;}
* #footer {width:728px; margin:2px auto; background:url(images/bg-footer.jpg) no-repeat; font-size:11px; color:#dcddf2; font-weight:bold; text-align:center; clear:both; padding:12px 35px;}

/* HEADERS ---------- */
h1 {background-repeat: no-repeat; height: 48px; width:330px; text-indent: -999em; margin: 0; padding:70px 0 0 0; background-position:bottom; }
#content h2 {font-size:14px; color:#75b1e2; }
#footer h2 {color:#1d1d85; font-size:11px; padding:20px 0 0 0; margin:0;}

h1#logo {float:right;
margin: 36px 20px 0 0;
padding: 0;
background-repeat: no-repeat; 
width: 293px;/* this width reflects the width of the logo image */
height: 141px; /* 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: 141px;/*same height as logo h1*/ 
width: 293px;/*same width as logo h1*/}

/* CLASSES ---------- */
#footer .sesame {color:#fbf7e4;}
* .img {margin:0 10px 10px 10px; float:right;}
* .right {float:right;}
* .left {float:left;}
* .top  {color:#e4a732; font-size:11px; font-weight:bold;}
* .hide {display:none;}
* .flash {margin:42px 0 0 205px; width:545px; height:228px;}
* .flashp {color:#000; background-image: url(images/1.jpg); text-align:center; padding-bottom:160px;}
* .block {display:block;}
* .listnone {list-style:none;}
* .center {text-align:center;}
* .clear {clear:both;}
* .orange {color:#eec400;}

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


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

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

/* Set the image for each nav item */
* #meettheorthodontist {background: url(images/nav-meet-the-orthodontist.gif); }
* #meettheteam {background: url(images/nav-meet-the-team.gif); }
* #patientforms {background: url(images/nav-patient-forms.gif); }
* #aboutorthodontics {background: url(images/nav-about-orthodontics.gif); }
* #aboutbraces {background: url(images/nav-about-braces.gif); }
* #emergencycarevideos {background: url(images/nav-emergency-care-videos.gif); }
* #asktheorthodontist {background: url(images/nav-ask-the-orthodontist.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 #meettheorthodontist, #nav li.sfhover #meettheorthodontist, 
#nav li:hover #aboutorthodontics, #nav li.sfhover #aboutorthodontics, 
#nav li:hover #aboutbraces, #nav li.sfhover #aboutbraces, 
#nav li:hover #emergencycarevideos, #nav li.sfhover #emergencycarevideos, 
#nav li:hover #meettheteam, #nav li.sfhover #meettheteam,
#nav li:hover #patientforms, #nav li.sfhover #patientforms, 
#nav li:hover #asktheorthodontist, #nav li.sfhover #asktheorthodontist {background-position:-188px 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: #fbf9ea; left: -999em; padding: 5px 12px; position: absolute; z-index: 1; border:1px solid #c2c3e5;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -25px 0 0 168px; color:#353592;}
#nav ul li a {height:auto; margin: 0; text-decoration: none; width: 180px; text-indent:0; color:#353592; font-size:13px; padding:3px 0;}
#nav ul li a:hover {color:#6ba9db;}




/* LOGINS NAV ITEMS ---------- */

ul#logins {height: 21px; width:142px; list-style: none; padding:0; margin:0 0 0 27px; position:absolute; z-index:90; top:35px;}

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

/* Set the image for each nav item */
* #home {background: url(images/nav-home.gif);}
* #contactus{background: url(images/nav-contact-us.gif);}

/* Shift the image position up to show the active state */
#logins a:hover, #logins .active, #logins li:hover, #logins li.sfhover,
#logins li:hover #home, #logins li.sfhover #home,
#logins li:hover #contactus, #logins li.sfhover #contactus {background-position:-142px 0;}
/* Set the cursor to default arrow so link does not appear clickable */
#logins .active {cursor: default}



* #logins, #logins ul {list-style: none; margin: 0; }
#logins li {display: inline; }
#logins li ul {background: #fbf9ea; left: -999em; padding: 5px 12px; position: absolute; z-index: 1; border:1px solid #c2c3e5;}
#logins li:hover ul, #logins li.sfhover ul {left: auto; margin: -25px 0 0 132px; color:#353592;}
#logins ul li a {height:auto; margin: 0; text-decoration: none; width: 150px; text-indent:0; color:#353592; font-size:13px; padding:3px 0;}
#logins ul li a:hover {color:#6ba9db;}


/* edit.com ---------- */

ul, ol {
	margin-top:0px;
	margin-bottom:0px;
}

.NormalText, body, td {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #1D1D85;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style: normal;
}

.SubjectHeader {
	font-size: 14px;
	color: #75B1E2;
	font-weight: bold;
}

* .PageTitle {
	font-family: Times New Roman, "Times", serif;
	font-size: 24px;
	line-height: 28px;
	color: #1D1D85;
	font-weight: bold;
}