body, html {
	margin: 0;
	padding: 0;
}
body {
	background: url(../imgs/bckg.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
h2 {
	font-size: 14px;
	font-weight: 600;
}
h2:first-letter {
	font-weight: 900;
	font-size: 20px;
}
h3 {
	font-size: 12px;
}
h3:first-letter {
	font-weight: 900;
	font-size: 14px;
}
a {
	color: #a12815;
	text-decoration: underline;
	font-weight: 600;
}
a:hover {
	text-decoration: none;
}
img, form, div, ul, p {
	border: none;
}
/** fazon za SEO - sakrije heading-e **/
h1.hiddenHeading, h2.hiddenHeading {
	overflow: hidden;
	height: 0 !important;
	margin: 0;
	padding: 0;
}

/** splash screen - index **/ 
#splash {
	width: 622px;
	height: 321px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 150px;
	background:url(../imgs/splash.gif) no-repeat top;
}
#splash a {
	float: left;
	margin-top: 274px;
	background-position: 0 0;
	text-decoration: none;
}
#splash a:hover {
	float: left;
	margin-top: 274px;
	background-position: 0 47px;
}
#splash a span {
	visibility: hidden;
}
#enter {
	width: 122px;
	height: 47px;
	margin-left: 82px;
	background: url(../imgs/enter.gif);
}
#ulaz {
	width: 106px;
	height: 47px;
	margin-left: 208px;
	background: url(../imgs/ulaz.gif);
}

/** container #page + #bandPictures **/
#container {
	width: 860px;
	margin-left: 60px;
	margin-top: 2px;
}
#page {
	width: 764px;
	height: 581px;
	background: url(../imgs/pagebckg.jpg);
	float: left;
}

/** band pictures **/
#bandPictures {
	width: 92px; 
	float: left;
}
#bandPictures a:hover {
	margin-left: 1px; 
}
/* dodane klase po imenu clana grupe */
.djeka {
	width: 70px;
	height: 93px;
	float: left;
	background: url(../imgs/djeka.gif);
}
.aco {
	width: 71px;
	height: 92px;
	float: left;
	background: url(../imgs/aco.gif);
}
.rene {
	width: 72px;
	height: 102px;
	float: left;
	background: url(../imgs/rene.gif);
}
.chilly {
	width: 68px;
	height: 96px;
	float: left;
	background: url(../imgs/chilly.gif);
}
.shaba {
	width: 71px;
	height: 89px;
	float: left;
	background: url(../imgs/shaba.gif);
}
.slobo {
	width: 66px;
	height: 95px;
	float: left;
	background: url(../imgs/slobo.gif);
}
.sava {
	width: 71px;
	height: 95px;
	float: left;
	background: url(../imgs/sava.gif);
}

/** footer + powered by **/
#footer {
	width: 93px;
	height: 56px;
	background: url(../imgs/footer.jpg);
	float: left;
	margin-left: 640px;
	margin-top: -81px;
}

/** navigacija **/
ul#nav {
	width: 425px;
	height: 146px;
	margin: 0;
	padding: 0;
	float: left;
}
ul#nav li {
	list-style: none;
	float: left;
}
ul#nav a {
	display: block;
	text-decoration: none;
	height: 100%;
	width: 100%;
}
ul#nav a#active {
	background-position: 0 101%;
}
ul#nav a span {
	visibility: hidden;
}

/** velicina ul-ova u navigaciji **/
ul#nav li#biografija {
	width: 90px;
	height: 27px;
	margin-top: 120px;
}
ul#nav li#muzika {
	width: 66px;
	height: 26px;
	margin-top: 110px;
}
ul#nav li#foto {
	width: 55px;
	height: 23px;
	margin-top: 100px;
}
ul#nav li#video {
	width: 52px;
	height: 25px;
	margin-top: 84px;
}
ul#nav li#prijatelji {
	width: 89px;
	height: 47px;
	margin-top: 43px;
}
ul#nav li#kontakt {
	width: 73px;
	height: 50px;
	margin-top: 1px;
}

