/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  body { text-align: center;
    font-family: tahoma;
    font-size: 76%;
    letter-spacing: 0.05em;
    }

  #container {
	border: 1px solid rgb(170, 170, 170);
	margin: 5px;
	background: rgb(0, 0, 0) url(white_boat_walberswicka.jpg) no-repeat scroll left center;
	-moz-background-clip: initial;
	-moz-background-origin: initial;
	-moz-background-inline-policy: initial;
	width: 900px;
	padding-left: 20px;
	height: 540px;
	float: none;
	clear: none;
    }

  #container ul { margin: 5px;
    padding: 0pt;
    list-style-type: none;
    float: right;
    background-color: rgb(0, 0, 0);
    display: inline;
    height: 500px;
    width: 330px;
    }

  #container li { float: left;
    background-color: rgb(0, 0, 0);
    }

  #container a.gallery, #container a.gallery:visited { border: 1px solid rgb(0, 0, 0);
    margin: 1px 2px;
    display: block;
    text-decoration: none;
    text-align: left;
    cursor: default;
    color: rgb(102, 102, 204);
    background-color: rgb(0, 0, 0);
    }

  #container a.slidea { background: rgb(0, 0, 0) url(rachellinda-a-t.jpg) no-repeat scroll left top;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    height: 150px;
    width: 150px;
    font-size: 12pt;
    font-family: Arial,Helvetica,sans-serif;
    }

  #container a.slideb { background: rgb(0, 0, 0) url(evening_light_aldeburgh_t.JPG) no-repeat scroll left top;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    font-size: 12pt;
    height: 150px;
    width: 150px;
    font-family: Arial,Helvetica,sans-serif;
    }

  #container a.slidec { background: transparent url(Dry_creek-t.JPG) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    width: 150px;
    height: 104px;
    }

  #container a.slided { background: transparent url(turquoiseboat_t.jpg) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    width: 150px;
    height: 104px;
    }

  * html #container a.slided { width: 93px;
    background-color: rgb(0, 0, 0);
    }

  #container a.slidee { background: transparent url(mooredatblakeney-a.jpg) no-repeat scroll left top;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    height: 150px;
    width: 150px;
    }

  

  #container a.slidef {background: transparent url(onthehard-a.jpg) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    width: 75px;
    height: 150px;
    }
    
    #container a.slideg {background: transparent url(DSC05991at.jpg) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    width: 75px;
    height: 150px;
    }

    #container a.slideh {background: transparent url(reflections_t.jpg) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    width: 150px;
    height: 100px;
    }

  


  #container a.slidei { background: transparent url(b16_tt.jpg) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    width: 150px;
    height: 100px;
    }

  * html #container a.slidef { width: 93px;
    background-color: rgb(0, 0, 0);
    }
    

  * html #container a.slidek { width: 93px;
    }


  #container a.gallery span { background: transparent none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    position: absolute;
    width: 1px;
    height: 1px;
    top: 5px;
    left: 5px;
    overflow: hidden;
    }

  #container a.gallery:hover { border: 1px solid rgb(255, 0, 0);
    }

  #container a.gallery:hover img { border: 1px solid rgb(255, 255, 255);
    float: left;
    margin-right: 5px;
    }

  #container a.slideb:hover img, #container a.slidei:hover img { float: right;
    background-color: rgb(0, 0, 0);
    top: 10px;
    left: 30px;
    }

  #container a.gallery:hover span {
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 50%;
	position: absolute;
	background-color: rgb(0, 0, 0);
	top: 10px;
	left: 10px;
	width: 500px;
	margin-left: 20px;
	color: rgb(255, 255, 255);
	margin-top: 60px;
	height: 515px;
	float: none;
    }