body {
	width: 100%;
	height: 100%;
	font-size: 95%;
	background-color: #111;
}


div#big {
	position: absolute; top: 4em; left: 5em;
	width: 81%;
	overflow: visible;
}

div#outside {
	margin-left: auto;
    margin-right: auto; 
	width: 780px;
	overflow: hidden;
	border-top: 3px solid #ffcc99;    
	border-bottom: 3px solid #ffcc99;
	border-right: 3px solid #ffcc99;
	border-left: 3px solid #ffcc99;
}

div#container {
	background: #111;
	overflow: hidden;
}


ul#photosets {	    
	list-style: none;
	background: url(IndexPhoto.jpg) no-repeat 0 0;
	position: relative;
	width: 640px;
	height: 427px;
	margin-top: 40px;
	margin-left: auto;
    margin-right: auto;   
    padding: 0;
}

ul#photosets li {
	border: 0px solid #000;
	position: absolute;
}

ul#photosets li a{
	display: block;
	height: 100%;
	text-indent: -9000px;
}


#winter {
	width: 70px;
	height: 26px;
	top: 49px;
	left: 392px;
}

#FireIsland {
	width: 105px;
	height: 27px;
	top: 86px;
	left: 392px;
}

#Abstract {
	width: 80px;
	height: 29px;
	top: 130px;
	left: 392px;
}

#SouthBrooklyn {
	width: 198px;
	height: 40px;
	top: 169px;
	left: 393px;
}

#people {
	width: 55px;
	height: 42px;
	top: 212px;
	left: 395px;
}

#redhook {
	width: 97px;
	height: 32px;
	top: 261px;
	left: 390px;
}

#BrooklynBridge {
	width: 189px;
	height: 43px;
	top: 300px;
	left: 393px;
}

#film {
	width: 46px;
	height: 30px;
	top: 346px;
	left: 392px;
}

#Greenpoint {
	width: 163px;
	height: 35px;
	top: 383px;
	left: 394px;
}

ul#photosets li a:hover {
	background: url(IMG_1800Dupe2.png) no-repeat 0 0;
}

ul#photosets li#winter a:hover {
	background-position: -392px -49px;
}

ul#photosets li#FireIsland a:hover {
	background-position: -392px -86px;
}

ul#photosets li#Abstract a:hover {
	background-position: -392px -130px;
}

ul#photosets li#SouthBrooklyn a:hover {
	background-position: -393px -169px;
}

ul#photosets li#people a:hover {
	background-position: -395px -212px;
}

ul#photosets li#redhook a:hover {
	background-position: -390px -261px;
}

ul#photosets li#BrooklynBridge a:hover {
	background-position: -393px -300px;
}

ul#photosets li#film a:hover {
	background-position: -392px -346px;
}

ul#photosets li#Greenpoint a:hover {
	background-position: -394px -383px;
}


div#footer {
	text-align: center;
	margin-top: 1em;
	padding-left: 0em;
/*	border-top: 2px solid #ffcc99; */
}

div#footer a {
	padding-right: 1em;
	padding-left: 1em;
	display: inline;
	font-size: 95%;
	text-align: center;
	text-decoration: none;
}

div#footer a:link {
	color: #fff;
	background: #000;
}

div#footer a:hover {
	color:#606060;
	background: #B8B8B8;
}