* {
	outline-style:none;
	}
@font-face {
  font-family: 'EurofurenceLight';
  font-style: normal;
  font-weight: 100;
  src: local('☺'), local('EurofurenceLight'), url('fonts/eurof35.ttf') format('truetype');
}

@font-face {
    font-family: 'JellykaEstryasHandwritingRg';
    src: url('jelly-webfont.eot');
    src: local('☺'), url('fonts/jelly-webfont.woff') format('woff'), url('fonts/jelly-webfont.ttf') format('truetype'), url('fonts/jelly-webfont.svg#JellykaEstryasHandwritingRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
	height:auto !important;
	padding:0;
	margin:0;
}
body{
	padding:0;
	margin:0;
	font-family: Verdana, sans-serif;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color:#EAEAEA;
	background-image: url(../body-background.gif);

}
ul, li, h3, h2, h1, p {
	padding:0;
	margin:0;
	list-style:none;
	text-shadow: 0px 1px 0px #FFF;
}

#mainm {
	width:250px;
	padding-left:15px;
	padding-top:15px;
	top:0px;
	left:0px;
	z-index:2;
	position:fixed;
	}
ul#mainm li {
	width:250px;
	}

ul#mainm li a {
	display:block;
	padding-top: 5px;
	width:auto;
	background-image: url(../images/main_li.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	}

ul#mainm li ul {
	padding-left:5px;
	width:245px;
	}
ul#mainm li ul li {
	width:245px;
	}
		
ul#mainm li ul li.podmainm a {
	background-image: url(../images/hr-sivo.gif);

	}
#content {
	width:3000px;
	position:relative;
	}

.panel {
	margin-left:280px;
	padding-top:5px;

}
.fotoall {
	width:250px;
	height:293px;
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
	}
.fototop {
	height:229px;
	}
#fototitle1, #fototitle2, #fototitle3, #fototitle4, #fototitle5, #fototitle6, #fototitle7, #fototitle8, #fototitle9, #fototitle10 {
	height:64px;
	}


.jEffects-particle {
	font-size:20px;
	font-family:arial;
	z-index:1387677174;
	position:absolute;
	
}

#about, #print, #web, #video, #foto, #people, #animals, #theatre, #architecture, #surreal, #studio, #reportage, #contact {
	overflow: hidden;
	height:1000px;
	width:100%;
	}
	
	
	.accordionContent {	
	display: none;
	}
	
#zarezac {
	height: 153px;
	width:214px;
	top: 600px;
	left: 0px;
	position: absolute;
	background-image: url(../images/z.jpg);
	background-repeat: no-repeat;
}

#selfnote {
	background-image: url(../images/self_note.png);
	background-repeat: no-repeat;
	top: 100px;
	left: 800px;
	position:relative;
	height: 191px;
	width:224px;
	}	

#webbg {
	width:492px;
	height:372px;
	top: 2300px;
	left: 0px;
	position: absolute;
	background-image: url(../images/web_bck.jpg);
	background-repeat: no-repeat;
	}

#printbg {
	width:492px;
	height:372px;
	top: 1300px;
	left: 0px;
	position: absolute;
	background-image: url(../images/print_bck.jpg);
	background-repeat: no-repeat;
	}
	
#fotobg {
	width:492px;
	height:372px;
	top: 4300px;
	left: 0px;
	position: absolute;
	background-image: url(../images/foto_bck1.jpg);
	background-repeat: no-repeat;
}

.galthumb {
	display:block;
	width:179px;
	height:230px;
	background:url(../images/polaroid.png);
	position:relative;
	float:left;
	padding-left:21px;
	padding-top:20px;
}

#people01, #people02, #people03, #people04, #people05, #people06, #people07, #people08, #people09, #people10, #people11, #people12, #people13, #people14, #animals01, #animals02, #animals03, #animals04, #animals05, #animals06, #animals07, #theatre01, #theatre02, #theatre03, #theatre04, #theatre05, #theatre06, #theatre07, #theatre08, #theatre09, #surreal01, #surreal02, #surreal03, #surreal04, #surreal05, #surreal06, #surreal07, #surreal08, #surreal09, #arch01, #arch02, #arch03, #arch04, #arch05, #arch06, #arch07, #arch08, #reportage01, #reportage02, #reportage03, #reportage04, #reportage05, #studio01, #studio02, #studio03, #studio04, #studio05, #studio06, #studio07, #studio08  {
	
	position:relative;

	}
	
#people01 { /* danilo*/
	left:280px;
	top:-10px;
	}

#people02 { /* undergrad */
	left:150px;
	top:15px;
	z-index:2;
	}
#people03 { /* hands */
	left:24px;
	top:0px;
	z-index:2;
	}
#people04 { /* nocni leptir */
	left:1px;
	top:-20px;
	z-index:2;
	}
#people05 { /* fly */
	left:-330px;
	top:100px;
	z-index:5;
	}
#people06 { /* chaos */
	left:-380px;
	top:200px;
	z-index:4;
	}	
#people07 { /* in the line */
	left:-493px;
	top:120px;
	z-index:3;
	}
#people08 {
	left:-620px; /* breathe */
	top:-50px;
	
	}
