/*************************** MAIN.CSS ***************************
Written by: Edguy's Web Team
For: Edguy.net
Date: March 2nd 2017
****************************************************************/
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('/images/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/images/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/images/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/images/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/images/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/images/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/images/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('/images/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/images/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('/images/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_nw.png', sizingMethod='scale'); }#index-slides-container{
    width:100%;
    overflow:hidden;
}
#index-slides{
    width:1000px;
    height:348px;
    position:relative;
    margin:10px auto;
}

#index-slides .viewer{
    width:100%;
    height:348px;
    position:absolute;
    top:0;
    right:0;
    background:rgba(0,0,0,0.8);
}
#index-slides .viewer .slide{
    opacity:0.95;
}
#index-slides .viewer .slide:hover{
    opacity:1.0;
}

#index-slides .viewer .slide-container{
    position:absolute;
    top:0;
    left:0;
    display:none;
}
#index-slides .viewer .slide-container,
#index-slides .viewer .slide{
    width:100%;
    height:100%;
}
#index-slides .viewer .slide-container:first-child{ display:block; }
#index-slides .viewer #slideA{ background:url('/images/skins/Monuments/MonumentsAdA.jpg') center center no-repeat; }
#index-slides .viewer #slideB{ background:url('/images/skins/Monuments/MonumentsAdB.jpg') center center no-repeat; }

#index-slides:hover .viewer .previous, #index-slides:hover .viewer .next{
    opacity:1;
}

#index-slides .viewer .slider{
    position:absolute;
    top:15px;
    right:10px;
    width:100px;
    height:20px;
}
#index-slides .viewer .slider .selector{
    border-radius: 50px 50px 50px 50px; -moz-border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; -o-border-radius: 50px 50px 50px 50px;    border:1px solid rgba(255,255,255,0.5);
    width:15px; 
    height:15px;
    background:#000;
    float:right;
    margin-right:6px;
    opacity:0.8;
}
#index-slides .viewer .slider .selector.current{
    border:1px solid rgba(0,0,0,0.5);
    background:#FFF;
}
#index-slides .viewer .slider .selector:hover{
    opacity:1;
}

#index-slides .viewer .previous, #index-slides .viewer .next {
    transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s;    opacity:0;
    cursor: pointer;
    z-index: 9001;
    position: absolute;
    top: 50%;
    left:-5px;
    margin-top: -17px;
    width: 35px;
    height: 35px;
    background: url(/images/skins/SpacePolice/left.png);
}
#index-slides .viewer .next {
    left:auto;
    right:-5px;
    background: url(/images/skins/SpacePolice/right.png);
}

#index-slides .viewer .slide .text-container{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:63px;
    color:#333;
    background-color:rgba(255,255,255,0.6);
}

#index-slides .viewer .slide .text-container .title{
    position:absolute;
    top:10px;
    left:20px;
    font-size:15px;
}
#index-slides .viewer:hover .slide .text-container .subtitle{
    text-decoration: underline;
}
#index-slides .viewer .slide .text-container .subtitle{
    position:absolute;
    top:30px;
    left:20px;
    font-size:21px;
}

#index-slides .viewer .slide .text-container .learnmore{
    position:absolute;
    top:20px;
    right:20px;
    font-size:21px;
}
/************************* Index CSS ***************************/
/*       Everything related to the CSS on the index page!      */
/***************************************************************/

.panel {
  float: left;
  width:200px;
  height:245px;
  position: relative;
  
  
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
}

.panel .front, .panel .back{
  background:#fff;
  color:#333;
  border:1px solid #ccc;
}

