@charset "utf-8";
/* CSS Document */

@import url('reset.css');

/* GREENS

Dark green: #408a3e
#006633
#00CC66

*/

body{background: #ffffff url(../images/bggrad.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 90%; line-height: 130%; color: #666666;}
/* p{margin: 15px 0px;} */
em{font-style: italic;}
a{text-decoration: none; color: #666666; font-weight: bold; }
a:hover{text-decoration: underline;}
.clear{ clear: both; margin: 0px;}
.strong, strong{font-weight: bold;}
p{padding-bottom: 10px;}

#container{width: 960px; margin: 0 auto; background: #transparent; /* -background: url(../images/wrapperbg.gif) repeat-x top; */}

.header{height: 185px;}
#header1{ background: transparent url(../images/header1.png) no-repeat bottom left;}
#header2{ background: transparent url(../images/header2.png) no-repeat bottom left;}
#header3{ background: transparent url(../images/header3.png) no-repeat bottom left;}
#header4{ background: transparent url(../images/header4.png) no-repeat bottom left;}
#header5{ background: transparent url(../images/header5.png) no-repeat bottom left;}
img.logo{width: 300px; position: relative;}

#nav{height: 35px; background: #c2d9ae url(../images/nav_bg.png) no-repeat;}
#nav li{ float:right; font-size: 120%; line-height: 35px; text-align:center; margin: 0 5px; }
#nav li a{text-decoration: none; color: #518e40; height: 35px; display: block; padding: 0 7px 0 3px;}
#nav li a:hover, #nav li a.selected{background: #518e40; color: #ffffff;}

#content{background: #ffffff url(../images/body_bg.png) repeat-y; min-height: 475px; _height: 475px; padding: 15px 20px 0px;}
#content h1{font-family: Arial, Helvetica, sans-serif; font-size: 175%; color: #518e40; margin-bottom: 25px; font-weight: bold;}

.leftcol{width: 570px; float: left; margin: 10px;}
.leftcol2{width: 500px; float: left; margin: 10px;}
.rightcol{width: 300px; float: right; margin: 10px;}
.rightcol2{width: 400px; float: right; margin-top: 10px;}

/* Home page */

p.welcomefirst{font-weight: bold; margin-top: 20px;}
p.welcometext{background: transparent url(../images/paw.png) no-repeat left center; padding-left: 40px; color: #518e40; size: 125%; font-weight: bold; }

a.frontpagelink{background-color: transparent; background-position: top; background-repeat: no-repeat; display: block; width: 400px; height: 0; padding-top:300px;overflow: hidden; margin: 25px 0px 0px }
a#cataloguelink{background-image: url(../images/handmade.png); margin-left: 50px; float: left;}
a#dogwalkinglink{background-image: url(../images/dogwalking.png); margin-right: 50px; float: right;}

.intro{font-weight: bold; color: #006633;}
#featured{height: 300px; width: 920px; margin: 0 20px; background-color: #CCCCCC; border: 1px solid #AAAAAA; clear: both;}
#featured h2, #rightcol h2{font-size: 110%; font-weight: bold; color: #00cc66; margin-bottom: 15px;}

#homeimg{margin-top: 20px;}

#news{margin-top: 10px;}
#news_fs{background-color: #fff; border: 1px solid #84B8B7; margin-left: 10px; padding: 10px 0px 10px 15px; -moz-border-radius:10px;}
#news_fs legend{font-family: Arial, Helvetica, sans-serif; ; font-size: 130%; color: #518e40;}
#news_fs h1{margin: 10px 0 15px; color: black;}

/*Gallery */
#gallery{margin: 35px 0px 15px 25px;}
#main_image{float: right; width: 520px;}
.galleria{list-style:none;width:170px; float: left;}
.galleria li{display:block;width:70px;height:70px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:10px;}



/* Products page */

#rightcol p.img{text-align: right;}

#shopbody{width: 720px; float: right;}
#shopnav{width: 190px; float: left;}
#shopnav ul li{height: 25px; background-color: #c2d9ae; border: 1px solid #639029; margin-top: 5px; padding: 3px 0px 0px 10px;}
#shopnav ul li a{color: #518e40; font-weight: bold;}
.product{float: left; width: 230px; height: 200px; width: 230px; text-align: center; padding: 5px;}
.plistimg{width: 200px; padding: 4px; border: 1px solid #aaaaaa;}
.plisttitle{font-weight: bold; margin: 5px 0 0;}
.plisttitle a{color: #666666;}
.plisttitle a:hover{text-decoration: underline;}
.plistprice{color: #666666;}

/* Item page */

#itempic{width: 425px; float: left;}
#itempic img{width: 400px; padding: 5px; border: 1px solid #007568;}
#itemdetails{width: 290px; float: left;}
#itemdetails h2{font-size: 125%; font-weight: bold; color: #518e40;}
.itemdesc{margin: 25px 0;}
.itemprice{padding-top: 15px;}
.itemcost{font-weight: bold;}

/*Best Paw Forward */
#content h1.servicetitle{margin-bottom: 10px;}
h2.servicesub{font-size: 125%; color: #518e40; margin-bottom: 25px;}
p.testpic{width: 520px; text-align:center; float: left;}
p.testpic img{width: 500px;}
.testtext{width: 400px; float: right; padding: 10px; background-color: #DDD; border: 1px solid #aaa; margin-top: 15px;}
p.mapimage{text-align: center; margin-top: 25px;}
p.mapimage img{width: 600px;}


/*Testimonials */

.quote {padding-top:10px; border-top:1px dotted #808080; margin-top: 15px;}
.quote img{ width: 250px; float: right; margin-left: 35px;}
.quote p{ width: 620px;}
.quoteby {
color:#333333;
font-weight:bold;
margin-top: 15px;
}

/* About */
#aboutimg, #homeimg, #servimg, #main_image img, .quote img{padding: 5px; border: 1px solid #007568; background: #CCCCCC;}
#resume{list-style-type: disc; padding-left: 30px; margin-bottom: 20px; }
#resume li{margin-top: 15px;}

/* Contact */
#contactform{margin-top: 30px;}
#contacttable td{padding: 5px 0; vertical-align: top;}
.linklist{margin-top: 30px; padding-bottom: 20px; line-height: 150%;}


#eocont{ height: 20px; background: #ffffff url(../images/body_btm.png) no-repeat;}
/*
#footer{ height: 100px; font-size: 80%; padding: 0 25px; margin-top: 25px; border: 1px solid #00cc33; color: #EEEEEE; background-color: #400F00;}
*/
#footer{clear: both; background: url(../images/footer.png) no-repeat; text-align:right; height: 50px; padding-top: 20px; padding-right: 25px; font-size: 75%;}

.copyright{color: #ffffff;}

ul#bottomnav{float: right; /*margin-top: 70px; */}
ul#bottomnav li{display: inline; padding: 0px 10px;}
ul#bottomnav li a{}