html, body {
  margin: 0;
  padding: 0;
  border: 0;
  height: 100%;
}
body {
  text-align:center; /* horizontal centering IE quirks */
  background-color: #242020;
}

#container {
	position:relative;
	margin: 0 auto;
/*	width:904px;          */
        width:768px;
        min-height: 100%;
        height: auto !important;
        height: 100%;
}

#header {
        background: url(../img/header.jpg) no-repeat;
	position:absolute;
	/*left:256px;     */
	left:36px;
	top:0px;
	width:770px;
	height:147px;
}

#header-lower {
        background: url(../img/header-lower.jpg) no-repeat;
	position:absolute;
	left:36px;
	top:147px;
	width:770px;
	height:32px;
}

#header-bar {
        background: url(../img/header-bar.jpg) no-repeat;
	position:absolute;
	left:36px;
	top:179px;
	width:770px;
	height:20px;
	padding-top: 2px;
}

#content-stripe {
        background: url(../img/content-stripe.jpg) repeat-y;
	position:absolute;
	left:36px;
	top:199px;
	width:770px;
	min-height:409px;
	padding-bottom:66px;
	padding-top:10px;
}
#navi {
    	position:absolute;
  	left:813px;
	top:179px;
}
#navileft {
    	position:absolute;
  	left:-98px;
	top:179px;
}
#box1 {
  	position:relative;
	padding-bottom: 5px;
}

#box1 .header {
        background: url(../img/box-header.jpg) no-repeat;
	position:relative;
	width:127px;
	height:20px;
}

#box1 .stripe {
        background: url(../img/box-stripe.jpg) repeat-y;
	position:relative;
	width:127px;
	min-height: 75px;
	padding-bottom: 3px;
}

#box1 .footer {
        background: url(../img/box-footer.jpg) no-repeat;
	position:absolute;
	bottom: 0;
	left:0px;      /* Internet Explorer... */
	width: 100%;
	height:3px;
}

#box11 {
  	position:relative;
	padding-bottom: 5px;
}

#box11 .header {
        background: url(../img/box-header.jpg) no-repeat;
	position:relative;
	width:127px;
	height:20px;
}

#box11 .stripe {
        background: url(../img/box-stripe.jpg) repeat-y;
	position:relative;
	width:127px;
	min-height: 65px;
	padding-bottom: 3px;
}

#box11 .footer {
        background: url(../img/box-footer.jpg) no-repeat;
	position:absolute;
	bottom: 0;
	left:0px;      /* Internet Explorer... */
	width: 100%;
	height:3px;
}


#box2 {
  	position:relative;
	padding-bottom: 5px;
}

#box2 .header {
        background: url(../img/box-header.jpg) no-repeat;
	position:relative;
	width:127px;
	height:20px;
}

#box2 .stripe {
        background: url(../img/box-stripe.jpg) repeat-y;
	position:relative;
	width:127px;
	min-height:70px;
	padding-bottom: 3px;
}

#box2 .footer {
        background: url(../img/box-footer.jpg) no-repeat;
	position:absolute;
	bottom: 0;
	left:0px;   /* Internet Explorer... */
	width: 100%;
	height:3px;
}

#box3 {
  	position:relative;
        padding-bottom: 5px;
}

#box3 .header {
        background: url(../img/box-header.jpg) no-repeat;
	position:relative;
	width:127px;
	height:20px;
}

#box3 .stripe {
        background: url(../img/box-stripe.jpg) repeat-y;
	position:relative;
	width:127px;
	min-height:70px;
	padding-bottom: 10px;
}

#box3 .footer {
        background: url(../img/box-footer.jpg) no-repeat;
	position:absolute;
	bottom: 0;
	left:0px;   /* Internet Explorer... */
	width: 100%;
	height:3px;
}

#box5 {
  	position:relative;
}

#box5 .header {
        background: url(../img/box-header.jpg) no-repeat;
	position:relative;
	width:127px;
	height:20px;
}

#box5 .stripe {
        background: url(../img/box-stripe.jpg) repeat-y;
	position:relative;
	width:127px;
	min-height:70px;
	padding-bottom: 10px;
}

#box5 .footer {
        background: url(../img/box-footer.jpg) no-repeat;
	position:absolute;
	bottom: 0;
	left:0px;   /* Internet Explorer... */
	width: 100%;
	height:3px;
}




#box4 {
  	position:relative;
        margin: 0 auto;
        /*visibility: hidden; */
}

#box4 .header {
        background: url(../img/box-header.jpg) no-repeat;
	position:relative;
	width:127px;
	height:20px;
}

#box4 .stripe {
        background: url(../img/box-stripe.jpg) repeat-y;
	position:relative;
	width:127px;
	min-height:70px;
	padding-bottom: 10px;
}

#box4 .footer {
        background: url(../img/box-footer.jpg) no-repeat;
	position:absolute;
	bottom: 0;
	left:0px;   /* Internet Explorer... */
	width: 100%;
	height:3px;
}





#footer {
        background: url(../img/footer.jpg) no-repeat;
	position:absolute;
/*	left:256px;
	top:608px;
	width:771px;
	height:66px;  */
	bottom: 0;
	left:0px;     /* Internet Explorer... */
	width: 100%;
	height:66px;
}