* { /*   the * is a wildcard, and will strip margins, paddings and borders from absolutely everything on the page, and only give it to the ones you actually define to have it.   */

	margin:0;

	padding:0;

	border:0;

}





body {
	
	
	text-align:center;



	border: 0px;

	margin: 0px;

}

#body2 {
background: #e8e8e8 url(../img/preliva.gif) repeat-y center top;
width: 100%;
height: 1078px;
text-align: center;
border: 0px;
margin: 0px;
}


/*-------- main container centerd----------*/



#main {

	border:0px;

	margin-left: auto;

	margin-right: auto;

	margin-top: 0px;

	width: 823px; /* Also correct the width in #banner_top */

}

#banner_top {

/*	background: url(../img/image_top.jpg) no-repeat center top; */

/*	background: url(../img/image_top_barvna-a1.jpg) no-repeat center top; */

/*	background: url(../img/image_top_barvna-actions.jpg) no-repeat center top; */

/*	background: url(../img/image_top_barvna-des.jpg) no-repeat center top; */

/*	background: url(../img/image_top_crnobela.jpg) no-repeat center top; */

	text-align: center;

	width: 823px;   /* Also correct the width in #main */

	backgorund: #575757;

	height: 328px;

}

#banner_top img { /*sets bg image to fit the div # */

	height: 100%;

	width: 100%;

	align: center;

}



/*--------- left side -----------*/



#left {

	position:relative;

	float: left;

	margin-top:0px;

	height: 620px;

/*	width: 486px;*/

width:59.3%;

	background: url(../img/bg_left_main.jpg) no-repeat center top;

}

#left img { /*sets bg image to fit the div # */

	height: 100%;

	width: 100%;

}

#menu {

	width:100%;

	margin:0px;

	padding:0px;

	height:60px;

	border: solid white 0px;

}

#menu ul {

	height: 60px;

	width:inherit;

	border:solid pink 0px;

}

#lybrasi {width: 100px;}
#band {width: 100px;}
#diskografija {width: 180px;}
#kontakt {width: 100px;}

#menu li {

	display:block;

	/* width: 24%; */ 

	height:40px;

	float: left;

	list-style:none;

	border: dotted red 0px;

	padding-top:20px;

}



#menu a {

	color: #666666;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	letter-spacing: 2px;

	font-size:12px;

	text-decoration:none;

	text-transform:uppercase;

	font-weight:bold;

}



/*----- content -------*/



#content {

	width:auto;

	margin: 30px 30px auto 25px;

	height: 515px;

	border: solid green 0px;

	/* overflow:hidden; */

}



h1 {

font-size:15px;

text-align:left;

}

#content a {
color: #B4B4B4;
}

#content p {

text-align: justify;

font-family:"Arial Unicode MS";

color: #B4B4B4;



line-height:1em;

font-size:14px;

margin-bottom:7px;

}







/*---------- right side ----------------*/



#right {

	position:relative;

	float:left;

	margin-top:0px;

	height: 620px;

/* 	width: 335px;*/

width: 40.7%;

	background: #E9E9E9;

/*	display:none; */

}




#audio_player {
text-align: left;
margin-top: 20px;
padding-left: 17px;
margin-left: 0px;

width: 100%;

}



#events {

height: 150px;

width: 295px;

padding: 10px;

margin-left: auto;

margin-right: auto;

margin-top: 16px;

background: url(../img/aktualno-border.gif) no-repeat center top;

overflow:hidden;

text-align: left;

font-family:"Arial Unicode MS";

color: #B4B4B4;

line-height:1.1em;

font-size:12px;

}

div.anynews a {
color: #B4B4B4;

}


#flash_gallery {

margin-top: 5px;

}



p.audio_player{

font-family: Comic Sans MS;

color: #444;

text-decoration: none;

word-spacing: 0.1em;

text-align: left;

letter-spacing: 0em;

font-size: 0.8em;

font-weight: bold;

font-style: italic;

}



#video_player {

margin-top: -7px;

}



/*----- footer --------------*/



#footer {

	clear: both;

	background-color:#000;

	height: 130px;

	width: 100%;

	margin-top: 0px;

}

#links {

	position: relative;

	float: left;

	background: #222;

	border: solid 2px #4A4A4A;

	margin-top: 35px;

	margin-left: 50px;

	width: auto;

	height: 65px;

}

#links img {

	margin: 8px 0px 8px;

	border: 0px;

}

#mailing_list {

	position: relative;

	float: left;

	margin: 5px auto auto 85px;

	background: url(../img/bg_mailing_list.jpg) no-repeat center top;

	height: 130px;

	width:  130px;

	text-align:left;

}

#mailing_list img {

	height: 100%;

	width: 100%;

	display:none;

}



#ml_form {

text-align: left;

margin-left: 7px;

}



#ml_name, #ml_email, #ml_submit {

position: absolute;

width:111px;

font-size: 0.9em;

height:1.1em;

border: 0px solid red;

font-size: 0.8em;

}



#ml_name {

margin-top: 45px;

}



#ml_email {

margin-top: 89px;

}



#ml_submit {

margin-top: 3px;

height:0px;

}



#design {

	pading: 0px;

	position: relative;

	float: right;

	margin-right: 20px;

	margin-top: 65px;

	height: 50px;

	width:  97px; 

	background: url(../img/logo.jpg) no-repeat right top;

}
#design img {
height: 100%;
width: 100%;
}


#wb-footer {
clear: both;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
width: 800px;

font-family:"Arial Unicode MS";
color: black;
line-height:1.1em;
background: white;
font-size:10px;
}

#wb-footer a {
text-decoration: none;
}