/* BODY */

body {
	margin:0;
	background-color: #f8f8f8;
	overflow-x: hidden;
	overflow-y: visible;
	background-position: center center;
	background-attachment: fixed;
	z-index: -1;
}


/* CUBES LOGO AND SLOGAN */

#slogan {
	position: absolute;
	color:black;
	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:black;
	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:black;
		text-decoration: none;
		margin-bottom: 5px;
		
}

#nav li a:hover{
		background-color:rgba(255,255,255, 1); 
		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; 
		width:115px; 
		color:black;
}


.selected{

	background-color:white;  
		
	

}

#main {
		position: absolute;
		text-align: right;
		padding-right: 10px;
		right:20px;
		top:210px;
		
		
}

#main li a{
		font-size:90%; 
		line-height:24px; 
		margin-bottom: 2.5px;
		font-family: Helvetica;
		font-weight: bold;
		text-decoration: none;
		color:white;
}

#main li a:hover {
		background: white;
		color:black;	
}
/* NAVIGATION */

/* INFO */


#about {
	position: absolute;
	margin-left: -200px;
	left:50%;
	width:400px;
	color: #6d6452;
	background-color:rgba(255,255,255,1); 
	border-style: dashed;
	border-width: 1px;
	border-radius: 10px;
	border-color: white;
	margin-top: auto;
	padding:10px 10px 10px 10px;
	top:150px;
	font-family: Helvetica;

	
}


#faqs {

	position: absolute;
	margin-left: -325px;
	left:50%;
	width:650px;
	color: #6d6452;
	background-color:rgba(255,255,255,1); 
	border-style: dashed;
	border-width: 1px;
	border-radius: 10px;
	border-color: white;
	margin-top: auto;
	padding:10px 10px 10px 10px;
	top:20px;
	font-family: Helvetica;
	
}

.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:740px;
	margin-left: -370px;
	left:50%;
	margin-top: 10px;
	background-color:rgba(255,255,255, 0.3);
}

#store ul {
	position: relative;
	width: 300px;
	padding-bottom: 5px;
	display: inline-block;
	padding-right: 10px;

	
	
}

#store li {
	position: relative;
	list-style-type: none;

	

}

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


}

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

}

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

}



#desc {
	font-size: 11px;
	font-family: Helvetica;
	width:300px;
	line-height:20px;
	background-color: white;
	
	
}

#desc2 {
	font-size: 11px;
	font-family: Helvetica;
	width:290px;
	line-height:20px;
	background-color: white;
	padding-left: 10px;
	
}

#desc p{
	font-size: 11px;
	text-align: left;
	font-family: Helvetica;
	line-height:17px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
	
}

#desc p a{
	position: relative;
}



#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;
}

.header {
	position: relative;
	font-family: Helvetica;
	font-size: 20px;
	font-weight: bold;
	color:black;
	left:40px;
}

#colors {
	position: fixed;
	background-color:rgba(255,255,255, 0.3);
	padding:10px;
	margin-left: -120px;
	z-index:100;
}

#next {
	font-family: helvetica;
	font-size: 14px;
	text-align: right;
	font-weight: bold;
	padding: 20px;
	color: black;
	
}

#next li a {
	background: none;
	color: black;
	text-decoration: none;
	
}
/* STORE */

/* SOCIAL CONTACT BAR */

#social {
				position:fixed;
				bottom:2%;
				left:1%;
				color: black;
			
		
				
}

#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:black;
				font-family: Helvetica;
				font-size:x-small;
}

#blocks li {
				display: inline-block;
}


/* END SOCIAL CONTACT BAR */

/* LANGUAGES */

#language {
	position: fixed;
	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:black;
	font-weight: bold;
	text-align: center;
}

/* END LANGUAGES */

/* FOOTER */

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

/* FOOTER */

/* SIGN */

#sign {
	position: fixed;
	color:white;
	font-size: xx-small;
	font-family: Helvetica;
	background: green;
	opacity: .4;
	width:600px;
}

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

#sign a:hover {
	color:black;
	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 */