.panel .front {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: inherit;
  height: inherit;
  text-align: center;

  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;

  -moz-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;

  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.panel .back {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 800;
  width: inherit;
  height: inherit;
  
  -webkit-transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;

  -moz-transform: rotateY(-180deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;

  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.panel:hover .front {
  z-index: 900;

  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
}

.panel:hover .back {
  z-index: 1000;

  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
}

body #flip-ad{
  margin-bottom:15px;
}

#flip-ad, #flip-ad .front, #flip-ad .back{
  border:0;
  margin: 0;
  width:307px;
  height:344px;
}

#flip-ad .front{
  background:url('/images/skins/SpacePolice/FlipperA.jpg') center center no-repeat;
}
#flip-ad .back{
  background:url('/images/skins/SpacePolice/FlipperB.jpg') center center no-repeat;
}
.de #flip-ad .front{
  background:url('/images/skins/SpacePolice/FlipperA.jpg') center center no-repeat;
}
.de #flip-ad .back{
  background:url('/images/skins/SpacePolice/FlipperB.jpg') center center no-repeat;
}

.twitter-timeline{
  width:305px;
}

#ad0{
  margin-bottom:15px;
}

.video-container .title{
  width: 285px;
  margin: 0;
  margin-top:15px;
  padding: 5px 10px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  border: 1px solid black;
  border-bottom: 0;
}



/************************** News CSS ***************************/
/*    Everything related to the news CSS on the index page!    */
/***************************************************************/
.newsItem div{
  text-align:left;
}

.newsdate, #newsdate{
  font-size:15px;
  font-weight:bold;
  color:#FFF;
  text-shadow: black 0.05em 0.1em 0.2em;
}

.newstitle, #newstitle{
  font-size:22px;
  font-weight:bold;
  color:#649197;
  text-transform: uppercase;
}

.newscontent, #newscontent{
  padding: 20px 0px 2px 0px;
}

.fulllink, .share{
  margin-top:15px;
  display:inline-block;
  width:75px;
  font-weight:bold;
}a .fulllink, .share a{color:#FFF;}

.share img{
  position:relative;
  top:5px;
  left:2px;
}

.separatorNews  {
  display:block;
  margin:auto;
  margin-top:10px;
  margin-bottom:25px;
  width:90%; 
  height:6px;
}
/************************** Tour CSS ***************************/
/*    Everything related to the tour CSS on the index page!    */
/***************************************************************/
body.band #contentContainer #content{
  padding-left:15%;
  padding-right:15%;
}

body#band #content h1{
  margin-bottom:15px;
}
body.band #content h1{
  margin-bottom:0;
}
body.band #content h3{
  font-family:Ethnocentric;
  text-align:center;
}

body.band #content #memberBio{
  color: #FFFFFF;
  text-align:justify;
}

body.band #memberPhoto{
  margin-left:15px;
  margin-bottom:15px;
  float:right;
  border: 20px solid rgba(0,0,0,0.5);
}
body.band #bandPhoto{
  margin:auto;
  display:block;
}

body.band strong{
  color:#FFFFFF;
}

body.band p{
  color:#DDDDDD;
}/************************** Tour CSS ***************************/
/*    Everything related to the tour CSS on the index page!    */
/***************************************************************/
body.tour #content .item{
  font-family:Ethnocentric;
  width:40%;
  margin:auto;
  margin-bottom:3px;
  position:relative;
  clear:both;
  float:none;
  text-align:center;
  font-size:1em;
  display:block;
  padding:8px 10px 5px;
  color:#FFF;
  background:#0A92CC;
  border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px;  text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -moz-text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -webkit-text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -o-text-shadow: 1px 1px 3px rgba(0,0,0,0.7);  text-decoration:none;
} body.tour #content .item:hover{
  background:#0AB6FF;
}

body.tour #contentContainer #content{
}

body.tour table#tourdates{
  margin-top:45px;
  width:100%;
  border:0;
  font-size:15px;
}

body.tour table#tourdates img.flag{
  width:22px;
}

body.tour table#tourdates .date, body.tour table#tourdates .city, body.tour table#tourdates .venue{
  
}

body.tour table#tourdates .venue a{
  color:#D0D0D0;
  border:0;
  border-bottom:1px dotted;
}body.tour table#tourdates .venue a:hover{
  color:#FFF;
  text-decoration:none;
}

body.tour table#tourdates .links{
  text-align:center;
}

body.tour table#tourdates th{
  text-align:center;
  font-family:Ethnocentric;
}