/** slicice u navigaciji na srpskom **/
.biografija {
	background: url(../imgs/biografija.gif) 0 0;
}
.biografija:hover, .biography:hover {
	background-position: 0 27px;
}
.muzika {
	background: url(../imgs/muzika.gif) 0 0;
}
.muzika:hover, .music:hover {
	background-position: 0 26px;
}
.foto {
	background: url(../imgs/foto.gif) 0 0;
}
.foto:hover, .photo:hover {
	background-position: 0 23px;
}
.video {
	background: url(../imgs/video.gif) 0 0;
}
.video:hover {
	background-position: 0 25px;
}
.prijatelji {
	background: url(../imgs/prijatelji.gif) 0 0;
}
.prijatelji:hover, .friends:hover {
	background-position: 0 47px;
}
.kontakt {
	background: url(../imgs/kontakt.gif) 0 0;
}
.kontakt:hover, .contact:hover {
	background-position: 0 50px;
}

/** slicice u navigaciji na engleskom **/
.biography {
	background: url(../imgs/biography.gif) 0 0;
}
.music {
	background: url(../imgs/music.gif) 0 0;
}
.photo {
	background: url(../imgs/photo.gif) 0 0;
}
.friends {
	background: url(../imgs/friends.gif) 0 0;
}
.contact {
	background: url(../imgs/contact.gif) 0 0;
}

/** logo **/
#logo {
	width: 333px;
	height: 146px;
	float: left;
}
#logo a {
	display: block;
	width: 260px;
	height: 93px;
	margin-top: 50px;
	margin-left: 16px;
	text-decoration: none;
}
#logo span {
	visibility: hidden;
}
.logo {
	background: url(../imgs/logo.gif);
}

/** news **/
#newslink {
	width: 72px;
	height: 30px;
	margin-left: 80px;
	margin-top: 290px;
}
#newslink a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
#newslink span {
	visibility: hidden;
}
#news {
	width: 132px;
	height: 126px;
	margin-top: 2px;
	margin-left: 94px;
	color: #ffff00;
	overflow: hidden;
	float: left;
	font-size: 10px;
}
#news a {
	color: #ffff00;
	text-decoration: none;
	font-weight: normal;
}
.vijesti {
	background: url(../imgs/vijesti.gif) 0 0;
}
.news {
	background: url(../imgs/news.gif) 0 0;
}
.vijesti:hover, .news:hover {
	background-position: 0 30px;
}

/** content **/
#content {
	float: left;
	width: 385px;
	height: 316px;
	overflow: scroll;
	margin-left: 85px;
	margin-top: -150px;
}

/* style za subpages */
/* muzika */
.downloadPjesma {
	background: url(../imgs/dowloadmusic.gif) no-repeat left;
	padding-left: 15px;
	height: 18px;
	margin-right: 3px;
	margin-left: 3px;

}
/* foto */
.kategorijaGalerije {
	float: left;
	border-bottom: 1px solid #000000;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.slikaGalerija {
	width: 120px;
	height: 100px;
	float: left;
	margin-right: 2px;
	margin-bottom: 5px;
}
.slika {
	height: 86px;
	float: left;
}
.slika img {
	width: 120px;
	height: 86px;
}
.nazivSlike {
	width: 100%;
	height: 12px;
	margin-top: 2px;
	text-align: center;
}
/* video */
.downloadVideo {
	background: url(../imgs/dowloadvideo.gif) no-repeat left;
	padding-left: 16px;
	height: 12px;
	margin-right: 3px;
	margin-left: 3px;
}
/* prijatelji */
.prijateljiSponzori img {
	margin: 2px;
} 
/* kontakt forma */
#kontaktForma {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.text {
	width: 120px;
	height: 16px;
	float: left;
	margin-top: 3px;

}
#kontaktForma .select select, #kontaktForma .input input, #kontaktForma .textarea textarea {
	width: 220px;
	float: left;
	margin-top: 3px;
	border: 1px solid #000000;
	background: transparent;
}
#kontaktForma .select select:focus, #kontaktForma .input input:focus, #kontaktForma .textarea textarea:focus {
	background: #ffffff;
}
#kontaktForma .submit input {
	float: left;
	width: 60px;
	border: 1px solid #000000;
	background-color: #ffffff;
	margin-left: 5px;
	margin-top: 5px;
}
#kontaktForma .submit input.izbrisi {
	margin-left: 160px;
}
/* kontakt forma error */
#poruka {
	color: #CC0000;
}
/* vijesti */
.vijestItem {
	float: left;
	border-bottom: 1px solid #000000;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.vijestiDate {
	font-size: 10px;
	height: 10px;
	margin-top: -6px;
}

/***************************
******LIGHTBOX*************
**************************/
#lightbox {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img { 
	border: none; 
}
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../imgs/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../imgs/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../imgs/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}
#imageData{
	padding:0 10px;
}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}	
/* kraj lightbox */