/*----------------------------------------------------------------------------------------------------------------------------------*/
  *{
    margin: 0;
    padding: 0;
  }

/*----------------------------------------------------------------------------------------------------------------------------------*/
  #header{
    margin-left: 480px;
    height: 120px;
    background: #996;
  }

/*----------------------------------------------------------------------------------------------------------------------------------*/
  #mainNav{
    list-style: none;
    margin-top: 46px;
  }
  #mainNav li{
    float: left;
    padding-left: 20px;
    width: 220px;
  }
  #mainNav h2 a{
    display: block;
    padding: 18px 0 0 0;
    color: #5b3714;
    font-size: 18px;
    text-decoration: none;
  }
  #mainNav h2 a:hover{
    padding: 2px 0 0 0;
    font-size: 36px;
  }
  
/*----------------------------------------------------------------------------------------------------------------------------------*/
  #content{
    clear: both;
    position: absolute;
    top: 200px;
    width: 100%;
    background: #5b3714;
  }
  .section1, .section2, .section3, .section4{
    padding: 80px 0 40px 20px;
    width: 220px;
    float: left;
  }
  #content a{
    color: #c8a46d;
  }
  #content a:hover{
    text-decoration: none;
  }
  
/*----------------------------------------------------------------------------------------------------------------------------------*/
  #footer{
    clear: both;
    border-bottom: 1px solid #5b3714;
    padding: 4px 20px 100px 20px;
    color: #fff;
    background: #996;
    font: 9px Trebuchet MS, Trebuchet, Verdana, sans-serif;
  }
  #footer a{
    color: #fff;
    text-decoration: none;
  }
  #footer a:hover{
    text-decoration: underline;
  }
  #footer ul{
    list-style: none;
  }
  li.validate{
    float: left;
    margin-right: 10px;
  }
  li.copyright{
    float: right;
  }
  li.copyright a{}
 #footer ul {
	list-style-type: none;
	text-align: center;
}

#footer ul li {
	display: inline;
	margin: 0 10px;
}

  body{
    font: 12px Times New Roman, Georgia, serif;
    color: #c6ad86;
    background: #fff url(http://dobra.odziezciazowa.org/presell/tysiace.jpg) no-repeat;
  }
  h1#logo a{
    position: relative;
    top: 84px;
    left: 20px;
    display: block;
    width: 416px;
    height: 36px;
	color: #fff;
  }
  h3{
    margin-bottom: 20px;
    padding-left: 20px;
    background: transparent url(http://dobra.odziezciazowa.org/presell/nieszczescia.gif) center left no-repeat;
    color: #fff;
    font-size: 14px;
  }