@charset "UTF-8";
/* CSS Document */
.change-bg {
    width: 200px;
    height: 50px;
    background: #fff;
	z-index:300;
}
.gallerycontainer{
	position: absolute;
	left: 47px;
	top: 365px;
	height: 206px;
	z-index:100;
}

.thumbnail img{
border: 0;
margin: 0px 20px 0px 0;
z-index:100;
}

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

.thumbnail:hover img{
border: 0;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 0;
left: -1000px;
top: 50px;
border: 0;
visibility: hidden;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 400px;
top: -360px;
z-index: 0;
}

.gallerytweetcontainer{
	position: absolute;
	left: 69px;
	top: 434px;
	height: 81px;
	width: 582px;
}

.tweetthumbnail img{
border: 0;
margin: 0px 20px 0px 0;
z-index:100;
}

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

.tweetthumbnail:hover img{
border: 0;
}

.tweetthumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 0;
left: -1000px;
top: 50px;
border: 0;
visibility: hidden;
text-decoration: none;
}

.tweetthumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0;
}

.tweetthumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 100px;
top: 11px;
z-index: 50;
}
.thumbnail-item { 
 /* position relative so that we can use position absolute for the tooltip */
 position: relative; 
 float: left;  
 margin: 0px 5px; 
}

.thumbnail-item a { 
 display: block; 
}

.thumbnail-item img.thumbnail {
 border:0; 
}
  
.tooltip { 
 /* by default, hide it */
 display: none; 
 /* allow us to move the tooltip */
 position: absolute; 
 /* align the image properly */
 padding: 8px 0 0 8px; 
}

 .tooltip span.overlay { 
  /* the png image, need ie6 hack though */
  background: url(images/overlay.png) no-repeat; 
  /* put this overlay on the top of the tooltip image */
  position: absolute; 
  top: 0px; 
  left: 0px; 
  display: block; 
  width: 350px; 
  height: 200px;
 }
 #image1gallery {
	height: 190px;
	width: 160px;
	position: absolute;
	left: 0px;
	top: 384px;
	z-index:50;
 }
#cube1 {
	height: 605px;
	width: 470px;
	position: absolute;
	position:fixed;
	z-index:0;
    left: 50%;
}

#image1gallery:hover + #cube1 { background-image:url('images/gallchicken.jpg'); opacity:1; transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;}
 #image2gallery {
	height: 190px;
	width: 160px;
	position: absolute;
	left: 179px;
	top: 384px;
	z-index:50;
 }
#cube2 {
	height: 605px;
	width: 470px;
	position: absolute;
	position:fixed;
	z-index:0;
    left: 50%;
}

#image2gallery:hover + #cube2 { background-image:url('images/gallchair.jpg'); opacity:1; transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;}
 #image3gallery {
	height: 190px;
	width: 160px;
	position: absolute;
	left: 358px;
	top: 384px;
	z-index:50;
 }
#cube3 {
	height: 605px;
	width: 470px;
	position: absolute;
	position:fixed;
	z-index:0;
    left: 50%;
}

#image3gallery:hover + #cube3 { background-image:url('images/gallsheep.jpg'); opacity:1; transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;}
 #image4gallery {
	height: 190px;
	width: 160px;
	position: absolute;
	z-index:50;
	left: 537px;
	top: 384px;
 }
#cube4 {
	height: 605px;
	width: 470px;
	position: absolute;
	position:fixed;
	z-index:0;
    left: 50%;
}

#image4gallery:hover + #cube4 { background-image:url('images/galltulip.jpg'); opacity:1; transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;}
#image5gallery {
	height: 190px;
	width: 160px;
	position: absolute;
	left: 716px;
	top: 384px;
	z-index:50;
 }
#cube5 {
	height: 605px;
	width: 470px;
	position: absolute;
	position:fixed;
	z-index:0;
    left: 50%;
	}

#image5gallery:hover + #cube5 { background-image:url('images/gallvenice.jpg'); opacity:1;
transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out; }
#image6gallery {
	height: 190px;
	width: 160px;
	position: absolute;
	left: 895px;
	top: 384px;
	z-index:50;
 }
#cube6 {
	height: 605px;
	width: 470px;
	position: absolute;
	position:fixed;
	z-index:0;
    left: 50%;
}

#image6gallery:hover + #cube6 { background-image:url('images/gallswirl.jpg'); opacity:1;
transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out; }

 #image7gallery {
	height: 190px;
	width: 160px;
	position: absolute;
	left: 1074px;
	top: 384px;
	z-index:50;
 }
#cube7 {
	height: 605px;
	width: 470px;
	position: absolute;
	position:fixed;
	z-index:0;
    left: 50%;
}

#image7gallery:hover + #cube7 { background-image:url('images/gallroses.jpg'); opacity:1; transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;}
 #image8gallery {
	height: 190px;
	width: 160px;
	position: absolute;
	left: 1253px;
	top: 384px;
	z-index:50;
 }
#cube8 {
	height: 605px;
	width: 470px;
	position: absolute;
	position:fixed;
	z-index:0;
    left: 50%;
}

#image8gallery:hover + #cube8 { background-image:url('images/gallwoak.jpg'); opacity:1; transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;}
 #image9gallery {
	height: 190px;
	width: 160px;
	position: absolute;
	left: 1432px;
	top: 384px;
	z-index:50;
 }
#cube9 {
	height: 605px;
	width: 470px;
	position: absolute;
	position:fixed;
	z-index:0;
    left: 50%;
}

#image9gallery:hover + #cube9 { background-image:url('images/gallcordoba.jpg'); opacity:1; transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;}
#image10gallery {
	height: 190px;
	width: 160px;
	position: absolute;
	left: 1611px;
	top: 384px;
 }
#cubelast {
	height: 605px;
	width: 470px;
	position: absolute;
	position:fixed;
	z-index:0;
    left: 50%;
}

#image10gallery:hover + #cubelast { background-image:url('images/gall5.jpg'); opacity:1;
transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out; }

.fade {
   opacity: 0;
   transition: opacity 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out;
   -webkit-transition: opacity 1s ease-in-out;
   }

   #image5gallery:hover {
      opacity: 1;
      }
	  
#home{
	width: 140px;
	height: 25px;
	position: absolute;
	z-index:390;
	left: 812px;
	top: 25px;
}
#gallscroll {
	height: 645px;
	width: 917px;
	position: absolute;
	overflow:scroll;
	overflow-y: hidden;
	left: 39px;
	top: 26px;
	z-index:200;
}
#copyright{
	width: 539px;
	height: 37px;
	position: absolute;
	top: 325px;
	left: 39px;
	z-index: 150;
}
.copyright {
	font-family: 'SabonRoman', sans-serif;
	color: #9d9187;
	text-align: left;
	padding-top: 0;
	font-size: 0.9em;
	line-height: 140%;	
}