*{

margin:0 auto;

padding:0;

}



body{

font-family:Helvetica,Arial,sans-serif;

font-size:12px;

background-color:#adca86;

}

img{

border:none;

}



#pagewraper{

position:relative;

width:950px;

height:895px;

background-image:url(images/mainbg.jpg);

background-repeat:no-repeat;

margin-top:20px;

}





#navbarcontainer{

position:relative;

width:950px;

height:110px;

 /*background-color:black; */

}





#contactus{

position:absolute;

top:30px;

left:45px;

width:162px;

height:60px;

background-image:url(images/navcontact.png);

background-repeat:no-repeat;

text-decoration:none;

list-style-type:none;

}

 

#contactus li{

list-style-type:none;

display:block;

}

#contactus a{

display:block;

text-decoration:none;

list-style-type:none;

width:162px;

height:60px;

}

#contactus a:hover{

position:absolute;

left:0px;

background-image:url(images/navcontact.png);

background-repeat:no-repeat;

background-position:0px -60px;

}

#contactus a:active{

position:absolute;

left:0px;

background-image:url(images/navcontact.png);

background-repeat:no-repeat;

background-position:0px -120px;

}

a i{

visibility:hidden;

}





#menu{

position:absolute;

top:27px;

left:220px;

width:138px;

height:78px;

background-image:url(images/navmenu.png);

background-repeat:no-repeat;

text-decoration:none;

list-style-type:none;

}

 

#menu li{

list-style-type:none;

display:block;

}

#menu a{

display:block;

text-decoration:none;

list-style-type:none;

width:138px;

height:78px;

}

#menu a:hover{

position:absolute;

left:0px;

background-image:url(images/navmenu.png);

background-repeat:no-repeat;

background-position:0px -78px;

}

#menu a:active{

position:absolute;

left:0px;

background-image:url(images/navmenu.png);

background-repeat:no-repeat;

background-position:0px -156px;

}

a i{

visibility:hidden;

}







#location{

position:absolute;

top:10px;

left:610px;

width:170px;

height:78px;

background-image:url(images/navloc.png);

background-repeat:no-repeat;

text-decoration:none;

list-style-type:none;

}

 

#location li{

list-style-type:none;

display:block;

}

#location a{

display:block;

text-decoration:none;

list-style-type:none;

width:170px;

height:78px;

}

#location a:hover{

position:absolute;

left:0px;

background-image:url(images/navloc.png);

background-repeat:no-repeat;

background-position:0px -78px;

}

#location a:active{

position:absolute;

left:0px;

background-image:url(images/navloc.png);

background-repeat:no-repeat;

background-position:0px -156px;

}

a i{

visibility:hidden;

}





#home{

position:absolute;

top:42px;

left:800px;

width:93px;

height:42px;

background-image:url(images/navhome.png);

background-repeat:no-repeat;

text-decoration:none;

list-style-type:none;

}

 

#home li{

list-style-type:none;

display:block;

}

#home a{

display:block;

text-decoration:none;

list-style-type:none;

width:93px;

height:42px;

}

#home a:hover{

position:absolute;

left:0px;

background-image:url(images/navhome.png);

background-repeat:no-repeat;

background-position:0px -42px;

}

#home a:active{

position:absolute;

left:0px;

background-image:url(images/navhome.png);

background-repeat:no-repeat;

background-position:0px -84px;

}

a i{

visibility:hidden;

}







#anicontainer{

position:relative;

top:2px;

width:900px;

height:295px;

background-color:red;

}

#animation{

z-index:1;

 width:900px;

height:295px;

position:absolute;

top:0px;

left:0px;

}

.burro{

z-index:3;

position:absolute;

top:-60px;

left:815px;

width:116;

height:146;

}

.ring{

z-index:2;

position:absolute;

top:-20px;

left:-26px;

width:950px;

height:347px;

}

.logo{

z-index:3;

position:absolute;

top:-100px;

left:330px;

width:248px;

height:145px;

}



#uppercontainer{

 width:920px;

height:480px;

position:relative;

/*background-color:blue;*/

}



#cuadrouno{

 background: url(images/sfc-II.png) no-repeat;

 z-index:2;

position:absolute;

top:-37px;

left:-15px;

width:504px;

height:525px;

font-family:sans-serif;

font-size:12px;

 }

p#text1{

padding-top:110px;

padding-left:65px;

font-weight:bold;

}

p#text2{

padding-top:6px;

padding-left:91px;

font-weight:bold;

}

.colororange{

color:#ff9833;

font-style:italic;

}

 p#date1{

font-family:sans-serif;

color:#000000;

font-size:11px;

padding-top:1px;

padding-left:90px;

 }

p#date2{

font-family:sans-serif;

color:#000000;

font-size:11px;

padding-top:2px;

padding-left:90px;

 }



#cuadrodos{

 background: url(images/historyII.png) no-repeat;

z-index:1;

position:absolute;

top:140px;

left:439px;

width:325px;

height:335px;

}

 #text3{

 font-family:Georgia;

color:#dfc39c;

padding-top:50px;

padding-right:15px;

padding-left:20px;

font-weight:bold;

}

p#thanks{

font-weight:bold;

font-family:sans-serif;

color:#dfc39c;

font-size:11px;

padding-top:3px;

padding-left:50px;

 }



 .thumbnail{

position:absolute;

top:15px;

left:444px;

z-index:1;

}

.thumbnail:hover{

background-color:transparent;

z-index:1;

}

.thumbnail span{

position:absolute;

 visibility:hidden;

text-decoration:none;

}

.thumbnail span img{

border-width:0;

 position:absolute;

top:-70px;

}

.thumbnail:hover span{

visibility:visible;

top:204px;

left:0px;

}





 .thumbnailone{

position:absolute;

top:6px;

left:793px;

z-index:1;

}

.thumbnailone:hover{

background-color:transparent;

z-index:;

}

.thumbnailone span{

position:absolute;

 visibility:hidden;

text-decoration:none;

}

.thumbnailone span img{

border-width:0;

 position:absolute;

top:-70px;

}

.thumbnailone:hover span{

visibility:visible;

top:214px;

left:-349px;

}





 .thumbnailtwo{

position:absolute;

top:15px;

left:681px;

z-index:1;

}

.thumbnailtwo:hover{

background-color:transparent;

z-index:1;

}

.thumbnailtwo span{

position:absolute;

 visibility:hidden;

text-decoration:none;

}

.thumbnailtwo span img{

border-width:0;

 position:absolute;

top:-70px;

}

.thumbnailtwo:hover span{

visibility:visible;

top:205px;

left:-236px;

}

 

 .thumbnailthree{

position:absolute;

top:15px;

left:562px;

z-index:1;

}

.thumbnailthree:hover{

background-color:transparent;

z-index:1;

}

.thumbnailthree span{

position:absolute;

 visibility:hidden;

text-decoration:none;

}

.thumbnailthree span img{

border-width:0;

 position:absolute;

top:-70px;

}

.thumbnailthree:hover span{

visibility:visible;

top:205px;

left:-118px;

}







 

 

 

 

 

 

 

 

 







#footer{

width:950px;

height:25px;

position:relative;

}

.ftgr{

padding-top:10px;

font-size:11px;

font-family:Helvetica;

font-weight:bold;

 text-align:center;

color:#ffffff;

}