/*Site layout*/ 

/* ispada da:
	- svaki div koji ima bar neku fiksnu dimenziju treba da ima upisan i overflow:
		- hidden ako ga ogranicavas na taj prostor
		- auto ako ga ogranicavas na taj prostor a hoces da ima scroll bars
	- svaki horizontalni deo bi trebalo da ima clear:both
*/
/* 	da bi dobio da se div rasiri po visini da u njega udje sve sto on sadrzi moras koristiti 
	ili ovo (float na neki nacin implicira koriscenje width-a mada moze i bez width-a ali onda zavisi kako se ostali untrasnji box-ovi rasporedjuju pa moze da se desi da ti se pojavi horizontalbni scroll):
		float: left;
		width: 100%;
	ili u untrasnjem div-u:
		overflow: hidden;
		height: 100%;	
*/	
/* za IE mora da se ovo upise bas u box-u koji je float da bi vazilo za one koji su u njemu, odnosno, IE ne kapira nasledjivanje za overflow kada su floati u pitanju */ 



html, body {
	text-align: center;  /*center hack*/ 
	margin: 0; padding:0;
	/*background: transparent url("../images/g-background.gif") top left no-repeat;*/
	background-color: #ffffff;
}

#ibwrap {
	/*border: 1px solid red;*/	
	/*background: url("../images/backline.png") 0 0 repeat-y;*/
	/*background-color: #FFFFFF;*/
	min-width:984px; width: 984px; max-width: 984px; /*width: 100%; max-width: 100%;*/
	margin: 10px auto; 
	text-align: left; /* reset because of -> center hack */
	overflow: hidden;
	/*overflow: hidden; /* ovde netreba jer onda u browseru nema horizontalnog scroll bara */ 
	/*padding: 0px 8px 0px 8px;*/
} 
#ibwrapi { overflow: hidden; /* da bi se div "otvorio" */ }

#site-wrap { 
	/*border: 1px solid #1376c9;*/	
	background: url("../images/site-bkg.gif") top left no-repeat;
	float: left;
	min-width:974px; width: 974px; max-width: 974px;
	margin-left: 10px;	
	overflow: hidden; 
}
#site-wrapi {
	min-width:934px; width: 934px; max-width: 934px;
	overflow: hidden;
}

#site-header { 
	/*border:1px solid blue;*/
	clear: both;
	width:100%; 
	min-height: 114px; height: 114px; max-height: 114px;
	margin: 0 0 0px 0;
	overflow: hidden;
}
#site-headeri {}

#site-top { 
	/*border:1px solid green;*/
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
}
#site-topi {}

#site { 
	/*border: 1px solid black;*/
	clear: both;
	float: left;
	/*background: url("../images/site-bkg.gif") top left no-repeat;*/
	min-width: 934px; width: 934px; max-width: 934px; 
	padding: 0;
	overflow: hidden; 
/*	height: auto !Important;
	height: 1%; 
	border-bottom: 1px solid #fae45b; */
}
#sitei {}

#left-wrap { 
	/*border: 1px solid red;*/
	float: left; 
	min-width: 300px; width: 300px; max-width: 300px; 
	/*overflow: hidden;*/	
}
#left-wrapi {
	overflow: hidden;
	/*background: url("../images/background.png") top left repeat-y;*/
}
#left-header { /*clear: both;*/ }
#left-headeri {/* border-bottom: 1px solid #00599b;*/}
#left { 
	background: url("../images/background.png") top left repeat-y;
}
#lefti {}
#left-footer { /*clear: both;*/ 
	background: url("../images/background.png") top left repeat-y;
	height: 1%; 
	overflow: hidden;
}
#left-footeri {}


#site-right-wrap {
	/*border: 1px solid green;*/
	float: right; 
	min-width: 614px; width: 614px; max-width: 614px; 
	overflow: hidden;
	padding-right: 0px;	
}
#site-right-wrapi { overflow: hidden;}

#head-wrap { /*border: 1px solid cyan;*/ }
#head-wrapi { overflow: hidden; }


#main-wrap { 
	/*margin-top: 10px;*/
	clear: both;
	/*border: 1px solid #d7dfec;*/
