body{font-family:sans-serif;background:#fff;}
h1{color:#06c;}
ul,li{list-style:none;}
li{float:left;padding:2px;}
li a{width:87px;height:87px; display:block;line-height:87px; vertical-align:middle;}
li{text-align:center;}
a {color:#000; text-decoration:none;}
a:visited{color:#000}
a:hover{color:#fff}
a:active{color:#000}
a:focus{color:#fff}
.quote{color:#06c;text-align:center;font:20px sans-serif;margin:20%}
.quote a:link{color:#06c;text-decoration:none}
.quote a:visited{color:#06c;text-decoration:none}
.circle{ width: 85px; left: 0px; background-image: url(./images/circles.png); background-repeat:no-repeat; background-position:bottom left;}
.circle:hover{ width: 85px; background-image:url(./images/circles.png); background-repeat:no-repeat; background-position: bottom right;}
#title{clear:left; text-align: center; padding-top: 1px; padding-left:40px;}
#top{text-align: center; width:323px; margin-left: auto; margin-right: auto; margin-top: 5%;}
#bottom{text-align: center; width:323px; margin-left: auto; margin-right: auto;}