html, body {
	height: 100%;
}
body
{
	margin: 0;
	padding: 0;
	text-align: center;
	min-height: 600px;
	background-color:#b2b4b8;
	font-family:Trebuchet MS;
}
.clear
{
	clear:both;
}
#container
{
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 100%;
	height: 100%;
}
#cont
{
	position: absolute;
	height: 600px;
	width:100%;
	top: 50%;
	margin-top: -300px; /* pola stvarnog konteta */
	background-image:url(img_pocetna/bg-pocetna.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
}
#holder
{
	position: absolute;
	width: 855px;
	height: 430px;
	left:50%;
	margin-left:-427px;
	margin-top:85px;
	/*background-color:#b2b4b8;*/
}
.logo
{
	float:left;
	width:200px;
	height:60px:
	display:block:
	margin:0px;
	padding:0px;
	outline:none;
}
.logo a img
{
	border:none;	
}
.left-holder
{
	float:left;
	width:420px;
	padding: 0px;
	margin:0px;
}
.left-holder ul
{	
	float:right;
	width:155px;
	padding: 0px;
	margin:118px 0 0 0;
	list-style-type: none;
	text-align: left;
}
.left-holder ul li
{
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	margin:0 0 10px 0 ;
	padding: 0;
}
.left-holder a 
{	
	padding:0px;
	margin:0px;
	color:#666666;
	text-decoration:none;
}
.left-holder a:hover
{
	color:#FF3300;
}
.left-holder a:active
{
	color:#000000;
}
.right-holder
{
	float:right;
	width:420px;
	padding: 0px;
	margin:0px;
}
.right-holder ul
{	
	float:left;
	padding: 0px;
	margin:160px 0 0 10px;
	list-style-type: none;
	text-align: left;
}
.right-holder ul li
{
	display:block;
	width:155px;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	margin:0 0 11px  0;
	padding:0px;
}
.right-holder a 
{	
	padding:0px;
	margin:0px;
	color:#FFF;
	text-decoration:none;
}
.right-holder a:hover
{
	color:#FF3300;
}
.right-holder a:active
{
	color:#FFF;
}