html{margin:0;padding:0;}

body{
background: #fff;
margin:0;
padding:0;
font:normal 11px Tahoma, Arial, sans-serif;
color:#707070;
}

.message {
padding:5px;
border:1px solid #ffeb08;
background:#fff8af;
text-align:center;
margin-bottom:10px;
}

a{
outline:none;
color:#59b7b9;
text-decoration:none;
}

a:hover {
color:#333;
}

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

#header {
background:url(/img/logo.gif) top left no-repeat;
height:170px;
margin-top:45px;
}

#header h1 {
display:none;
}

.banner_images{
margin-left:200px;
padding-top:60px
}

/*****************
MENU STYLING     *
*****************/

#menu{
position:absolute;
top:125px;
}

#menu ul{
margin:0;
padding:0;
list-style:none;
}

#menu ul li{
padding:2px 0;
margin:0;
}

#menu ul li a{
padding:0;
display:block;
width:130px;
height:30px;
font-size:0;
}

ul li a span.link{
display:none;
}

#menu ul li.home a{
background:url(/img/home_off.gif) 0 0 no-repeat;
margin-left:30px;
}

#menu ul li.about a{
background:url(/img/about_off.gif) 0 0 no-repeat;
margin-left:20px;
}

#menu ul li.photos a{
background:url(/img/photos_off.gif) 0 0 no-repeat;
margin-left:15px;
}

#menu ul li.stuff a{
background:url(/img/stuff_off.gif) 0 0 no-repeat;
margin-left:12px;
}

#menu ul li.test a{
background:url(/img/test_off.gif) 0 0 no-repeat;
margin-left:12px;
}

#menu ul li.places a{
background:url(/img/places_off.gif) 0 0 no-repeat;
margin-left:18px;
}

#menu ul li.featured a{
background:url(/img/month_off.gif) 0 0 no-repeat;
margin-left:22px;
}

#menu ul li.shop a{
background:url(/img/shop_off.gif) 0 0 no-repeat;
margin-left:15px;
}

#menu ul li.contact a{
background:url(/img/contact_off.gif) 0 0 no-repeat;
margin-left:10px;
}

#menu ul li.facebook a{
background:url(/img/facebook_icon.gif) 0 0 no-repeat;
}

#menu ul li.home a:hover{background:url(/img/home_over.gif) 0 0  no-repeat;}
#menu ul li.about a:hover{background:url(/img/about_over.gif) 0 0  no-repeat;}
#menu ul li.photos a:hover{background:url(/img/photos_over.gif) 0 0 no-repeat;}
#menu ul li.stuff a:hover{background:url(/img/stuff_over.gif) 0 0 no-repeat;}
#menu ul li.test a:hover{background:url(/img/test_over.gif) 0 0 no-repeat;}
#menu ul li.places a:hover{background:url(/img/places_over.gif) 0 0 no-repeat;}
#menu ul li.featured a:hover{background:url(/img/month_over.gif) 0 0 no-repeat;}
#menu ul li.shop a:hover{background:url(/img/shop_over.gif) 0 0 no-repeat;}
#menu ul li.contact a:hover{background:url(/img/contact_over.gif) 0 0 no-repeat;}

#small_image{
position:absolute;
top:465px;
}

.facebook{
background:url(/img/facebook_icon.gif) no-repeat 0 0;
width:150px;
position:absolute;
left:20px;
top:312px;
padding-left:20px
}


/*****************
CONTENT STYLING  *
*****************/

h2.header_photo{
margin-left:-80px;
}

h2.month{
margin-left:-7px;
}

#content{
margin-left:270px;
margin-top:180px;
text-align:justify;
}

.testimonial{
padding:10px 0;
border-bottom:1px dashed #8a8aba;
}

.testimonial h3{
margin:0;
padding:0;
}

.testimonial_content{
padding:10px 0;
}

/**********************
CATEGORY MENU STYLING *
**********************/

#cat_menu{
position:absolute;
top:360px;
left:450px;
}

#cat_menu ul{
margin:0;
padding:0;
list-style:none;
}

#cat_menu ul li{
display:inline;
padding:0 2px;
}

#cat_menu ul li a, #cat_menu ul li a:hover{
height:20px;
font-size:0;
border-left:1px solid #59b7b9;
padding:0 6px;
display:block;
float:left;
}

