@charset "utf-8";

body {padding:0; margin:0; background-color:#EAEADE}

html,body{height:100%;}
#Container[id]{text-align:center; width:100%; height:96%; display:table;}
#centerBox[id]{display:table-cell;vertical-align:middle;}

*html #Container{position:absolute; top:50%; width:100%; text-align:center; display:block; height:auto}
*html #centerBox{position:relative; top:-50%; text-align:center;}

*+html #Container[id]{position:absolute; top:50%; width:100%; text-align:center; display:block; height:auto}
*+html #centerBox[id]{position:relative; top:-50%; text-align:center;}

#content{width:100%; height:300px; background-image:url(../images/bg.jpg); margin:0 auto;}

ul#menu {width:300px; height:140px; list-style:none; margin:0; padding:0; padding-left:10%;}
ul#menu li {float:left;}

ul#menu li a {display:block; height:140px; margin-top:38px; position:relative;}
ul#menu li a.blog {background:url(../images/u1a.jpg) no-repeat scroll top left;width:75px; margin-left:5%;}
ul#menu li a.forum {background:url(../images/u2a.jpg); width:75px; background-position:-75px 0px; margin-left:30px;}
ul#menu li a.about {background:url(../images/u3a.jpg); width:75px; background-position:-75px 0px; margin-left:30px;}

ul#menu li a span {display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:100;}
ul#menu li a.blog span {background:url(../images/u1b.jpg); background-position:0px 0px;}
ul#menu li a.forum span {background:url(../images/u2b.jpg); background-position:-75px 0px;}
ul#menu li a.about span {background:url(../images/u3b.jpg); background-position:-75px 0px;}

a {behavior:url(../src/killdash.htc)}
a:focus{outline:0;}
#logo{background:url(../images/logo.jpg); width:130px; height:80px; margin-right:10%; margin-top:-100px; float:right;}
#cp{background:url(../images/cp.gif); width:100%; height:11px; text-align:center; background-position:center; background-repeat:no-repeat; margin-bottom:0%;}
#menuBox{float:none; width:1000px; text-align:center; margin:0 auto; padding-right:100px;}