#people09 {
	left:-1220px; /* circles */
	top:100px;
	z-index:1;
	}
#people10 { /* radica */
	left:-1350px;
	top:250px;
	}
#people11 { /* x */
	left:-1500px;
	top:180px;
	z-index:1;
	}
#people12 { /* Kadinajca Hero */
	left:-1480px;
	top:30px;
	z-index:2;
	}

#people13 { /* water walking */
	left:-1540px;
	top:200px;
	z-index:2;
	}

#people14 { /* saxophonist */
	left:-1775px;
	top:65px;
	z-index:1;
	}

#animals01 { /* vilin konjic*/
	left:280px;
	top:-10px;
	}

#animals02 { /* vrabac */
	left:180px;
	top:80px;
	z-index:3;
	}

#animals03 { /* hands */
	left:74px;
	top:-20px;
	z-index:2;
	}
#animals04 { /* nocni leptir */
	left:56px;
	top:-35px;
	z-index:2;
	}
#animals05 { /* fly */
	left:-320px;
	top:100px;
	z-index:5;
	}
#animals06 { /* chaos */
	left:-380px;
	top:180px;
	z-index:4;
	}	
#animals07 { /* in the line */
	left:-493px;
	top:120px;
	z-index:3;
	}
#theatre01 { /* doslajci */
	left:265px;
	top:10px;
	z-index:8;
	}
#theatre02 { /* riesenschritte */
	left:180px;
	top:-20px;
	z-index:7;
	}
#theatre03 { /* klanica 5 */
	left:70px;
	top:-10px;
	z-index:5;
	}
#theatre04 { /* majstor i margarita */
	left:-100px;
	top:135px;
	z-index:3;
	}
#theatre05 { /* mapa */
	left:-470px;
	top:130px;
	z-index:6;
	}
#theatre06 { /* visnjik */
	left:-360px;
	top:-35px;
	z-index:4;
	}
#theatre07 { /* vrteska */
	left:-520px;
	top:125px;
	z-index:3;
	}
#theatre08 { /* danden */
	left:-930px;
	top:250px;
	z-index:2;
	}

#arch01 { /* Water rocket */
	left:290px;
	top:-1px;
	z-index:1;
	}
#arch02 { /* basel */
	left:190px;
	top:32px;
	z-index:2;
	}
#arch03 { /* Hotel Novotel  */
	left:90px;
	top:-30px;
	z-index:4;
	}
#arch04 { /* kubism */
	left:-50px;
	top:140px;
	z-index:3;
	}
#arch05 { /* sat */
	left:-340px;
	top:220px;
	
	}
#arch06 { /* Bridge */
	left:-350px;
	top:0px;
	z-index:3;
	}
#arch07 { /* schaulager */
	left:-500px;
	top:152px;
	}
#arch08 { /* kadinjaca */
	left:-600px;
	top:32px;
	z-index:4;
	}

#surreal01 { /* Buildings */
	left:250px;
	top:10px;
	z-index:4;
	}
	
#surreal02 { /* Space */
	left:220px;
	top:-10px;
	z-index:3;
	}
#surreal03 { /* Eggs */
	left:140px;
	top:-1px;
	z-index:4;
	}

#surreal04 { /* Net */
	left:-275px;
	top:120px;
	z-index:2;
	}

#surreal05 { /* Lines */
	left:-305px;
	top:150px;
	z-index:3;
	}

#surreal06 { /* led zurich */
	left:-375px;
	top:80px;
	z-index:3;
	}
#surreal07 { /* led zurich */
	left:-530px;
	top:200px;
	z-index:1;
	}
#surreal08 { /* led zurich */
	left:-700px;
	top:-30px;
	z-index:5;
	}
#reportage01 { /* uzice */
	left:268px;
	top:-10px;
	z-index:3;
	}
#reportage02 { /* undergrad */
	left:168px;
	top:50px;
	z-index:1;
	}
#reportage03 { /* konj */
	left:145px;
	top:-30px;
	z-index:3;
	}
#reportage04 { /* bicyclist */
	left:100px;
	top:10px;
	z-index:2;
	}
#reportage05 { /* money world */
	left:-300px;
	top:200px;
	z-index:0;
	}

#studio01 { /* money world */
	left:300px;
	top:-10px;
	z-index:0;
	}
#studio01 { /* danilo */
	left:300px;
	top:-10px;
	z-index:3;
	}
#studio02 { /* danilo i vladislava */
	left:200px;
	top:-30px;
	z-index:2;
	}
#studio03 { /* marina i vladislava */
	left:20px;
	top:130px;
	z-index:1;
	}
#studio04 { /* marta */
	left:-55px;
	top:50px;
	z-index:1;
	}
#studio05 { /* peca */
	left:-140px;
	top:-35px;
	z-index:0;
	}
#studio06 { /* vagone ristorante */
	left:-330px;
	top:95px;
	z-index:4;
	}
#studio07 { /* vladislava */
	left:-630px;
	top:230px;
	z-index:4;
	}
#studio08 { /* vladislava i marta*/
	left:-600px;
	top:140px;
	z-index:2;
	}