@charset "UTF-8";
/* CSS Document */


a {
  outline: none;
   border:0;
  border-style:none;
}

img {
  outline: none;
   border:0;
  border-style:none;
}

body {
background-color:#000;
}

#wrapper {
	background-color:#000;
	margin: 0 auto;
	vertical-align: middle;
	width: 500px;
	padding:0;

}

#main {
	background-color:#000;
	height:700px;
	width:500px;
	position:relative;
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	font-family:Arial, Helvetica, sans-serif;
  letter-spacing: .02em;
  line-height: 1.3em;
  font-style:normal;
  text-align:center;
  font-size: 10px;
   font-weight:400;
   color:#FFF;
   text-decoration: none;
background-color: #000;
}


 a:link, 
 a:visited{color:#FFF; float:left; text-decoration:underline;text-transform:none}

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


#header {
	
	float: left;
	width:500px;
	 color: #FFF;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #FFFFFF;
	
}


#window_1 {
	
	float: left;
	height:500px;
	width:500px;
	background-image:url(assets/cover.jpg);

	
}

#window_3 {
	
	float: left;
	height:100%;
	width:500px;
	color: #fff;
	text-align: left;
	
}

#footer {
	
	float: left;
	height:40px;;
	width:500px;
	 color: #333333;
	text-align: right;
	padding-top: 10px;
	
}



.accordionButton {	
	width: 500px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	background: #000;
	color: #FFF;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	padding:5px 0 5px 0;
	}
	
.accordionContent {	
	width: 500px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: #000;
	border-bottom: 1px solid #FFFFFF;
	padding:5px 0 5px 0;
	}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	color: #999999;
	}
	
.over {
	color: #CCCCCC;
	}