a { outline: none; }




*{
margin:0; 
padding:0;
}



BODY{
background-image:url(images3/web_background.gif);
background-position:center;

}



#wrapper{
background-image:url(images3/wrapper_grad.png);
width:800px;
height:100%;
margin-left:auto;
margin-right:auto;
margin-bottom:0%;
margin-top:0px;
border-left:3px solid white;
border-right:3px solid white;

}

#header{
width:800px;
margin:0px;
height:165px;
border-top:3px solid white;
border-bottom:3px solid white;
background-color:transparent;
background-image:url(images3/header_back.png);
background-position:center;
}


#logo{
float:left;
width:315px;
padding-top:20px;
padding-left:33px;

}

#pic_topleft{
float:left;
margin:0px;
padding:5px;

}

#pic_topright{
float:right;
margin:0px;
padding:5px;
z-index:1;

}

#left {
float:left;
margin:0px;
height:650px;
width:215px;
background-color:transparent;
background-image:url(images3/body_grad.png);
}

#right {
float:right;
margin:0px;
height:650px;
width:215px;
background-color:transparent;
background-image:url(images3/body_grad.png);

 }

#numbers{
top:192px;
margin-left:auto;

}

#center {
font-family:verdana,geneva,arial,sans-serif;
text-align:justify;
color:white;
line-height:1.15em;
padding-top:20px;
background-image:url(images3/body_grad.png);
margin-right:215px;
height:432px;              /*432px*/
min-height:100%;
margin-left:215px;
padding-bottom:25%;
border-left:3px solid white;
border-right:3px solid white;

}

h3{
color:white;
font-family:verdana,geneva,arial,sans-serif;
text-align:center;
padding:15px 0px 0px 0px;
margin:0px;
text-decoration:none;
}

#main{
font-family:verdana,geneva,arial,sans-serif;
text-align:justify;
width:310px;
height:432px;
line-height:1.2em;
margin-left:auto;
margin-right:auto;
padding-top:20px;

}

#main,#para1,#para2,#para3{
font-size:14px;
color:white;
margin:0px;
padding:15px;

line-height:1.25em;

}



h3 .title{
color:white;
margin-top:20px;
padding:5px;
line-height:1.5em;
padding-bottom:20px;
}

.back{
font-family:verdana,geneva,arial,sans-serif;
margin-left:255px;
color:white;
margin-top:-30px;
padding:5px;
line-height:1.5em;
font-weight:bold;
text-decoration:none;
}


#contact1{
padding:20px 0px 20px 15px;

}

#contact_para1{
padding:20px 0px 20px 15px;
line-height:1.5em;
font-size:16px;

font-weight:bold;
}


#contact2{
padding:20px 0px 20px 15px;

}

#click{
color:white;
font-size:16px;
font-weight:bold;
}





#pic_bottomleft{
position:static;
top:75%;                 /*440px*/
margin:0px;
padding:5px 5px 5px 7px;
padding-top:107px;

}

#pic_bottomright{
top:75%;
margin:0px;
padding:5px 5px 5px 8px;
padding-top:183px;

}
                                     /* Navigation */

ul,li{
font-size:14px;
color:white;
margin:0px;
padding:5px;

} 


* ul,li{list-style-type: none;}*


#menu12 {
	width: 200px;
	margin: 10px;
        list-style-type: none;
        font-family:verdana,geneva,arial,sans-serif;

	}
	
#menu12 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 22px;
	text-decoration: none;
        list-style-type: none;
	}	
	
#menu12 li a:link, #menu12 li a:visited {
	color: #666;
	display: block;
	background:  url(images3/menu12.gif);
	padding: 10px 0 0 35px;
	}
	
#menu12 li a:hover {
	color: #000;
	background:  url(images3/menu12.gif) 0 -32px;
	padding: 10px 0 0 35px;
	}





                                                
  

  /*           equine navigation                               */
#kruuse{
color:white;}


#footer {
 
 width:798px;
top:600px;
  clear:both; 
 text-align: center; 
 padding: 10px 2px 10px 0px;  
color: white;
  font: 1.0em verdana,geneva,arial,sans-serif; 
 border-top:3px solid white;
  border-bottom:3px solid white; 
 background-image:url(images3/web_background.gif); 
 background-position:center;
}




/*Gallery CSS*/


#galleryheader{
height:420px;
width:524px;
float:right;
margin-right: 22px;
margin-top:110px;
border:1px solid black;
padding: 45px 24px 0px 0px;
background-color:gray
}


.gallerycontainer{
background-image:url(gallery/gall_background.png);
position: relative;
height:650px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: -9px 5px 15px 5px;
}


.thumbnail2 img{
float:right;
border: 1px solid white;
margin: -9px 5px 15px 5px;
}


.thumbnail:hover{
background-color: transparent;
}

.thumbnail2:hover{
background-color: transparent;
}



.thumbnail:hover img{
border: 1px solid white;
}

.thumbnail2:hover img{
border: 1px solid white;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:gray;
padding: 5px;
padding-top:25px;
top:-200px;
left: -1000px;
border: 1px solid white;
visibility: visible;
color: black;
text-decoration: none;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position:absolute;
height:420px;
width:516px;
background-color:gray;
padding: 5px;
padding-top:12px;
padding-bottom:3px;
top:100px;
left: -1000px;
border: 1px solid white;
visibility: visible;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width:10px;
padding: 2px;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
margin-top:5px;
border-width:10px;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
font-family:verdana,geneva,arial,sans-serif;
color:white;
position:absolute;
visibility: visible;
margin-top:110px;
top:0;
left: 135px; /*position where enlarged image should offset horizontally */
z-index: 50;

}

.thumbnail2:hover span{ /*CSS for enlarged image*/
font-family:verdana,geneva,arial,sans-serif;
color:white;
position:absolute;
visibility: visible;
margin-top:110px;
top:0;
left: 136px; /*position where enlarged image should offset horizontally */
z-index: 50;
}