* {



	margin: 0;



	padding: 0;



	text-decoration: none;



	border: none;



}







body {



	font: 62.5% Arial, Helvetica, sans-serif;



	color: #555;



	background: #E7E5DE url(img/bg_main.gif);



}







h1 {font: 1.7em Trebuchet MS, Arial, Helvetica, sans-serif ; margin-bottom: 1em; color: #333;}



h2 {font: 1.2em Trebuchet MS, Arial, Helvetica, sans-serif ; margin-bottom: 1em; color: #e35b45; font-weight: bold; }



p {margin-bottom: 1em}



ul {list-style-type: none; line-height: 20px;}



em {color: #e35b45; font-style: normal;}







#container {



	width: 770px;



	margin: 0 auto;



	border: 2px solid #fff;



	background-color: #fff;



}







#header {



	height: 257px;



	width: 770px;



}







#sponsors {



	position: relative;



	width: 187px;



	height: 39px;



	left: 563px;



	top: -261px;



	text-align: right;



}







#menu {



	width: 770px;



	height: 30px; 	



	color: #fff;



	background-color: #000;



	margin-top: 2px;



}



	#menu a { 



		text-indent: -10000px;



		display: block;



		height: 30px;



	}



	



		#menu ul {



			list-style-type: none;



			margin-left: 12px;



		}



		



		#menu li {



			float: left;



			display: inline;



		}



			



			/* hrvatski menu */



			.m1 a {width: 115px; background: transparent url(img/hr/m1.gif) no-repeat}



				.m1 a:hover {background: transparent url(img/hr/m1.gif) no-repeat -115px} 



			.m2 a {width: 102px; background: transparent url(img/hr/m2.gif) no-repeat}



				.m2 a:hover {background: transparent url(img/hr/m2.gif) no-repeat -102px}



			.m3 a {width: 136px; background: transparent url(img/hr/m3.gif) no-repeat}



				.m3 a:hover {background: transparent url(img/hr/m3.gif) no-repeat -136px}



			.m4 a {width: 95px; background: transparent url(img/hr/m4.gif) no-repeat}



				.m4 a:hover {background: transparent url(img/hr/m4.gif) no-repeat -95px}



			.m5 a {width: 40px; background: transparent url(img/hr/m5.gif) no-repeat}



				.m5 a:hover {background: transparent url(img/hr/m5.gif) no-repeat -40px}



			.m6 a {width: 56px; background: transparent url(img/hr/m6.gif) no-repeat}



				.m6 a:hover {background: transparent url(img/hr/m6.gif) no-repeat -56px}



			.m7 a {width: 87px; background: transparent url(img/hr/m7.gif) no-repeat}



				.m7 a:hover {background: transparent url(img/hr/m7.gif) no-repeat -87px}



			



			/* englenski menu */	



			.e1 a {width: 105px; background: transparent url(img/en/m1.gif) no-repeat}



				.e1 a:hover {background: transparent url(img/en/m1.gif) no-repeat -105px} 



			.e2 a {width: 155px; background: transparent url(img/en/m2.gif) no-repeat}



				.e2 a:hover {background: transparent url(img/en/m2.gif) no-repeat -155px}



			.e3 a {width: 188px; background: transparent url(img/en/m3.gif) no-repeat}



				.e3 a:hover {background: transparent url(img/en/m3.gif) no-repeat -188px}



			.e4 a {width: 102px; background: transparent url(img/en/m4.gif) no-repeat}



				.e4 a:hover {background: transparent url(img/en/m4.gif) no-repeat -102px}



			.e5 a {width: 38px; background: transparent url(img/en/m5.gif) no-repeat}



				.e5 a:hover {background: transparent url(img/en/m5.gif) no-repeat -38px}



			.e6 a {width: 66px; background: transparent url(img/en/m6.gif) no-repeat}



				.e6 a:hover {background: transparent url(img/en/m6.gif) no-repeat -66px}



			.e7 a {width: 87px; background: transparent url(img/hr/m7.gif) no-repeat}



				.e7 a:hover {background: transparent url(img/hr/m7.gif) no-repeat -87px}







#content {



	padding: 20px;



	font-size: 1.1em;



	text-align: justify;



	line-height: 1.5em;



}



	.cast {
		background-color:#edede8; 
		margin-left: -20px;
		padding: 10px 20px 5px; 
		width: 730px;
		font-size: 0.95em;
		line-height: 1.3em;
	}

	.cast strong { text-transform: none }

	.left, .left_p {
		float: left; 
		width: 350px; 
		margin-left: 30px; 
		display: inline;
	}

	.right, .right_p {
		float: left; 
		width: 330px; 
		display: inline; 
		clear: right; 
		margin-bottom: 2em; 
		margin-left: 20px
	}

	.left_p {margin: 1em 20px 0 0; width: 180px}

	.right_p {margin-top: 1em; width: 510px}

		.left_p img {
		margin-bottom: 1em;
		}

	.left a, .right a, #content a {
		color: #333;
		background-color: #e66b57;
	}

	.left a:hover, .right a:hover, #content a:hover {
		background-color: #333;
		color: #e35b45;
	}

	#content #gallery a, #content #gallery a:hover, #pokrovitelji a, #pokrovitelji a:hover { background-color: #fff }

	.sponsor_p {
		width: 100%;
		text-align: right;
	}

	#content .imga a:hover {background-color: #fff}

ul.awards li { margin-bottom: 1em }

ul.awards li a { text-transform: uppercase }

.floater {width: 690px;}

.floater:before { content: "."; clear: both; display: block; width: 100%; height: 1px; visibility: hidden }

#footer {
	text-align: center;
	margin: 1em;
}

	#footer a {
		color: #333;

	}

	#footer a:hover {
		color: #fff;
		background-color: #000;

	}
