/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/
* html * {
	zoom:100%; 
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */
* {
	margin:0;
	padding:0;
	}
body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	background-color: #ffffff;
	background: url(../img/bg_banner.png)  repeat-x;
	}
#main_wrapper {
	width:940px; /* widths of columns will change proportionately as this width is changed */
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left; /* resets the centering hack for IE6 on the body tag */}
#wrapper{
	background: url(../img/bg_banner.png)  repeat-x;
	width:940px;
	}
#c-wrapper{
	width:940px;
	float:left;
	background: url(../img/bg_banner.png)  repeat-x;
	background-color:#f1f1f1;
}
#banner{
	}
#nav{
	width:940px;
	height:34px;
	margin:-3px 0 0 0;
	}
#karusel{
	width:940px;
	float:left;
	margin:0 0 0 0;
	background-color:#f1f1f1;
	}
#container{
	margin:40px 0 0 0;
	}
#content{
	/*width:940px;*/
	float:left;
	}
#c-inner{
	width:643px;
	padding:20px 0 20px 17px;
	}
#content-bar{
	float:left;
	margin:33px 0 0 0;
	padding:20px;
	width:240px;
	background-color:#d2863c;
	}
#footer{
	clear:both;
	background: url(../img/footer.gif);
	height:80px;
	}

#end-wrapper{
	background: url(../img/footer.gif);
	width:100%
	height:80px;
	float:left;
	}
#footer-wrapper{
	margin:0 auto;
	width:940px;
	}
#i-footer{
	float:right;
	padding:30px 0 0 0;
	}
#c-footer{
	padding:32px 0 0 17px;
	}