@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:#743942 url(../images/tile.jpg) repeat-x; font-family: "Times New Roman", Times, serif; font-size:15px; line-height:22px;}
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:#000; }
a:hover {text-decoration:none;}
a img {border-style:none;}
p.breadcrumbs, .breadcrumbs a {font-size:14px; font-weight:bold; color:#48121f; clear:both; padding-top:30px;}
#footer a:hover {text-decoration:underline;}


/* LAYOUT ---------- */
* #wrap {width:990px; margin:0 auto; background:#e8d3ac url(../images/bg-body.jpg) no-repeat;}
* #body {width:990px; background:url(../images/bg-bottom.gif) no-repeat bottom right; min-height:922px; height:auto !important; height:922px;}
* #address {float:right; width:478; text-align:right; padding-top:66px; font-size:14px; line-height:18px; color:#FFF; margin-right:16px;}
* #content {clear:both; width:610px; margin-left:318px;}
* #footer {width:740px; clear:both; margin:0 auto; padding:27px 125px; text-align:center; background:url(../images/bg-footer.jpg) no-repeat; font-size:13px; line-height:18px;}

/* BANNERS ---------- */
* #callouts {width:240px; position:absolute; top:498px; margin-left:20px; z-index:8; padding-bottom:10px; }


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

h1 {background-repeat: no-repeat; height: 70px; width:407px; text-indent: -999em; margin: 0; padding:0; background-position: bottom;}
h1.replaced {overflow: hidden; text-indent: -999em; background-repeat: no-repeat; }
h1.jcir {font-size: 35px; margin: 0; }

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

#content h3 {font-size:16px; font-weight:normal; font-style:italic;}
#content h2.special {font-size:18px; color:#000;}
#content h2 {color:#7f0023; font-size:18px; }
#footer h2 {color:#f6dce3; font-size:13px; line-height:18px; margin:0; padding:0;}

/* CLASSES ---------- */
#footer .sesame {color:#a2b66e; font-weight:bold; font-size:13px;}
* .pic {margin:49px 0 90px 567px; clear:both;}
* .right {float:right;}
* .left {float:left;}
* .imgleft {float:left; margin:0 10px 10px 0;}
* .imgright {float:right; margin:0 0 10px 10px;}
* .imgright-nopadding {float:right; margin:0px 0px 0px 0px;}
* .hide {display:none;}
* .flashhome {width:990px; height:299px; clear:both; background:url(../images/photo1.jpg) no-repeat; padding-bottom:76px;}
* .block {display:block;}
* .listnone {list-style:none;}
* .center {text-align:center;}
* .clear {clear:both;}
* .marginnone {margin:0; padding:0;}
* .resources {padding:7px; background:#FFF; border:2px solid #3e0514;}
* .address {color:#e8d3ac;}
* .phone {font-size:18px;}

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


/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0; margin:0; width:990px; position:absolute; z-index:24; top:422px;}
#nav li {float:left; }
/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block; overflow: hidden; text-indent:-999em;  height:43px;}

/* Set the image for each nav item */
* .aboutouroffice {background: url(../images/nav-about-our-office.jpg); width:148px;margin-right:3px;}
* .fornewpatients {background: url(../images/nav-for-new-patients.jpg); width:146px;margin-right:4px;}
* .aboutorthodontics {background: url(../images/nav-about-orthodontics.jpg); width:166px;margin-right:4px;}
* .aboutbraces {background: url(../images/nav-about-braces.jpg); width:122px;margin-right:3px;}
* .emergencycare {background: url(../images/nav-emergency-care.jpg); width:143px;margin-right:3px;}
* .faqs {background: url(../images/nav-ask-the-orthodontist.jpg); width:66px;margin-right:3px;}
* .contactus {background: url(../images/nav-contact-us.jpg); width:106px;margin-right:3px;}
* .home {background: url(../images/nav-home.jpg); width:70px;}

/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, 
#nav li:hover .aboutouroffice, #nav li.sfhover .aboutouroffice, 
#nav li:hover .aboutorthodontics, #nav li.sfhover .aboutorthodontics, 
#nav li:hover .aboutbraces, #nav li.sfhover .aboutbraces, 
#nav li:hover .fornewpatients, #nav li.sfhover .fornewpatients, 
#nav li:hover .emergencycare, #nav li.sfhover .emergencycare, 
#nav li:hover .faqs, #nav li.sfhover .faqs, 
#nav li:hover .home, #nav li.sfhover .home, 
#nav li:hover .contactus, #nav li.sfhover .contactus {background-position:0px -43px;}

/* 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 { left: -999em; padding: 0; position: absolute; z-index: 1; padding:0 0; border:1px #603442 solid;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: 0 0 0 0; color:#FFF;  background:#94a64e; filter:alpha(opacity=88);	-moz-opacity:0.88;	-khtml-opacity: 0.88;	opacity: 0.88;}
#nav li ul li {float:none;}
#nav ul li a {height:auto;  text-decoration: none; width: 200px; text-indent:0; color:#FFF; font-size:17px; padding:3px 10px;  font-weight:bold; }
#nav ul li a:hover {background:#603442; }

/* LOGINS MAIN ---------- */
ul#logins {list-style: none; padding: 0; margin-left:721px; width:268px; position:absolute; z-index:22; top:0px;}

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

/* Set the image for each nav item */
* .patientaccess {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, 
#logins li:hover .patientaccess, #logins li.sfhover .patientaccess {background-position:-268px 0;}


/* SITE MAP NAV */
ul#sitemap {list-style:circle;}
#sitemap li a {background:none; text-decoration:underline}
#sitemap li a:hover {text-decoration:none;}



/* FOOTERNAV */
ul#footernav {list-style:none; line-height:18px; text-align:center; clear:both; margin-top:20px;}
#footernav li {padding:0; margin-bottom:5px; display:inline; white-space:nowrap;}
#footernav li a {border-right:1px solid #170006;padding:0 4px 0 1px;background:none; text-decoration:underline; color:#170006; font-size:13px; line-height:18px;  font-weight:bold; text-indent:none; height:5px;}
#footernav li a:hover {text-decoration:none;}
#footernav li ul {display:none;}
#footernav a.bordernone {border:none;}


* .bordernone {border:none;}


/* edit.com visible styles */
body, td, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; color: #000; font-size: 15px; font-family: Times New Roman, Times, serif; line-height: 22px; }

.Title		{ color: #7F0023; font-size: 36px; font-weight: normal; font-family: Times New Roman, Times, serif; line-height: 36px; }
.Header		{ color: #7F0023; font-size: 18px; font-weight: bold; font-family: Times New Roman, Times, serif; line-height: 22px; }
.Subheader	{ color: #000000; font-size: 16px; font-weight: normal; font-family: Times New Roman, Times, serif; line-height: 22px; font-style: italic; }

.Red		{ color: #7F0023; }
.Green		{ color: #A2B66E; }
.DarkGreen	{ color: #506717; }
.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; }


#newsletter { margin-top:300px; }
#newsletter a { color:#7F0023; font-size:18px;}

.left-image{ margin-left:20px;}