/* CSS Document */
a {
outline: 0;
color:#777777; /* boja linka */
text-decoration:none; /* link nema crtu ispod */
}

a:hover { /* ovdje se odreðuje hover efekt za cijeli site  */
	
}
 
html, body {
	background: #474747;
	margin: 0px;
	padding: 0px;
	height:100%;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h3 {
	font-size: 16px;
	font-weight:normal;
	margin: 0px;
	padding: 10px 0 7px 0;
}

h4 {
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 10px 0 7px 0;
}

#header {
	margin: 0px auto 5px auto;
	width: 900px;
	height: 105px;
	background: url(../images/template/header.jpg) no-repeat;
}

#container {
		min-height:100%;
		position:relative;
	}
/*
#header-container {
	margin: 0 0 5px 0;
}*/

#main {
	margin: 0px auto;
	width: 900px;
	/*height:600px;*/
	position: relative;
	/*background: #ffffff;*/
}

#main #main-container {
	width: 900px;
	/*height:600px;*/
	position:absolute;
	left: 0px;
	text-align:center;
}

#main #main-container-index {
	width: 900px;
	height: 656px;
	position: absolute;
	text-align:center;
	

}

#main #main-container-bio {
	width: 900px;
	position:absolute;
	background: #2c2c2c;
	color:#888888;
	top: 1px;
/*	height: 400px;
overflow:auto;
*/
}

#main #main-container-bio a {
 
}

#main #main-container-bio a:hover {
 	color: #b5b5b5;
	font-weight: bold;  
}


#main #main-container-bio img {
	margin-right: 10px;

}

#main #main-container-bio p {
	margin: 25px;
	
 
}

#main #main-container-bio .bioLeft {
	width: 500px;
	float:left;
	padding: 0 10px 0 25px;

 
}

#main #main-container-bio .bioRight {
 	width: 320px;
	float:right;
	padding: 0 25px 0 10px;

}


#gallery-image-holder {
	width: 900px;
	background: #2c2c2c;
	padding: 13px 0 13px 0;

	}

.copyright {
	width: 900px;
	height:30px;
	text-align: center;
	font-size: 10px;
	background: #474747;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #737373;
	margin-top: 15px;
}

#main #left-arrow {
 	display:block;
	float: left;
	width: 44px;
	height: 59px;
	position: absolute;
	background: #2c2c2c;

}

a.left-arrow-lnkCl {
	display:block;
	width: 44px;
	height: 59px;
	background: url(../images/template/left-arrow-off.png) no-repeat;
	border: none;
 
}

a.left-arrow-lnkCl:hover {
	background: url(../images/template/left-arrow-on.png) no-repeat;

}
 
 

#main #right-arrow {
	display:block;
	float: right;
	width: 44px;
	height: 59px;
	position: absolute;
	background: #2c2c2c;
	left: 856px;
}


a.right-arrow-lnkCl { 
	display:block;
	width: 44px;
	height: 59px;
	background: url(../images/template/right-arrow-off.png) no-repeat;
 	border: none;
 
}

a.right-arrow-lnkCl:hover {
	background: url(../images/template/right-arrow-on.png) no-repeat;
}


#right-arrow-lnk a {
	border: none;
}

#right-arrow-lnk a img {
	border: none;
}


#right-arrow-lnk a:hover img {
	border: none;
}


#logo {
	position:absolute;
    float:left;
    padding: 37px 0 0 23px;
}


#footer {
		position:absolute;
		bottom:0;
		width:100%;
		height:90px;
	}
	
#footer-container {
	margin: 0px auto 0px auto;
	width: 900px;
	height: 90px;
	background-color: #666666;
}

#footer-bio {
 
		position:fixed;
		bottom:0;
		width:100%;
		height:40px;
		background-color: #666666;
		z-index: 100;		
	}
	
/*original
#footer-bio {
		position:absolute;
		bottom:0;
		width:100%;
		height:40px;
		background-color: #666666;			
	}*/
	
#footer-bio #footer-bio-container {
	margin: 0px auto 0px auto;
	background-color: #666666;
	width: 900px;
	height: 30px;
	padding: 10px 10px 0 10px;
	color:#2c2c2c;
	font-size: 11px;
}
 
#footer-bio-container #left {
	float:left;
	width:500px;
	padding: 0 0 0 15px;

}

#footer-bio-container #right {
	float: right;
	width: 340px;
	text-align:right;
	padding: 0 15px 0 0;

}

#imageMid {/* height:540px;*/
	border:solid 2px #fff;
 

	}

#menu { 
	position:absolute;
	float:left;
    padding: 75px 0 0 13px;
	}
	
/* Image rotator*/
	    div#rotator {
	position:relative;
	height:656px;
	margin-left: 15px;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
}
    div#rotator ul li.show {
	z-index:500;
}
	/* End Image rotator */
	
#imgNumber
{
	float: left;
	text-align:left;
	padding:5px 0 10px 20px;
	width:100px;

}

#copyright-gal
{
	float:right;
	text-align:right;
	padding:5px 0 10px 20px;
	width:500px;
}

#preloadImages
{
	 display: none;
}

#zoom { 
	float: right;
	width: 50px;
	height:20px;
	margin-top:5px;
	
	}