@charset "utf-8";



/* CSS Document */







/* HTML BODY */



body {



	background-image: url(images/bg.jpg);



	background-repeat: repeat-x;



	background-position: top center;



	background-color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#605144; line-height:13px; margin:0; letter-spacing:.25pt;}



	



/* LAYOUT */







#wrap {width:750px; border:1px solid #301d0e; background-color:#FFF;  margin:0 auto; overflow:auto;}



#background {width: 750px; background: url(images/tagline.gif) no-repeat right bottom; overflow:auto;}



#column1 {background: url(images/nav-middle.jpg) no-repeat 0 27px; width:515px; float:left;}



#column2 {width:235px; float:left;}



#address {margin:74px 0 273px 2px; width:202px; border-top: #605144 dotted 1px; border-bottom: #605144 dotted 1px; color:#3c2c17; font-size:12px; text-align:right; padding: 40px 0 40px 0;}



#content {width:475px; padding:20px 20px 20px 20px;}



#contentsub {width:475px; padding:20px 20px 20px 20px; font-size:12px; line-height:15px; }



#footer {width:750px; margin:0 auto; padding:28px 0 10px 0; color:#b5c963; font-size:10px; text-align:center; font-weight:bold;}



#footer a {color:#b5c963;}



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



#footer .sesame {color:#060401; }



#contentsub .top {color:#b5c963; font-weight:bold; font-size:10px; }



#contentsub li a, a {color:#605144;}



#contentsub li a:hover, a {color:#b5c963;}



#contentsub li {color:#605144;}







/* HEADINGS */



h2 {font-size:11px; color:#6c7d26;}



h3 {font-size:13px; color:#6c7d26;}



h1 {background-repeat: no-repeat; height: 53px; margin: 30px 0 0 -35px; text-indent: -999em; padding:0;}







/* CLASSES */



.img { margin:10px 10px 10px 10px;}



.right {float:right}



.left {float:left}







/* TOP NAV ITEMS ---------- */







ul#topnav {height: 27px;list-style: none;padding: 0;margin: 0; background:url(images/nav-bg.jpg) no-repeat; overflow:auto;}







/*  Makes the list items sit next to each other */



#topnav li {float: left;}







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



#topnav a {display: block;height: 27px; overflow: hidden; text-indent:-999em;}







/* Set the image for each nav item */



#home {background: url(images/nav-home.jpg);width:71px;}



#patientlogin {background: url(images/nav-patient-login.jpg);width:135px;}



#contactus {background: url(images/nav-contact-us.jpg);width:135px;}







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



#topnav a:hover, #topnav .active {background-position: 0 -27px;}







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



#topnav .active {cursor: default}







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











ul#mainnav {list-style: none; padding: 53px 0 0 0;margin: 0;}







/*  Makes the list items sit next to each other */



#mainnav li {float: left;}







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



#mainnav a {display: block;height: 22px; overflow: hidden; text-indent:-999em; text-decoration: none}







/* Set the image for each nav item */



#ouroffice {background: url(images/nav-our-office.jpg);width:105px;}



#regularcheckups {background: url(images/nav-regular-checkups.jpg);width:153px;}



#teeth101 {background: url(images/nav-teeth-101.jpg);width:78px;}



#improveyoursmile {background: url(images/nav-improve-your-smile.jpg);width:179px;}







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



#mainnav a:hover, #mainnav li:hover #ouroffice, #mainnav li.sfhover #ouroffice, #mainnav li:hover #regularcheckups, #mainnav li.sfhover #regularcheckups, #mainnav li:hover #teeth101, #mainnav li.sfhover #teeth101, #mainnav li:hover #improveyoursmile, #mainnav li.sfhover #improveyoursmile, #mainnav .active {background-position: 0 -22px;}







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



#mainnav .active {cursor: default}







#mainnav, #mainnav ul {list-style: none; margin: 0; padding: 0}



#mainnav li ul li {float:none; text-align:left;}



#mainnav li ul {background: #b5ca63; left: -9999px; position: absolute}



#mainnav li:hover ul, #mainnav li.sfhover ul {left: auto; margin-top: -1px}



#mainnav ul li a {color: #fff; height: 17px; padding: 3px 0 3px 10px; width: 152px; text-indent:0; font-size:11px; font-weight:bold; line-height:17px;}



#mainnav ul li a:hover {background: #e0e5bc; text-decoration: none; color:#b5ca63;}