@charset "UTF-8";
/* CSS Document */

html {
	background: url(../images/directory_main_bkgrnd.gif);
}

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: 
}

a:link {
	text-decoration: none;
	color: #000000;
}

a:visited {
	text-decoration: none;
	color: #555;
}

a:hover {
	text-decoration: none;
	color: #222;
}

a:active {
	text-decoration: none;
	color: #FFF;
}

img {
	border:none;
}

img a {
	border:none;
}

#main {
	margin:15px auto 15px auto;
	width: 780px;
	background: url(../images/directory_bkgrnd.gif); 
}



#header-wrapper {
	margin: 0px;
	background: 
	height:315px;	
}

#search {
	margin:110px auto 5px 540px;
	padding:15px;
	width:250px;
	vertical-align:middle;
	background-color
	text-align:center;
	position:absolute;
	left: 135px;
	top: 67px;
}





#content-wrapper {
	width:780px;
	margin:0px;
	padding:0px;

}

#town-heading {
margin:20px auto 10px auto;
padding:0px;
text-align:center;
}

#gallery-wrapper {
	width:780px;
	margin:10px 0px 10px 0px;
	padding:0px;
	float:left;
}



#gallery {
	float:left;
	width:760px;
	margin:10px 0px 20px 0px;
	padding:00px;
	vertical-align:middle;
}

#storefront {
	float: left;
	width:170px;
	margin:10px 7px 20px 7px;
	padding:3px;
	background-color:#FFF;
	text-align:center;
}

#storefront img {
	padding:5px;
}



#footer {
	width:760px;
	margin:0px; 
	padding:10px;
	background: ;
	text-align:center;
	vertical-align:middle;
}

.heading {
	font-size:1.05em;
	font-weight:bold;
}

.footer {
	font-size:.85em; 
	color: #000000  
	padding:2px 0px 0px 0px;
	clear:both;
}




.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position:fixed;
background-color: #FFF;
padding: 5px;
left: -1000px;
border: 1px solid 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 on hover*/
visibility: visible;
top: 100px;
left: 180px; /*position where enlarged image should offset horizontally */

}