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

/* TEXT ---------- */
body {color: #231f20; font: 12px/18px Tahoma, Helvetica, sans-serif; text-align:left;}
p {padding: 0px 0 12px 0;}

/* HEADERS ---------- */
h1{padding:40px 0 5px 0px; background-repeat: no-repeat; background-position: bottom left; height: 50px; overflow: hidden; text-indent: -999em;}
h2{color: #51672a; margin: 0 0 12px 0; font-size:14px;}
h3{color: #b54d3b; font-size:12px; margin: 0;}

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

/* LINKS ---------- */
a {color: #b54d3b; text-decoration: underline}
a:hover {color: #b54d3b; text-decoration: none; font-weight:normal;}
#logo a {position:absolute; top:13px; left:0; width: 242px; height: 121px; display: block; background: url(../images/logo.gif) no-repeat; margin: 0 0 0 33px; padding: 0;}
.text-nav a {color: #51672a; text-decoration: none;}
#address a{color:#ffe399; text-decoration:none;}
#address a:visited{color:#ffe399; text-decoration:none;}
#address a:hover{color:#ffe399; text-decoration:underline;}
#address-home a{color:#ffe399; text-decoration:none;}
#address-home a:visited{color:#ffe399; text-decoration:none;}
#address-home a:hover{color:#ffe399; text-decoration:underline;}
.text-nav a:visited {color: #51672a; text-decoration: none;}
.text-nav a:hover {color: #51672a; text-decoration: underline;}
.sesame a {color:#51672a;}

/* nav ---------- */
* #nav{position:absolute; top:221px; left:0; padding:0; width:181px; display:block; z-index: 100; margin: 0 0 0 51px}
#nav a {display: block; height: 30px; overflow: hidden; text-indent: -999px; width: 181px;}
#nav ul{padding:0;}
* #our-office {background: url(../images/office.gif) 0 0;}
* #for-new-patients {background: url(../images/patients.gif) 0 0;}
* #about-orthodontics {background: url(../images/ortho.gif) 0 0;}
* #about-braces {background: url(../images/braces.gif) 0 0;}
* #treatment-options {background: url(../images/treatment.gif) 0 0;}
* #emergency-care {background: url(../images/emergency.gif) 0 0;}
* #contact-us {background: url(../images/contact.gif) 0 0;}
* #home {background: url(../images/home.gif) 0 0;}
#nav ul li:hover a, #nav a:hover, #nav .active {background-position: -181px 0}
#nav li.active a, #nav-with-sub li.active a {background-position: -181px 0;}

/* DROP-DOWN-NAVIGATION ----------------*/
#nav li {display: inline; z-index:100; margin:0; padding:0;}
#nav li ul {margin: -30px 0 0 181px; padding: 0; width: 180px; position: absolute; background: #c3b873; left: -999em;	line-height: 31px; font-size: 12px; height: auto; border: 1px solid #b54d3b;}	
#nav li ul a {padding:0; width: 180px; color: #622529; text-indent: 10px; 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: #ffe399; background: #b54d3b;}

/* SUBNAV ----------------*/
.sub_nav a{color: #56422a; text-decoration: underline;}
.sub_nav a:visited {text-decoration: underline;}
.sub_nav a:hover, .sub_nav a.active {font-weight:normal; text-decoration:none;}

/* LAYOUT ---------- */
* .clear{clear:both;}
* .hide {display:none;}
.flash-replaced .alt {display: none;}
div.hr { background: #3c362e; clear: both; height: 1px; margin: 20px 0; width: 100%; }
div.hr hr { display: none; }
* #main {background: url(../images/main-tile.gif) repeat-y 0 0; width: 841px; margin: 0 auto; padding: 0 15px 0 0; position: relative;}
* #top{background: url(../images/top-bg.jpg) no-repeat 0 0; min-height: 622px; _height: 622px; display: block; width:825px; }
* #patient-web-access a{display: block; width: 177px; height:36px; background: url(../images/patient-web-access.png) no-repeat 0 0; position: absolute; top: 0px; left: 0; margin: 0 0 0 584px}
/*--------IE 6 hack --------------*/
*html #patient-web-access a{display: block; width: 177px; height:36px; background: url(../images/patient-web-access.gif) no-repeat 0 0; position: absolute; top: 0px; left: 0; margin: 0 0 0 584px}
* #phone-number{display: block; width: 200px; height:17px; background: url(../images/phone-number.png) no-repeat 0 0; position: absolute; top: 53px; left: 0; margin: 0 0 0 560px}
/*--------IE 6 hack --------------*/
*html #phone-number{display: block; width: 200px; height:17px; background: url(../images/phone-number.gif) no-repeat 0 0; position: absolute; top: 53px; left: 0; margin: 0 0 0 560px}
* #embrace-your-smile{display: block; width: 335px; height:52px; background: url(../images/embrace-your-smile.gif) no-repeat 0 0; position: absolute; top: 88px; left: 0; margin: 0 0 0 439px}
* #spotlight{padding: 73px 0 0 290px; width: 458px; height: 262px; display: block;}
* #address{position: absolute; top:503px; left: 52px;font-size: 11px;padding: 28px 0 0 21px; line-height:14px; color:#ffe399; text-align:right; height:55px; width:155px;}
* #address-home{position: absolute; top:455px; left: 52px;font-size: 11px;padding: 28px 0 0 21px; line-height:14px; color:#ffe399; text-align:right; height:55px; width:155px;}
*html .invisalign-home{padding-bottom:0; margin-bottom: -10px;}
* #content{background: url(../images/content-bg.gif) no-repeat bottom left; width:490px; padding: 0 60px 55px 275px; min-height: 257px; _height: 257px;}
* #patient-forms{float: right;border:1px solid #51672a; width: 200px; margin: 0 0 10px 10px; background:#c3b873; padding: 10px;}
* #footer {color: #51672a; padding: 30px 0 0 0; text-align: center; width:563px; margin: 0 auto; 	padding:25px 0 30px 180px; line-height: 14px;}
#footer p{padding:0 0px 8px 0; line-height:14px; font-size:11px;}
* .sesame {font-size:10px;}

/* Shortcuts ----------*/
/* Image Replacement -- add class="replace" to root element, i.e.  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 #51672a; margin-left:10px; margin-bottom:10px;}
* .left {float:left; border: 1px solid #51672a; margin-right:10px; margin-bottom:10px;}

/* 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; padding:0;}
ul#sesame-games li {clear: both; text-indent:0;}
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;}
ul#sesame-games p {padding:0 10px 10px 0;}
	
/* LOCATION ---------- */
iframe {border: 1px solid #51672a; margin-bottom:20px;}
	
/* MEDIA CENTER ---------- */
h2.media-center {background:#000033; color:#FFF; margin:0; padding:5px;}
div.media-center {background:#336699; color:#FFF; display:inline-block; margin-bottom:10px; overflow:auto; padding:10px;}
div.media-center a {color:#FFF;}
div.media-center img {border:1px solid #FFF;}

/* EDIT.COM ---------- */

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

.NormalText, body, td {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #231F20;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style:normal;
}

.AddressText {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFE399;
	font-weight: normal;
}

.FooterText {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #51672A;
	font-weight: normal;
}

.SubjectHeader {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFE399;
	font-weight: normal;
}

* .PageTitle {
	font-family: Century Gothic, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #A73734;
	font-weight: normal;
	font-style: italic;
}

#top{position:relative;}
#social-icons {top:650px; left:70px; display:block; position:absolute; width:200px;}
#social-icons a {float:left; display:block;margin-right:10px}
#social-icons img {width:28px; height:28px; }


#wp-sidebar {
    left: 60px;
    padding: 0;
    position: absolute;
    top: 700px;
    width: 160px;
}