body.tour table#tourdates td{
/*background: linear-gradient(to right, currentColor 0%, currentColor 50%, transparent 50%, transparent 100%) repeat-x left bottom;    
background-size: 60px 1px;*/
  color:#FFF;
  padding:12px 0 11px;
  vertical-align:middle;
  border-bottom:1px dashed rgba(255, 204, 00, 0.5);
}

body.tour table#tourdates .buy-tickets{
  color:#FFF;
  background:#0A92CC;
  border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px;  padding: 3px 6px 3px;
  line-height: 17px;
  text-decoration:none;
} body.tour #content .buy-tickets:hover{
  background:#0AB6FF;
}

body.tour table#tourdates .icon{
  display:block;
  margin:auto;
  background:url('/images/skins/SpacePolice/social_sprite.png');
  opacity:0.9;
  width:33px;
  height:25px;
}
body.tour table#tourdates .icon:hover{
  opacity:1;
}

body.tour table#tourdates .facebook{ background-position:-0px -29px; }/************************** Music CSS **************************/
/*   Everything related to the music CSS on the index page!    */
/***************************************************************/
body.music #contentContainer #content{
  min-height:900px;
}

body.music #info{
  padding-top:15px;
  width:290px;
  min-height:300px;
  margin-bottom:30px;
}

body.music #info h1{
  font-family:Ubuntu;
  font-size:30px;
  background:#649197;
  display:block;
  position:absolute;
  z-index:1000 !important;
  top:20px;
  left:260px;
  padding:10px;
  text-shadow: 0 0 4px rgba(0,0,0,0.5); -moz-text-shadow: 0 0 4px rgba(0,0,0,0.5); -webkit-text-shadow: 0 0 4px rgba(0,0,0,0.5); -o-text-shadow: 0 0 4px rgba(0,0,0,0.5);  border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px;}

body.music #info #tracklist {
  counter-reset:myOwnCounter;
  position:absolute;
  top:97px;
  left:33%;
  width:30%;
}

body.music #info #tracklist>li.first{
  counter-reset:myOwnCounter;
}

body.music #info #tracklist>li{
  margin-bottom:5px;
  list-style:none;
  border-bottom:1px dashed rgba(255, 204, 00, 0.5);
  padding-bottom:7px;
}

body.music #info #tracklist>li:before{
  content:counter(myOwnCounter)". ";
  counter-increment:myOwnCounter;
  color: #649197;
}

body.music .chartInfo strong,
body.music .moreInfo strong {
  color: #649197;
}

body.music #album{
  text-align:center;
  position:absolute;
  top:45px;
  left:30px;
}

body.music .albumCover{
  background:rgba(0,0,0,0.5);
  padding:20px;
}

body.music #album .edition{
  text-align:center;
}

body.music #album .clear{
  margin-bottom:35px;
}

body.music #album a{
  margin-top:18px;
  margin-right:3px;
  text-decoration:none;
  display:inline-block;
  color:#FFF;
  background:#649197;
  padding:3px 10px;
  width:58px;
  border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px;  text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -moz-text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -webkit-text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -o-text-shadow: 1px 1px 3px rgba(0,0,0,0.7);} body.music #album :hover{
  background:#7BB3BA;
}

body.music .chartInfo{
  width:98%;
  padding: 0 1%;
  margin-bottom:30px;
  position: absolute;
  right: 0;
  width: 27%;
  top: 260px;
}

body.music .moreInfo{
  position:absolute;
  top:97px;
  right:0;
  width:27%;
  padding: 0 1%;
}

body.music #subMenu .item{
  position:relative;
  background:rgba(0,0,0,0.5);
  padding:20px;
  display:block;
  width:259px;
  height:259px;
  margin:10px;
  float:left;
}
body.music #subMenu .item:hover{
  background:#7BB3BA;
}

body.music #subMenu .item img{
  z-index:0;
  position:absolute;
  top:20px;
  left:20px;
}

