@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:1000px; height:auto !important; height:1000px;}
* #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:225px; position:absolute; top:498px; margin-left:20px; z-index:8; padding-bottom:10px; }


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

h1 { margin: 0 0 15px; padding:0; color: #7F0023; font-family: Times New Roman,Times,serif; }
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; border:solid #a2b66e 3px;}
* .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 0 0 50px; margin:0; width:940px; 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:2px;}
* .fornewpatients {background: url(../images/nav-for-new-patients.jpg); width:146px;margin-right:2px;}
* .aboutorthodontics {background: url(../images/nav-about-orthodontics.jpg); width:166px;margin-right:2px;}
* .aboutbraces {background: url(../images/nav-about-braces.jpg); width:122px;margin-right:2px;}
* .testimonials {background: url(../images/nav-testimonials.jpg); width:122px;margin-right:2px;}
* .invisalign-main {background: url(../images/nav-invisalign.jpg); width:102px;margin-right:2px;}
* .contactus {background: url(../images/nav-contact-us.jpg); width:106px;margin-right:2px;}
* .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 .invisalign-main, #nav li.sfhover .invisalign-main, 
#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;  }
#nav li ul li {float:none; border:none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow:none}
#nav ul li a {  text-decoration: none; width: 200px; text-indent:0; color: #ffffff; display: block; height: 30px; line-height: 30px; font-size:17px; padding:3px 10px;  font-weight:bold; 

background:#94a64e; filter:alpha(opacity=88);	-moz-opacity:0.88;	-khtml-opacity: 0.88;	opacity: 0.88;}
#nav ul li a:hover {background:#603442; }







/* 3rd flyout */

ul#nav li:hover ul ul, ul#nav li.sfhover ul ul {left: -999em;
 }
ul#nav li li:hover ul,  ul#nav li li.sfhover ul {
width:240px;
border:1px #603442 solid;
position: absolute;
    left: 205px;
	top:108px;
}
#nav ul li li a {  text-decoration: none; width: 220px; text-indent:0; color: #ffffff; display: block; height: 30px; line-height: 30px; font-size:17px; padding:3px 10px;  font-weight:bold; 

background:#94a64e; filter:alpha(opacity=88);	-moz-opacity:0.88;	-khtml-opacity: 0.88;	opacity: 0.88;}

/* 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; width:600px; margin-left:
auto; margin-right:auto;}
#footernav li {padding:0; margin-bottom:5px; display:inline; white-space:nowrap;}
#footernav li a {border-right:1px solid #A2B66E;padding:0 4px 0 1px;background:none; text-decoration:underline; color:#A2B66E; 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; }

#slideshow-container ul.slideshow {
  list-style: none; 
  width: 527px; 
  height: 352px;
  margin: 0; 
  padding: 0;
  overflow: hidden;
}
#slideshow-container {
/*************************************************************************************/
  background: #8faf40; /* MAIN COLOR TO CUSTOMIZE */
/*************************************************************************************/
  border: solid 1px #a4b186; /* Customize me */
  border-radius: 5px; /* Optional - you may customize or remove */
  -moz-border-radius: 5px; /* Optional - you may customize or remove */
  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
  width: 527px; 
  padding: 10px;
  line-height: 18px;
}
#slideshow-container div#caption {
  min-height: 18px;
  clear: both;
  background-color: #fff; /* Customize me */
  color: #333; /* Customize me */
  padding: 10px;
  margin: 10px 0 0 0;
  border: solid 1px #a4b186; /* Customize me */
  border-radius: 0 0 5px 5px; /* Optional - you may customize or remove */
  -moz-border-radius: 0 0 5px 5px; /* Optional - you may customize or remove */
  -webkit-border-bottom-left-radius: 5px; /* Optional - you may customize or remove */
  -webkit-border-bottom-right-radius: 5px; /* Optional - you may customize or remove */
}
#slideshow-container ul.slideshow img {
  width: 525px; 
  height: 350px;
  margin: 0;
  border: solid 1px #a4b186; /* Customize me */
}
.office-tour-nav {
  background-color: #fff; /* Customize me */
  margin: 0 0 10px 0;
  padding: 5px 3px;
  border: solid 1px #a4b186; /* Customize me */
  border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
  -moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
  -webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove */
  -webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove */
}
.office-tour-nav a {
  text-decoration: none; 
  font-size: 12px; 
  padding: 5px; 
  margin: 0 3px; 
  color: #333;
  font-weight:bold;
}
.office-tour-nav a.activeSlide, .office-tour-nav a:hover {color: #a4b186;}
#caption {display:none;}

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

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

.left-image-facebook { margin-left:10px; margin-top: 5px;}

#invisalign-btn, #itero-btn {
    margin-top:15px;
}

#contest-btn {
    margin-bottom:15px;
}

.video-container {
  float: right;
  margin: 0 0 20px 20px;
  border: solid 5px #000;
}