/* HTML, BODY ---------- */
html {height: 100%;}
body {background: #f2e3b0 url(../images/tile.jpg) repeat-x 0 0; margin: 0;}
* {margin:0; padding:0;}

/* TEXT ---------- */
body {color: #603913; font: 13px/26px Helvetica, Tahoma, sans-serif; text-align:left;}
p {padding: 0px 0 15px 0px;}

/* HEADERS ---------- */
/* jcIR Styles --------- */
.home h1{padding-bottom: 15px; height: 106px;}
h1{overflow: hidden; text-indent: -999em; background-repeat: no-repeat; height: 40px;}
h2{padding: 0 0 10px 0; font-size: 17px;}
h3{color: #3f4d1a; padding: 0; font-size: 14px; font-weight:bold;}
#event-title {color:#013f18; font-size:28px; font-weight:bold; padding-top:15px; padding-bottom:10px;}


/* LISTS ---------- */
ol, ul {padding:0 0 10px 20px;}

/* LINKS ---------- */
a {color: #3f4d1a; text-decoration: underline;}
a:visited{color: #3f4d1a; text-decoration: underline;}
a:hover {color: #3f4d1a; text-decoration: none;}
#logo {position:absolute; top:44px; left:37px; width: 317px; height: 162px; display: block; background: url(../images/logo.gif) no-repeat;}
#logo a {display: block; width: 317px; height: 162px;}
#social-media {position:absolute; top:576px; left:25px; width: 207px; height: 50px; display: block;}
#consultation-btn {position:absolute; top:636px; left:25px; width: 207px; height: 139px; display: block; background: url(../images/consultation-btn.png) no-repeat 0 0;}
#consultation-btn a {display: block; width: 207px; height: 139px;}
#mission-statement {position:absolute; top:775px; left:25px; width: 207px; height: 267px; display: block; background: url(../images/mission-statement.png) no-repeat 0 0;}
#office-address a{color: #3f4d1a; text-decoration:none;}
#office-address a:visited{color: #3f4d1a; text-decoration:none;}
#office-address a:hover{color: #3f4d1a; text-decoration:underline;}
#text a{font-style: italic;}
#text .sub_nav a{font-style:normal;}
.sesame a {color:#fff; font-size: 14px;}

/* TOP LINKS - LOGIN LINKS ---------- */
#top-links {width: 361; position: absolute; top: 135px; left: 536px; z-index: 100;}
#top-links ul {list-style: none; padding: 0;}
#top-links li {float: left; display:inline; margin-right: 1px;}
#top-links a {height: 33px; display: block; overflow: hidden; text-indent: -999em;}
#patient-login {background: url(../images/nav/patient-login.gif) 0 0; width:180px;}
#doctor-login {background: url(../images/nav/doctor-login.gif) 0 0; width:180px;}
#top-links ul li:hover a, #top-links li.sfhover a,#top-links a:hover, #top-links .active {background-position: 0 -33px;}
#top-links li.active a{background-position: 0 -33px;}

/* nav ---------- */
#nav{position:absolute; top:281px; left:15px; padding:0; width:219; display:block; z-index: 100;}
#nav a {display: block; height: 36px; overflow: hidden; text-indent: -999px; width: 219px;}
#nav ul{padding:0;}
#about-our-office {background: url(../images/nav/office.png) 0 0;}
#smile-gallery {background: url(../images/nav/gallery.png) 0 0;}
#about-orthodontics {background: url(../images/nav/ortho.png) 0 0;}
#about-braces {background: url(../images/nav/braces.png) 0 0;}
#contact-us {background: url(../images/nav/contact.png) 0 0;}
#fun-stuff {background: url(../images/nav/fun.png) 0 0;}
#home {background: url(../images/nav/home.png) 0 0;}
#nav ul li:hover a, #nav li.sfhover a,#nav a:hover, #nav .active {background-position: -219px 0;}
#nav li.active a {background-position: -219px 0;}

/* DROP-DOWN-NAVIGATION ----------------*/
#nav li {display: inline; z-index:100; margin:0; padding:0;}
#nav li ul { /* second-level lists */border: 1px solid #fff; margin: -36px 0 0 200px;padding:0;width: 160px; position: absolute; background: #c2a23c; left: -999em; line-height: 30px; font-size: 13px;	height: auto;}
#nav li ul a {list-style-image:none; padding: 0 0 0 10px; width: 150px; color: #fff; text-indent: 0; text-decoration: none; height: auto;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;display:block;z-index:100;}
#nav li:hover ul a:hover, #nav li.sfhover ul a:hover {color: #fff; background: #3f4d1a;}

/* SUBNAV ----------------*/
.sub_nav {font-size: 14px;}
.sub_nav a{color: #3f4d1a; text-decoration: underline; }
.sub_nav a:visited {font-style:normal;text-decoration: underline;}
.sub_nav a:hover, .sub_nav a.active {font-style:normal;font-weight:normal; text-decoration:none; }

/* TEXT_NAV - FOOTER NAV ----------------*/
.text_nav {margin-top: 8px;}
.text_nav a {color: #fff; text-decoration: none;}
.text_nav a:visited{color: #fff; text-decoration: none;}
.text_nav a:hover{color: #fff; text-decoration: underline;}	

/* LAYOUT ---------- */
.clear{clear:both;}
.hide {display:none;}
.flash-replaced .alt {display: block; width: 0px; height: 0px; position: absolute; overflow: hidden;}
div.hr { background: #f2e3b0; clear: both; height: 1px; margin: 20px 0; width: 100%; }
div.hr hr { display: none; }
#main {position: relative; width: 912px; margin: 0 auto;}
#header {height: 471px; width: 912px; display:block; background: url(../images/header-bg.png) no-repeat 0 0;}
*html #header{background-image: url(../images/top-bg-ie.jpg);}
#office-address{font-size: 13px;padding: 54px 50px 0 0; line-height:17px; color:#3f4d1a; text-align:right;}
#office-address p{margin: 0; padding: 0;}
#phone-number-img{ width: 227px; height: 25px; margin-top: 10px; color:#003f1b; font-size:20px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-style:italic; position: absolute; top: 88px; left: 635px;}
#mid{background: url(../images/mid-tile.gif) repeat-y 0 0;width: 912px;}
#text{width:575px; padding: 34px 0 0 274px;}
#spotlight{background: url(../images/spotlight-bg.png) no-repeat 0 0; width: 663px; height: 303px;	position:absolute; top:169px; left: 234px;
}
#flash-home{z-index:1;}
#footer {background: #3f4d1a url(../images/footer-tile.gif) repeat-x 0 0; color: #fff; font-size: 13px; line-height:24px;margin: 0 auto; text-align: center; width:100%; min-height:250px; _height:250px;}
.footer-inner{background: url(../images/footer-bg.gif) no-repeat top center; color: #fff; padding: 129px 49px 0 49px; width: 814px; height: 250px; margin: 0 auto;}
.sesame {margin-top: 10px;}
/* Shortcuts ----------*/
/* Image Replacement -- add class="replace" to root element, i.e. <p> and add a bg image*/
.replace {letter-spacing : -1000em;line-height: 0;overflow: hidden;line-height: 0;text-indent: -999em;}
/* Just for Opera, but hide from MacIE */

/*\*/html>body .replace {	letter-spacing : normal;text-indent : -999em;overflow : hidden;}
/* End of hack */

/* RESOURCES ---------- */
dl.logos, dl.logos dt, dl.logos dd {list-style:none;margin:0;padding:0;}
dl.logos {padding:10px;}
dl.logos dd {border-bottom:1px solid #CCC;margin:0;padding:10px 0 5px 0;width:50%;}
dl.logos span {font-size: 16px; font-weight:bold;}

/* IMAGES ---------- */
img {border:none;}

/*right and left floating image with border*/
.right {float:right; border: 1px solid #c6a747; margin-left:10px;margin-bottom:10px;}
.left {float:left; border: 1px solid #c6a747; margin-right:10px; margin-bottom:10px;}
.borderless {border: none;}
img.center {display:block; margin:0 auto 10px auto;}
.place_image { float:right; border: 1px solid #c6a747; margin: 0 0 10px 10px; padding:0; }
iframe {border: 1px solid #c6a747; margin-bottom:20px;}

/* THE GAME ROOM ---------- */
div#sesame-game {line-height: 0; margin: 10px 0px 18px 0px; text-align: center;  width: 400px;background: #000;}
ul#sesame-games {list-style: none;}
ul#sesame-games li {clear: both; text-indent:none;}
ul#sesame-games img {border: 0; float:right;}
ul#sesame-games a.button {float:right; height:85px; width:200px; margin-right:10px; padding: 0 0 10px 10px;}/*THIS IS WHERE YOU MAKE PADDING ADJUSTMENTS TO THE GAMES IMG*/
ul#sesame-games p {	padding:0 10px 10px 0;}
	
/* MEDIA CENTER ---------- */
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;}
#flash-ibraces-1 {width: 320px; height: 266px;}
#flash-ibraces-2, #flash-ibraces-3 {width: 352px; height: 266px;}