*{
	margin:					0;
	padding:				0;
}

html, body {
	width:					100%;
}

body {
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				68.75%;	/* 11px */
}

a {
	color:					#6F294D;
}
h1, h2, h3 {
	color:					#420021;
	margin-bottom:			10px;
}
h1 {
	font-size:				1.64em;	/* 18px */
}
h2 {
	font-size:				1.25em;	/* 15px */
}
h3 {
	
}
img {
	border:					none;
}
li {
	list-style-position:	inside;
}
p {
	margin-bottom:			10px;
}


#site-wrapper {
	margin:					auto;
	width:					795px;
}


#header {

}
#header ul  {
	overflow:				hidden;
	width:					795px;
}
#header ul li {
	float:					left;
	list-style-type:		none;
	margin-right:			10px;	
}
#header li a {
	background:				#8770A7;
	color:					#FFFFFF;
	display:				block;
	font-size:				0.91em;	/* 10px */
	font-weight:			bold;
	padding:				5px 15px;	
	text-decoration:		none;
}
#header li.selected a,
#header li a:hover {
	background:				#C3B7D3;
}



#content {
	background:				#C3B7D3;
	padding:				15px;
}


#directory li {
	background:				#FFFFFF;
	border:					1px dashed #8770A7;
	list-style-type:		none;
	margin-bottom:			15px;
	overflow:				auto;
	padding:				10px;
	width:					740px;
}

#directory li div.panel {
	float:					left;
	width:					210px;
}
#directory li div.description {
	float:					left;
	padding:				0 10px 10px;
	width:					510px;
}
#directory div.panel img {
	border:					2px solid #8770A7;
}
#directory div.panel .site-rating {
	margin-top:				10px;
}
#directory .site-rating a img {
	border:					none;
	height:					30px;
}

#footer {
	margin-top:				10px;
}


@charset "utf-8";
/* CSS Document */
.thumbnail{
position: relative;
z-index: 0;
}

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

.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 on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}