/* HTML, BODY ---------- */
html {height: 100%;}
body {background: #754c24 url(../images/gradient.gif) repeat-x 0 0;}
* {margin:0; padding:0;}

/* TEXT ---------- */
body, td {color: #4a2808; font: normal 12px/18px Tahoma, Helvetica, sans-serif; text-align:left;}
p {padding: 0 0 15px 0; }

/* HEADERS ---------- */
h1{padding: 0px 0 10px 0; background-repeat: no-repeat; height: 70px; overflow: hidden; text-indent: -999em;}
h2{padding: 0 0 11px 0; font: bold 12px/18px Tahoma, Helvetica, sans-serif;}
h3{padding: 0; font: bold 12px/18px Tahoma, Helvetica, sans-serif; }
	
/* LISTS ---------- */
ol, ul {padding: 0 0 15px 20px;}

/* LINKS ---------- */
a {color: #255a0b;text-decoration: underline;}
a:visited{color: #4a2808;text-decoration: underline;}
a:hover {text-decoration: none; font-weight:normal;}
a:active{outline:none;}
a:focus{-moz-outline-style:none;}
#logo a {position:absolute; top:44px; left:40px; width: 215px; 	height: 216px; display: block; background: url(../images/logo.jpg) no-repeat 0 0; }
#consultation-btn a{position: absolute; top: 375px; left: 40px; width: 216px; height:112px; display:block; background: url(../images/consultation-btn.gif) no-repeat 0 0;}
#blog-btn a{position: absolute; top: 745px; left: 40px; width: 181px; height:50px; display:block; background: url(../images/blog-btn.gif) no-repeat 0 0;}
#social-icons {width:181px; margin:25px 0 15px -5px; text-align:center; display:block; }
#footer p a {color: #74a62c; font-size: 11px; }
.sesame a{color: #74a62c}
/* NAVIGATION ---------- */
#nav {z-index: 100;}
#nav ul{padding:0; list-style-type: none;}
#nav li {float: left; padding: 0; display: inline;}
#nav a {height: 35px; display: block; overflow: hidden; text-indent: -999em;}
#our-office {background: url(../images/our-office.gif) 0 0; width:115px;}
#about-ortho {background: url(../images/about-ortho.gif) 0 0; width:116px;}
#braces-101 {background: url(../images/braces-101.gif) 0 0; width:110px;}
#treatment-options {background: url(../images/treatment-options.gif) 0 0; width:161px;}
#emergency-care {background: url(../images/emergency-care.gif) 0 0; width:147px;}
#fun-and-games {background: url(../images/fun-and-games.gif) 0 0; width:123px;}
#contact-us {background: url(../images/contact-us.gif) 0 0; width:111px;}
#nav ul li:hover a, #nav a:hover, #nav .active {background-position: 0 -35px;}
#nav li.active a, #nav-with-sub li.active a {background-position: 0 -35px;}

/* Set cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}

/* DROP DOWNS -----------*/
#nav li ul {margin: -2px 0 0 0px; padding: 1px 0 0 0; width: 170px; position: absolute; left: -999em; font-size: 12px; text-align: left; height: auto; border-bottom: 1px solid #4a2808; z-index: 100; line-height:30px;}
/*IE 6 Hack-----*/
*html #nav li ul {margin-top: -2px;}
/*IE 7 Hack-----*/
*+html #nav li ul {margin-top: -2px;}
#nav li ul a {border-top: 1px solid #4a2808; border-right: 1px solid #4a2808; border-left: 1px solid #4a2808; width: 158px; padding: 0 0 0 10px; color: #4a2808; background: #e7eecf; 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: #e7eecf; background: #4a2808;}
	
/* LAYOUT ---------- */
.clear{clear:both;}
hr {clear: both; border: 1px solid #4a2808; margin: 0 0 15px 0;}
#container{padding: 35px 0 0 0; margin: 0 0 0 0; /* the bottom margin is the negative value of the footer's height */
	min-height:100%;height: auto !important; height: 100%;}
#content{background:url(../images/content-bg.gif) repeat-y 0 0; margin: 0 auto 0 auto; width: 883px; padding: 0;}
#main {background: url(../images/mid-bg.gif) no-repeat 0 0; width:883px; margin: 0 auto 0 auto;}
#left{position:absolute; top: 68px; left:50%; margin: 0 0 0 -440px; width: 298px; text-align:center; padding: 240px 0 0 0;}
#patient-login a{position:absolute; top:342px; left:50%; margin-left: 332px; width: 111px; height: 110px; display: block; background: url(../images/patient-login.png) no-repeat; z-index:97;}
	#patient-login .active {cursor: pointer;}
	/*-----IE6 hack -----*/
	*html #patient-login a {cursor: pointer; background: url(../images/patient-login.gif) no-repeat;}
#home-btn a{position:absolute; top:333px; left:50%; margin-left: 270px; width: 81px; height: 81px; display: block;background: url(../images/home.png) no-repeat; text-decoration:none; z-index:98;}
	#home-btn .active {cursor: pointer;}
/*-----IE6 hack-----*/
*html #home-btn a{top: 334px; margin-left: 269px; cursor: pointer;  background: url(../images/home.gif) no-repeat}
.address{font-size: 12px; padding: 122px 0 0 48px; line-height:16px; text-align: left; }
.address p {padding: 0 0 8px 0;}
#text{background: url(../images/text-bottom.gif) no-repeat 100% 100%; width:508px; padding: 35px 35px 0 340px;min-height: 515px;_height: 515px;}
/*IE 6 Hack-----*/
*html #text {padding-top: 0;}
/*IE 7 Hack-----*/
*+html #text {padding-top: 0;}
#flash{z-index:1; padding: 0 0 0 300px; width: 582px; height: 325px;}
.push{height:155px;}
#footer {background: url(../images/footer-gradient.gif) repeat-x 0 0; color: #74a62c; font-size: 11px; width:100%; height:165px;}
#footer-text{position: absolute; background: url(../images/footer-bg.jpg) no-repeat 0 0; width: 937px; height: 120px;	display:block;	left: 50%; margin: 0 0 0 -468px; padding:45px 0 0 0; line-height: 24px; text-align: center; }
/*IE 6 Hack-----*/
*html #footer-text {margin-left: -467px;}
/*Safari Hack -----*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#footer-text {margin-left:-467px;}
}
#footer-text p{padding-top: 5px;}

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

/*right and left floating image with border*/
.right {float:right; border: 1px solid #4a2808; margin: 0 0 10px 10px;}
.left {float:left; border: 1px solid #4a2808; margin: 0 10px 10px 0;}
.place-image {width: 582px; height: 325px;}

/* 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 {margin-bottom: 10px;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;}

/* THE GAME ROOM ---------- */
div#sesame-game {line-height: 0; margin: 10px 0px 0 0px; text-align: center;  width: 400px;}
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;}

/* LOCATION ---------- */
iframe {border: 1px solid #4a2808; margin-bottom:20px;}