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

a, a:hover, a:visited, a:active, a:link, h2 {text-decoration:none;border-bottom:0;border-color:#CCC}
h3{width:565px}

/* wrap defines the width and position of the pictures' container */
#wrap{width:582px;margin:0 auto;position:relative;min-height:1000px}
#wrap p {text-decoration:none;font-weight:normal;font-size:90%;padding-right:15px}

/* main-content is nested within wrap and it provides the names and titles via hidden spans */
#main-content{border-bottom:0;border-color:#CCC;text-decoration:none;font-size:110%}
#main-content a:hover{white-space:normal;border-bottom:0} /* Necessary to stop IE from doing its usual thing */
#main-content li{font:70% Verdana, Helvetica, sans-serif;width:140px;border:solid #CCC;border-width:0 1px 1px 0;-moz-border-radius:20px;background:#DDD;padding:10px;text-align:center;position:relative;float:left;display:inline;margin:5px;overflow:hidden}
#main-content a span{/*\*/	position:absolute;left:-9999px;border-bottom:0}
#main-content a:hover span{top:101px;left:0px;width:160px;min-width:160px;font-weight:bold;background:#FFF;color:#222;padding:2px 0 2px 0;text-transform:uppercase;text-align:center;font-size:70%;border:1px solid #AD3C00;border-width:0 0 10px 0;filter:alpha(opacity=100);-moz-opacity:.85;opacity:.85;/**/}
#main-content a, a:hover, a:link, a:active, a:visited {border-bottom:0}