/* MySanibelBeachCondo - 20-jul-06, photo gallery */

#gallery {
	position: relative; width: 650px; height: 396px; 
	margin: 20px auto 0; 
    background: #fff url("../img/photos/windsurfer-80.jpg") no-repeat 240px 50px;
	border: 1px solid #fff;	/* fix IE6 margin collapse */
	}
#gallery h2 {
	color: #79a;
	border: 1px solid #fff;
	margin: 0 0 0px 240px;
}
#gallery p {
	width: 178px;
	xfont: bold 1em/1.5 Verdana, Arial, Helvetica, sans-serif;
	color: #369;
	border: 1px solid #fff;
	margin: 0 15px;
	}
#gallery ul {
    float: left;
    width: 176px; height: 271px;
	list-style-type: none; 
	background: #def;
    margin: 10px; padding: 0; 
    }
#gallery li {
    float: left;
    }
#gallery a.gallery:hover span,
#gallery a.gallery:focus span {
    position: absolute; 
    top: 44px; left: 232px; 
    width: 416px; height: 350px; 
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
    color: #7ac; 
    background: #fff;
    }
#gallery a.gallery span { /* load images here */
    position: absolute; 
    width: 1px; height: 1px; 
    top: 5px; left: 5px; 
    overflow: hidden; 
    background: #fff;
    }
#gallery a.gallery span img{
	xbackground: #eee;
	border: 1px solid;
	border-color: #ccc #999 #999 #ccc;
    padding: 5px;
    }
#gallery a.gallery, #gallery a.gallery:visited {
    display: block; 
    width: 80px; height: 60px;
    xcolor: #cde; 
    text-decoration: none; 
    border: 1px solid #fff; 
    padding: 3px; 
    xtext-align: left; 
    cursor: default;
    }
#gallery a.gallery:hover,
#gallery a.gallery:focus {
    border: 1px solid #999; 
    }
	
#gallery a.slide2 {background: url(../img/photos/thumb2.gif) no-repeat 3px 3px;}
#gallery a.slide3 {background: url(../img/photos/thumb3.gif) no-repeat 3px 3px;}
#gallery a.slide4 {background: url(../img/photos/thumb4.gif) no-repeat 3px 3px;}
#gallery a.slide5 {background: url(../img/photos/thumb5.gif) no-repeat 3px 3px;}
#gallery a.slide6 {background: url(../img/photos/thumb6.gif) no-repeat 3px 3px;}
#gallery a.slide7 {background: url(../img/photos/thumb7.gif) no-repeat 3px 3px;}
#gallery a.slide8 {background: url(../img/photos/thumb8.gif) no-repeat 3px 3px;}
#gallery a.slide9 {background: url(../img/photos/thumb9.gif) no-repeat 3px 3px;}