* {margin:0;padding:0;list-style:none;}
html, body {}
body {margin: 0 auto;padding: 0;;background:#2d2b1f url(../images/patt3.gif) repeat 40px 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff;}

img {border:0px none;}

a {color:#5b553f; font-size:10px; text-decoration:none; outline:none;}
a:hover {color:#000000; text-decoration:none; background:#FEF200}

h1 {color:#FEF200; font-weight:bold; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
h2 {color:#5b553f; font-weight:normal; font-size:10px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}

.both {clear:both;}

/* layout */

#kontener {background:#2d2b1f;width:990px; padding:0;}
#header {background:#685f46 url(../images/header_bg.png) no-repeat 140px -10px;}

p {padding:20px; font-size:10px; text-align:right;}

#logo { padding:20px 0 20px 21px; width:119px; background:#FEF200}
#logo a:hover {background:none;}

.pro {padding-bottom:49px;}
.pro .image {padding-left:20px;}
.pro .image img {padding:10px 10px 0 0; float:left;}
.title {line-height:12px; padding:10px 0 10px 20px; border-top:1px #685f46 solid;}

/* fadehover style */
div.fadehover {position: relative; margin:21px 0 0 95px;}
img.a {position: absolute;left: 0;top: 0;z-index: 10;}
img.b {position: absolute;left: 0;top: 0;}

/* footer */
.footer {background:#ffffff; color:#2D2B1F}
.social {margin:0 auto 0; padding:10px 20px 20px 20px}
.social p {float:left; padding:10px 0 0 0; text-align:left}
.social p span {color:#ffb400;}
.social p span.grey {color:#CCC;}
.social ul {float:right; padding:10px;}
.social ul li{ float:left;position:relative;}