html, body {height: 100%;}

.page-container {
		position: relative;
		display: block;
		width: 970px;
		background-color: #ebebeb;
}
			

.header-sg {background-repeat: no-repeat; background-color: #fff; height: 320px; background-image: url(../images/header_sg.jpg);}

.header-dsgn {background-position: right; background-repeat: no-repeat; background-color: #fff; height: 230px; background-image: url(../images/header_dsgn.jpg);}

.header-lgo {background-position: right; background-repeat: no-repeat; background-color: #fff; height: 230px; background-image: url(../images/header_lgo.jpg);}

.header-ad {background-position: right; background-repeat: no-repeat; background-color: #fff; height: 230px; background-image:url(../images/header_ad.jpg);}

.header-ib {background-position: right; background-repeat: no-repeat; background-color: #fff; height: 230px; background-image:url(../images/header_ib.jpg);}



#content-col {
		
		width: 520px;
		padding-left: 40px;
		padding-bottom: 40px;
		padding-top: 30px;
		}
		
#content-col-wide {
		width: 720px;
		padding-left: 0px;
		margin-right: 40px;		padding-bottom: 0px;
		}
		
#content-ib {}
	
#main-nav { 
		padding-bottom: 10px; 
	/*	margin-top: -10px;*/
		width: 520px; 
		height: 190px; 
		border-bottom-color: white; 
		border-bottom-width: 2px; 
		border-bottom-style: groove;
		}
		
#main-nav-wide { 
		/*	padding-left: 40px;
		padding-top: 30px;
		padding-bottom: 0px; 
		margin-top: -10px;*/
		position: relative; left: 40px; top: 30px;
		width: 520px; 
		height: 190px;
		}
		
.content {
		width: 520px;
		padding-top: 20px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 20px;
		height: auto;
		border-bottom-color: white;
		border-bottom-style: groove;
		border-bottom-width: 2px;
		}
		
.content-wide {
		
		position: relative;
		
		padding-left: 40px;
		
		width: 740px;
		padding-top: 40px;
	/*	border-bottom-color: white;
		border-bottom-style: groove;
		border-bottom-width: 2px;	*/
		}
		
		
.content-lr { width: 940px; padding: 40px 40px 0px 40px;}
.content-left { width: 380px; margin-right: 40px; float: left; }
.content-right { width: 380px; float: left; }


#image-lupa {
		float: right;
		background-position: right top;
		/*margin-top: 260px;
		margin-left: 820px;*/
		height: 260px;
		width: 200px;
		position: relative; top: 260px; right: 20px;
		background-repeat: no-repeat;
		background-image: url(../images/dsgn-lpa.png);}
		
#image-mouse {
		float: right;
		background-position: right top;
		height: 260px;
		width: 200px;
		position: relative; top: 110px; right: 0px;
		background-repeat: no-repeat;
		background-image:url(../images/ad_mouse2.png);}
		

#news-col {
		margin-bottom: 40px;
		padding-right: 40px;
		padding-left: 0px;
		padding-top: 40px;
		/*margin-left: 60px;*/
		float: right;
		width: 310px;
		
		}

#news-nav {
		padding-bottom: 20px;
	/*	margin-top: 110px;*/
		padding-top: 110px;
		height: 60px;
		border-bottom-color: white;
		border-bottom-style: groove;
		border-bottom-width: 2px;
	}

.news { padding-top: 10px; padding-bottom: 10px; border-bottom-color: white; border-bottom-style: groove; border-bottom-width: 2px;}
.news li a:hover {text-decoration: none;}

.footer {
		clear: both;
		position: relative;
		background-color: #e0e0e0;
		width: 970px;
		margin: 0 auto;
		}
		
#footer-logo {
		float: left;
		width: 120px;
		height: 20px;
		margin-left: 40px;
		margin-right: 40px;
		margin-top: 10px;
		}


#copyright { 
		float: left;
		width: 360px;
		/*width: auto; */
		padding-top: 12px;
 		}
 
#footer-nav {
		float: left;
		width: 370px;
		padding-right: 40px;
		padding-top: 12px;
		}
		

.hand { background-image: url(../images/hand.png);}

.hand-g { background-image: url(../images/hand_g.png);}

.hand-n { background-image: url(../images/hand_g.png); float:left; width:35px; height:20px;  margin-right:-5px; margin-top: 3px; background-repeat: no-repeat; display: block;}


div.hand, div.hand-g {float:left; width:35px; height:20px; margin-left: -25px; margin-right:-25px; margin-top: 3px; background-repeat: no-repeat; display: block;}

div.news .hand { margin-top: 5px; }

div.news .hand-g { margin-top: 5px; }

  		
.item {margin-bottom: 40px;}
div.item ul li { padding-left: 520px; overflow: hidden;}
div.item ul li img {float:left; position:relative; left:-520px; margin-right: -480px;}

.item-lr {margin-bottom: 40px;}
div.item-lr ul li { padding-left: 120px; overflow: hidden;}
div.item-lr ul li img {float:left; position:relative; left:-120px; margin-right: -80px;}

.cw-col-r { background-position: 0; float: right; height: 100%; z-index: 1; top: 40px; position: relative; width: 210px;}

div.item-lgo ul li {padding-left: 520px; overflow: hidden;}
div.item-lgo ul li img {float:left; position:relative; left:-520px; margin-right:-480px;}

.item-lgo { margin-bottom: 30px;}

.news-img { margin-bottom: 10px; }


.content-ib { height: auto; width: auto; padding-left: 40px; padding-top: 40px; padding-bottom:30px; }

.ib-c { margin-right: 40px; width: 270px; float: left; }

.ib-c-h {text-align: left; margin-bottom: 20px; height: 60px; border-bottom-color: white; border-bottom-style: groove; border-bottom-width: 2px; float: left; width: 270px;}

div.ib-c-h .hand { margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: -2px; padding: 0px; }