body.music #subMenu .item .info{
  transition: opacity 0.3s; -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s;  opacity:0;
  position:absolute;
  left:20px;
  bottom:20px;
  padding:10px;
  width:239px;
  background:rgba(0,0,0,0.7);
  color:#FFF;
}
body.music #subMenu .item:hover .info{
  opacity:1;
}

body.music #subMenu .item a{
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

body#music-SuperheroesCD .chartInfo{
  top:334px !important;
}
/********************* Hellfire Club CSS ***********************/
/*         Everything related to the Hellfire Club CSS!        */
/***************************************************************/
body.members #contentContainer #content{
  min-height:975px;
}

body.members .messageerror{
    color:red;
}

body.members #contentContainer #content input{
    font-family:Ubuntu;
    font-size:20px;
    font-weight:300;
    text-align:center;
    color:#FFF;
    background:#0A92CC;
    padding:5px 10px;
    border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px;    border:0;
    margin-top:22px;
}
body.members #contentContainer #content input.submit{
    margin-top:50px;
    padding:5px 40px;
}

body.members #contentContainer #content input.submit:hover{
    background:#0AB6FF;
    cursor:pointer;
}

body.members #contentContainer #content input::-webkit-input-placeholder {
   color: #FFF;
}
body.members #contentContainer #content input:-moz-placeholder { /* Firefox 18- */
   color: #FFF;  
}
body.members #contentContainer #content input::-moz-placeholder {  /* Firefox 19+ */
   color: #FFF;  
}
body.members #contentContainer #content input:-ms-input-placeholder {  
   color: #FFF;  
}

body.members #contentContainer #content input.formstyleaddress:focus::-webkit-input-placeholder {
   font-size:0;
}
body.members #contentContainer #content input.formstyleaddress:focus:-moz-placeholder { /* Firefox 18- */
   font-size:0;
}
body.members #contentContainer #content input.formstyleaddress:focus::-moz-placeholder {  /* Firefox 19+ */
   font-size:0; 
}
body.members #contentContainer #content input.formstyleaddress:focus:-ms-input-placeholder {  
   font-size:0;
}/************************* Media CSS ***************************/
/*   Everything related to the media CSS on the index page!    */
/***************************************************************/
body#photos #contentContainer #content{
  padding: 20px;
}

body#photos #contentContainer #content a .gallerypics{
  border: 20px solid rgba(0,0,0,0.5) !important;
  margin-bottom:13px;
}

a:hover .gallerypics{

}

body#photos #contentContainer #content h1,
body#videos #contentContainer #content h1{
    margin-bottom:13px;
}

