/* base
----------------------------------------------- */

body {
	margin: 10px;
	padding: 0;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;font-size:10px;
}

/* links
----------------------------------------------- */

a {
	text-decoration: none;
	color: #000;
}
p a {
background:#aaddff;
}
a img {
	border: none;opacity:.8;margin-bottom:4px;
}

.main, .image {
display:inline-block; width:150px; margin-right:10px; 
vertical-align:text-top;
margin-bottom:10px;
}

ul, li {
margin:0;padding:0;list-style:none;
}

ul {
width:150px;
overflow:hidden;
position:relative;
}
ul:hover {
z-index:4000;
overflow:visible;
}
li {
width:370px;
}

li a:link {
color:#1199ff;
}

.large {
opacity:0.5;
float:left;
}


.large:hover {
opacity:1;
}

li a:hover {
color:#aaa;
}

li a:visited {
color:#222;
}

.left {
width:150px; float:left;margin-right:10px;
}

.main strong, .main strong a {
font-family:Arial;
font-size:28px;
line-height:0.8;
letter-spacing:-1.5px;
color:#1199ff;
}

h2 {
font-size:10px;
}

.main a {
text-decoration:none;border:none;
color:#aaa;
}

.image a:link {
border-top: 212px solid #1199ff;
display:block;
color:#1199ff;
font-weight:bold;
}
.image a:visited {
border-top: 212px solid #fff;
display:block;
color:#aaa;
font-weight:normal;
}
.image a:visited img {
opacity:.3;
}
.image a:visited:after {
content:" (visited)";
font-weight:normal;
color:#ccc;
}
.image a img {
margin-top:-212px;
}

.image a:hover {
color:#555;
border-top: 212px solid #fff;
}

.image a:hover img {
opacity:1;border:none;
background:#1199ff;
}