/**************************************************************
   SOURCE:  http://www.paulpgriffin.com/css/zoom/css_zoom.html
	    Original idea from http://www.simplebits.com/
   DATE:    2006.09.09
   PURPOSE: Photo Gallery of Sale Horses
 **************************************************************/
body {
  text-align: left;
  font: 400 0.8em verdana, arial, sans-serif;
  color: #ffffff;
  background: #151c54;
}

h1 {   
  font: 700 2.5em "trebuchet ms", serif;
  color: #FFF;
}

h2 {
  font: 400 1.5em "trebuchet ms", serif;
  color: #cab388;
}

h3 {
  font: 400 1.3em "trebuchet ms", serif;
  color: #d5c4a1;
}

h4 {
  font: 700 1.2em "trebuchet ms", serif;
  color: #e0d4bb;
}

h5 {
  font: 700 1.1em "trebuchet ms", serif;
  color: #e3dcc0;
}

h6 {
  font: 700 1em "trebuchet ms", serif;
  color: #ede7d0;
}


h1, h2, h3, h4, h5, h6, p, dl {
  margin: 0;
  padding: 5px 10px;
}

a {
  color: #cdd4ed;
}

a:hover {
  color: #FFF;
}

.line {
	font: italic .9em "trebuchet ms", serif;
	color: #e3dcc0;
}

#zoom {
  width:450px;
  margin:20px;
  padding:5px;
}

#zoom p {
  clear: both;
  padding:0;
  margin:0;
}

#zoom a img {
  float: left;
  height:94px;
  width:125px;
  border:1px solid #FFF;
  margin:0 0 5px 5px;
} 

#zoom a:hover img {
  width:300px;
  height:225px;
}

/* For some reason, this rule makes the effect work in IE. */

#zoom a:hover {
  padding:0;  
}