* {
	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: #e20074; font-weight: bold}
p {margin-bottom: 1em}
ul {list-style-type: none; line-height: 20px;}
em {color: #F16FA6; font-style: normal;}


#container {
	width: 770px;
	margin: 0 auto;
	border: 2px solid #fff;
	background-color: #fff;
}

#header {
	height: 274px;
	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}
			
			/* 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}

#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: uppercase }
	.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: #e20074;
	}
	.left a:hover, .right a:hover, #content a:hover {
		background-color: #e20074;
		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;
	}