html {

height:100%; 

max-height:100%;  

padding:0; 

margin:0; 

border:0; 

font-size:80%; 

font-family: verdana, arial, sans-serif; 

background: url(images/spring.jpg) 0 0 repeat; margin-bottom: 0px;
	/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden;
/* */ }

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}
#content {display:block; height:100%; max-height:100%; overflow:auto; top:0px; padding-left:200px; padding-right:5px; position:relative; font-size:1.0em; color:#ffff90; z-index:3;}
#head {position:fixed; no-repeat; margin:0; top:0; left:0; display:block; width:190px; height:100px; background:url(images/barn_roof.gif); font-size:3.0em; z-index:4; color:#ffffc0; font-style: italic; font-weight: bold; text-align: center;}
#foot {position:fixed; margin:0; bottom:-1px; right:15px; display:block; width:100%; height:40px; background:url(images/wild_flowers.gif); color:#ffffff; text-align:right; font-size:1.2em; font-weight: bold; z-index:5;}
#left {position:fixed; no-repeat; left:0; top:100px; height:100%; width:180px; background:url(images/barn_door.gif); background-position:0 100px; font-size:1em; color:#ffff90; z-index:4;}

#puppydog {position:fixed; margin:0; left:0px; bottom:-30px; display:block; width:200px; height:250px; background:url(images/daisy.gif); z-index:4;}
#puppydog2 {position:fixed; margin:0; right:30px; bottom:12px; display:block; width:190px; height:230px; background:url(images/fendi.gif); z-index:4;}
#puppydog3 {position:fixed; margin:0; right:-2px; bottom:0px; display:block; width:190px; height:230px; background:url(images/echo.gif); z-index:4;}
#puppydog4 {position:fixed; margin:0; left:0px; bottom:20px; display:block; width:190px; height:230px; background:url(images/ginger.gif); z-index:4;}
#puppydog5 {position:fixed; margin:0; left:0px; bottom:20px; display:block; width:149px; height:180px; background:url(images/rosco.gif); z-index:4;}
#puppydog6 {position:fixed; margin:0; right:0px; bottom:8px; display:block; width:190px; height:230px; background:url(images/diesel2.gif); z-index:4;}
#earl {position:fixed; margin:0; right:0px; bottom:8px; display:block; width:335px; height:300px; background:url(images/earl300.gif); z-index:4;}
#daisy {position:fixed; margin:0; left:10px; bottom:-20px; display:block; width:200px; height:250px; background:url(images/daisy.gif); z-index:4;}
#gallery {position:absolute; margin:0; left:308px; display:block; width:760px; height:410px; z-index:4;}
#clown {position:fixed; margin:0; left:0px; bottom:20px; display:block; width:300px; height:419px; background:url(images/dewey_clown2.gif); z-index:4;}
#pumpkin {position:fixed; margin:0; right:75px; bottom:15px; display:block; width:170px; height:160px; background:url(images/jackolantern.gif); z-index:4;}
#puggles {position:fixed; margin:0; left:-5px; bottom:-18px; display:block; width:300px; height:280px; background:url(images/puggles.gif); z-index:4;}

#wv {position:absolute; margin:0; left:18px; top:260px; display:block; width:150px; height:16px; z-index:4;}
#tdi {position:fixed; margin:0; left:15px; top:260px; display:block; width:142px; height:132px; background:url(images/tdi.gif); cursor:pointer; z-index:4;}
#spa {position:fixed; margin:0; left:15px; top:260px; display:block; width:130px; height:130px; background:url(images/aspca_seal.gif); cursor:pointer; z-index:4;}
#avma {position:fixed; margin:0; left:15px; top:260px; display:block; width:142px; height:142px; background:url(images/avma.gif); cursor:pointer; z-index:4;}
#pps {position:fixed; margin:0; left:15px; top:230px; display:block; width:142px; height:132px; background:url(images/past_puppies.gif); cursor:pointer; z-index:4;}



* html #head, * html #foot,* html #left,* html #roof,* html #bumblebee,* wv {position:absolute;}

#menu { padding-left:18px; margin:-64px 0px; width:0;}

#menu li {list-style-type:none; width:130px; height:20px; margin:10px 0; clear:both;}

#menu a, #menu a:visited {position:relative; display:block; width:130px; height:20px; border:2px solid #bbbbbb; background-color:#e2e7cc; color:#000090; padding-left:3px; font-size:1em; font-family: verdana, arial, sans-serif; text-decoration:none;}

#menu a span, #menu a:visited span {display:none;}

#menu a:hover {color:#0000ff; background-color:#ffffc0; border:2px solid #00ff00; text-decoration:none;}

* html #menu a:hover span {width:8px; height:16px; w\idth:0; he\ight:0;} 

.image {
	border-style:inset;
	border-color: #e2e7cc;
	border-width:5px;
}

.image2 {
	border-style:inset;
	border-color: #cceeff;
	border-width:5px;
}


img.one 
{
border-style: dotted;
border-width: 8px;
border-color: #8510a2;
}

