/* @group reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}
/* @end */

/* @group utility */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;}
/* @end */

/* @group typography */
body {font-family:Arial,Helvetica,sans-serif,sans-serif;color:#ffffff;background:#000;}
a:hover {color:#ec008c;text-decoration:underline;}
a {color:#ec008c;text-decoration:none;}
/* @end */

#doc{width:900px;margin:142px auto 0 auto;}

#header{width:300px;float:left;padding:8px 0 0 0;}
#content{width:600px;float:left;font-size:14px;line-height:24px;}

h1,
h2{width:220px;overflow:hidden;text-indent:-1000px;background:url(../img/hi.png) no-repeat 0 0;}

h1{height:135px;}
h2{width:220px;height:40px;background-position:0 -135px;}
h3{padding:0 0 36px 0;}

p{padding:0 0 16px 0;}

.info p{font-size:12px;line-height:18px;}