/* reset css*/
html,body,h1,h2,h3,h4,h5,h6,p,address,img,sub,sup,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ul {list-style: none;}
body {line-height: 1;font-family: sans-serif; font-size: 62.5%; text-align: center;}

/* header + menu */
#header { background: url(../img/hp-header.png) repeat-x bottom; height: 140px; }
.header { width: 190px; text-align: left; margin: 0 auto; padding: 40px 0 0 0; overflow: hidden; }
#logo { background: #f20b0e; text-align: center; }
#logo a { color: #ffdd2b; text-decoration: none; line-height: 1.2; font-size: 200%; }
#logo, #logo span { float: left; width: 159px; height: 53px; overflow: hidden; position: relative; cursor: hand; cu\rsor:pointer }
#logo span { position: absolute; left: 0; top: 0; background: url(../img/hp-logo2.png); }

#center { line-height: 1.4; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; color: #fff; width: 590px; margin: 20px auto 0 auto; text-align: left; overflow: hidden; }
.block h2 { background: #474747; padding: 10px; font-size: 120%; color: #B0B0B0; }
.block h2 strong { font-size: 140%; color: #fff; }
.block a { display: block; width: 200px; height: 50px; line-height: 45px; font-size: 12px; color: #333; font-weight: bold; text-decoration: none; position: absolute; left: 40px; top: 85px; z-index: 2; }
.over { cursor: hand; cu\rsor: pointer; }
.block a:hover, .over a { color: #f20b0e !important; }
.block a span { padding: 0 0 0 60px; background: url(../img/more-b.gif) no-repeat 50px 0.5em; }
.block, .block div { width: 280px; height: 370px; overflow: hidden; position: relative; }
.block div { position: absolute; left: 0; top: 0; z-index: 1; }
.block ul { font-size: 150%; padding: 90px 10px 0 15px; }
#block1 { float: left; background: #666; }
#block2 { float: right; background: #ed1c23; }
#block1 div { background: url(../img/hp-block1.jpg);  }
#block2 div { background: url(../img/hp-block2.jpg);  }
#block1 a { background: #ffdd2b url(../img/hp-butt1.jpg); }
#block2 a { background: #ffdd2b url(../img/hp-butt2.jpg); }

#footer { width: 320px; margin: 0 auto; border-top: 2px solid #ddd; padding: 10px 0 0 0; color: #999; font-family: Verdana, "Geneva CE", lucida, sans-serif; line-height: 1.4;}
#footer a { text-decoration: none; color: #999;}