@charset "utf-8";
/* CSS Document */
body { text-align:left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #707070;}
#page { width:829px; margin:15px auto 0; position: relative;}

a { text-decoration: none; color: #707070;font-size: 12px;}
a:hover { font-weight: bold;}
/* reset */
ul,ol { list-style:none }
ul,ol,li,dd,dt,dl,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,div,blockquote,fieldset,input, * { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
fieldset { border: 0; }

	
/* easy clearing */
.fix:after
	{
	content: '[.]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.fix
	{
	display: inline-block;
	}
/*\*/
.fix
	{
	display: block;
	}

/* easy clearing */


/* top menu */
#menu { width: 425px; margin: 15px auto 10px; text-align: center;}
#menu ul li{ float:left; width: 85px;}
/* end of top menu*/

#logo {text-align:center;}
#wrapper {
	width: 6px;
	height: 350px;
	position: relative;
}


.slider3
{
	width: 6px;
	height: 386px;
	position: relative;
	background-color: #B3FF1F;
	z-index: 1;
	background: url(../images/slider_pozadina.gif) repeat-y;
}

.indicator2
{
	width: 6px;
	height: 11px;
	background: url(../images/slide_handler.gif) no-repeat;
	position: absolute;
	font-size: 1px;
	overflow: hidden;
	border: none;
	position: relative;
	z-index: 2;
}

.holderidilevo{
	float:left;
	}
html > body #projectsHolder{
	height: 386px;
}
#projectsHolder{
	position: absolute;
	top: 132px;
	left: 15px;
	height: expression(Math.min(parseInt(this.offsetHeight), 386 ) + "px");
	overflow: hidden;
	}
html > body #projectsInner{
	width: 115px;
}
#projectsInner{
	width: expression(Math.min(parseInt(this.offsetWidth), 115 ) + "px");
	position: relative;
/*	z-index: -1000; */
}
#projectsInner ul li {
	padding-bottom: 8px;
	display: block;
}


html > body #middleHolder {
	width: 552px;
}
#middleHolder {
	width: expression(Math.min(parseInt(this.offsetWidth), 552 ) + "px");
	margin: 0 auto;
}
html > body #middleImageHolder {
	height: 386px;
}
#middleImageHolder {
	height: expression(Math.min(parseInt(this.offsetHeight), 386 ) + "px");
	background-repeat: no-repeat;
	background-image: url(../images/loadingAnimation.gif);
	background-position: center center;
}
#rightHolder{
	position: absolute;
	top: 132px;
	right: 0px;
	width: 110px;
}
.milojicaProjects{
	width: 55px;
	float: left;
}
.projekatVelika{
	float: left;
	margin: 0 9px 9px 0;
	}
#middleOpisHolder{
	margin: 3px 0 0 12px;
	font-size: 11px;
}
#middleOpisHolder span {
	font-weight: bold;	
}

.contactbody{
	text-align:center;
}
img.contact{ margin:10px  auto;}
p.contact{ margin:0 auto;width:290px; }

.linkovibody{
	text-align:center;
}
p.linkovi{ margin:0 auto 5px; width:258px; text-align: left;}

#footer { position: relative; width: 552px; margin: 9px auto 0; text-align: center;  font-size:0.8em;}
#footer a{ font-size:1.0em;}
#footer a:hover{color:#000; font-weight: normal;}
#nedostojni{right:0; position: absolute;}

.mileNewsHolder{
	width: 259px;
	margin: 0 auto 15px;
	text-align: justify;
}
.mileNewsDatum {
	font-weight: bold;
}
.newsbody{
	margin: 0 auto;
	width: expression(Math.min(parseInt(this.offsetWidth), 340 ) + "px");
}
html > body .newsbody{
	width: 340px;
}
html > body .insightbody{
width: 262px;
}
.insightbody{
	width: expression(Math.min(parseInt(this.offsetWidth), 262 ) + "px");
	margin: 10px auto;
}
.insightbody img{
	padding-top: 100px;
	display: block;
}
html > body .homebody{
	width: 552px;
}
.homebody{
	margin: 0 auto;
	width: expression(Math.min(parseInt(this.offsetWidth), 552 ) + "px");
}

html > body .visinomer{
	height: 437px;
}
.visinomer{
	height: expression(Math.max(parseInt(this.offsetHeight), 435 ) + "px");
}