* { margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	color: #656565;
	background: #fff url(body.gif) left 180px no-repeat;
	text-shadow:0 1px 0 #ddd;
	}

h1 { display: none; }
h2 { font-size: 72px; line-height: 84px; font-weight: bold; text-indent: -9999px; height: 75px; background: transparent url(naslovi.png) no-repeat; }
p { padding: 20px 0; }
p.small { font-size: 14px; line-height: 18px; }
a { color: #696297; text-decoration: none; padding: 0 1px; }
a:hover { color: #fff; background-color: #696297; text-shadow:0 1px 0 #444; }
a:active { outline: none; }

br.clearer { clear: both; }
a img { border: 0; }

body div { margin: 0 auto; text-align: left; }

div.next { clear: both; }
	div.next a { display: block; width: 200px; height: 110px; background: transparent url(strelice.png) no-repeat; text-indent: -9999px; margin: 0 auto; }
	div.next a.sto_radimo { background-position: 0 0; }
	div.next a.klijenti { background-position: 0 -110px; }
	div.next a.reference { background-position: 0 -220px; }		
	div.next a.hajtekovci { background-position: 0 -330px; }
	div.next a.kontakt { background-position: 0 -440px; }
	#twitter a.hello { display: block; width: 200px; height: 110px; background: transparent url(strelice.png) no-repeat; background-position: 0 -550px; position: absolute; right: 0; bottom: 0; text-indent: -9999px; }

#hello { width: 980px; padding: 100px 0 100px 0; }
	#hello img { float: right; margin-right: 40px; }
	#hello h2 { background-position: 0 0; margin-left: 40px; }
	#hello p { width: 500px; margin-left: 40px; }

#sto_radimo { float: left; width: 980px; padding: 40px 0; margin-top: 100px; }
	#sto_radimo h2 { background-position: 0 -225px; margin: 0 40px; }
	#sto_radimo div { clear: both; }
	#sto_radimo p { padding: 10px 40px 10px 10px; margin-left: 240px; }
	#sto_radimo p.try { padding: 0 40px 20px 10px; }
	a.slika { padding: 0; float: left; margin: 0 10px 10px 30px; }
	a.slika:hover { background-color: #fff; }
	#usluge { display: none; }
		#mobilni_marketing, #drustvene_mreze, #trazilice, #email_marketing { overflow:auto; padding: 20px; }
		#mobilni_marketing img, #drustvene_mreze img, #trazilice img, #email_marketing img { float: left; margin: 0 20px 20px 0; }
		#mobilni_marketing ul, #drustvene_mreze ul, #trazilice ul, #email_marketing ul { list-style-type: square; margin: 0 20px; }


#klijenti { width: 980px; padding: 40px 0; margin: 100px 0 100px 0; float: right; background: transparent url(klijentibg.jpg) right top no-repeat; }
	#klijenti img { float: left; margin-right: 20px; }
	#klijenti h2 { background-position: 0 -150px; margin-top: 20px; margin-left: 420px; }
	#klijenti p { margin-right: 40px; }

#reference { width: 980px; margin: 80px 0 100px 0; padding-top: 40px; }
	#reference h2 { background-position: 0 -300px; margin: 0 30px; }
	#reference p { padding: 0 30px; }
	#reference div.item { width: 220px; float: left; margin: 20px 0 0 20px; }
	#reference p.name { font-size: 12px; line-height: 14px; font-weight: bold; padding: 0; text-align: center; }
	#reference a { padding: 0; }
	#reference a:hover { background-color: #fff; }

#hajtekovci { width: 900px; padding: 40px; margin-top: 100px; float: right; background: transparent url(hajtekovcibg.jpg) right top no-repeat; }
	#hajtekovci img { float: left; }
	#hajtekovci h2 { background-position: 0 -75px; margin-left: 280px; }
	#hajtekovci p { width: 620px; margin-left: 280px; padding: 20px 0 17px 0; }
	#hajtekovci span { font-size: 14px; }

#kontakt { width: 900px; margin: 80px 0; padding: 40px; float: left; background: transparent url(kontaktbg.jpg) left top no-repeat; }
	#kontakt h2 { background-position: 0 -375px; }
	#kontakt #oldie { width: 230px; float: left; }
	#kontakt form { width: 330px; float: left; margin-top: 20px; }
		#kontakt form input { width: 290px; padding: 5px; font-size: 14px; color: #aaa; margin-bottom: 20px; font-weight: bold; }
		#kontakt form textarea { width: 294px; height: 100px; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #aaa; font-weight: bold; }
	#kontakt #map { width: 340px; float: left; margin-top: 20px; }

#twitter { clear: both; width: 900px; height: 340px; margin-top: 80px; background: transparent url(twitter.jpg) left top no-repeat; font-size: 14px; position: relative; }
	#twitter ul { list-style: none; margin-left: 230px; }
	#twitter li { float: left; width: 350px; margin-top: 65px; }
	#twitter .twitterTime { display: block; font-size: 12px; }

#footer { width: 100%; height: 100px; background-color: #000; text-align: center; }
	#connections { padding: 25px 0 0 25px; width: 430px; float: left; }
	#connections a { padding: 0; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; }
	#connections a:hover { background-color: transparent; filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; }
	#impressum { width: 430px; padding-right: 25px; float: right; font-size: 10px; color: #333; line-height: 14px; text-shadow: none; margin-top: 8px; }
	#impressum p { padding: 10px 0 0 0; }