/***************************************************************\
|*                      Table of content                       *|
|***************************************************************|
|*  - Default CSS                                              *|
|*  - General layout                                           *|
|*  - Normal page's layout                                     *|
|*  - Special page's layout                                    *|
|*  - Submenu                                                  *|
\***************************************************************/
/* latin */
@font-face {
  font-family: 'Montaga';
  font-style: normal;
  font-weight: 400;
  src: local('Montaga'), local('Montaga-Regular'), url(http://fonts.gstatic.com/s/montaga/v4/DlQ9Ikv09mwGQdyRKUBTtg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin-ext */
@font-face {
  font-family: 'Almendra';
  font-style: normal;
  font-weight: 400;
  src: local('Almendra'), local('Almendra-Regular'), url(https://fonts.gstatic.com/s/almendra/v8/uzCu8MxE9FBRB1UNllkhORTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Almendra';
  font-style: normal;
  font-weight: 400;
  src: local('Almendra'), local('Almendra-Regular'), url(https://fonts.gstatic.com/s/almendra/v8/nn6qd3WfGL85pmBWUjz1lvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: local('Ubuntu Light'), local('Ubuntu-Light'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v5/_aijTyevf54tkVDLy-dlnD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v5/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: local('Ubuntu Medium'), local('Ubuntu-Medium'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v5/OsJ2DjdpjqFRVUSto6IffD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v5/0ihfXUL2emPh0ROJezvraD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  src: local('Ubuntu Light Italic'), local('Ubuntu-LightItalic'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v5/DZ_YjBPqZ88vcZCcIXm6VobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v5/kbP_6ONYVgE-bLa9ZRbvvvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

/************************* Default CSS *************************/
/*   Default stuff like links behavior, body behavior, etc.    */
/***************************************************************/
a{outline-color:invert;outline-style:none;outline-width:medium;}
a:active{outline: none;} a:focus{-moz-outline-style: none;} a img, a:visited img{border:0;}

body{
  width:100%;
  font: 16px "Ubuntu", Verdana, Helvetica, sans-serif;
  color:#F9F9F9;
  background:url("/images/skins/Monuments/Background.jpg") #000000 top center no-repeat;
  padding:0;
  margin:0;
  line-height: 1.5em;
  text-shadow: 2px 2px rgba(0,0,0,0.5) auto; -moz-text-shadow: 2px 2px rgba(0,0,0,0.5) auto; -webkit-text-shadow: 2px 2px rgba(0,0,0,0.5) auto; -o-text-shadow: 2px 2px rgba(0,0,0,0.5) auto;}

p.clear{clear:both;}
  
a{
    color: #999999; 
    text-decoration: none;
}
a:hover {color: #FFFFFF;text-decoration:underline;}

a img.borders{border:2px solid #999999;}
a:hover img.borders{border:2px solid #FFFFFF;}

/*Chrome*/
input, input:focus{outline:none;} 

h1, h2, h3{
  margin-top:0;
  padding-top:0;
}

h1{
  font-size:19px;
  text-shadow: black 0.05em 0.1em 0.2em;
}

h2{
  font-size:17px;
}

h3{
  font-size:15px;
}

/************************ General layout ***********************/
/*                 CSS for the general layout                  */
/***************************************************************/
#header div, #contentContainer{
  display:block;
}

#main, #header{
  width:1000px;
  margin:auto;
  position:relative;
}

#header-container{
  position:relative;
  bottom:7px;
  width:100%;
  height: 174px;
  background:rgba(0,0,0,0.3);
}

#header{
  position:relative;
}

#header #logo{
  position:absolute;
  z-index:150;
  width:320px;
  height:128px;
  background:url('/images/skins/Monuments/Logo.png') center center no-repeat;
  top:25px;
}

#header #menu{
  font-size: 0px;
  z-index:125;
  width:700px;
  position:absolute;
  top:72px;
  right:0;
  text-align:right;
}

#header #menu .main-item{
  position:relative;
  font-family: Montaga;
  text-align:center;
  font-size: 22px;
  display:inline-block;
  margin-right:3px;
  padding:8px 10px 5px;
  height:24px;
  color:#FFF;
  width:88px;
  /*
  background-color:#649197;
  border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px;  text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -moz-text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -webkit-text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -o-text-shadow: 1px 1px 3px rgba(0,0,0,0.7);  */
} #header #menu .main-item:hover, #header #menu .main-item.active{

} #header #menu .main-item>a:hover, #header #menu .main-item.active>a{
  color:#649197;
} #header #menu a, #header #menu a{
  text-decoration:none;
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  color:#FFF;
  line-height:40px;
}

#header .social .icon, #header .language .icon{
  display:inline-block;
  background:url('/images/skins/SpacePolice/social_sprite.png');
  opacity:0.9;
}

#header .social .icon:hover, #header .language .icon:hover{
  opacity:1;
}
#header .language .icon{
  width:32px;
  height:25px;
}
#header .social .icon{
  width:33px;
  height:25px;
}

#header .social{
  position:absolute;
  top:20px;
  right:0;
}
#header .language .german{ background-position:-36px -1px; }
#header .language .english{ background-position:-1px -1px; }
#header .social .youtube{ display:none; }
#header .social .facebook{ background-position:-0px -29px; }
#header .social .twitter{ background-position:-36px -29px; }
#header .social .google{ background-position:-72px -29px; }
#header .language{
  position:absolute;
  top:20px;
  right:125px;
}

