Kaz complete

<style type="text/css">

body{
background-size: 100% 100%;
background-color:#303579;
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;
background-image:url();}

::-webkit-scrollbar { width: 2px; }

::-webkit-scrollbar-track { border-radius: 2px; background-color: transparent; }

::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #transparent; }

b, strong { color: #650F7C }

a:active, a:link, a:visited {
color: #2DD927;
text-decoration: none;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}


#mainpic {
 position:fixed;
 z-index: 0;
 width:35%;
 height: 100%;
 left: 0px;
 bottom: 0px;
 background: #;
 color: #6D6D6B;
 font-size:2vh;
 overflow:hidden;
 opacity:0;
 -webkit-animation: picturefade 1.5s 1;
 animation: picturefade 1s 1;
 animation-delay:1.5s;
 -webkit-animation-delay:1.5s;
 animation-fill-mode: forwards;
 -webkit-animation-fill-mode: forwards;}
 #mainpic img {
 width: 100%;}
@keyframes picturefade{
0%{left:-20%;opacity:0;}
100%{left:0%;opacity:1;}
}

#imagetwo { position:absolute; left:670px; top:8%; border: solid 1px #000; height:396px; width:300px; z-index: 1;}

#pokecontainer{
position: fixed;
bottom: 15%;
left: 670px;
height: 150px;
width: 300px;
background-color: #336699;
border: 1px solid black;
overflow: hidden;
overflow: auto;
padding: 3px
}

td.pokie{
line-height: 65px;
width: 80px;
padding: 7px;
text-align: center;
}

#pokecontainer a:link{
display: block;
text-decoration: none;
color: transparent;
}


.thepoke{
position: fixed;
top: 100px;
left: 750px;
height:470px;
width: 250px;
padding: 10px;
background-color: #336699;
border: 1px solid #000D11;
font-family: verdana;
font-size: 11px;
color: #D1DEE2;
text-align: center;
opacity: 0;
overflow: auto;
-webkit-transition:all .6s ease-in-out;
 -moz-transition:all .6s ease-in-out;
 -o-transition:all .6s ease-in-out;
 -ms-transition:all .6s ease-in-out;
 transition:all .6s ease-in-out;
}
.thepoke:target{
position: fixed;
top: 100px;
left: 990px;
opacity: 1;
-webkit-transition:all .6s ease-in-out;
 -moz-transition:all .6s ease-in-out;
 -o-transition:all .6s ease-in-out;
 -ms-transition:all .6s ease-in-out;
 transition:all .6s ease-in-out;
}
.thepoke img.sprite{
height: 80px;
width: 80px;
border: 2px solid #;
}


.boxoshit {
background-color: #336699;
border: none;
color: #ccc;
font-size: 14px;
font-family: 'Play', sans-serif;
height: 396px;
left: 670px;
opacity: 0;
overflow: hidden;
overflow: auto;
padding: 3px;
position: fixed;
text-align: left;
top: 8%;
width: 300px;
}

.boxoshit:target {
background-color: #336699;
border: 1px solid #000;
height: 396px;
left: 670px;
opacity: 1;
overflow: auto;
overflow: hidden;
padding: 3px;
position: fixed;
top: 8%;
width: 300px;
z-index: 40;

}
 .derp{
position:absolute;
z-index:30;
bottom:36%;
right:431px;
width:435px;
}

a.gluttony:link, a.gluttony:active, a.gluttony:visited{
display: block;
float: left;
width: 25px;
height:25px;
margin-right: 25px;
background-size: 100% 100%;
background-color:#;
background-image:url(http://i.imgur.com/jGpX3Wx.gif);
background-position: center;
background-repeat:no-repeat;
transform: rotate (0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate (0deg);
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}

a.gluttony:hover{
background-color:;
background-size: 100% 100%;
background-color:#;
background-image:url(http://i.imgur.com/DQ09T6p.png);
background-position: center;
background-repeat:no-repeat;
text-decoration: none;
-webkit-transform:rotate(01deg);
-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
}

#credit{ position: fixed; right: 10px; bottom: 0px; font-family: Arial; font-variant: normal; font-weight: normal; font-size: 14px; color: #000;z-index:1;}
</style>

<div id="credit">
Layout © <a href="profile.php?user=Pachi" target="_blank">Pachi</a>
</div>

<div id="mainpic">
<img src="http://i.imgur.com/pbv8pDC.png">
</div>

<div id="imagetwo">
<img src="http://i.imgur.com/0OAEt8U.jpg" class="image" height="396px;" width="300px;">
</div>

<div class="derp">
<a href="#stats" class="gluttony"></a>
<a href="#bag" class="gluttony"></a>
<a href="#ooc" class="gluttony"></a>
<a href="#reset" class="gluttony"></a>
</div>
</div>


<div id="P1" class="thepoke">
<img src="http://i.imgur.com/e2pJWmq.gif" class="sprite"><br>
<Br>

</div>

<div id="P2" class="thepoke">
<img src="http://i.imgur.com/u08SX1G.gif" class="sprite"><br>
<Br>

</div>

<div id="P3" class="thepoke">
<img src="http://i.imgur.com/5c3MNAg.gif" class="sprite"><br>
<Br>


</div>


<div id="P4" class="thepoke">
<img src="http://i.imgur.com/GahjKHI.gif" class="sprite"><br>
<Br>

</div>

<div id="P5" class="thepoke">
<img src="http://i.imgur.com/uB7CmRa.gif" class="sprite"><br>
<Br>

</div>

<div id="P6" class="thepoke">
<img src="http://i.imgur.com/L5Ye2sG.gif" class="sprite"><br>
<Br>

</div>

<div id="P7" class="thepoke">
<img src="http://i.imgur.com/I35KTbK.gif" class="sprite"><br>
<Br>

</div>

<div id="P8" class="thepoke">
<img src="IMAG URL HERE" class="sprite"><br>
<Br>

</div>

<div id="P9" class="thepoke">
<img src="IMAG URL HERE" class="sprite"><br>
<Br>

</div>


<div id="pokecontainer">
<table>
<tr>
<td class="pokie"><a href="#P1"><img src="http://i.imgur.com/Ouh4tjN.png"></a></td><Td class="pokie"><a href="#P2"><img src="http://i.imgur.com/gRUD93z.png"></a></td><td class="pokie"><a href="#P3"><img src="http://i.imgur.com/OPzrEMZ.png"></a></td>
</tr><tr>

<td class="pokie"><a href="#P4"><img src="http://i.imgur.com/rpKh917.png"></a></td><Td class="pokie"><a href="#P5"><img src="http://i.imgur.com/cioT6B4.png"></a></td><td class="pokie"><a href="#P6"><img src="http://i.imgur.com/iIggYvO.png"></a></td>
</tr><tr>

<td class="pokie"><a href="#P7"><img src="http://i.imgur.com/Euvjsn0.png"></a></td><Td class="pokie"><a href="#P8"><img src="SPRITE URL HERE"></a></td><td class="pokie"><a href="#P9"><img src="SPRITE URL HERE"></a></td>
</tr>
</table>
</div>

<div id="stats" class="boxoshit">
<b>bold</b> <i>italics</i> <a href="profile.php?user=" target="_blank">Link</a>.

</div>

<div id="bag" class="boxoshit">
test2
</div>

<div id="ooc" class="boxoshit">
test3
</div>
</div>
</div>