body {
	font-family: "Century Gothic", "Trebuchet MS", Tahoma;
	font-size: 10pt;
	color: #FFFFFF;
	vertical-align: top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
	background-color:#000000;
	overflow-y:scroll;
	background-image: url(http://ixband.co.uk/images/bg2.png);
}

h1 {
	font-family: "Century Gothic", "Trebuchet MS", Tahoma;
	font-size: 18pt;
	color: #5E5E5E;
	font-weight: normal;
	letter-spacing: 0.6em;
	text-decoration: none;
}

h2 {
	font-family: "Century Gothic", "Trebuchet MS", Tahoma;
	font-size: 12pt;
	color: #339eFF;
	font-weight: normal;
	letter-spacing: 2px;
	text-align:left;
	text-decoration: none;
}
h3 {
	font-family: "Century Gothic", "Trebuchet MS", Tahoma;
	font-size: 12pt;
	color: #339eFF;
	font-weight: bold;
	letter-spacing: 1px;
	text-align:center;
	text-decoration: none;
}

h6 {
	font-family: "Century Gothic", "Trebuchet MS", Tahoma;
	font-size: 7pt;
	color: #5E5E5E;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-decoration: none;
}


a {
  color: #228dFF;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}


}
a:visited {
	color: #cccccc;
}
a:hover {
	color: #ffffff;
	text-decoration: none;
  -webkit-animation: neon2 1.5s ease-in-out infinite alternate;
  -moz-animation: neon2 1.5s ease-in-out infinite alternate;
  animation: neon2 1.5s ease-in-out infinite alternate;
}
a:active {
	color: #000000;
}

#content-home {
  margin: 0 auto;
  width: 500px ;
  position: relative;
  top: 0px;
}
#content {
  margin: 0 auto;
  width: 500px ;
  position: relative;
  top: 24px;
  overflow:visible;
}
#content-wide {
  margin: 0 auto;
  width: 500px ;
  position: relative;
  top: 24px;
}
#art-cover {
  width: 390px ;
  margin-left: auto ;
  margin-right: auto ;
  position: relative;
  top: 24px;
  overflow:visible
}
.release {
  width: 200px ;
	background-color: #000000;
}

#title {
	font-family: "Century Gothic", "Trebuchet MS", Tahoma;
	font-size: 18pt;
	color: #5E5E5E;
	font-weight: normal;
	letter-spacing: 14px;
	text-decoration: none;
	line-height: 0pt;
	text-align:center;
}
#title2 {
	font-family: "Century Gothic", "Trebuchet MS", Tahoma;
	font-size: 36pt;
	color: #CCCCCC;
	font-weight: normal;
	letter-spacing: 5PX;
	text-decoration: none;
	line-height: 0pt;
	text-align:center;
}
.heading {
	font-family: "Century Gothic", "Trebuchet MS", Tahoma;
	font-size: 18pt;
	color: #DDDDDD;
	font-weight: normal;
	letter-spacing: 0.6em;
	line-height: 18px;
	text-align:center;
}

}
.test {
	font-family: "Century Gothic", "Trebuchet MS", Tahoma;
	font-size: 18pt;
	color: #DDDDDD;
	font-weight: normal;
	letter-spacing: 0.6em;
	line-height: 18px;
	text-align:center;
}


.body {
	font-family: "Century Gothic", "Trebuchet MS", Tahoma;
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: normal;
	letter-spacing: 0em;
	line-height: 5px;
	text-align:center;
}
.body2 {
	font-family: "Century Gothic", "Trebuchet MS", Tahoma;
	font-size: 10pt;
	padding: 10px;
	color: #FFFFFF;
	letter-spacing: 0em;
	line-height: 18px;
	text-align:left;
}
.blank {
    line-height: 10px;
}
.copyright:before {
	font-family: "Century Gothic", "Trebuchet MS", Tahoma;
	font-size: 7pt;
	color: #5E5E5E;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-align:center;
	text-decoration: none;
	position:relative;
    content: "© COPYRIGHT 2021 - IX - ALL RIGHTS RESERVED"; 
}
.menu {
	 font-family:"Century Gothic", "Trebuchet MS", Tahoma;
	 font-size:12px;
	 color:#FFFFFF;
	 font-weight:bold;
	 letter-spacing: 0.0em;
	 line-height:8px;
	 text-align:center;
	 text-decoration:none;
	 float:none
 }
 .storebox-outer {
	 text-align:center;
	 width:650px;
	 position:relative;
}
.storebox-text {
	 font-family:"Century Gothic", "Trebuchet MS", Tahoma;
	 color:#FFFFFF;
	 font-weight:normal;
	 letter-spacing: 0.0em;
	 text-align:left;
	 text-decoration:none;
	 width:429px;
	 height:200px;
	 position:absolute;
	 left:210px;
	 top:0px;
 }
 .cat-number:before {
	font-family: "Century Gothic", "Trebuchet MS", Tahoma;
	font-size: 7pt;
	color: #5E5E5E;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-align:center;
	text-decoration: none;
	position:relative;
	top:10px;
	margin-left:auto;
	margin-right:auto;
    content: "- IX004 -"; 
}
.nav {
	position:relative;
	width:50px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	float:none;
}
.pulse {
	font-family: "Century Gothic", "Trebuchet MS", Tahoma;
	font-size: 18pt;
	color: #8888ff;
	font-weight: normal;
	letter-spacing: 0.6em;
	line-height: 12px;
	text-align:center;
    -webkit-animation: pulsate 3s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.5;
}


 /* Style the navbar */
#navbar {
  overflow: hidden;
  background-color: #ffffff;
}

/* Navbar links */
#navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
} 






@-webkit-keyframes pulsate {
    0% { 
        opacity: 0.4;
    }
    50% { 
        opacity: 1.0;
    }
    100% { 
        opacity: 0.4;
    }
}



#footer {
	position:relative;
	width:390px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#form {
  width: 300px ;
  margin-left: auto ;
  margin-right: auto ;
  position: relative;
  top: 0px;
}
@-webkit-keyframes neon2 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
  }
}
}
/*glow for mozilla*/

@-moz-keyframes neon2 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
  }

  