html { height: 100%; margin-bottom: 1px; }

BODY {
margin-top: 10px;
background-color: #ffffff;
font-size : 10pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 130%;
color: #222222;
background-image: url('images/paws1bg.jpg')
 }


 
#wrapper {
width: 950px;
margin-right: auto;
margin-left: auto;
background-color: #e2d184;
border: thin ridge #504dce;
padding: 10px;
}

#top {
width: 950px;
height: 250px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0;
background-image: url('topbak2.jpg')

}

#heading {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 700px;
}

#main {
width: 700px;
min-height: 452px;
background-color: #ffffff;
border:  solid 1px;
border-color: #232f34;
border-width: 1px 1px;
margin-top: -330px;
margin-bottom: 0px;
padding: 0;
float: right;
}

#mainterms {
width: 700px;
min-height: 1452px;
background-color: #ffffff;
border:  solid 1px;
border-color: #232f34;
border-width: 1px 1px;
margin-top: -330px;
margin-bottom: 0px;
padding: 0;
float: right;
}

#mainterms2 {
width: 640px;
background-color: #ffffff;
border:  solid 1px;
border-color: #232f34;
border-width: 1px 1px;
margin-bottom: 0px;
padding: 0;
float: right;
}



#menu {
width: 250px;
margin-left: 10px;
margin-top: -60px;
margin-bottom: 0px;
}


#links {
padding: 10px;
}



#footer {
width: 958px;
height: 30px;
background-color: #cfb1a6;
border: solid 1px;
border-color: #232f34;
margin-top: 0px;
margin-bottom: 0px;
color: #363823;
font-size: 10pt;
font-family: arial,geneva;
font-weight: bold;
font-style: italic;
}


#footer2 {
width: 958px;
height: 30px;
background-color: #cfb1a6;
border: solid 1px;
border-color: #232f34;
margin-left: -1px;
margin-top: 0px;
margin-bottom: 0px;
color: #363823;
font-size: 10pt;
font-family: arial,geneva;
font-weight: bold;
font-style: italic;
}

#player {
width:400px;
height: 300px;
border: solid 2px;
border-color: #504dce;
}


/* HEADING STYLES */

H1 {
color:  #222222;
font-size : 24px;
font-family : Arial, Helvetica, Sans-Serif;
margin-top: 10px;
text-align: right;
padding: 0;
font-weight: normal;
text-aling: right;
}



H2 {
color:  #efefef;
background-color: #504dce
;
font-size : 18px;
font-family : Arial, Helvetica, Sans-Serif;
text-align: left;
font-weight: bold;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
padding: 6px;
}

H2.terms {
color:  #222222;
background-color: #9c9ce7;
font-size : 12px;
font-family : Arial, Helvetica, Sans-Serif;
text-align: left;
font-weight: bold;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
padding: 6px;
}


H3 {
color:  #000000;
font-size : 11px;
font-family : Arial, Helvetica, Sans-Serif;
text-align: right;
margin-top: 0px;
margin-bottom: 0px;
}


/* END HEADING STYLES */


/* PARAGRAPH STYLES */

 
P { 
font-size : 10pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 130%;
color: #3a4856;
margin-top: 10px;
margin-left: 20px;
margin-right: 22px;
margin-bottom: 0px;
 } 


P.leftcap { 
font-size : 9pt;
text-align: right;
font-style: italic;
font-family : Arial, Helvetica, sans-serif;
color: #3a4856;
margin-top: 20px;
margin-left: 20px;
margin-right: 40px;
margin-bottom: 0px;
 }
 
  
P.mainlast { 
font-size : 10pt;
text-align: justify;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height: 130%;
color: #3a4856;
margin-top: 0px;
margin-left: 190px;
margin-right: 24px;
margin-bottom: 0px;
 }
 
 
/* PARAGRAPH STYLES */




/* IMAGE STYLES */



img.right {
float: right;
margin-left: 20px;
margin-right: 20px;
border: thin ridge;
margin-top: 0px;
margin-bottom: 0px;
padding: 0;
}



img.left {
float: left;
clear: left;
margin-left: 0px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
border: 0;
padding: 0px;
}

img.stars {
float: left;
margin-left: -10px;
margin-top: 8px;
margin-right: 20px;
margin-bottom: 0px;
border: 0;
padding: 0px;
}


/* END IMAGE STYLES */



/* IDs FOR ROLLOVERSS */


#home{ display: block; width: 221px; height: 34px; background: url("images/homebut.gif") no-repeat 0 0; } #home:hover { background-position: 0 -33px; } #home span { display: none; } 


#about{ display: block; width: 221px; height: 34px; background: url("images/aboutbut.gif") no-repeat 0 0; } #about:hover { background-position: 0 -33px; } #about span { display: none; }

#test{ display: block; width: 221px; height: 34px; background: url("images/testbut.gif") no-repeat 0 0; } #test:hover { background-position: 0 -33px; } #test span { display: none; }

#walks{ display: block; width: 221px; height: 34px; background: url("images/walksbut.gif") no-repeat 0 0; } #walks:hover { background-position: 0 -33px; } #walks span { display: none; }

#tandc{ display: block; width: 221px; height: 34px; background: url("images/termsbut.gif") no-repeat 0 0; } #tandc:hover { background-position: 0 -33px; } #tandc span { display: none; }

#gallery{ display: block; width: 221px; height: 34px; background: url("images/gallerybut.gif") no-repeat 0 0; } #gallery:hover { background-position: 0 -33px; } #gallery span { display: none; }

