@import url('http://fonts.googleapis.com/css?family=Terminal Dosis Light'); html { height:100%; } body { background-color:#3F3E40; min-height:100%; height:100%; text-align:center; } div#main { margin-left: auto; margin-right: auto; padding-bottom: 10px; width:700px; background-color:#58585A; border-style:solid; border-color:#9A9C9F; border-width: 1px 1px 1px 1px; } div#topbar { height:40px; font-family:"Terminal Dosis Light", sans-serif; font-size:8pt; text-transform:uppercase; color:#FFFFFF; letter-spacing:1px; } div#wikimenu { width:460px; margin:20px; float:left; } div#searchbar { margin:20px; width:160px; float:right; } div#menu { margin:auto; height:225px; } div#menuwrapper { position:relative; text-align: left; } div.circlebox { display: block; position:absolute; width:90px; height:90px; margin:10px; padding:0px; } a.circlelink { display:block; width:90px; height:90px; background-size:100% 100%; text-indent:-9999px; position: relative } a.home { background-image:url(homegrey.png); } a.home:hover { background-image:url(homecolor.png); } a.lab { background-image:url(notebookgrey.png); } a.lab:hover { background-image:url(notebookcolor.png); } a.project { background-image:url(projectgrey.png); } a.project:hover { background-image:url(projectcolor.png); } a.safety { background-image:url(safetygrey.png); } a.safety:hover { background-image:url(safetycolor.png); } a.qd { background-image:url(qdgrey.png); } a.qd:hover { background-image:url(qdcolor.png); } a.team { background-image:url(teamgrey.png); } a.team:hover { background-image:url(teamcolor.png); } a.notebook { background-image:url(notebookgrey.png); } a.notebook:hover { background-image:url(notebookcolor.png); } div.content { text-align: left; width:290px; margin:20px; padding:10px; float:left; } div#clear { clear: both; } h1 { font-family:"Terminal Dosis Light", sans-serif; font-size:18pt; color:#FFF200; font-style:italic; text-transform:uppercase; letter-spacing:2px; } p { font-family:"Tahoma", sans-serif; font-size:12pt; color:#E7E7E8; }