#cat_menu ul li.all a{border-left:none;}

#cat_menu ul li.all a{
background:url(/img/all_off.gif) 6px center no-repeat;
width:20px;
}

#cat_menu ul li.dogs a{
background:url(/img/dogs_off.gif) 6px center no-repeat;
width:35px;
}

#cat_menu ul li.cats a{
background:url(/img/cats_off.gif) 6px center  no-repeat;
width:31px;
}

#cat_menu ul li.horses a{
background:url(/img/horses_off.gif) 6px center  no-repeat;
width:44px;
}

#cat_menu ul li.others a{
background:url(/img/other_off.gif) 6px center  no-repeat;
width:42px;
}

#cat_menu ul li.all a:hover{background:url(/img/all_over.gif) 6px center  no-repeat;}
#cat_menu ul li.dogs a:hover{background:url(/img/dogs_over.gif) 6px center  no-repeat;}
#cat_menu ul li.cats a:hover{background:url(/img/cats_over.gif) 6px center  no-repeat;}
#cat_menu ul li.horses a:hover{background:url(/img/horses_over.gif) 6px center  no-repeat;}
#cat_menu ul li.others a:hover{background:url(/img/other_over.gif) 6px center  no-repeat;}


/***********************
GALLERY IMAGES STYLING *
***********************/

#images_content{
width:540px;
margin-left:-70px;
}

ul.images{
list-style:none;
margin:0;
padding:0;
overflow:auto;
}

ul.images li{
margin:10px;
text-align:center;
border:1px solid #ccc;
float:left;
width:112px;
height:112px;
}

ul.images li img{
border:1px solid  gray;
max-width:110px;
max-height:110px;
padding:0;
}

* html ul.images li img{
width:110px;
height:110px;
}

/*********************************
GALLERY IMAGE PAGINATION STYLING *
*********************************/

#pagenums{
margin:10px 0 0 280px;
position:absolute;
right:60px;
}

#pagenums ul{
margin:0;
padding:0;
list-style:none;
}

#pagenums ul li{
display:inline;
padding:0 3px;
}

#pagenums ul li a{
text-decoration:none;
color:grey;
font-size:100%;
}

p.image_numbers{margin-left:-65px;}

/*******************
NEWS PAGE STYLING  *
*******************/

.news_item {
border-bottom:1px dashed #ccc;
margin-bottom:20px;
}

.news_item h3{
margin:0;
padding:0;
}

.news_item span{
font-size:xx-small;
color:#A0A0A0;
}

/*********************
CONTACT FORM STYLING *
*********************/

#contact_form{
width:370px;
margin:20px 20px 0 0;
padding-bottom:10px;
}

#contact_form label{
display:block;
color:grey;
float:left;
width:130px;
padding-top:3px;
}

#contact_form form .input {
margin-bottom:10px;
padding:5px 0 0 20px;
border-top:1px dashed #E2E3EA;
}

#contact_form form .input input {
border:1px solid ##E2E3EA;
width:200px;
font-size:x-small;
}

#contact_form form textarea {
border:1px solid ##E2E3EA;
width:200px;
}

#contact_form .submit input{
margin:0 0 0 150px;
font-size:90%;
}

#contact_form #ContactTitle{
font-size:x-small;
}

#contact_form #ContactReferral{
font-size:x-small;
}

#contact_form #Other{
margin-left:150px;
margin-bottom:10px;
}

#contact_form span.specify{margin-left:150px;}

#contact_form .checkbox{border-bottom:1px dashed #E2E3EA;}

#contact_form form .checkbox input{width:auto;}

#contact_form span.required{color:red;}


/******************
FOOTER STYLING    *
******************/

#footer{
color:#AD9E91;
font-size:10px;
padding-top:60px;
}

#footer .site_by {
float:right;
}


/*
Pet of the Month
*/
#features {
position:absolute;
left:0;
margin-top:30px;
}

#features ul {
list-style:square;
}

.feature .images ul {
margin:0;
padding:0;
list-style:none;
overflow:auto;
}

.feature .images ul li {
float:left;
margin:0 10px 10px 0;
}

.feature .images ul li a img {
border-width:1px;
max-height:100px;
}