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

html {height: 100%; margin-bottom: 1px}

body {background: #DDCC99 url(images/body_bg.gif) no-repeat center top; margin: 0}



/* TEXT ---------- */

body, table, input, textarea {color: #666; font: 13px/16px arial, sans-serif}

textarea {margin-right: 0; width: 90%;}

p {margin: 0 0 16px 0}

td {vertical-align: top}

.flash p {background: #FFFF99; color: #333; font-size: 10px; line-height: 14px; margin: 5px; padding: 5px}



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

h1 {color: #1B314F; font: italic normal 17px georgia, serif; margin: 0}

h2 {color: #1B314F; font-size: 13px; font-weight: bold; margin: 0}

h3, .highlight {font-size: 13px; font-weight: bold; margin: 0}



/* LISTS ---------- */

ol, ul {margin-top: 0}

ul#masthead {float: right; list-style: none; margin: 15px 20px 0 0; padding: 0}

#masthead li {float: left}

ul#nav {float: left; list-style: none; margin: 10px 0; padding: 0}

ul#subnav {margin-bottom: 20px}

.columns {list-style: none; margin: 0 0 16px 0; padding: 0}

.columns li.col2 {margin: -18px 0 0 80px}

ul.social {list-style: none; margin: 10px 0; position:absolute; left:22px; top:400px; float:left; padding:0 }

/* LINKS ---------- */

a {color: #191970; text-decoration: underline}

a:hover {text-decoration: none}

#logo {background: url(images/advanced_dental_concepts.png); display: block; height: 168px; overflow: hidden; text-indent: -999px; position: absolute; right: 20px; top: 55px; width: 172px; z-index: 1}

* html #logo {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/advanced_dental_concepts.png', sizingMethod='image')}

h1 a {color: #1B314F; text-decoration: none}

#footer a {color: #1B314F}



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

#masthead a {display: block; height: 20px; overflow: hidden; text-indent: -999px}

#patient_login {background: url(images/navigation/patient_login.gif); width: 113px}

#contact_us {background: url(images/navigation/contact_us.gif); width: 85px}

#home {background: url(images/navigation/home.gif); width: 48px}

#masthead a:hover, #masthead .active {background-position: 0 -20px}



#nav a {display: block; height: 30px; overflow: hidden; text-indent: -999px; width: 169px}

#about_our_office {background: url(images/navigation/about_our_office.gif)}

#for_new_patients {background: url(images/navigation/for_new_patients.gif)}

#dental_care {background: url(images/navigation/dental_care.gif)}

#cosmetic_dentistry {background: url(images/navigation/cosmetic_dentistry.gif)}

#relaxation_dentistry {background: url(images/navigation/relaxation-dentistry.gif)}

#smile_gallery {background: url(images/navigation/smile_gallery.gif)}

#technology {background: url(images/navigation/technology.gif)}
#testimonials {background: url(images/navigation/testimonials.gif)}

#rate_your_smile {background: url(images/navigation/rate_your_smile.gif)}

#our_services {background: url(images/navigation/our_services.gif)}

#news_events {background: url(images/navigation/news-events.gif)}

#laser_dentistry {background: url(images/navigation/laser_dentistry.gif)}

#coupon {background: url(images/coupon.gif)}

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



#masthead .active, #nav .active, #subnav .active, .active {cursor: default; text-decoration: none}

#first-call {position:absolute; top:90px; left:290px; font-size:18px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif}


/* IMAGES ---------- */

img, table {border: none}

.border {border: 1px solid #1B314F}

.centered {display: block; margin: 0 auto 16px auto}

.clear {clear: both}

.left {float: left; margin: 0 10px 10px 0}

.right {float: right; margin: 0 0 10px 10px}

.flash img {float: left; margin-right: 5px}

.fancy-video{background:url(videos/ask-dentist.jpg); width:175px; height:131px; display:block; float:right; margin:10px; border:#000 1px solid}
.fancy-video:hover {background:url(videos/ask-dentist.jpg) 0 131px;}

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

#container {background: #E8E8E8; border: 1px solid #BEB481; margin: 20px auto 0 auto; position: relative; width: 740px}

#container:after {clear: both; content: "."; display: block; height: 0; visibility: hidden}

#header {background: #1B314F url(images/header_bg.gif); height: 120px; width: 740px}

#tagline {background: #309AB4 url(images/tagline.gif); height: 70px; text-indent: -999px; width: 740px}

#content {background: #FFF; border-left: 1px solid #D8D6D6; float: left; min-height: 240px; padding: 20px 20px 5px 20px; position: relative; width: 530px}

* html #content {height: 240px}

.flash {position: relative}

#sidebar {background: #1B314F; color: #FFF; padding: 10px 10px 0 10px; width: 182px}

#footer {font-size: 12px; margin: 0 auto; padding: 15px 0 5px 0; text-align: center; width: 740px}

.home-link { color:#1b314f}

.bullet {list-style-image: url(/images/bullet-point.gif);}

.caption-waterlase { font-style:italic; padding:0 5px 0 5px;}

/* --tour button-- */
 #link-tour {list-style:none; list-style-type:none; text-indent:-999em; overflow:hidden  }
 #link-tour li{ width:106px; height:31px; list-style:none; list-style-type:none;  }
 #link-tour a, ul.link-tour a {display: block; padding: 0; width: 106px; margin: 0; }
 #link-tour li a{ background:url(images/bu-office-tour.jpg); width:106px; height:31px; }
 #link-tour li a:hover { background:url(images/bu-office-tour.jpg) 0 31px; width:106px; height:31px;}