@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:url(../images/tile.jpg) repeat-x #743942; font-family: tahoma, serif, Arial; font-size:13px; line-height:20px; color:#274c45;}
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:#274c45; }
a:hover {text-decoration:none;}
a img {border-style:none;}
p.breadcrumbs, .breadcrumbs a {font-size:12px; font-weight:bold; color:#524238; clear:both; padding-top:30px;}


/* LAYOUT ---------- */
* #wrap {width:990px;  margin:0 auto; position:relative;}
* .wraptilehome {background:url(../images/tile-body.jpg) repeat-y;}
* .wraptilesub {background:url(../images/tile-body-sub.jpg) repeat-y;}
* #body {width:990px;  min-height:1026px; height:auto !important; height:876px;}
* .bgbodyhome {background:url(../images/bg-body-home.jpg) no-repeat;}
* .bgbodysub {background:url(../images/bg-body-sub.jpg) no-repeat;}
* #address {width:426px; padding-left:26px; padding-top:50px; color:#fafad1; font-size:12px; }
* #content {clear:both; width:597px;  margin-left:303px; padding-bottom:20px; padding-top:27px;}
* .margin-home {margin-top:87px;}
* .margin-sub {margin-top:298px;}
* #footer {clear:both; background:url(../images/bg-footer.jpg) no-repeat; width:584px; margin:0 auto; padding:20px 103px 40px 303px; line-height:17px; font-size:12px; min-height:194px; height:auto !important; height:194px;}


/* BANNERS ---------- */
* #callout-invisalign {position:absolute; z-index:5; top:760px; left:36px; }
* #callout-inovation {position:absolute; z-index:6; top:496px; margin-left:36px; }
* #callout-consultation {position:absolute; z-index:4; top:627px; margin-left:36px; }
* #callout-blog {position:absolute; z-index:2; top:430px; margin-left:37px; }
* #callout-youtube-aao {position:absolute; z-index:7; top:870px; margin-left:36px; }
* #callout-smile-gallery {position:absolute; z-index:3; top:485px; left:36px; }

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

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

h1#capitola { background:url(../images/title/capitola.jpg)}
h1#soquel { background:url(../images/title/soquel.jpg)}
h1#scotts-valley { background:url(../images/title/scotts-valley.jpg)}
h1#aptos { background:url(../images/title/aptos.jpg)}
h1#watsonville { background:url(../images/title/watsonville.jpg)}
h1#felton { background:url(../images/title/felton.jpg)}
h1#boulder-creek { background:url(../images/title/boulder-creek.jpg)}
h1#youtube-aao { background:url(../images/title/youtube-aao.jpg)}

h1#home { margin-top:-24px; width:597px; display:block; height:50px; z-index:1000}
h1#logo {clear:both;
margin: 95px 0 39px 491px;
padding: 0;
background-repeat: no-repeat; 
width: 483px;/* this width reflects the width of the logo image */
height: 133px; /* 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: 133px;/*same height as logo h1*/ 
width: 483px;/*same width as logo h1*/}

#content h2 {color:#274c45; font-size:15px;  }
#content h4 {color:#274c45; font-size:13px; font-weight:normal; font-style:italic;}
#content h3 {color:#524238; font-size:14px;}
#footer h2 {color:#f2e9e0; font-size:12px; }


/* CLASSES ---------- */
#footer .sesame {color:#e5ad14; font-size:12px; font-weight:bold;}
* .img {margin-left:36px; position:absolute; top:436px; z-index:4;}
* .right {float:right;}
* .left {float:left;}
* .imgleft {float:left; margin:0 20px 10px 0;}
* .imgright {float:right; margin:0 0 10px 10px;}
* .hide {display:none;}
* .flashhome {width:961px; height:276px;  margin:2px 0 63px 15px; clear:both;}
* .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:4px solid #e4ab0f;}
* .slideshow {margin: 0; padding: 0; list-style: none; overflow: hidden; background:#c2af9e}
#office-tour span {padding: 5px 0; }
.cf { color:#fff}
.cf a {background:none; text-decoration:underline; color:#87bab0; font-size:12px; margin:0; padding:0; width:auto; white-space:nowrap;}
.cf a:hover {text-decoration:none;}
/* NAVIGATION ---------- */


/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0; margin:0 0 0 15px; width:961px; position:absolute; z-index:31; }
* .topmarginhome {top:385px;}
* .topmarginsub {top:315px;}

#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:44px;}

/* Set the image for each nav item */
* .fornewpatients {background: url(../images/nav-for-new-patients.jpg); width:173px;}
* .aboutorthodontics {background: url(../images/nav-about-orthodontics.jpg); width:215px;}
* .home {background: url(../images/nav-home.jpg); width:89px;}
* .aboutbraces {background: url(../images/nav-about-braces.jpg); width:154px;}
* .treatmentoptions {background: url(../images/nav-treatment-options.jpg); width:199px;}
* .contactus {background: url(../images/nav-contact-us.jpg); width:131px;}

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

/* 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: #743942; left: -999em; padding: 3px 0; position: absolute; z-index: 1;  }
#nav li ul li {float:none;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -22px 0 0 20px; color:#FFF; }
#nav ul li a {height:auto; margin: 0; text-decoration: none; width: 180px; text-indent:0; color:#FFF; font-size:13px; padding:1px 10px 1px 10px; }
#nav ul li a:hover {color:#FFF; background:#e4ab0f;}

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

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

/* Set the image for each nav item */
* .patientlogin {background: url(../images/nav-patient-login.jpg); width:176px;}
* .doctorlogin {background: url(../images/nav-doctor-login.jpg); width:181px;}

/* Shift the image position up to show the active state */
#logins a:hover, #logins .active, #logins li:hover, #logins li.sfhover, 
#logins li:hover .patientlogin, #logins li.sfhover .patientlogin, 
#logins li:hover .doctorlogin, #logins li.sfhover .doctorlogin {background-position:0px -47px;}


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

/* FOOTER NAV */
ul#footernav {list-style:none; padding:0; margin:0;}
ul#footernav li ul {display:none; margin:0; padding:0;}
#footernav li a {background:none; text-decoration:underline; color:#87bab0; font-size:12px; margin:0; padding:0; width:auto; white-space:nowrap;}
#footernav li a:hover {text-decoration:none;}
#footernav li {line-height:17px; height:auto; padding:0 16px 0 0; float:left; margin:0; }



/* The Game Room */
div#sesame-game {background: #000; line-height: 0; margin: 10px auto 30px auto; text-align: center; width: 400px}
ul#sesame-games {list-style: none; margin: 0 18px 0 0; padding: 0}
ul#sesame-games li {clear: both; display: block}
ul#sesame-games img {border: 0; float: right; margin: 0 0 10px 10px}
ul#sesame-games a.button {float:right; height:85px; width:200px}
ul#sesame-games p { padding-bottom: 1em}

* .left {
float:left;
margin:0 10px 10px 0;}
img.right {
float:right;
margin:0 0 10px 10px;}
* .clear {
clear:both;}
h2.media-center {
background:#000033;
color:#FFF;
margin:0;
padding:5px;}
div.media-center {
background:#336699;
color:#FFF;
margin-bottom:10px;
padding:10px;}
div.media-center a {
color:#FFF;}
div.media-center img {
border:1px solid #FFF;}
* .flash {
border: solid 1px #ccc;}
* #flash-in-ovation {
width: 320px;
height: 266px;}

/* edit.com */

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

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

.SubHeader {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #524238;
	font-weight: bold;
}

.SubjectHeader {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #274C45;
	font-weight: bold;
}

* .PageTitle {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #7A3846;
	font-weight: bold;
}