/* HTML, BODY ---------- */
body {margin: 0 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; line-height:20px; background:#00535e;}
#footer a {color:#FFF; text-decoration:none; padding-right:10px;}
#footer a:hover {text-decoration:underline;}
#col2 a {color:#FFF;}
#col2 a:hover {text-decoration:none;}

/* LAYOUT ---------- */
#content {width:100%; background:#FFF; padding-bottom:20px;}
#wrapbg {background:url(images/content-sub-tile.jpg) repeat-y; width:780px; margin:0 auto; overflow:auto;}
#wrap {width:780px; margin:0 auto; background:url(images/content-bg.jpg) no-repeat; overflow:auto;}
#wrapsub {width:780px; margin:0 auto; background:url(images/content-bg-sub.jpg) no-repeat; overflow:auto; }
#col1 {width:232px; float:left; padding:0 0 0 0;}
#col2 {width:518px; float:left; padding:104px 15px 20px 15px;}
#footerbg {background:url(images/footer-bg.jpg) repeat-x #00535e; width:100%; overflow:auto;}
#footer {width:780px; margin:0 auto; color:#00bce4; font-size:11px; text-align:center; padding:30px 0 0 0;}

/* HEADERS ---------- */
#col2 h2 {text-align:center; font-size:11px; color:#FFF;}
#footer h2 {font-size:11px; font-weight:normal;}
h1 {background-repeat: no-repeat; height: 88px; width:247px; margin: 0; text-indent: -999em; padding:0;}
#col2 h3 {	color:#753f00;	font-size:13px;	line-height:13px;	margin:0;	padding:0;	text-transform: uppercase;}

/* CLASSES ---------- */
.img {padding:0 0 10px 10px;}
.right {float:right;}
#col2 .top {color:#00535e; font-size:11px; font-weight:bold; text-transform: uppercase; }
#col2 .top a:hover {text-decoration:none;}

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


/* LOGO NAVIGATION ---------- */
ul#logo { list-style: none; padding: 0; margin:0; width:232px;}

/*  Sets styles for all links that are inside the ul id="nav" */
#logo a {display: block; height: 211px; width:232px; overflow: hidden; text-indent:-999em;}

/* Set the image for each nav item */
#logolink {background: url(images/spacer.gif);}

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



/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none;padding: 0; margin: 95px 0 0 26px; width:169px;}

/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block; overflow: hidden; text-indent:-999em; height:22px;}

/* Set the image for each nav item */
#patientlogin {background: url(images/nav-patient-login.gif); }
#doctorlogin {background: url(images/nav-doctor-login.gif); }
#aboutouroffice {background: url(images/nav-about-our-office.gif); }
#fornewpatients {background: url(images/nav-for-new-patients.gif); }
#ourresults {background: url(images/nav-our-results.gif); }
#careforyoursmile {background: url(images/nav-care-for-your-smile.gif); }
#cosmeticdentistry {background: url(images/nav-cosmetic-dentistry.gif); }
#prevention {background: url(images/nav-prevention.gif); }
#restoration {background: url(images/nav-restoration.gif); }
#restoreyoursmile {background: url(images/nav-restore-your-smile.gif); }
#improveyoursmile {background: url(images/nav-improve-your-smile.gif); }
#helpfullinks {background: url(images/nav-helpful-links.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, #nav li:hover, #nav li.sfhover, 
#nav li:hover #aboutouroffice, #nav li.sfhover #aboutouroffice, 
#nav li:hover #patientlogin, #nav li.sfhover #patientlogin,
#nav li:hover #doctorlogin, #nav li.sfhover #doctorlogin, 
#nav li:hover #fornewpatients, #nav li.sfhover #fornewpatients, 
#nav li:hover #ourresults, #nav li.sfhover #ourresults, 
#nav li:hover #cosmeticdentistry, #nav li.sfhover #cosmeticdentistry, 
#nav li:hover #restoration, #nav li.sfhover #restoration, 
#nav li:hover #prevention, #nav li.sfhover #prevention, 
#nav li:hover #contactus, #nav li.sfhover #contactus, 
#nav li:hover #careforyoursmile, #nav li.sfhover #careforyoursmile, 
#nav li:hover #restoreyoursmile, #nav li.sfhover #restoreyoursmile, 
#nav li:hover #helpfullinks, #nav li.sfhover #helpfullinks,
#nav li:hover #home, #nav li.sfhover #home {background-position:-169px 0;}

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

/* pop-up code */
#nav, #nav ul {list-style: none; margin: 0;  }
#nav li {display: inline; }
#nav li ul {background: #00535e; left: -999em; padding: 0; position: absolute; z-index: 1;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -25px 0 0 150px; color:#FFF;}
#nav ul li a {height:20px; padding-left: 10px;  text-decoration: none; width: 155px; text-indent:0; color:#FFF; font-size:11px; font-weight:bold;}
#nav ul li a:hover {color:#00bce4;}