/*	min-height: 592px; 
	height: auto !Important; height: 592px; /* height hack */
	/*padding: 10px;*/
	overflow: hidden; 
	height:1%;	
}
#main-wrapi { 
	float: left;
	overflow: hidden;
	/*width: 100%;*/
	width: 100%;
}
#main-header { 
	/*border: 1px solid red;*/
	clear: both;
	/*margin-top: 4px;*/
}
#main-headeri { }
#main-footer { 
	/*border: 1px solid red;*/
	clear: both;
	/*margin-top: 4px;*/
}

#main {  	 /*clear: both; */}
#maini { overflow: hidden;}

#content-wrap { 
	/*border: 1px solid #00ddFF;*/
	float: left;
	/*min-width: 664px;width: 664px; max-width: 664px;*/ 
	overflow: hidden;
	width: 100%;
}
#content-wrapi { overflow: hidden;}

#content-header-book {}
#content-header-booki {}

#content-header { /*border: 1px solid #ee44FF;*/ }
#content-headeri { }
#content { }
#contenti {overflow: hidden;}
#content-footer { 
	clear: both;
	/*border: 1px solid #ee4400;*/
}
#content-footeri { }


#leftcol-wrap { 
	/*border: 1px solid #99FF00;*/
	float: left;
	/* ovo cak ne bi ni moralo jer se preuzima sirina prethodnog kontejnera ali neka stoji */
	/*min-width: 664px; width: 664px; max-width: 664px;*/
	overflow: hidden;
	margin:0; padding:0;
	width: 100%;
}
#leftcol-wrapi { overflow: hidden; }

#leftcol-wrap-rc { 
	/*border: 1px solid #99FF00;*/
	float: left;
	min-width: 444px; width: 444px; max-width: 444px;
	overflow: hidden;
	margin:0; padding:0;

}
#leftcol-wrapi-rc { overflow: hidden; }

#leftcol-header { }
#leftcol-headeri { }
#leftcol {clear: both;  }
#leftcoli { }
#leftcol-footer { }
#leftcol-footeri { }

#rightcol-wrap { 
	/*border: 1px solid #00FFff;*/
	float: right;
	min-width: 150px; width: 150px; max-width: 150px;
	overflow: hidden;
	margin:0; padding:0;
}
#rightcol-wrapi { overflow: hidden;}

#rightcol-header { }
#rightcol-headeri { }
#rightcol {	
	/*border: 1px solid #d7dfec;*/
	display: block;
	float: left; clear: both;
	/*background: url("../images/map-bkg.gif") top left repeat-y;*/
	background-color: #b9bdc6;
	padding: 15px 0px;
	min-width: 150px; width: 150px; max-width: 150px;
	overflow: hidden;
}
#rightcoli { 	
	/*border: 1px solid green;*/
	float: left; clear: both;
	padding-left: 15px;
	overflow: hidden;
}
#rightcol-footer {
	/*border:3px solid red;*/
	float: left; clear: both;
	overflow: hidden;
	width: 100%;
	margin-top: 10px;
}
#rightcol-footeri { 
	/*border:1px solid blue;*/
	overflow: hidden;
}


#right-wrap {
	/*border: 1px solid #99FF00;*/
	float: right;
	min-width: 25px; width: 25px; max-width: 25px;
	overflow: hidden;
}
#right-wrapi {}
	
#right-header { }
#right-headeri { }
#right {/*clear: both;  */}
#righti { }
#right-footer { }
#right-footeri { }

#main-footer { clear: both;}
#main-footeri {}

#site-bottom { 
	/*border:1px solid #338811;*/
	clear: both;
}
#site-bottomi {}
#site-footer { 
	/*background-color: #BB0033;*/ 
	/*border-top: 1px solid #d11718;*/
	clear: both; 
}
#site-footeri {}


#site-wrap-footer {
	/*border:1px solid red;*/
	float: left;
	min-height: 30px; height: 30px; max-height: 30px;
	background: url("../images/site-bottom-b.gif") top left no-repeat;	
	width: 100%;
}

#sky { 
	float: right;
	min-width: 25px; width: 25px; max-width: 25px;
	overflow: hidden;
	/*border: 1px solid #CC6666;*/
	
}
#skyi {}
#debug {
	margin-top: 10px;
	clear: both;
	text-align: left;
	width: 100%;
}