body
{
background:#776f55 url(images/bg-gradient.jpg) top left repeat-x;
padding:0;
margin:0;
font-size:12pt;
}

#bg
{
background:#776f55 url(images/bg.jpg) top center no-repeat;
width:1024px;
height:600px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#wrapper
{
width:568px;
margin-left:auto;
margin-right:auto;
text-align:left;
}


#head
{
height:104px;
background:#d9ce8c url(images/header.jpg) left top no-repeat;
margin:20px auto 0 auto;
}

#head h1
{
display:none;
}
/*-------------------------- nav bar---------------------------*/

#nav
{
list-style-type:none;
padding:0;
margin:0;
border-right:1px solid #3b2f0b;
border-left:1px solid #3b2f0b;
border-bottom:1px solid #9999a0;
height:43px;
background:#e8e8ec url(images/nav-bg.jpg) let top repeat-x;
}


#nav li
{
display:block;
float:left;
border-right:1px solid #a7a3a3;
}

.nav-button
{
height:43px;
}

.nav-button a
{
display:block;
padding:12px 20px 9px 0;
text-align:right;
text-decoration:none;
font-family:arial, helvetica, sans-serif;
font-weight:bold;
font-size:120%;
color:#796b44;
}

#home {width:134px;}
#clinic {width:176px;}
#cats {width:117px;}
#dogs {width:136px; border:0px;}


#home a {background:#e2e2e8 url(images/button-home.jpg) 0 -43px no-repeat;}
#home a:hover {background:#e2e2e8 url(images/button-home.jpg) 0 0 no-repeat;}

#clinic a {background:#e2e2e8 url(images/button-clinic.jpg) 0 -43px no-repeat;}
#clinic a:hover {background:#e2e2e8 url(images/button-clinic.jpg) 0 0 no-repeat;}

#cats a {background:#e2e2e8 url(images/button-cats.jpg) 0 -43px no-repeat;}
#cats a:hover {background:#e2e2e8 url(images/button-cats.jpg) 0 0 no-repeat;}

#dogs a {background:#e2e2e8 url(images/button-dogs.jpg) 0 -43px no-repeat;}
#dogs a:hover {background:#e2e2e8 url(images/button-dogs.jpg) 0 0 no-repeat;}



/*-------------------------- content ---------------------------*/


#content
{
background:#ffffff url(images/content-bg.jpg) left top repeat-y;
width:548px;
padding:15px 5px 5px 15px;
margin:0px;
float:left;
}

*html #content
{
width:568px;
}


#content a:link {color:#80734e}
#content a:visited {color:#80734e}
#content a:hover {color:#c43131}


#content h2, #content p, #content h1
{
font-family:georgia, times, serif;
}

#content h2, #content h1
{
color:#796b44;
}

#content p, #content li
{
color:#797a8a;
font-size:90%;
line-height:140%;
}

#left-col
{
width:270px;
float:left;
border-right:1px solid #d9d4c7;
margin-right:15px;
}

#right-col
{
float:left;
width:260px;
}

.intro
{
font-family:georgia, times, serif;
color:#797a8a;
width:95%;
}

#contact
{
font-family:helvetica, arial, sans-serif;
}

p#tel
{
font-family:helvetica, arial, sans-serif;
font-weight:bold;
font-size:180%;
margin:0 0 10px 0;
color:#797a8a;
}

p#street-address, p#hours
{
font-family:helvetica, arial, sans-serif;
font-size:120%;
margin:0;
color:#797a8a;
}

#hours
{
font-family:georgia, times, sans-serif;
font-size:100%;
}


#map-link a
{
font-family:helvetica, arial, sans-serif;
color:#c43131;
font-size:80%;
}

#map
{
width:538px;
text-align:center;
}

#contact-map
{
margin-top:20px;
text-align:center;
}


#content .promo-button
{
color:#796b44;
width:236px;
height:54px;
font-family:helvetica, arial, sans-serif;
background:#e2e2e8 url(images/button-gold-bg.jpg) left top no-repeat;
display:inline-block;
text-align:center;
margin:0 0 8px 0;padding:6px 0 0 0;
}

/* hack for IE */

*html #content .promo-button
{
height:60px;
}

#bit_thinner
{
font-size:17pt;
}

.promo-button h2
{
margin:0;padding:0;
}

.promo-button h2 a
{
font-family:helvetica, arial, sans-serif;
letter-spacing:-1px;
font-size:100%;
color:#80734e;
text-decoration:none;
}

.promo-button p
{
margin:0;padding:0;
}

.promo-button p a
{
font-size:80%;
font-family:helvetica, arial, sans-serif;
color:#80734e;
text-decoration:none;
}


#footer
{
float:left;
height:7px;
width:568px;
background:#776f55 url(images/footer.jpg) left top no-repeat;
margin:0;
padding:0 0 100px 0;
}

#footer p
{
text-align:center;
color:#fff;
}

#footer a
{
color:#fbf9e3;
}