html, body { 
  height: 100%; 
  margin: 0 0 1px; 
  padding: 0px; 
} 
.wrapper { 
    min-height: 100%; 
    height: auto; 
	} 

.header {width: 860px; margin-left: auto; margin-right: auto; height: 60px; text-align: left; padding: 20px 20px 0 20px; background-image: url(../images/bg_topp.png); background-position: center top; background-repeat: no-repeat;}

#header_logo{float: left; width: 150px; height: auto; text-align: left; }
#header_nav{float: left; width: 710px; height: auto; text-align: right; padding: 0;}

.banner {width: 860px; margin-left: auto; margin-right: auto; height: 220px; padding: 0 20px 20px 20px; background-image: url(../images/bg_banner.png); background-position: center top; background-repeat: no-repeat;}


.content1{width: 840px; margin-left: auto; margin-right: auto; height: auto; min-height: 320px; text-align: left; padding: 10px 30px 30px 30px;background-image: url(../images/bg_main1.png); background-position: center top; background-repeat: repeat-y;} 

.content2{width: 840px; margin-left: auto; margin-right: auto; height: auto; min-height: 320px; text-align: left; padding: 10px 30px 30px 30px;background-image: url(../images/bg_main2.png); background-position: center top; background-repeat: repeat-y;}

#content_left{float: left; width: 580px; height: auto; text-align: left; padding-right: 40px; }
#content_right{float: left; width: 220px; height: auto; text-align: right; padding: 0;}

div.clear {
	clear: both;
}

.footer{width: 860px; margin-left: auto; margin-right: auto; height: 30px; padding: 10px  20px 10px 20px; background-image: url(../images/bg_footer.png); background-position: center top; background-repeat: no-repeat;}