html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; background: transparent; font-size: 100%; border: 0; outline: 0; vertical-align: baseline;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
@font-face {font-family: Gotham; src: url(/fonts/Gotham-Book.otf);}

html,body {background: #23201b url(/img/page/oaks-body-bg.jpg) repeat top left; color: #333; font-size: 62.5%;}
div.container {position: relative; width: 940px; margin: 0 auto;}
#banner,#hero,#herosmall,#indexpromo,#sitemenu,#footer {clear: both; position: relative;}
#banner {width: 940px; margin: 10px auto 0 auto;}
#hero,#herosmall {margin: 0 0 30px 0; background: url(/img/page/oaks-hero-bg.png) repeat-x top left;}
#herosmall {background: url(/img/page/oaks-hero-small-bg.png);}
#indexpromo {padding: 0 0 20px 0;}
#searchcontent {float: left; width: 300px; margin: 60px 0;}
#tips {float: left; width: 595px; margin: 60px 0 60px 30px; padding: 0 0 0 5px; background: #f1eee3;}
#sitemenu {padding: 30px 0 20px 0; background: #413c32 url(/img/page/oaks-sitemenu-bg.png) repeat-x top left;}
#footer {padding: 15px 0; background: #23201b;}

/* Misc Classes */
br.spacer {clear: both; visibility: hidden;}
span.italics {font-style: italic;}
span.bold {font-weight: 600;}
span.aqua {color: #1b4c7f;}
.column400-pom,.column300,.column300packages,.column270,.column400 {width: 300px; margin: 0 0 0 0;}
.column300packages {height: 310px; background: url(/img/page/health-package-cats.png) no-repeat bottom right;}
.column270 {width: 270px; margin: 0 35px;}
.column400 {width: 400px; margin: 0 0 45px 0; clear:both;}
.column400-news {width: 400px; margin: 0 0 45px 0; clear:both;}
.column400-vets {width: 450px; margin: 0 0 45px 0; clear:none;}
.column400-specials {width: 390px; margin: 0 0 45px 0; clear:none;}
.column400-pom {width: 400px; margin: 0 0 45px 0; clear:both;}
.clearclass {width: 440px; clear: none;}
.messagebar {position: relative; margin: 5px 5px 0 0; background: #dbd7cb;}
.center {text-align: center;}
.underline {text-decoration: underline;}
.uppercase {text-transform: uppercase;}
#pet {}

/* Text Classes */
h1#logo,h1#logo a {float: left; clear: right; width: 265px; height: 118px; margin: 0 0 -8px 0; background: url(/img/page/oaks-veterinary-hospital-logo.png) no-repeat; text-indent: -5000em;}
h1#logo a {display: block;}
h2 {margin: 0 0 20px 0; padding: 40px 0 0 0; color: #108aa2; font: 500 4.8em Gotham,myriad,verdana,sans-serif;}
h3,h3.bio {margin: 0 0 15px 0; padding: 0 0 10px 0; background: url(/img/page/divider-bg.png) repeat-x bottom left; color: #1b4c7f; font: 600 3.4em Gotham,myriad,verdana,sans-serif;}
h3.bio {margin: 0; padding: 0; background: none;}
h4 {margin: 0 0 15px 0; padding: 0 0 10px 0; background: url(/img/page/divider-bg.png) repeat-x bottom left; color: #c2bfb0; font: 500 3em Gotham,myriad,verdana,sans-serif;}
/*.messagebar h4 {clear: right; margin: 0; padding: 10px 15px; background: none; font: 600 2em verdana,arial,sans-serif; color: #323232;}*/
.messagebar h4 {margin: 0; padding: 8px 15px; background: none; font: 600 2em verdana,arial,sans-serif; color: #323232;}
#hero p,#herosmall p {margin: 0 0 20px 0; font: 500 2em georgia,'Times New Roman',serif; line-height: 1.8em;}
.column300 p.header,.column300packages p.header,.column270 p.header {margin: 0 0 10px 0; color: #0d7084; font: 600 2.4em georgia,'Times New Roman',serif;}
p.content,#tips p,.column300 p,.column300packages p,.column270 p,.column400 p {font: 500 2em georgia,'Times New Roman',serif; line-height: 1.8em;}
p.content {margin: 0 0 30px 0;}
p.vettitle {margin: 0 0 15px 0; padding: 0 0 10px 0; background: url(/img/page/divider-bg.png) repeat-x bottom left; font: 500 2em georgia,'Times New Roman',serif; line-height: 1.8em; text-transform: uppercase;}
#tips p {margin: 0 0 20px 0; padding: 0 20px;}
#footer p {color: #c2bfb0; font: 500 1.8em verdana,myriad,sans-serif;}

/* Image Classes */
#hero img.left,#herosmall img.left {float: left; clear: right; margin: 0 30px 0 0;}
#herosmall img.left {margin: -31px 90px 0 35px;}
.column300 img.right,.column270 img.right {float: right; margin: 0 0 10px 0;}
.column300 img.left,.column270 img.left,.column300packages img.left {float: left; margin: 15px 0 0;}
/*.messagebar img {position: absolute; top: 7px; right: 5px;}*/
.messagebar img {margin: 5px 5px 0 0;}
.left {float: left; clear: none;}
.left_news_spec {float: left; clear: none;}
.right {float: right;}
img.vet,img.tip {margin: 0 0 0 5px; border: 1px solid #cdcabd;}
img.tip {margin: 0 20px 0px 15px;}

/* List Classes */
#topnav {float: right; position: relative; width: 460px;}
#topnav ul {}
#topnav ul li {float: left; width: 140px; margin: 0 0 10px 0; padding: 0 0 0 10px; background: url(/img/page/top-nav-link-bg.png) no-repeat; font: 600 2.4em Gotham,verdana,sans-serif;}
#topnav ul li.phone,#topnav ul li.portal {width: 230px; margin: 0 0 20px 0; padding: 0 0 15px 0; background: url(/img/page/divider-bg.png) repeat-x bottom left; color: #1b4c7f; font: 600 2em verdana,sans-serif;}
#topnav ul li.portal {font: 600 1.9em georgia,serif; background: url(/img/page/divider-bg.png) repeat-x bottom left; color: #333;}
.column300 ul.promo,.column270 ul.promo {}
.column300 ul.promo li,.column270 ul.promo li {margin: 0 0 5px 0; font: 500 2em georgia,'Times New Roman',serif;}
.column300 ul.menu,.column270 ul.menu {}
.column300 ul.menu li,.column270 ul.menu li {float: left; margin: 0 0 10px 0; color: #c2bfb0; font: 500 1.8em verdana,myriad,sans-serif;}
.column300 ul.menu li.ninety {width: 90px;}
.column300 ul.menu li.onetwenty {width: 120px;}
.column300 ul.menu li.eighty {width: 80px;}
.column270 ul.menu li.oneforty {width: 140px; margin: 0 20px 10px 0;}
.column270 ul.menu li.bold {font-weight: 600;}
.column300 ul.menu li.bold {margin: 0 0 5px 0; font-weight: 600;}
.column300 ul.menu li.small {width: 290px; font: 500 italic 1.6em verdana,myriad,sans-serif;}
#herosmall ul {text-align: left;}
#herosmall ul li {margin: 0 0 5px 0; color: #333; font: 600 2em verdana,arial,sans-serif;}
ul.content {margin: 0 0 50px 0;}
ul.content li {font: 500 2em georgia,'Times New Roman',serif; line-height: 1.8em;}
fieldset ol {padding: 0; list-style: none;}
fieldset li {clear: both; margin: 0 1.5em 0 0; color: #1b4c7f;}
#tips ul {margin: 0 0 5px 30px; list-style: disc;}
#tips ul li {margin: 0 0 15px 0;}
li.populartips {padding: 0 0 0 25px; background: url(/img/page/tip-star.png) no-repeat;}

/* Form Classes */
form {font-size: 100%; text-align: left;}
form#tipsearch {margin: 0 0 10px 0;}
form.contact {float: left; width: 595px; margin: 0 0 60px 30px; padding: 0 0 0 5px; background: #f1eee3;}

/* Fieldset */
fieldset {clear: both;}
fieldset.left,fieldset.textarea {position: relative;}
fieldset.left {margin: 20px 0 0 0;}

/* Input */
form input.hidden {display: none;}
form label {float: left; display: block; width: 100px; margin: 0 30px 0 0; font: 600 2em verdana,arial,sans-serif; text-align: right;}
form input,form select,form radio,form textarea {float: left; width: 430px; margin: 0 0 .75em 0; padding: 2px 0; background: #fff;}
form#tipsearch input {width: 200px; padding: 5px 0;}
form select {width: 209px; padding: 1px 0;}
form textarea {height: 12em; margin: 0; padding: 0;}
input.contactsubmit {float: right; width: 127px; height: 32px; margin: 15px 30px 30px 0; padding: 0; border: none;}
form#tipsearch input.searchsubmit {float: right; width: 80px; height: 30px; margin: 0; padding: 0; border: none;}

/* links */
a {color: #1b4c7f; text-decoration: none;}
a:hover {text-decoration: underline;}
#topnav a.petportal {color: #1b4c7f; font: 500 1.2em georgia,serif;}
#topnav a {color: #333; text-decoration: none;}
#topnav a:visited {color: #1b4c7f; text-decoration: none;}
#topnav a:hover {color: #999; text-decoration: underline;}
div.column300 p.content a {color: #1b4c7f; text-decoration: underline;}
#sitemenu ul li a {color: #c2bfb0; text-decoration: none;}
#sitemenu ul li a:hover {text-decoration: underline;}
#footer a {color: #aad24e; text-decoration: none;}
#footer a:hover {color: #aad24e; text-decoration: underline;}
li.populartips a {margin: 0 0 5px 0; color: #0d7084; font: 600 1em georgia,'Times New Roman',serif;}

/* map */
#map  {float: left; width: 300px; height: 380px; margin: 0 0 60px 0; border: 5px solid #d2cfc2;}
#map ul {margin-top: .5em; text-align: left;}
#map ul li {font: 500 2em georgia,'Times New Roman',serif; line-height: 1.8em;}
div.bubble {width: 200px; height: 120px;}

ul.column {width: 100%; margin: 0;}
ul.column li {float: left; margin: 0; padding: 0;}
div.block500,div.block560,div.block800 {float: left; width: 175px; height: 480px; margin: 0 20px 20px 0; padding: 20px; background: #f2f2f2;/*-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;*/}

div.block560 {height: 550px;}
div.block800 {height: 740px;}
div.block500 h3,div.block560 h3,div.block800 h3 {margin: 0 0 5px 0; padding: 10px 0; font-size: 3.4em;}
div.block500 p,div.block560 p,div.block800 p {margin: 0 0 15px 0; color: #4e4d4d; font: 500 1.4em verdana,arial,sans-serif;}

div.block500 ul,div.block560 ul,div.block800 ul {margin: 0 0 15px 0;}
div.block500 ul li,div.block550 ul li.circle,div.block560 ul li,div.block560 ul li.circle,div.block800 ul li,div.block800 ul li.circle {margin: 0 0 5px 0; font: 500 1.8em verdana,myriad,sans-serif;}
div.block500 ul li.circle,div.block560 ul li.circle,div.block800 ul li.circle {padding: 0 0 0 10px; background: url(/img/page/packages-circle.png) no-repeat;}
div.block500 ul li.bold,div.block560 ul li.bold,div.block800 ul li.bold {margin: 0; font-weight: 600;}
div.block500 ul li.italic,div.block560 ul li.italic,div.block800 ul li.italic {margin: 0; font-style: italic;}

#facebox .b {background:url(/img/page/b.png);}
#facebox .tl {background:url(/img/page/tl.png);}
#facebox .tr {background:url(/img/page/tr.png);}
#facebox .bl {background:url(/img/page/bl.png);}
#facebox .br {background:url(/img/page/br.png);}
#facebox {position: absolute; top: 0; left: 0; z-index: 100; text-align: left;}
#facebox .popup {position: relative;}
#facebox table {border-collapse: collapse;}
#facebox td {border-bottom: 0; padding: 0;}
#facebox .body {padding: 10px; background: #fff; width: 370px;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox img {border: 0; margin: 0;}
#facebox .footer {border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px; width: 10px; overflow: hidden; padding: 0;}
#facebox_overlay {position: fixed; top: 0px; left: 0px; height:100%; width:100%;}
.facebox_hide {z-index:-100;}
.facebox_overlayBG {background-color: #000; z-index: 99;}
 /*html #facebox_overlay { */ /* ie6 hack */ /*position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}*/