@charset "utf-8";

/*
Theme Name: Robin Piree Media Entertainment
Theme URI: http://www.meelhuysendesign.nl
Description: A theme by <a href="http://www.meelhuysendesign.nl" target="_blank">Meelhuysen Design</a>
Version: 1.0
Author: Meelhuysen Design
Author URI: http://www.meelhuysendesign.nl
*/

/* CSS Document */
html, body {
	margin:0;
	padding:0;
	border:0;
	height:100%;
	background:#FFF;
	line-height:150%;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#000;
}

a, a:visited {
	color:#FF0066;
	text-decoration:none;
}

a:hover, a:active {
	color:#FF0066;
	text-decoration:none;
}

.clear {
	clear:both;	
}

.pink {
	color:#FF0066;
}

.menu img {
	margin-top:3px;	
}

#submenu {
	text-transform:capitalize;
}

#submenu a, #submenu a:visited {
	color:#FF0066;
	text-decoration:none;
}

#submenu a:hover, #submenu a:active {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

#logo_bg {
	position:absolute;
	z-index:1;
	width:1000px;
	height:429px;
	left:50%;
	top:50%;
	margin-left:-500px;
	margin-top:-235px;
	background:url(images/logo_bg.png) 0 0 no-repeat;
}

#outer_container {
	#position:relative;
	#z-index:2;
	width:100%;
	height:100%;
	display:table;
}

#middle_container {
	#position:absolute;
	#z-index:2;
	#top:50%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

#inner_container {
	position:relative;
	z-index:2;
	width:940px;
	height:586px;
	#top:-50%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.ie #mirror_overlay, .gecko #mirror_overlay, .webkit #mirror_overlay, .safari #mirror_overlay, .opera #mirror_overlay {
	position:absolute;
	z-index:3;
	width:940px;
	height:105px;
	left:0px;
	bottom:-4px;
	background:#FFF;
}

.ie6 #mirror_overlay, .ie7 #mirror_overlay, .ie8 #mirror_overlay, .ff3_5 #mirror_overlay, .safari4 #mirror_overlay, .chrome #mirror_overlay, .mac.gecko #mirror_overlay {
	position:absolute;
	z-index:3;
	width:940px;
	height:105px;
	left:0px;
	bottom:-4px;
	background:url(images/mirror_overlay.png) 0 0 no-repeat;
}

/* INDEX */
.ie #signature_overlay, .gecko #signature_overlay, .webkit #signature_overlay, .safari #signature_overlay, .opera #signature_overlay {
	position:absolute;
	z-index:5;
	width:940px;
	height:105px;
	left:0px;
	bottom:-5px;
	background:#FFF;
}

.ie6 #signature_overlay, .ie7 #signature_overlay, .ie8 #signature_overlay, .ff3_5 #signature_overlay, .safari4 #signature_overlay, .chrome #signature_overlay, .mac.gecko #signature_overlay {
	position:absolute;
	z-index:5;
	width:940px;
	height:105px;
	left:0px;
	bottom:-5px;
	background:url(images/signature_overlay.png) 0 0 no-repeat;	
}

#signature {
	position:absolute;
	z-index:3;
	width:685px;
	height:395px;
	left:0;
	bottom:0;
}

#index_right {
	position:absolute;
	z-index:4;
	width:250px;
	right:0;
	bottom:101px;
}

#index_mirror_right {
	position:absolute;
	z-index:4;
	width:250px;
	height:100px;
	right:0;
	bottom:0;
	overflow:hidden;
}

#index_mirror_right_menu {
	position:absolute;
	right:0;
	top:-1px;
	
	filter:flipv;
	-webkit-transform:scaleY(-1);
	-moz-transform:scaleY(-1);
}

/* MAIN */
#main {
	/*background:#09F;*/
}

#main_l {
	position:relative;
	float:left;
	width:250px;
	height:485px;
	overflow:hidden;
	line-height:normal;
}

#main_l_content {
	position:absolute;
	left:0;
	bottom:0;
}

#main_m {
	position:relative;
	float:left;
	width:400px;
	height:485px;
	padding-left:20px;
	padding-right:20px;
	overflow:hidden;
}

#main_m_content {
	position:absolute;
	width:400px;
	left:20px;
	bottom:-13px;
}

#main_m_content_text {
	margin-top:20px;
}

#main_m_content_film {
}

#main_r {
	position:relative;
	float:left;
	width:250px;
	height:485px;
	overflow:hidden;
}

#main_r_menu {
	position:absolute;
	right:0;
	bottom:0;
}

#main_r_submenu {
	position:absolute;
	width:250px;
	top:0;
	right:0;
}

.main_r_photomenu {
	position:absolute;
	width:250px;
	height:250px;
	top:0;
	right:0;
	overflow:hidden;
}

.main_r_photomenu_item img {
	float:left;
	width:40px;
	height:40px;
	margin-left:8px;
	margin-bottom:8px;
}

.main_r_photomenu_item a img, .main_r_photomenu_item a:visited img {
	border:1px #000 solid;
}

.main_r_photomenu_item a:hover img, .main_r_photomenu_item a:active img {
	border:1px #FF0066 solid;
}

#main_r_photomenu_submenu {
	position:absolute;
	width:250px;
	top:250px;
	right:0;
	font-size:8pt;
}

.main_r_photomenu_submenu_item {
	float:left;
	margin-left:8px;
}

.main_r_photomenu_submenu_item a, .main_r_photomenu_submenu_item a:visited {
	padding-left:6px;
	padding-right:5px;
	background:#FFF;
	color:#000;
	border:1px #000 solid;
}

.main_r_photomenu_submenu_item a:hover, .main_r_photomenu_submenu_item a:active {
	background:#FF0066;
	color:#FFF;
	border:1px #000 solid;
}

/* MAIN MIRROR */
#main_mirror {
}

#main_mirror_l {
	position:relative;
	float:left;
	width:250px;
	height:100px;
	overflow:hidden;
	line-height:normal;
}

#main_mirror_l_content {
	position:absolute;
	left:0;
	top:0;
	
	filter:flipv;
	-webkit-transform:scaleY(-1);
	-moz-transform:scaleY(-1);*/
}

#main_mirror_m {
	position:relative;
	float:left;
	width:400px;
	height:100px;
	padding-left:20px;
	padding-right:20px;
	overflow:hidden;
}

#main_mirror_m_content {
	position:absolute;
	width:400px;
	left:20px;
	top:-13px;
	
	filter:flipv;
	-webkit-transform:scaleY(-1);
	-moz-transform:scaleY(-1);	
}

#main_mirror_r {
	position:relative;
	float:left;
	width:250px;
	height:100px;
	overflow:hidden;
}

#main_mirror_r_menu {	
	position:absolute;
	right:0;
	top:0;
	
	filter:flipv;
	-webkit-transform:scaleY(-1);
	-moz-transform:scaleY(-1);
}

#footer_container {
	position:relative;
	z-index:6;
}

#footer {
	position:absolute;
	left:0;
	bottom:1px;
	width:100%;
	height:20px;
	background:#FFF;
	font-size:7pt;
	color:#CCC;
	text-align:center;
}

#footer a, #footer a:visited {
	color:#CCC;
	text-decoration:underline;
}

#footer a:hover, #footer a:active {
	color:#CCC;
	text-decoration:none;
}