/* HTML Defaults */
body {
font: 88%/1.4em Georgia, "Times New Roman", Times, serif;
color: #282008;
background: #e0d2a4;
margin: 0;
padding: 0;
}
a:link, a:visited {
text-decoration: underline;
color: #866038;
}
a:hover, a:active {
text-decoration: underline;
color: #cc6600;
}
img {
border: none;
}
/* Container */
#container {
background: #fff;
width: 100%;
min-width: 980px;
float: left;
}
/* Header and Nav */
#header {
font-size: 86%;
line-height: 1.2em;
background: #e0d2a4 url(../images/header_bg.gif) repeat-x left top;
width: 100%;
min-width: 980px;
float: left;
border-bottom: solid 1px #e0d2a4;
}
#header ul, #header p {
float: left;
margin: 0;
padding: 0;
}
#header ul li {
text-transform: uppercase;
float: left;
list-style: none;
position: relative;
}
#header a {
text-decoration: none;
}
#topnav {
float: left;
padding: 10px 2px;
}
#topnav a {
line-height: 2em;
color: #3b3113;
display: block;
padding: 0 12px;
}
#topnav a:hover, #nav a:hover {
color: #fff;
background: #cc6600;
}
#topnav a.emergencies {
font-weight: bold;
color: #cc6600;
}
#topnav a.emergencies:hover {
color: #fff;
}
#contact {
font-family: Arial, Helvetica, sans-serif;
float: right;
padding: 6px;
}
#contact p {
line-height: 2.1em;
white-space: nowrap;
padding: 0 6px;
border-right: dotted 1px #3b3113;
}
#contact strong {
font: 200%/1.2em "Times New Roman", Times, serif;
color: #866038;
}
#contact a {
font-weight: bold;
}
#nav {
background: #3b3113;
width: 100%;
float: left;
clear: both;
}
#nav ul {
padding: 4px 0;
}
#nav ul li {
line-height: 2em;
border-right: dotted 1px #e0d2a4;
}
#nav ul li a {
color: #fff;
display: block;
padding: 0 9px;
}
#header ul li ul {
background: #3b3113;
display: none;
width: 200px;
padding: 0;
position: absolute;
top: 2em;
left: 0;
}
#header ul li:hover ul {
display: block;
}
#header ul li ul li {
width: 200px;
border: none;
}
#header ul li ul li a {
color: #fff;
width: 182px;
float: left;
padding: 0 9px;
}
/* Footer */
#footer {
font: 86%/1.3em Arial, Helvetica, sans-serif;
color: #fff;
background: #866038;
width: 100%;
float: left;
padding: 8px 0;
border-top: solid 1px #e0d2a4;
}
#footer h2, #footer p, #footer form {
margin: 0;
}
#newsletter, #newsletter h2, #newsletter form, #newsletter fieldset, #newsletter label, #newsletter input {
float: left;
}
#newsletter h2 {
font: normal 118%/2em Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
color: #e0d2a4;
margin: 0px;
padding: 5px;
padding-right: 90px;
border-right: dotted 1px #e0d2a4;
}
#newsletter p {
font: 96%/1.1em Arial, Helvetica, sans-serif;
width: 185px;
margin: 0;
padding: 0 10px;
}
#newsletter form {
padding: 4px 10px;
border-right: dotted 1px #e0d2a4;
}
#newsletter fieldset {
padding: 0;
border: none;
}
#newsletter label {
padding: 2px 10px 2px 0;
}
.newsletterinput {
font: 92%/1.2em Arial, Helvetica, sans-serif;
color: #282008;
background: #fff;
width: 215px;
margin-right: 10px;
padding: 5px;
border: none;
}
.newsletterbutton {
font: bold 92%/1.2em Arial, Helvetica, sans-serif;
color: #fff;
background: #3b3113;
padding: 3px;
border: solid 1px #e0d2a4;
}
#copyright {
font-size: 75%;
line-height: 1.3em;
color: #e0d2a4;
white-space: nowrap;
float: right;
padding: 4px 10px;
}
#copyright a {
color: #e0d2a4;
}
/* Content */
#content {
background: url(../images/content_bg.gif) repeat-y left top;
width: 100%;
float: left;
}
#sidebar {
width: 245px;
float: left;
}
#content #logo {
background: url(../images/logo_inside.gif) no-repeat center top;
height: 235px;
width: 245px;
}
#content #logo a {
display: block;
text-indent: -9999px;
height: 235px;
width: 245px;
}
#title {
color: #e0d2a4;
background: #866038;
padding: 0 0 0 270px;
}
#title h1 {
font-size: 200%;
line-height: 1.8em;
font-weight: normal;
margin: 0;
}
#bodytext {
padding: 25px 25px 25px 270px;
}
#side {
padding: 0 10px;
}
#side ul {
margin: 0;
padding: 0;
}
#side ul li {
text-transform: uppercase;
width: 225px;
float: left;
list-style: none;
border-top: dotted 1px #3b3113;
}
#side ul li a {
line-height: 2.2em;
text-decoration: none;
color: #3b3113;
display: block;
text-indent: 6px;
height: 2.2em;
width: 225px;
}
#side ul li a:hover {
color: #fff;
background: #cc6600;
}
#side ul li strong a {
color: #866038;
}
.photos {
width: 245px;
float: right;
margin: 0 0 2em 2em;
}
.dental {
width: 150px;
float: left;
margin: 0 0 1.5em 1.5em;
font: 93%/1.2em Arial, Helvetica, sans-serif;
}
/* Front */
#front {
background: #261f08;
height: 320px;
width: 100%;
float: left;
}
#front #logo {
background: url(../images/logo_front.gif) no-repeat center top;
height: 320px;
width: 245px;
float: left;
}
#front #logo a {
display: block;
text-indent: -9999px;
height: 320px;
width: 245px;
}
#intro {
line-height: 1.2em;
color: #fff;
background: url(../images/photo_front.jpg) no-repeat left top;
height: 320px;
width: 735px;
float: left;
}
#intro h1 {
display: none;
}
#intro p {
margin: 0;
padding: 65px 365px 10px 18px;
}
#intro ul {
font: bold 93%/1.2em Arial, Helvetica, sans-serif;
width: 160px;
margin: 0;
padding: 0 0 0 18px;
float: left;
}
#intro ul li {
background: url(../images/intro_bullet.gif) no-repeat left 4px;
margin: .2em 0;
padding: 0 0 0 12px;
list-style: none;
}
#intro ul li em {
font-size: 77%;
font-weight: normal;
font-style: normal;
}
#special {
background: #f6f1de url(../images/special_bg.gif) repeat-y left top;
width: 100%;
float: left;
clear: both;
padding: 6px 0;
border-top: solid 1px #e0d2a4;
}
#special h2 {
font-size: 118%;
line-height: 2em;
font-weight: normal;
white-space: nowrap;
text-transform: uppercase;
float: left;
margin: 0;
padding: 0 10px;
border-right: dotted 1px #e0d2a4;
}
#special h3 {
font-size: 172%;
line-height: 1.1em;
float: left;
margin: 0;
padding: 0 10px;
}
#special p {
font: 93%/1.1em Arial, Helvetica, sans-serif;
width: 185px;
float: left;
margin: 0;
padding: 0 10px;
}
#special p.more {
padding: 2px 10px;
}
#special p.more a {
line-height: 2em;
font-weight: bold;
text-decoration: none;
color: #fff;
background: #3b3113;
display: block;
text-align: center;
width: 110px;
}
#special p.more a:hover {
text-decoration: none;
color: #fff;
background: #cc6600;
}
#frontinfo {
font: 93%/1.2em Arial, Helvetica, sans-serif;
color: #fff;
background: #3b3113;
width: 100%;
float: left;
clear: both;
border-top: solid 1px #e0d2a4;
}
#frontlinks {
width: 49%;
float: left;
padding: 10px 0 0 0;
}
#frontlinks h2 {
font: normal 118%/1.2em Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
color: #e0d2a4;
margin: 0 0 .2em 0;
}
#frontlinks p {
margin: 0;
}
#frontlinks a {
text-decoration: none;
color: #e0d2a4;
}
#frontlinks a:hover {
text-decoration: underline;
color: #fff;
}
#hours {
height: 179px;
width: 50%;
float: left;
border-right: dotted 1px #e0d2a4;
}
#hours h2, #hours p {
padding: 0 12px;
}
#hours p {
margin-top: .25em;
}
#tools {
width: 49%;
float: left;
}
#tools div {
min-height: 89px;
}
#tools h2, #tools p {
padding: 0 12px 0 95px;
}
#mypet {
background: url(../images/front_mypet_bg.jpg) no-repeat left bottom;
border-bottom: dotted 1px #e0d2a4;
}
#paws {
background: url(../images/front_paws_bg.jpg) no-repeat left bottom;
padding-top: 10px;
}
#frontphoto {
float: right;
border-left: solid 1px #e0d2a4;
}
.photos2 {
width: 440px;
float: left;
margin: 0 0 1em 1em;
}
#businesshours, #businesshours h2, {
float: right;
}
#businesshours h2 {
font: normal 118%/2em Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
color: #e0d2a4;
margin: 0;
padding: 0 30px;
border-right: dotted 1px #e0d2a4;
}
#newhours, #newhours h2, #newhours form, #newhours fieldset, #newhours label, #newhours input {
float: left;
}
#newhours h2 {
font: normal 118%/2em Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
color: #e0d2a4;
margin: 0px 0px 0px 5px;
padding: 0 30px;
border-right: dotted 1px #e0d2a4;
}
#newhours p {
font: 96%/1.1em Arial, Helvetica, sans-serif;
width: 185px;
margin: 0;
padding: 0 10px;
}