body { background:#131313 url('bg.jpg') repeat-x; text-align: center; margin: 0px; }
.wrapper { width: 800px; margin: 0 auto; }
.logo { margin: 0 auto; height: 120px; width: 334px; }
.navigation { float: left; height: 38px; width: 800px; }
.link { position: relative; font-family: arial, helvetica, sans-serif; white-space: nowrap; width: 100px; height: 38px;
background-image: url('nav_b.jpg'); background-repeat: repeat-x; display: block; float: left; 
color: #FFFF00; margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; }
.link a { display: block; color: #f9a20a; font-size: 12px; width: 100px; height: 38px; 
float: left; color: #FFF; text-decoration: none; font-weight: bold; }
.link a:hover { display: block; color: #FFF; font-size: 12px; width: 100px; height: 38px;
display: block; float: left; font-weight: bold; text-decoration: none; }
.link img { width: 100px; height: 38px; border: 0px none; }
* html a:hover { visibility:visible; }
.link a:hover img { visibility:hidden; }
.link span { position: absolute; left: 3px; top: 11px; margin: 0px; padding: 0px; cursor: pointer; width: 83px; text-align: center; } 
.main {width: 800px; height: 300px; border: 1px solid #222; background: #111; margin-top: 15px; background: url('catbg.jpg');}
.heading { background: url('heading.jpg'); width: 800px; height: 33px; }
.heading span {float: left; padding-left: 20px; padding-top: 10px; font-family: arial, helvetica, sans-serif; color:#FFF; font-weight: bold; font-size: 14px; text-transform: uppercase;}
.box1 { float:left; width: 230px; height: 230px; margin-left: 21px; margin-top: 18px;}
.box2 { float:left; width: 230px; height: 230px; margin-left: 34px; margin-top: 18px;}
.box3 { float:left; width: 230px; height: 230px; margin-left: 34px; margin-top: 18px;}
.clear { clear: both; }
.footer {font-family:arial; font-size: 12px; font-weight: bold; color:#999; margin-top:15px; margin-bottom: 8px; }