h1 {font-size: 3.2em; margin-left: 16%; margin-top: 0%; margin-bottom: 1%; color: #ffff90; font-family:Curlz MT,Helvetica,sans-serif,verdana,tahoma; font-weight: bold;}
h2 {font-size: 1.8em; margin-left: 26%; color: #ffffaa; font-family: verdana,tahoma,sans-serif; font-style: italic; font-weight: bold;}
h3 {font-size: 1.0em;  margin-top: 0%; margin-bottom: 0%; color: #ffffff; font-family:verdana,Helvetica,sans-serif,tahoma; font-weight: bold;}




 #fpups
{
 left:0;
}



#fpups
{
float:right;
width:220px;
padding-right:0px;
padding-top:10px;
padding-left:10px;
padding-bottom:8px;
border:0px dashed black;
text-align:center;
font-size:90%;
font-family:verdana,san-serif,algerian,courier;
color:#cceeff;
}

#feature
{
float:left;
width:90px;
padding-right:20px;
padding-top:0px;
padding-left:0px;
padding-bottom:0px;
border:0px dashed black;
text-align:left;
font-size:80%;
font-family:verdana,san-serif,algerian,courier;
color:#0000cc;
}

#mom
{
font-family:verdana,san-serif,algerian,courier;
color:#000088;
}

span

{

float:left;

width:0.9em;

font-size:300%;

font-family:san-serif,verdana,algerian,courier;

color:#00ff00;

line-height:82%;

}

#hc2

{

float:left;

width:0.7em;

font-size:300%;

font-family:san-serif,verdana,algerian,courier;

color:#00ff00;

line-height:82%;

}



#pad1 {display:block; width:18px; height:90px; float:left;}
#pad2 {display:block; width:18px; height:400px; float:left;}

#pad3 {display:block; width:18px; height:30px; float:left;}

.pad1 {display:block; height:100px;}

.pad2 {display:block; height:75px;}

.pad3 {display:block; height:8px;}
.pad4 {display:block; height:1px;}

#zoom {position:relative; top:10px; left:100px; width:75px; background-color:#fff; z-index:100;}
#zoom a.p1, #menu a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#zoom a img {border:0;}
#zoom a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#zoom a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#zoom a.p1:hover .large {display:block; position:absolute; top:-65px; left:150px; width:300px; height:300px; border:10px solid #ccc;}

#info {z-index:100; height:22em;}


.crazy1{color:red;position:relative;left:5px;top:0px; background-color: transparent;}
.crazy2{color:magenta;position:absolute;left:-2px;top:-4px; background-color: transparent;}
.crazy3{color:blue;position:absolute;left:2px;top:1px; background-color: transparent;}
.crazy4{color:yellow;position:absolute;left: 3px;top:-2px; background-color: transparent;}

#krazy_container {display:block; margin-right:5px; position:relative; padding:5px 0;}
#krazy_container h2 {margin-top:0em;}
#krazy_container h3 {clear:both; margin-top:4em;}

/* Inset 3D Curved */
.inset {background: transparent; width:97%; margin:0; auto;}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em; color:#ff0000; letter-spacing:1px;}
.inset h2 {font-size:1.2em; color:#ff0000; letter-spacing:1px;}
.inset p {padding-bottom:0.5em;}

.inset .top, .inset .bottom {display:block; background:transparent; font-size:px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#f3edf7; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#f3edf7; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#f3edf7; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#f3edf7; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#f3edf7; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#f3edf7; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; background:#ffffdd;
 border-left:1px solid #999; border-right:1px solid #fff;}



 A:link {color: rgb(0,0,255); text-decoration: none; font-size:12; font-family:verdana,sans-serif,tahoma; text-decoration: underline; background-color: transparent;}

 A:active  {color: rgb(0,0,255); text-decoration: none; font-size:12; font-family:verdana,sans-serif,tahoma; text-decoration: underline; background-color: transparent;}

 A:visited {color: rgb(0,0,255); text-decoration: none; font-size:12; font-family:verdana,sans-serif,tahoma; text-decoration: underline; background-color: transparent;}

 A:hover {color: rgb(150,0,255); text-decoration: none; font-size:12; font-family:verdana,sans-serif,tahoma; text-decoration: underline; background-color: rgb(255,255,229);}

 A.pups:link {color: rgb(0,0,255); text-decoration: none; font-size:12; font-family:verdana,sans-serif,tahoma; text-decoration: none; background-color:rgb(255,255,229);}

 A.pups:active  {color: rgb(255,0,0); text-decoration: none; font-size:12; font-family:verdana,sans-serif,tahoma; text-decoration: none; background-color: transparent;}

 A.pups:visited {color: rgb(0,0,255); text-decoration: none; font-size:12; font-family:verdana,sans-serif,tahoma; text-decoration: none; background-color:rgb(255,255,229);}

 A.pups:hover {color: rgb(150,0,255); text-decoration: none; font-size:12; font-family:verdana,sans-serif,tahoma; text-decoration: none; background-color: rgb(255,255,229);}

     #links a img {
      height: 0;
      width: 0;
      border-width: 0;
    } 


    #links a {
      display:block;
      padding-top: 110px;
    } 


    #links a:hover img {
      position: relative;
      top: -260px;
      left: -90px;
      height: 240px;
      width: 320px;
      border-width: 2px;
      border-color: #0ff;
    } 

.thumbnail {
  float: left;
  width: 139px;
  height: 145px;
  border: 1px solid #000;
  margin: 0 15px 15px 0;
  padding: 5px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}