/* CSS Document */



/* HTML, BODY ---------- */

body {background:url(images/tile.jpg) no-repeat #fce9a2; margin:0 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; color:#8b6427; letter-spacing:.25pt;}

#footer a {color:#4c452b;}

#footer a:hover {color:#fce91s;}

#footer p {margin:0; padding:0;}

a {color:#8b6427;}

a:hover {text-decoration:none;}

.clear {clear: both;}

.page-clear {float: left; width: 500px; height: 1px;}

/* LAYOUT ---------- */

#wrap {width:780px; margin:0 auto; background:url(images/edgetile.jpg) repeat-y; overflow:auto;}

#bodybackground {background:url(images/content-tile.jpg); width:766px; overflow:auto; margin:0 auto;}

#main {width:766px; background:url(images/banner-bg.jpg) no-repeat; overflow:auto; margin:0 auto;}

#mainsub {width:766px; background:url(images/banner-sub-bg.jpg) no-repeat; overflow:auto; margin:0 auto;}

#column1 {width:220px; float:left; }

#navgreen {width:195px; margin:170px 3px 20px 4px; padding:4px; background:#b49f50; border:1px solid #3b361e;}

#greenbox {margin:10px; padding:4px; background:#b49f50; border:1px solid #3b361e; float:right;}

#yellowbox {padding:4px; background:#fce9a2; border:1px solid #3b361e;}

#address {width:156px; margin:0 auto; line-height:18px;color:#ecdfad; padding-bottom:36px;}

#column2 {width:530px; float:left;  padding-bottom:20px;}

#subnav {width:493px; border:#984e36 solid 5px; background:#f5dd88; padding:5px; }

#footer {width:730px; background:url(images/footer-bg.jpg) repeat-x #e2bda0; border-top: 1px solid #2d2911; border-bottom: 1px solid #2d2911; padding: 6px 18px 10px 18px; line-height:15px; color:#4c452b; text-align:center; clear:both;}

#content {padding:30px 10px 20px 10px;}



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

h1 {background-repeat: no-repeat; height: 56px;width:441px; margin: 178px 0 10px 0; text-indent: -999em; padding:0;}

#address h2 {color:#726027; font-size:12px; margin:32px 0 36px 0;}

#column2 h2 {color:#4c452b; font-size:12px; margin:0;}

#footer h2 {color:#fce9a2; font-size:11px; margin:0; padding:0;}

h4 {font-size:14px; color:984e36; margin:0; padding:0;}

#content h4 {padding:10px 0; color:#984e36;}





/* CLASSES ---------- */

#footer .sesame {color:#FFF;}

#column2 .top {font-size:10px; font-weight:bold; color:#984e36;}

.img {padding:10px;}

.right {float:right;}

.border {border:1px solid #3b361e;}



/* NAVIGATION ---------- */



/* LOGO NAVIGATION ---------- */

ul#logo { list-style: none; padding: 0; margin:0; width:755px;}



/*  Sets styles for all links that are inside the ul id="nav" */

#logo a {display: block; height: 109px; width:755px; overflow: hidden; text-indent:-999em;}



/* Set the image for each nav item */

#logolink {background: url(images/spacer.gif);}



/* Shift the image position up to show the active state */

#logo a:hover, #logo .active {background-position: -193px 0;}



/* Set the cursor to default arrow so link does not appear clickable */

#logo .active {cursor: default}



/* MAIN NAVIGATION ---------- */

ul#nav { list-style: none; padding: 0; margin:0; border:1px solid #3b361e; width:193px;}



/*  Sets styles for all links that are inside the ul id="nav" */

#nav a {display: block; height: 33px; width:193px; overflow: hidden; text-indent:-999em;}



/* Set the image for each nav item */

#ouroffice {background: url(images/nav-our-office.gif);}

#fornewpatients {background: url(images/nav-for-new-patients.gif);}

#improveyoursmile {background: url(images/nav-improve-your-smile.gif);}

#createyoursmile {background: url(images/nav-create-your-smile.gif);}

#contactus {background: url(images/nav-contact-us.gif);}

#home {background: url(images/nav-home.gif);}



/* Shift the image position up to show the active state */

#nav a:hover, #nav .active {background-position: -193px 0;}



/* Set the cursor to default arrow so link does not appear clickable */

#nav .active {cursor: default}





/* SUB NAVIGATION ---------- */

div#sub {width: 493px; margin:0 0 0 0; overflow:auto;}



* html div#sub {margin-right: 0px;}



/* for IE6*/

div#sub ul {list-style: none; width:493px; margin:0; padding:0;}



/*  Sets styles for all links that are inside the ul id="nav" */

#sub a { color:#968233; font-size:12px; font-weight:bold;}

#sub a:hover {text-decoration:none;}

#sub li {display: inline; white-space: nowrap; }



/* Shift the image position up to show the active state */

#sub a:hover, #sub .active {text-decoration:none;}



/* Set the cursor to default arrow so link does not appear clickable */

#sub .active {cursor: default}