/*----------------------------+
 | Site: Kismet     			    |
 +----------------------------*/

 
@import url("reset.css");


/* Core layout 
======================================================================*/
body {background:#d6e5d9 url(../images/core/shaggydog-bg.gif) no-repeat center top; font:12px Arial, Verdana; color:#516451;}
.clear {clear:both;}
#background_green {background: url(../images/core/green-repeat.gif) repeat-x 0 408px;}
#container {width:840px; margin:0 auto;}
  #logo_banner {height:120px; width:840px;}
  #flash {width:840px; height:280px; overflow:hidden;}
	
#content_container  {width:840px; padding:15px 0 0 0;}
	#sub-banner { width: 836px; height: 196px; margin-bottom: 1.8em; border: 2px solid #84A084; }
  #content_left     {width:600px; float:left;}
  #cta_right        {width:191px; float:right; background: url(../images/core/cta-cat.gif) no-repeat center top; padding:70px 10px 15px 10px; font-size:11px;}
  #footer           {border-top:1px solid #84a084; border-bottom:1px solid #84a084; padding:10px 0 10px 0; margin:20px 0 10px 0; font-size:11px; line-height:18px; clear:both;}
  #map {border:1px solid #84a084; margin:0 0 20px 0;}




/* Navigation layout 
======================================================================*/
ul.nav {list-style:none; width: 840px; height:41px; display: inline-block; clear: both;}
ul.nav li {float:left; height:41px; overflow:hidden;}
ul.nav li a {display:block; height:41px; text-indent:-9999px;}
ul.nav li a:hover {background-position:0 -41px!important;}

ul.nav li#home      a {background: url(../images/navigation/home.gif) no-repeat 0 0; width: 76px;} 
ul.nav li#dog       a {background: url(../images/navigation/dog.gif) no-repeat 0 0; width: 170px;} 
ul.nav li#cat       a {background: url(../images/navigation/cat.gif) no-repeat 0 0; width: 160px;} 
ul.nav li#info      a {background: url(../images/navigation/info.gif) no-repeat 0 0;width: 218px;} 
ul.nav li#contact   a {background: url(../images/navigation/booking_contact.gif) no-repeat 0 0;width: 216px;} 


.p-home     ul.nav li#home    a {background: url(../images/navigation/home.gif) 0 0 no-repeat; background-position:0 -41px !important; width: 76px;} 
.p-dog      ul.nav li#dog     a {background: url(../images/navigation/dog.gif) 0 0 no-repeat; background-position:0 -41px !important; width: 170px;} 
.p-cat      ul.nav li#cat     a {background: url(../images/navigation/cat.gif) 0 0 no-repeat; background-position:0 -41px !important; width: 160px;} 
.p-info     ul.nav li#info    a {background: url(../images/navigation/info.gif) 0 0 no-repeat; background-position:0 -41px !important;width: 218px;} 
.p-contact  ul.nav li#contact a {background: url(../images/navigation/booking_contact.gif) 0 0 no-repeat; background-position:0 -41px !important;width: 216px;} 

a {text-decoration:none; color:#af2b0c; font-weight:bold;}
a:hover {color:#007b00;}

#footer a {font-weight:normal; color:#648464;}


 /* Font Style
======================================================================*/
h1, h2, h3 {padding:0 0 15px 0;}
.p-home     h1 {text-indent:-9999px; width:540px; height:35px; overflow:hidden; background: url(../images/core/h1-home.gif) 0 0 no-repeat;}
.p-dog      h1 {text-indent:-9999px; width:540px; height:35px; overflow:hidden; background: url(../images/core/h1-dog.gif) 0 0 no-repeat;}
.p-cat      h1 {text-indent:-9999px; width:540px; height:35px; overflow:hidden; background: url(../images/core/h1-cat.gif) 0 0 no-repeat;}
.p-info     h1 {text-indent:-9999px; width:540px; height:35px; overflow:hidden; background: url(../images/core/h1-info.gif) 0 0 no-repeat;}
.p-contact  h1 {text-indent:-9999px; width:540px; height:35px; overflow:hidden; background: url(../images/core/h1-contact.gif) 0 0 no-repeat;}
.pricing { text-indent:-9999px; width:86px; height:35px; overflow:hidden; background: url(../images/core/h2-pricing.gif) 0 0 no-repeat; }
.contact_form { text-indent:-9999px; width:160px; height:35px; overflow:hidden; background: url(../images/core/h2-contactform.gif) 0 0 no-repeat; }

h2 {font:16px Arial, Verdana; color:#333;}
h3 {font:16px Arial, Verdana; color:#6a4b39;}
h4 {font:12px Arial, Verdana; color:#333; padding:0 0 5px 0;}
h5 {font:12px Arial, Verdana; color:#516451; padding:0 0 5px 0;}

p {color:#666; line-height:18px; padding:0 0 10px 0;}

ul.list {padding:0 0 15px 0; list-style:disc; margin:0 0 0 15px;}
ul.list li {line-height:18px; padding:0 0 5px 15px;}
ul.no-list { list-style:none; margin:0 0 20px 0; line-height: 1.6em;}

/* Extras 
======================================================================*/
.right {float:right;}
.left {float:left;}
.left1 {float:left; width: 250px; }

.right-img {float:right; width:130px; clear:both; margin:0 10px 10px 10px; border:5px solid #FFFFFF;}

p.fancy_link {padding:7px 0 7px; border-top:1px solid #b3c6b4; border-bottom:1px solid #b3c6b4; margin:0 0 15px 0; text-align:center;}
#cta_right img {padding:1px; border:5px solid #fff; background-color:#666; margin:0 0 10px 3px;}

ul.gallery { padding:15px 0 10px 0;}
ul.gallery li {float:left; height:200px; width:280px; text-align:center;}
ul.gallery li img {padding:1px; border:5px solid #fff; background-color:#666;}

hr {border:none; border-bottom:1px solid #b3c6b4; height:1px; margin:0 0 15px 0;}
hr.important {border:none; border-bottom:2px solid #b3c6b4; height:1px; margin:0 0 15px 0;}

dl#cat-information { padding-bottom:20px; margin-bottom:20px;}
dl#cat-information h2, dl#dog-information h2 {height:35px; text-indent:-9999px; display:block; background:url('../images/core/h2-cat_information.gif') no-repeat 0 0; border-bottom:1px solid #b3c6b4; margin-bottom:10px;}
dl#dog-information h2 {background-image:url('../images/core/h2-dog_information.gif');}
dl#dog-information {display:block; padding-bottom:20px;}
dl#dog-information dt, dl#cat-information dt {padding-bottom:10px;}
dl#dog-information dt a, dl#cat-information dt a {font:16px Arial, Verdana; color:#6a4b39; padding-bottom:10px; cursor:pointer;}
dl#dog-information dt a:hover, dl#cat-information dt a:hover {color:#f00; cursor:pointer;}

dl#dog-information dd, dl#cat-information dd { line-height:20px; padding:10px; background:#e7f5e9; margin-bottom:15px; border-bottom:1px solid #b3c6b4; border-top:1px solid #b3c6b4;}

dl dd table {text-align:center; padding-bottom:15px;}
 /* Form Style
======================================================================*/