@charset "utf-8";

/* Stilovi za /neuron consult - Osnovni v 1.0  */
/* Izrada: DZ Design, Zagreb; Autor: Branko Šabarić - Sva prava pridržana, siječanj 2010. */

/* body/red-#cf1319; title/red-#9a0304; link/grey-#888; */

/* ++++++++++ RESET ++++++++++ */

html, body { height:100%; }
body { margin:0; padding:0; background:#cf1319; }
* { font:1em Arial, helvetica, sans-serif; color:#000; }
h1, h2, h3, h4 { margin:0; padding:0; font-weight:bold; color:#9a0304; text-transform:uppercase; }
h1 { font-size:1.6em; }
h2 { font-size:1.3em; }
h3 { font-size:0.8em; }
h4 { font-size:0.8em; }
img { border:none; }
a { text-decoration:none; outline:none; cursor:pointer; color:#888; }
a:hover { text-decoration:underline; }
p, dt { margin:0; padding:0; line-height:1.4em; font-size:0.7em; }
strong { font-weight:bold; }
ul { list-style:none; margin:0; padding:0; }
ul li { margin:0; padding:0; }
dl, dd { margin:0; padding:0; }

/* ++++++++++ LAYOUT AND FORMATTING ++++++++++ */

#wrap { position:relative; width:100%; background:#000 url(/_gfx/bckg-body.jpg) repeat-x; }

	#header { position:relative; width:840px; margin:0 auto; height:100px; }
		body#home #header { height:356px; }
		
		#tagline { position:absolute; left:240px; top:20px; width:198px; height:23px;
				background:url(/_gfx/tagline.gif) no-repeat; }
		
		#banner { width:840px; height:256px; position:relative; padding-top:101px; text-align:right; }
			#banner #slides { background:#fff; height:245px; overflow:hidden; z-index:100; }
			#banner h2, #banner p, #banner button { position:absolute; }
			#banner h2, #banner p { text-shadow:#fff 1px 1px 0; width:400px; }
			#banner h2 { top:120px; right:30px; z-index:101; }
			#banner p { top:180px; right:30px; z-index:102; font-size:0.8em; display:block; }
			#banner button { font-size:0.8em; padding:7px 10px; color:#fff;
				top:260px; right:30px; z-index:103;
				text-shadow:#000 1px 1px 0; background-color:#9a0304; cursor:pointer;
				-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:none; }
				#banner button:hover { color:#fff; background-color:#000; }
		
	#content { position:relative; width:760px; padding:40px; margin:0 auto; z-index:10;
			background:#fff url(/_gfx/bckg-content.jpg) no-repeat; }
		
		body#home #content { padding:10px 40px; background-image:none; }
		
		/* main content */
		
		#content #main { position:relative; float:left; width:500px; padding-top:20px; }
			body#home #content #main { padding-top:0; }
			#content #main.full { width:720px; }
			#content .full-hp { width:720px; }
			#content #main p { margin:10px 0; }
			#content #main h2 {  }
			#content h3 { display:inline-block; margin:10px 0; padding:7px 12px; 
					text-shadow:#000 1px 1px 0; background-color:#9a0304; color:#fff;
					-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
			#content img.banner-image { margin:20px 0; }
			#content img.project-image { margin:0 20px 20px 0; float:left; }
			
			#featured-referenced-projects { margin:10px 0; }
				#featured-referenced-projects li { width:161px; float:left; display:block; margin-right:8px; }
				#featured-referenced-projects li.last { margin-right:0; }
				#featured-referenced-projects p { font-size:0.7em; }
					#featured-referenced-projects a:hover p, 
					#featured-referenced-projects a:hover strong { color:#888; text-decoration:none; }
			#latest-news { margin:10px 0; }
				#latest-news dt, #latest-news dd { margin:10px 0; font-size:0.7em; }
				#latest-news dt { font-weight:bold; width:110px; float:left; }
				#latest-news dd { width:500px; float:right; }
			
			#projects { margin:10px 0; }
				#projects p { line-height:1.6em; display:block; 
						height:140px; margin-bottom:20px;
						/*background:url(/_gfx/bckg-news-divider.gif) no-repeat 0 110px;*/ }
					#projects p img { float:left; margin-right:20px; }
					#projects p a { color:#000; }
						#projects p a:hover, #projects p a:hover strong { text-decoration:none; color:#888; }
					#projects p.last { background-image:none; margin-bottom:0; }
					#projects a.pdf { display:block; background:url(/_gfx/icon-pdf.gif) no-repeat 180px 7px; padding:7px 0 7px 205px; }
			
			p.divider { display:block; width:270px; line-height:38px; height:38px; 
					padding-left:230px; margin-top:10px;
					background:url(/_gfx/bckg-divider.jpg) no-repeat; }
				p.divider a { font-size:0.9em; }
			
			p.link-back { float:right; }
			
			p.pdf a { padding-left:27px; line-height:30px; margin:10px 0; display:block;
					background:url(/_gfx/icon-pdf.gif) no-repeat 0 5px; }
		
		.box { position:relative; float:left; width:340px; padding:10px; }
			p.location { padding:5px 0 5px 35px; font-size:0.7em; margin-top:25px; 
				background:url(/_gfx/icon-location.gif) no-repeat; height:100%; display:block; }
				
		/* sidebar */
		
		#content #sidebar { position:relative; width:220px; float:right; }
			#sidebar h4 { display:inline-block; margin:10px 0; padding:7px 12px; 
					background-color:#000; color:#fff;
					-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
			#sidebar h4.links { margin-bottom:25px; }
			#sidebar ul.listing { margin:10px 0; }
			
		/* common elements */
		
		ul.listing { margin:20px; }
			ul.listing li { display:block; padding:5px 0 5px 30px; font-size:0.7em; height:100%;
					background:url(/_gfx/icon-listing.gif) no-repeat 0 8px; line-height:1.6em; }
			ul.listing li strong { text-transform:uppercase; } 
			ul.listing li.person { background:url(/_gfx/icon-person.gif) no-repeat 0 6px; }
				ul.listing li.person span.cv { padding-left:25px; margin-left:20px; 
						background:url(/_gfx/icon-pdf.gif) no-repeat;}
			ul.listing li.office { background:url(/_gfx/icon-office.gif) no-repeat 0 6px; }
			ul.listing li.pdf { background:none; padding:0; }
				ul.listing li.pdf a { display:block; padding:5px 0 15px 30px; font-size:1em; height:100%;
						background:url(/_gfx/icon-pdf.gif) no-repeat 0 6px; color:#000; }
					ul.listing li.pdf a:hover { text-decoration:none; color:#888; }
			ul.listing li.hanging-pdf { background:none; padding:0; float:left; }
				ul.listing li.hanging-pdf a { display:block; padding:5px 0 15px 30px; font-size:1em; height:100%;
						background:url(/_gfx/icon-pdf.gif) no-repeat 0 6px; color:#000; }
					ul.listing li.hanging-pdf a:hover { text-decoration:none; color:#888; }
			ul.listing li.hanging-item { display:block; padding:5px 0 5px 30px; font-size:0.7em; height:100%;
					line-height:1.6em; float:left; background:none; }
			ul.listing li.hanging { background:none; width:70px; height:1px; margin:0 20px 0 0; padding:0; float:left; }
				ul.listing li.hanging a { height:120px; }
					ul.listing li.hanging a img { border:1px #ccc solid; }
			ul.listing li.clear { clear:both; width:600px; float:none; background:none; height:2px; padding:0; margin:10px 0; }
			
		ul.pdf-docs { margin:10px 0; }
			ul.pdf-docs li { /* background:url(/_gfx/bckg-news-divider.gif) no-repeat 0 100% */ }
				ul.pdf-docs li a { display:block; padding:5px 0 15px 30px; font-size:0.7em; height:100%;
					background:url(/_gfx/icon-pdf.gif) no-repeat 0 6px; color:#000; text-transform:uppercase; }
					ul.pdf-docs li a:hover { color:#888; text-decoration:none; }
				ul.pdf-docs li a span { font-weight:bold; color:#9a0304; line-height:1.6em; text-transform:none; }
		
		dl.doc-items { margin:10px 0; }
			dl.doc-items dt { font-size:0.8em; line-height:1.2em; font-weight:bold; text-transform:uppercase;
					color:#9a0304; margin-top:20px; padding-top:20px; }
				dl.doc-items dt.first { margin-top:0; }
				dl.doc-items dt span { text-transform:none; font-size:0.9em; line-height:1.8em; }
				dl.doc-items dt img { float:left; margin:-20px 20px 0 0; }
			dl.doc-items dd { font-size:0.8em; margin-top:15px; line-height:1.6em; }
		
		ul.media-items { margin:10px 0; }
			ul.media-items li {  }
				ul.media-items li a { display:block; padding:5px 0 15px 30px; font-size:0.7em; height:100%;
					background:url(/_gfx/icon-pdf.gif) no-repeat 0 6px; color:#000; }
					ul.media-items li a span { font-weight:bold; color:#9a0304; line-height:1.6em; }
					ul.media-items li a strong { line-height:2em; }
					ul.media-items li a:hover { color:#888; text-decoration:none; }
					ul.media-items li a.img { background-position:-110px 0; }
					ul.media-items li a.pdf { background-position:-220px 0; }
					ul.media-items li a.doc { background-position:-330px 0; }
		
		/* old ver
		
		ul.media-items { margin:10px 0; }
			ul.media-items li { float:left; }
				ul.media-items li a { display:block; width:90px; height:130px; padding:10px;
						font-size:0.7em; color:#000; margin:0 20px 10px 0;
						background:url(/_gfx/doc-item-media.jpg) no-repeat; }
					ul.media-items li a span { font-weight:bold; color:#9a0304; line-height:1.6em; }
					ul.media-items li a strong { line-height:2em; }
					ul.media-items li a:hover { color:#888; text-decoration:none; }
					ul.media-items li.last a { margin-right:0; }
					ul.media-items li a.img { background-position:-110px 0; }
					ul.media-items li a.pdf { background-position:-220px 0; }
					ul.media-items li a.doc { background-position:-330px 0; } */
		
		p.ref-link { font-size:0.7em; line-height:1.3em; margin-bottom:10px; height:50px; }
			p.ref-link a { font-size:1em; color:#000; }
			p.ref-link a:hover { color:#888; text-decoration:none; }
			p.ref-link img { float:left; margin-right:10px; }
			p.ref-link .first { margin-top:15px; }
					
	/* footer */
		
	#footer { position:relative; width:100%; 
		background:url(/_gfx/bckg-footer.jpg) repeat-x 0 -10px; }
		#footer .inner { position:relative; width:840px; margin:0 auto; height:160px;
				background:url(/_gfx/bckg-footer-inner.jpg) no-repeat 0 2px; }
		#footer p, #footer a { line-height:1.6em; }
		#footer p { font-size:0.7em; text-shadow:#000 1px 1px 0; }
		#footer a { font-size:1em; text-shadow:none; }
		#footer p.copy { float:right; margin:60px 40px 0 0; color:#fff; text-align:right; }
			#footer a.dzdesign, #footer a.dzdesign strong { 
					font:bold 1em "Arial Narrow", Arial, Helvetica, sans-serif; }
			a.dzdesign { color:#000; display:inline-block; padding:5px;
					-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
				a.dzdesign:hover { background-color:#fff; color:#000; 
						text-shadow:none; text-decoration:none; }
				a.dzdesign strong { color:#feac47; }
	
/* +++++++++ NAVIGATION ++++++++ */

a#home { position:absolute; width:210px; height:153px; left:20px; top:-96px; z-index:999;
		text-indent:-9999px; background:url(/_gfx/logo.png) no-repeat; }
	body#home a#home { top:4px; }

ul#nav-util li, ul#nav-main li, ul#nav-sec li, ul#nav-footer li { float:left; }
	ul#nav-util li a, ul#nav-main li a, ul#nav-sec li a, ul#nav-footer li a { display:block; }

ul#nav-util { position:absolute; top:10px; right:20px; z-index:99; }
	ul#nav-util li { padding:0; margin:0; float:left; }
		ul#nav-util li a { font-size:0.7em; padding:5px; color:#fff; 
				text-shadow:#000 1px 1px 0; margin-right:10px;
				-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
			ul#nav-util li a:hover { background-color:#fff; color:#000; 
					text-shadow:none; text-decoration:none; }
			ul#nav-util li.first a { font-weight:bold; margin-right:30px; }
			ul#nav-util li.en a, ul#nav-util li.hr a { padding-left:25px; }
			ul#nav-util li.en a { background-image:url(/_gfx/icon-en.png); 
					background-repeat:no-repeat; background-position:4px 6px; margin-left:100px; }
			ul#nav-util li.hr a { background-image:url(/_gfx/icon-hr.png);
					background-repeat:no-repeat; background-position:4px 6px; }

ul#nav-main { position:absolute; width:585px; height:40px; right:20px; top:59px; z-index:100; }
	ul#nav-main li {  }
		ul#nav-main li a { height:39px; text-indent:-9999px;
				background:url(/_gfx/nav-main.gif) no-repeat; }
		ul#nav-main li.projects a { background-position:2px 0; width:120px; }
			ul#nav-main li.projects a:hover, ul#nav-main li.projects a.active { 
					background-position:2px -40px; }
		ul#nav-main li.publications a { background-position:-121px 0; width:90px; }
			ul#nav-main li.publications a:hover, ul#nav-main li.publications a.active { 
					background-position:-121px -40px; }
		ul#nav-main li.references a { background-position:-210px 0; width:75px; }
			ul#nav-main li.references a:hover, ul#nav-main li.references a.active { 
					background-position:-210px -40px; }
		ul#nav-main li.services a { background-position:-282px 0; width:65px; }
			ul#nav-main li.services a:hover, ul#nav-main li.services a.active { 
					background-position:-282px -40px; }
		
		ul#nav-main li.home a { background-position:-505px 0; width:75px; }
			ul#nav-main li.home a:hover { background-position:-505px -40px; }
		ul#nav-main li.about a { background-position:-345px 0; width:65px; }
			ul#nav-main li.about a:hover, ul#nav-main li.about a.active { 
					background-position:-345px -40px; }
		ul#nav-main li.contact a { background-position:-410px 0; width:55px; }
			ul#nav-main li.contact a:hover, ul#nav-main li.contact a.active { 
					background-position:-410px -40px; }
		ul#nav-main li.news a { background-position:-465px 0; width:40px; }
			ul#nav-main li.news a:hover, ul#nav-main li.news a.active { 
					background-position:-465px -40px; }

ul#nav-sec { position:absolute; left:270px; top:13px; }
	ul#nav-sec li {  }
		ul#nav-sec li a { font-size:0.8em; color:#9a0304; font-weight:bold; 
				text-transform:uppercase; margin-right:10px; padding:5px; 
				-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
			ul#nav-sec li a:hover, ul#nav-sec li a.active { background-color:#9a0304; color:#fff; 
					text-decoration:none; text-shadow:#000 1px 1px 0; }
					
ul#nav-footer { position:absolute; top:10px; right:40px; }
	ul#nav-footer li { font-size:0.7em; }
		ul#nav-footer li a { padding:0 10px; padding:5px; color:#fff; 
				text-shadow:#000 1px 1px 0; margin-left:10px; 
				-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
		ul#nav-footer li.top a { margin-left:75px; border-right:none; }
		ul#nav-footer li a:hover { background-color:#fff; color:#000; 
				text-shadow:none; text-decoration:none; }
		
/* ++++++++ FORMS ++++++++ */

form#search-form { position:relative; float:right; padding-top:6px; margin-left:30px; }
	input.submit-button { color:#fff; background:none; border:none; font-size:0.8em; 
			font-weight:bold; color:#dff9d0; }
	input.input-field { border:none; background:#dff9d0; width:170px; height:22px; }

/* ++++++++ MISC ELEMENTS ++++++++ */

#gmap { position:relative; width:718px; height:400px; margin-bottom:20px; border:1px #000 solid; }
	small { font-size:0.7em; }
	noscript { color:#c00; }
	.gmap-marker { width:auto; height:70px; }
		.gmap-marker p { font-size:0.8em; line-height:1.2em; }
		.gmap-marker img { float:left; margin:0 15px 15px 0; clear:left; }
		
#tooltip { background:#9a0304; padding:5px; font-size:0.7em; color:#fff; border:1px #fff solid; display:none; z-index:1000;
		-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:1px 1px 3px #000; }