/* CSS */

img#background {
	position: fixed;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}

div#site {
	position: absolute;
	z-index: 2;
	width: 100%;
	min-height: 100%;
}

div#container {	
	position: relative;
	width: 940px;
	margin: 0 auto 30px auto;
	z-index: 2;
}

a#logo {
	display: block;
	width: 172px;
	height: 36px;
	background: url('../images/logo.jpg');
	float: left;	
}

div#menu-container {
	float: right;
	width: 768px;
	margin: 0 0 10px 0;
	background: url('../images/transparent.gif');
	min-height: 40px;
}

div#main-menu {
	float: right;
	overflow: hidden;
	height: 25px;
}

div#language-menu {
	float: right;
	overflow: hidden;
	height: 25px;
	margin: 0 5px;
	width: 20px;
}

div#search {
	width: 154px;
	height: 25px;
	background: url('../images/searchField.jpg') no-repeat;	
	float: right;
	background-color: #FFF;
}

div#search input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 0;
	font-size:10px;
	margin: 5px 0 0 30px;
	width:110px;
	padding: 0;
	height: 15px;
}

div#footer {
	height: 20px;
	background: #000;
	width: 100%;
	/*margin: 20px 0;*/
	color: #FFF;
	ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	font-size: 9px;
	bottom: 0;
	position: absolute;
}

div#footer a {
	color: #FFF;
	font-weight: bold;
}

div#footer a:hover {
	text-decoration: underline;
}

/* HOME PAGE */
div#headline {
	clear: both;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 40px;
	margin: 145px 0 50px 10px;
	font-weight: bold;
}

div#headline p {
	margin: 0 0 17px 0;
}

div#quotes {
	float: right;
	width: 260px;
	height: 250px;
	margin: 20px 75px 50px 0;
	padding: 0 10px;
	background-color: #4E91D6;
}

div#quotes ul {
	margin: 0 0 0 10px;
}

div#main-left {
	float: left;
	width: 440px;
	background: #FFF;
	min-height: 100px;
	padding: 10px;
}

div#main-right {
	float: right;
	width: 440px;
	background: #FFF;
	min-height: 100px;
	padding: 10px;	
}

/* SUB PAGE */

div#sub-menu {
	margin: 0;
	float: right;
	margin: 5px 0 0 0;
	min-width: 200px;
}

div#breadcrumbs {
	clear: both;
	font-weight: bold;
	font-size: 12px;
	padding: 0 0 0 110px;
}

div#breadcrumbs a {
	background: #FFF;
	color: #999;
	padding: 2px 5px;
}

div#breadcrumbs a:hover {
	text-decoration: underline;
}

div#breadcrumbs a.selected {
	text-decoration: underline;	
}

div#breadcrumbs span {
	background: #FFF;
	color: #999;
	padding: 2px 0;
}

div#content {
	width: 800px;
	margin: 0 0 0 100px;
	background: #FFF;
	padding: 10px 20px 0 20px;
}

div#blocks {
	width: 840px;
	margin: -12px 0 0 100px;
	background: #FFF;
	overflow: auto;
	padding: 0 0 20px 0;
}

div#left-menu {
	text-align: right;
	position: absolute;
	top: 0;
	right: 50%;
	margin: 120px 370px 0 0;
	z-index: 5;
	padding-top: 5px;
}

div#overlay_colorize {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	position: absolute;
	z-index: 30;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	overflow: hidden;
	display: none;
}

div#contact-sub {
	position: fixed;
	z-index: 31;
	width: 210px;
	min-height: 100px;
	background: #FFF;
	padding: 10px 20px;
	left: 50%;
	top: 0;
	margin: 100px 0 0 -125px;
	display: none;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

/* DETAIL PAGE */

div#content-detail {
	position: relative;
	width: 530px;
	float: left;
	background: #FFF;
	padding: 10px 20px;
	margin: 0 20px 0 100px;
	z-index: 4;
	min-height: 320px;
}

div#contact-arrow {
	position: fixed;
	z-index: 3;
	width: 20px;
	height: 20px;
	left: 50%;
	top: 0;
	margin: 138px 0 0 -70px;
	background: url('../images/arrow.gif') no-repeat;
}

div#contact {
	position: fixed;
	z-index: 3;
	width: 210px;
	min-height: 100px;
	background: #FFF;
	padding: 10px 20px;
	left: 50%;
	top: 0;
	margin: 120px 0 0 -50px;
}

div#movie-container, div#image-container {
	position: fixed;
	background-color: #FFF;
	padding: 10px;
	width: 660px;
	z-index: 30;
	left: 50%;
	top: 10%;
	margin-left: -340px;
	display: none;
}

div#movie-container div#player {
	clear: both;
	margin: 10px 0;
	background: #EDEDED;
}

div#image-container {
	width: 900px;
	margin-left: -460px;
}

div#image-container img#image {
	width: 100%;
}

/* NEWS PAGE */
div#news-container {
	width: 660px;
	padding: 0 0 20px 0;
	background: #FFF;
	min-height: 400px;
	float: left;	
	position: relative;
	z-index: 4;
}

div#news-main {
	float: left;
}

div#news-menu {
	width: 200px;
	padding: 15px 10px 0 0;
	min-height: 400px;
	float: right;	
}

div.news-block-right {
	clear: right;
	float: right;
	width: 250px;
	min-height: 200px;
	margin-bottom: 20px;
	padding: 10px;	
	background: #FFF;
}

div#comments {
	clear: both;
	display: none;
	margin: 0 20px;
}