body { background: #000 url('../images/layout/body.jpg') top center no-repeat; font-family: Arial, Helvetica, sans-serif; }

#container { width: 840px; margin: 0 auto; }

#header { position: relative; height: 434px; }

	#header h1 a { position: absolute; display: block; text-indent: -5000px; width: 216px; height: 150px; background: url(../images/layout/logo.png) no-repeat;  left: 315px; z-index: 100; }
	
	#header ul { top: 66px; left: 34px; position: absolute; }
		#header li { display: inline; }
		#header li a { height: 50px; display: block; float: left; text-indent: -5000px; }
		#header li.item-1 a { background: url(../images/menu/naslovnica.gif) no-repeat; width: 132px; }
		#header li.item-2 a { background: url(../images/menu/o_nama.gif) no-repeat; width: 122px; }
		#header li.item-3 a { background: url(../images/menu/usluge.gif) no-repeat; width: 112px; margin-left: 262px; }
		#header li.item-4 a { background: url(../images/menu/reference.gif) no-repeat; width: 114px; }
		#header li a:hover, #header li a.active { background-position: right; }
		
		#header #flash { background: url(../images/layout/flash.jpg) no-repeat; width: 848px; height: 253px; margin: 0 -15px; position: absolute; top: 153px; padding: 11px 16px; margin-bottom: 5px; }

#content { background: url(../images/layout/content.png) repeat; min-height: 500px; padding-top: 10px; }
	
	#main-content { width: 615px; margin-left: -10px; float: left;  }
		#main-content .block { position: relative; width: 615px; clear: both; margin-bottom: 20px;}
			#main-content .block p.date, #main-content .block p.location { background: url(../images/layout/date.png) no-repeat; width: 96px; height: 37px; text-align: left; font-size: 24px; font-weight: bold; color: #fff; padding-top: 8px; margin-bottom: 10px; text-indent: 17px; }
			#main-content .block p.location { background: url(../images/layout/location.png) no-repeat; width: 134px; height: 46px; text-align: left; text-indent: 15px; font-size: 18px; padding-top: 11px; height: 33px; }
			#main-content .block .photos { width: 92px; float: left; position: relative; z-index: 1000; }
			#main-content .block .photos img { padding: 1px; border: 1px solid #444; background: #000; margin-bottom: 10px; width: 88px; height: 58px; }
			#main-content .block .photos ul { margin: 0; padding: 0; }
			#main-content .block .photos img:hover { border: 1px solid #ccc;  }
			#main-content .block .photos {  }
			#main-content .block .photos.wide { width: 600px; z-index: 1;  }
			#main-content .block .photos.wide ul li { float: left; margin-right: 15px; }
			#main-content .block .text { font-size: 12px; color: #fff; position: relative; padding-left: 115px; margin-top: -47px; }
			#main-content .block.custom .text { padding-left: 155px;  }
			#main-content .block .text h2 { font-size: 24px; font-weight: bold; margin-bottom: 6px; }
			#main-content .block .text p.tags { font-size: 11px; color: #777; margin-bottom: 11px; }
			#main-content .block .text strong { font-weight: bold; }
			#main-content .block .text p { line-height: 1.5; margin-bottom: 20px; }
			#main-content .block .text h3 { font-size: 14px; font-weight: bold; color: #f58220; margin-bottom: 4px; }
			#main-content .block .text ul { margin-bottom: 20px; }
			#main-content .block .text ul li { line-height: 1.5; }
			#main-content .block .text img.float-left { float: left; background: #000; padding: 1px; border: 1px solid #444; margin: 0 20px 5px 0; }
			#main-content .block .text a.galerija { background: url(../images/layout/galerija_referenci.gif) no-repeat; display: block; text-indent: -5000px; width: 289px; height: 45px; margin: 17px 0 20px 0; }
			
	#sidebar { float: right; margin-right: -10px; width: 224px; color: #fff; font-size: 11px; }
		#sidebar h3 { background: url(../images/layout/sidebar_h3.png) no-repeat; height: 33px; text-indent: 15px; font-size: 18px; font-weight: bold; padding-top: 12px; margin-bottom: 15px; } 
		#sidebar h3.custom { margin-top: 15px; }
		#sidebar h4 { font-weight: bold; color: #f58220; line-height: 1.4; margin-bottom: 0; padding-left: 8px; background: url(../images/layout/sidebar_bullet.gif) top left no-repeat; margin-left: 16px; }
		#sidebar h4 em { display: block; font-weight: normal; }
		#sidebar p { margin-bottom: 6px; line-height: 1.5; padding-left: 8px; margin-left: 16px; }
		#sidebar p a { color: #999; text-decoration: none; }
		#sidebar p a:hover { color: #fff; }
		#sidebar p a.link { color: #fff; display: block; margin-top: 0; }
		#sidebar p a.link:hover { color: #999; }

#footer { background: url(../images/layout/footer.gif) top repeat-x; padding: 30px 0; margin-top: 15px; }
	#footer-inner { width: 750px; margin: 0 auto; position: relative; }
	#footer ul li { display: inline; }
	#footer ul li a { display: block; float: left; margin-right: 20px; text-decoration: none; color: #666; font-size: 11px; font-weight: bold; }
	#footer ul li a span { display: block; font-weight: normal; margin-top: 4px; color: #444; }
	#footer ul li a:hover, #footer ul li a.active { color: #999; }
	#footer ul li a:hover span, #footer ul li a.active span { color: #999; }
	
	#footer p { font-size: 11px; font-weight: bold; color: #999; position: absolute; right: 0; text-align: right; }
	#footer p span { display: block; font-weight: normal; color: #444; margin-top: 4px; }