#index-slides .viewer,
#contentContainer
{
    box-shadow: 0px 0px 18px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 18px rgba(0,0,0,1); -webkit-box-shadow: 0px 0px 18px rgba(0,0,0,1); -o-box-shadow: 0px 0px 18px rgba(0,0,0,1);}

#contentContainer{
  width:100%;
  margin-top:20px;
}

#contentContainer #content{
  background:rgba(0,0,0,0.7);
  padding:20px;
}

#contentContainer #content *{
  z-index:150;
}

#footer{
  font-family:Montaga;
  position:relative;
  z-index:250;
  width:100%;
  height:30px;
  text-align:left;
  line-height:1.8em;
  font-size:11px;
  font-weight:bold;
  text-shadow: 1px 1px 3px black; -moz-text-shadow: 1px 1px 3px black; -webkit-text-shadow: 1px 1px 3px black; -o-text-shadow: 1px 1px 3px black;  text-transform: uppercase;
  margin:20px 0 10px 0;
}
#footer a{
  color: #FFF;
}
#footer .social{
  position:absolute;
  right:0;
  top:-7px;
}

#back-to-top {
  text-align:center;
  font-family:Montaga;
  color:#FFF;
  background:#649197;
  display: none;
  cursor: pointer;
  font-size:19px;
  line-height:54px;
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 20px;
  right: 50%;
  margin-right: -580px;
  border-radius: 50px 50px 50px 50px; -moz-border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; -o-border-radius: 50px 50px 50px 50px;  box-shadow: 0 0 15px rgba(0,0,0,0.8); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.8); -o-box-shadow: 0 0 15px rgba(0,0,0,0.8);  transition: background 0.5s;
  -moz-transition: background 0.5s;
  -webkit-transition: background 0.5s;
  -o-transition: background 0.5s;
}

/********************* Normal page's layout ********************/
/*              CSS for the normal pages' layout               */
/***************************************************************/
#content h1{
  font-family:Montaga;
  font-size:20px;
  text-align:center;
  margin:25px 0 15px 0;
  text-transform:uppercase;
}

/********************* Special page's layout *******************/
/*              CSS for the special pages' layout              */
/***************************************************************/
#index #contentContainer #content #left{
  float:right;
}
#contentContainer #content #left{
  display:inline-block;
  width:65%;
  float:left;
  position:relative;
}

#contentContainer #content #right{
  display:inline-block;
  width:33%;
  position:relative;
  padding-right:2%;
}

#contentContainer #content #right{
  z-index:auto;
}
#contentContainer #content #left, #contentContainer #content #left *{
  z-index:200;
}
#contentContainer #content #right *{
  z-index:150;
}

/**************************** Submenu **************************/
/*                  CSS for the submenu layout                 */
/***************************************************************/
#header .submenu{
  height:0;
  overflow:hidden;
  position:absolute;
  top:36px;
  left:0;
  padding-top:4px;
  width:160%;
  left:-30%;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;  transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s;}

#header #menu .main-item:hover .submenu{
  height:auto;
  display:block;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}

#header .submenu .item{
  margin-bottom:3px;
  position:relative;
  clear:both;
  float:none;
  text-align:center;
  font-size:0.75em;
  height:24px;
  display:block;
  margin-right:3px;
  padding:8px 10px 5px;
  color:#FFF;
  background:#649197;
  border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px;  text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -moz-text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -webkit-text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -o-text-shadow: 1px 1px 3px rgba(0,0,0,0.7);  text-decoration:none;
  text-transform:uppercase;
} #header .submenu .item:hover, #header .submenu .item.active{
  background:#7BB3BA;
}



div.alert-box {
display: block;
padding: 10px 10px;
color:#eee;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.1);
text-shadow: 0 1px rgba(0, 0, 0, 0.7);
position: fixed;
width:100%;
z-index: 9000;
}

div.alert-box a {
  color:#FFF;
  text-decoration:none;
}

.alert-box a.close { color: #eee; position: absolute; right: 30px; top: 5px; font-size: 18px; opacity: 0.8; padding: 4px; text-decoration:none; }

.alert-box a.close:hover,.alert-box a.close:focus { opacity: 0.4; }