/* 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;}

/* 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}