html {
 font-family: 'trebuchet ms', verdana, 'Lucida Grande', arial, sans-serif;
 font-size:12px;
}

body {
 font-family: 'trebuchet ms', verdana, 'Lucida Grande', arial, sans-serif;
 font-size:12px;
 text-align:center;
 background:#3E382F;
 color:#111111;
}

#pre {
 font-family: 'trebuchet ms', verdana, 'Lucida Grande', arial, sans-serif;
 font-size:90px;
 text-align:center;
 color:#B1DDF1;
 margin-top:200px;
 width:400px;
 height:110px;
 overflow:hidden;
}

#pre:hover {
 color:#ffffff;
 height:300px;
}

#presub {
 font-size:40px;
}

#precontact {
 font-size:12px;
 color:#B1DDF1;
 position:absolute;
 top:20px;
 right:0px;
 width:200px;
 height:20px;
 overflow:hidden;
}

#precontact:hover {
 height:150px;
}

#presamples {
 font-size:12px;
 color:#B1DDF1;
 position:absolute;
 top:20px;
 left:0px;
 width:200px;
 height:20px;
 overflow:hidden;
}

#presamples:hover {
 height:150px;
}

#presamples a{color:#ffffff; text-decoration:none;}
#presamples a:hover{color:#1B1816; text-decoration:none;}

#prelinks {
 font-size:12px;
 color:#B1DDF1;
 position:absolute;
 top:350px;
 left:0px;
 width:200px;
 height:20px;
 overflow:hidden;
}

#prelinks:hover {
 height:150px;
}

#prelinks a{color:#ffffff; text-decoration:none;}
#prelinks a:hover{color:#1B1816; text-decoration:none;}

#prestyle {
 font-size:12px;
 color:#B1DDF1;
 position:absolute;
 top:350px;
 right:0px;
 width:200px;
 height:20px;
 overflow:hidden;
}

#prestyle:hover {
 height:150px;
}

#prestyle a{color:#ffffff; text-decoration:none;}
#prestyle a:hover{color:#1B1816; text-decoration:none;}