#videos{ display: block; width: 221px; height: 34px; background: url("images/videosbut.gif") no-repeat 0 0; } #videos:hover { background-position: 0 -33px; } #videos span { display: none; }

#contact{ display: block; width: 221px; height: 34px; background: url("images/contactbut.gif") no-repeat 0 0; } #contact:hover { background-position: 0 -33px; } #contact span { display: none; }


/* END IDs FOR ROLLOVERSS */


/* END IDs FOR ROLLOVERSS */

/* STANDARD LINKS */

a:link { color: #363823;
font-size: 10pt;
font-family: arial,geneva;
text-decoration: none;
font-weight: bold;
}

a:visited { color: #363823;
font-size: 10pt;
font-family: arial,geneva;
text-decoration: none;
font-weight: bold;
}


a:hover { color: #faeddc;
font-size: 10pt;
font-family: arial,geneva;
text-decoration: none;
font-weight: bold;
}

/* TOP EMAIL LINK */

a.email:link { color: #363823;
font-size: 9pt;
font-family: arial,geneva;
text-decoration: none;
font-weight: bold;
}

a.email:visited { color: #363823;
font-size: 9pt;
font-family: arial,geneva;
text-decoration: none;
font-weight: bold;
}

a.email:hover { color: #cccccc;
font-size: 9pt;
font-family: arial,geneva;
text-decoration: none;
font-weight: bold;
}

/* INLINE LINKS */


a.inline:link { color: #363823;
font-size: 10pt;
font-family: arial,geneva;
text-decoration: none;
font-weight: bold;
}

a.inline:visited { color: #363823;
font-size: 10pt;
font-family: arial,geneva;
text-decoration: none;
font-weight: bold;
}

a.inline:hover { color: #aaaaaa;
font-size: 10pt;
font-family: arial,geneva;
text-decoration: none;
font-weight: bold;
}




/* LISTS */


LI {
font-size : 9pt;
color: #222222;
font-weight: normal;
text-align: justify;
font-family : Arial, Helvetica, sans-serif;
line-height: 130%;
margin-top: 0px;
margin-left: 10px;
margin-right: 30px;
margin-bottom: 12px;
}

#imgmenu {position:relative; top:0px; left:0px; width:150px; background-color:#fff; z-index:100; float: left; margin-right: 24px;} 
#imgmenu .p1 {display:block; width:150px; height:100px; text-decoration:none; background:#fff; top:0; left:0; border:3px solid #cfb1a6;} 
#imgmenu .p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;} 
#imgmenu .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;} 
#imgmenu .p1:hover .large {display:block; position:absolute; top:100px; left:168px; width:520px; height:448px; border:5px solid #cfb1a6;} 
#info {z-index:100; height:22em;} 

#imgmenul {position:relative; top:0px; left:0px; width:150px; background-color:#fff; z-index:100; float: right; margin-right: 0px;} 
#imgmenul .p1 {display:block; width:150px; height:100px; text-decoration:none; background:#fff; top:0; left:0; border:1px solid #ffffff;} 
#imgmenul .p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;} 
#imgmenul .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;} 
#imgmenul .p1:hover .large {display:block; position:absolute; top:220px; left:-540px; width:676px; height:430px; border:1px solid #ffffff;} 
#info {z-index:100; height:22em;} 

#imgmenul2 {position:relative; top:0px; left:0px; width:150px; background-color:#fff; z-index:100; float: right; margin-right: 0px;} 
#imgmenul2 .p1 {display:block; width:150px; height:100px; text-decoration:none; background:#fff; top:0; left:0; border:1px solid #ffffff;} 
#imgmenul2 .p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;} 
#imgmenul2 .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;} 
#imgmenul2 .p1:hover .large {display:block; position:absolute; top:220px; left:-390px; width:676px; height:430px; border:1px solid #ffffff;} 
#info {z-index:100; height:22em;} 

#imgmenul3 {position:relative; top:0px; left:0px; width:150px; background-color:#fff; z-index:100; float: right; margin-right: 0px;} 
#imgmenul3 .p1 {display:block; width:150px; height:100px; text-decoration:none; background:#fff; top:0; left:0; border:1px solid #ffffff;} 
#imgmenul3 .p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;} 
#imgmenul3 .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;} 
#imgmenul3 .p1:hover .large {display:block; position:absolute; top:220px; left:-240px; width:676px; height:430px; border:1px solid #ffffff;} 
#info {z-index:100; height:22em;} 

#imgmenul4 {position:relative; top:0px; left:0px; width:150px; background-color:#fff; z-index:100; float: right; margin-right: 0px;} 
#imgmenul4 .p1 {display:block; width:150px; height:100px; text-decoration:none; background:#fff; top:0; left:0; border:1px solid #ffffff;} 
#imgmenul4 .p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;} 
#imgmenul4 .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;} 
#imgmenul4 .p1:hover .large {display:block; position:absolute; top:-220px; left:-140px; width:676px; height:430px; border:1px solid #ffffff;} 
#info {z-index:100; height:22em;}


#imgmenur {position:relative; top:0px; left:0px; width:150px; background-color:#fff; z-index:100; float: left; margin-right: 20px;} 
#imgmenur .p1 {display:block; width:150px; height:113px; text-decoration:none; background:#fff; top:0; left:0; border:0; border:3px solid #cfb1a6;} 
#imgmenur .p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;} 
#imgmenur .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;} 
#imgmenur .p1:hover .large {display:block; position:absolute; top:10px; left:170px; width:610px; height:450px; border:5px solid #cfb1a6;} 
#infor {z-index:200; height:22em;}