body {
	font:12px "Helvetica Neue", "Helvetica", Arial, sans-serif; 
}

h2 {
	font: bold 30px "Helvetica Neue";
	padding: 15px 0 5px 0;
	margin: 0 25px;
	border-bottom: 5px solid #000;
	letter-spacing: -2px;
}

h1 {
	font: bold 40px "Helvetica Neue";
	padding: 15px 25px;
	line-break: 10px;
	letter-spacing: -2px;
}

h3 {
	font: bold 20px "Helvetica Neue";
	line-break: 10px;
	letter-spacing: -1px;
	color: #e3126f;
	margin: 0 25px;
}

iframe {
	padding: 0 25px;
}

p { 
	padding: 5px 25px 10px; 
	color:#000; 
	line-height: 20px; 
	}

a { color: #e3126f; text-decoration: none; }
a:hover { text-decoration: underline; }

.lang {
	color: #ccc;
	text-align: right;
	padding: 0 15px 15px 0;
	border-bottom: 1px solid #ccc;
}

.lang a {
	color: #ccc;
}

#ign-logo {
	width: 112px; height: 112px;
	background: transparent url(../images/ign-logo.png) no-repeat;
	position: absolute;
	top: 50px;
	left: 750px;
	text-indent: -9999px;
	font-size: 12px; color: #fff;
}

#page-wrapper { 
	width:100%; 
	height:100%; 
	position:absolute; 
	top:0; 
	overflow:auto; 
	z-index:4; 
	text-align:center; 
	}
	
#content-wrapper {
	width:700px; 
	margin:200px 0 50px 170px; 
	}
		
#content { 
	background-color:rgba(255,255,255,0.90); 
	text-align:left;  
	-moz-box-shadow: 0 0 15px 1px #000;
	-webkit-box-shadow: 0 0 15px 1px #000;
	box-shadow: 0 0 15px 1px #000;
	z-index: 5;
	border: 1px solid #fff;
	}
		
#sidebar { 
	width: 130px; height: 100%;
	background-color: #fff; 
	float: left; 
	position: fixed;
	-moz-box-shadow: 0 0 15px 1px #000;
	-webkit-box-shadow: 0 0 15px 1px#000;
	box-shadow: 0 0 15px 1px #000;		
	}
		
	#sidebar h1 { width: 207px; height: 207px; background: transparent url(../images/ign-berlin-circle.png) no-repeat;
		position: absolute; top: 20px; left: 25px; text-indent: -9999px;
		}
		
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
			
.sidebarmenu {
	margin-top: 300px;
	}

.sidebarmenu a.subfolderstyle{
	background: url(../images/arrow.png) no-repeat 97% 50%;
	}

#footer {
	margin: 20px auto;
	text-align: center;
	width: 200px;
	color: #fff;
	background-color:rgba(0,0,0,0.95);
	padding: 5px;
}

#footer a {
	font: normal 10px "Helvetica Neue";
	color: #fff;
}
	

	/*Supersize Plugin Styles*/
	#navigation{
	    float: right;
	    margin:10px 20px 0 0;
	}
	#loading {
	    position: absolute;
	    top: 49.5%; 
	    left: 49.5%;
	    z-index: 10;
	    width: 24px; 
	    height: 24px;
	    text-indent: -999em;
	    background-image: url(../images/progress.gif);
	}
	#supersized{
	    position:fixed;
	}
	#supersized img{ -ms-interpolation-mode: bicubic; }
	#supersized img, #supersized a{
	    height:100%;
	    width:100%;
	    position:absolute;
	    z-index: -1;
	}
	
	#supersized .prevslide, #supersized .prevslide img{
	    z-index: 1;
	}
	#supersized .activeslide, #supersized .activeslide img{
	    z-index: 2;
	}
	
	#nextthumb, #prevthumb{ z-index:6; display:none; position:absolute; bottom:12px; height:75px; width:100px; overflow:hidden; border:2px solid #fff; -webkit-box-shadow: 0px 0px 5px #000; }
	#nextthumb{ right:12px; }
	#prevthumb{ left:12px; }
		#nextthumb img, #prevthumb img{ width:150px; }
		#nextthumb:active, #prevthumb:active{ bottom:10px; }
		
		/*Add hover pointer*/
		#controls > *:hover, #nextthumb:hover, #prevthumb:hover{ cursor:pointer; }
		
ul#navmenu-v,ul#navmenu-v li,ul#navmenu-v ul {
 width: 130px; /* Menu Width */
 margin: 0;
 list-style: none;
 font: bold 14px "Helvetica Neue", "Helvetica", Arial, sans-serif; ;
}

ul#navmenu-v li { float: left; position: relative;  width: 100%; }
ul#navmenu-v li.iehover { z-index: 1000; /* IE z-index bugfix */ }

ul#navmenu-v ul {
 display: none;
 position: absolute;
 top: 0;
 left: 100%;
 z-index: 9999;
}

/* Root Menu */
ul#navmenu-v a {
 display: block;
 background: #fff;
 color: #e3126f;
 text-decoration: none;
 height: 1%;
 text-align: right;
 padding: 10px 20px 10px 0;
}

/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,ul#navmenu-v li:hover a,ul#navmenu-v li.iehover a {
 color: #FFF;
 background-color: #e3126f;
}

/* 2nd Menu */
ul#navmenu-v li:hover li a,ul#navmenu-v li.iehover li a {
 width: 150px;
 text-align: left;
 padding-left: 15px;
 float: none;
 background: #BBB;
 background-color: #e3126f;
 color: #fff;
 background-color:rgba(239,45,125,0.90);
 text-shadow: 0px 1px 1px #aa0e54;

}

/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,ul#navmenu-v li:hover li:hover a,ul#navmenu-v li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover a {
 background: #999;

}

/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li a {
 background: #999;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover,ul#navmenu-v li:hover li:hover li:hover a,ul#navmenu-v li.iehover li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover a {
 background: #666;
}

/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li.iehover li a {
 background: #666;
}

/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
 background: #333;
}

/* Hover Function - Do Not Move */
ul#navmenu-v li:hover ul ul,ul#navmenu-v li:hover ul ul ul,ul#navmenu-v li.iehover ul ul,ul#navmenu-v li.iehover ul ul ul { display: none; }
ul#navmenu-v li:hover ul,ul#navmenu-v ul li:hover ul,ul#navmenu-v ul ul li:hover ul,ul#navmenu-v li.iehover ul,ul#navmenu-v ul li.iehover ul,ul#navmenu-v ul ul li.iehover ul { display: block; }

#gallery { padding: 5px; }
#gallery img { padding: 5px; border: 2px solid transparent; }
#gallery img:hover { border: 2px solid #e3126f; }

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
