/* CSS Document */
body{background-color:#999; margin-left:100px;}
h1{font-size:10px; color:#CCCCCC;}
h2{font-family:Georgia, "Times New Roman", Times, serif; 
font-size:18px; color:#999999;}
h3{font-family:Georgia, "Times New Roman", Times, serif; 
font-size:10px; color:#999999;}
a{font-family:Georgia, "Times New Roman", Times, serif; 
font-size:10px; color:#999999;}
a.mainlink{font:Georgia; color: #336699; font-size:14px; text-decoration:underline;}
a.mainlink:hover{font:Georgia; color: #336699; font-size:14px; text-decoration:none;}
#container{width:800px; background-color:#FFFFFF;}
#bedandbreakfast{ clear:both;}
#header{width:800px; background-color: #99CCCC; margin-bottom:10px;}
#leftcontainer{width:550px; float:left; padding:10px; font:Georgia; color: #336699; font-size:14px;}
#rightcontainer{width:220px;float:left; margin-left:10px; margin-top:15px;}
#heading{width:194px; padding:4px; background-image:url(images/bg.jpg); color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#holder{width:800px; border-bottom:1px dotted gray;text-align:right; }
#copyright{margin-left:10px; margin-right:20px; margin-top:10px; margin-bottom:20px; padding:3px;  background-color:#EAFBFB; color: #999999; font-size:11px;}
.greybox{width:192px; padding:4px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999; font-size:10px; border:1px dotted gray;}
#top{width:800px;}
.gallerycontainer{
margin-left:20px;
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 50px;
left: 350px; /*position where enlarged image should offset horizontally */
z-index: 50;
}