@charset "UTF-8";
/* CSS Document */
body{ background: #28343b url('images/body-bg.jpg') repeat-x; font-family: Helvetica, Arial, sans-serif; color: #787878; font-size: 10pt; padding: 0 0 25px 0;} 

#wrap{background: transparent url('images/wrap-bg.jpg') no-repeat top center; width: 100%; min-height: 443px;}

#container{width: 952px; margin: auto; position: relative;}

/*top auxillary nav*/
#top-nav{width: 912px; margin: auto; font-size: 9pt; position: relative; padding: 7px 25px 5px 0; text-align: right;}

#top-nav li {display: inline; padding: 0 5px 0 5px;}

#top-nav li a{ color: #666; text-decoration: none; font-weight: bold;}
/**/

/*hill tops at top of page*/
#top{ width: 952px; height: 250px;  margin: auto; background: transparent url('images/top-bg-trans.png') no-repeat;}

#logo{position: absolute; top: 80px; left: 75px; }

/* main nav */
#main-nav{position: absolute; top: 218px; left: 81px; width: 445px; font-size: 9pt;}

#main-nav li{display: inline; padding: 0 9px 0 0;}

#main-nav li a{color: #aca377; text-decoration: none; font-weight: bold; margin: -10px 0 0 0; height: 21px;}

#main-nav li.on a{color: #00703c;}

#main-nav li a img{ position: relative; top: 5px;}

#main-nav li a:hover{color: #00703c;}

/*main auxillary nav*/
#main-aux-nav{position: absolute; top: 135px; left: 526px; font-size: 9pt;}

#main-aux-nav li{ padding: 0 0 5px 0;}

#main-aux-nav li a{ color: #00703c; text-decoration: none; font-weight: bold;}

/*#main-aux-nav li a#nav-gallery{ color: #aca377;}

#main-aux-nav li a#nav-gallery:hover{ color: #00703c;}
*/
#main-aux-nav li a:hover{ color: #aca377; }

/*content*/
#content-wrap{width: 952px; min-height: 418px; background: transparent url('images/content-bg.png') repeat-y; margin: auto;/* position: relative;*/}

#content{ width: 912px; margin: auto; position: relative;  padding: 0 0 8px 0;}

.single{ width: 500px; margin: 0 0 0 55px; position: relative;}

.double{ width: 875px; position: relative; margin: 0 0 0 55px; }

.floater{ width: 383px; float: left; padding: 0 50px 0 0;}

#left-side{width:161px; min-height: 479px; float: left; background: transparent url('images/left-side-bg.jpg') no-repeat; color: #aca377 }

#left-side p{ padding: 0 25px 10px 0;}

#left-side h2{ padding: 0 0 20px 0}

#right-side{ width: 666px; float: left; padding: 0 0 0 20px;}

#col-left{width: 351px; float: left; /*text-align: justify;*/}

#col-right{width: 291px; float: left; padding: 0 0 0 23px;}

#col-left p{ padding: 0 0 15px 0;}

#col-right img{padding: 0 0 8px 0;}

/*home*/
#home-welcome{ position: absolute; left: -45px; padding: 25px 0 0 0;}

#home-office{}

#home-right{ width: 384px; float: right;}

.home-div{text-align: justify;}

/*practive*/
img#practice-img{ padding: 0 0 20px 0;}

.staff-holder p { text-align: justify;}

/*services*/
#left-side ul{ margin: 0; }

#left-side li { padding: 0 0 5px 0; list-style: none;  }

#left-side ul li ul{margin: 5px 0 0 15px;}

#left-side ul li ul li a{font-weight: normal;}

#left-side ul li a:hover{color: #00703c; }

#left-side ul li ul li {padding: 0 0 3px 0;}

/*gallery*/
img#before{ padding: 0 45px 0 0;}

#gallery-holder{ width: 700px; height: 500px; margin: 50px auto;}

.gallery-col{ width: 209px; float: left; padding-bottom: 50px; }

.mid { padding: 0 10px 50px 10px  }

.gallery-row{width: 800px; background: red; }

/*contact page*/
.contact-div{ width: 299px; float: left; padding: 20px 0 0 0; text-align: left;}

.contact-right{ width: 175px;}

.contact-div p{ padding: 0 0 15px 0;}

#new-patients{position: absolute; top: 10px; left: 208px; color: #beb57d; font-size: 13pt;}

/*right side top of page photos and text*/
img#doc-adams{position: absolute;bottom:0; right: -91px; z-index:2}

img#practice-bird{position: absolute;top:80px; right: -10px; z-index: 2}

img#services-bird{position: absolute;top:100px; right: -32px; z-index: 2}

img#community-img{position: absolute;top:120px; right: 75px; z-index: 2}

img#gallery-bear{position: absolute; top:35px; right: -38px; z-index: 2}

img#tech-bunny{position: absolute; top:75px; right: -18px; z-index: 2}

.quote{color: #aca377; font-style: italic; font-size: 10pt; text-align: center;}

#practice-quote{position: absolute; top: 110px; right: 95px;}

#services-quote{position: absolute; top: 115px; right: 95px;}

#resources-quote {position: absolute; top: 115px; right: 95px;}

#gallery-quote {position: absolute; top: 155px; right: 155px;}

/*footer*/
#footer{width: 952px; margin: auto; color: #fff; font-size: 9pt; padding: 18px 0 20px 50px; }

#footer ul{ padding: 0 0 10px 0;}

#footer li{display: inline; padding: 0 11px 0 0;}

#footer li a{color: #fff; text-decoration: none; font-weight: bold;}

#footer a{ color: #fff; text-decoration: none;}

#footer p{ padding: 0 0 8px 0;}

span.credit-card{ position: relative; top: -8px; left: 5px; font-weight: bold;}

/*misc*/
h1,h2,h3,h4,h5,h6{color: #beb57d; padding: 0 0 8px 0; }

h1{ font-size: 21pt;}

h2{ font-size: 19pt;}

h3,h4,h5,h6{ font-size: 12pt; font-weight: bold;}

h1.divider{ width: 474px; background: transparent url('images/divider.jpg') no-repeat bottom; padding: 0 0 8px 0; margin: 0 0 15px 0;}

span.sub{ /*position: relative; top: 7px;*/ margin: 10px 0 0 0; font-size: 13pt; float: right;}

p{padding: 0 0 5px 0; line-height: 1.3em }

a{ color: #aca377; text-decoration: none; font-weight: bold;}

a:hover{ color: #00703c;}

strong { color: #aca377;}

.clear{ clear: both;}

p.heading-sub{color: #aca377; padding: 0; font-size: 11pt; margin: -5px 0 0 0;}

img.icon{position: relative; top: 10px; padding: 0 15px 0 0;}

p.icon{ padding: 0 0 25px 0;}

p.tan{color: #aca377; padding: 15px 0 5px 0}

.single ul, .single ol, .double ul, .double ol{ margin: 5px 0 0 25px;}

.single ul li, .double ul li { padding: 0 0 8px 0; list-style-type: disc;}

.single ol li, .double ul li { padding: 0 0 8px 0; list-style-type: upper-alpha;}

.center{ text-align: center}

a#what-to-expect, a#testimonials{font-size: 14pt; font-weight: bold; margin: 0 0 10px 0; color: #00703c;}

.imgL{float: left; margin: 0 10px 12px 0;  border: 2px solid #dbe9e1;}

.right{ text-align: right; font-weight: bold;}

.testimonial{ font-style: italic; padding: 0 0 10px 0}

#testimonial-holder{width: 600px;}