/* BODY */

body {
	margin:0;
	background-color: black;
	overflow:hidden;
	background-position: center center;
	background-repeat: repeat-y;
	background-attachment: fixed;
	z-index: -1;
}

/* CUBES LOGO AND SLOGAN */

#slogan {
	position: absolute;
	color:white;
	font-size: 12px;
	font-family: 'BloklettersBalpen';
	top:360px;
	right:38px;
	font-weight: bold;
	text-align: right;
	width:200px;
	margin-bottom: 70px;
	
}

#eslogan {
	position: absolute;
	color:white;
	font-size: 11px;
	font-family: 'BloklettersBalpen';
	top:360px;
	right:38px;
	font-weight: bold;
	text-align: right;
	width:200px;
	margin-bottom: 70px;
	
}


#cubes {
	position: absolute;
	right:-24px
}

#logo {
	position: absolute;
	top:310px;
	right:28px;
}

/* CUBES LOGO AND SLOGAN */

/* NAVIGATION */

#sidebar {
		position: fixed;
		width: 100%;
		margin-left: -300;
		right:1%;
		margin-top: -60px;
	
}


#nav { 
		position: absolute;
		top:394px;
		list-style:none; 
		text-align: right;
		right:28px;;
}



#nav li{ 
		font-size:90%; 
		line-height:24px; 
		margin-bottom: 2.5px;
		font-family: Helvetica;
		font-weight: bold;
		
}

#nav li a{ 
		padding-right:10px; 
		display:block; 
		width:160px; 
		color:white;
		text-decoration: none;
		margin-bottom: 5px;
		
}

#nav li a:hover{
		background-color:rgba(255,255,255, .8); 
		color:black;
}

#nav ul.dropnav  { 
		list-style:none;  
}

#nav ul.dropnav li a { 
		padding-right:10px; 
		display:block; 
		width:auto; 
		width:115px; 
		position: relative;
		right:0%;
		font-size:12px;
		
		
		
}

#nav ul.dropnav li a:hover { 
		display:block; 
		width:115px; 
		color:black;
}

#nav ul  { 
		list-style:none;  
}

#nav ul li a { 
		padding-right:10px; 
		display:block; 
		width:auto; 
		width:115px; 
		position: relative;
		right:0%;
		font-size:12px;
		
		
		
}

#nav ul li a:hover { 
		display:block; 
		padding-left: 10px;
		width:115px; 
		color:black;
}


.selected{

	background-color:rgba(255,255,255, 0.5);  
		border-color: white;
	

}


/* NAVIGATION */

/* INFO */


#about {
	position: absolute;
	margin-left: -200px;
	left:50%;
	width:400px;
	color: #6d6452;
	background-color:rgba(255,255,255,1); 
	border-radius: 10px;
	border-color: white;

	padding:10px 10px 10px 10px;
	top:150px;
	font-family: Helvetica;

	
}

#about ul {
	list-style-type: none;
	text-align: top;
	padding-bottom: none;
}

#about li {
	padding-left: 0px;
	padding-bottom: none;
	color: #6d6452;
	font-size: 14px;
	text-align: left;

}



.parag {
	margin-top: none;

	font-size: 14px;
	text-align: left;
	
}

.title {



    
	font-size: 35px;
	font-weight: bold;
	margin-bottom: 1px;
	text-align: left;
	color:black;

}

.subtitle {
	margin-top: none;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	color: black;
	
}

.opacity {
	opacity:.8;
}

/* END INFO */

/* STORE */

#store {
	position: absolute;
	width:600px;
	margin-left: -300px;
	left:50%;
	
}

#store ul {
	position: relative;
	width: 300px;
	
}

#store li {
	position: relative;
	list-style-type: none;
	width:300px;
	line-height: 25px;

}

#store li a {
	position: relative;
	background: white;
	padding-left: 10px;


}

.articlename {
	font-family: helvetica;
	font-size:17px;
	font-weight: bold;
	width:300px;
	background: white;

}

.desc {
	font-size: 12px;
	text-align: left;
	font-family: Helvetica;
	
}

#colormenu {

	position: relative;
	background-color:rgba(255,255,255,1); 
	width:185px;
	font-family: helvetica;
	font-size:14px;
	font-weight: bold;
	left:0%;
	padding-left: 6px;
}
/* STORE */

/* SOCIAL CONTACT BAR */

#social {
				position:absolute;
				bottom:2%;
				left:1%
		
				
}

#lines {
	
				width: 300px;
				margin-bottom: 15px;
}


#lines li a {
				width: 100%;
					background: white;
				padding-left: 10px;
				padding-right: 10px;
				padding-top: 5px;
				padding-bottom: 5px;
				font-family: helvetica;
				font-size: 70%;
				font-weight: bold;
				color: black; 
				line-height:24px; 
	
				
				
}

#lines li {
				margin-bottom: 7px;
				list-style-type: none;
}

#lines li p {
				color:white;
				font-family: Helvetica;
				font-size:x-small;
}

#blocks li {
				display: inline-block;
}


/* END SOCIAL CONTACT BAR */

/* LANGUAGES */

#language {
	position: absolute;
	bottom:2%;
	right:1%;

}

#language li {
	list-style-type: none;
}

#language li a{
	text-decoration: none;
	line-height: 1px;
	font-size: x-small;
	font-family: Helvetica;
	color:white;
	font-weight: bold;
	text-align: center;
}

/* END LANGUAGES */

/* FOOTER */

footer {
	position: absolute;
	font-family: "Century Gothic";
	margin-top: 120px;
	color:white;
}

/* FOOTER */

/* SIGN */

#sign {
	color:white;
	font-size: xx-small;
	font-family: Helvetica;
	background: green;
	opacity: .3;
}

#sign a {
	color:white;
	text-decoration: none;
}

#sign a:hover {
	color:white;
	text-decoration: none;
	font-weight: bolder;
	font-size: 12px;
}

#sign ul li {

	text-decoration: none;
	list-style: none;
	display: inline-table;
	list-style-type: none;

}

#sign ul {
	position: absolute;
	left:0%;
	margin-left:-25px;
}



/* SIGN */