html, body {
	margin: 0; padding: 0;
	background: #020018;
	color: #fff;
	/* background: #ccc;
	color: #000; */
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-weight: normal;
}
	body {
		padding: 7px 7px 0 190px;
	}

	body.section-1 { }
	body.section-2 { }
	body.section-3 { }

/* [copy] */

h1 { font-size: 32px; }
h2 {
	margin: 0 0 5px 0; padding: 2px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 100%;
	text-transform: lowercase;
	max-width: 1000px;
}
	h2.max {
		width: auto; max-width: 1000px;
	}
.column h2 {
	margin: 0 0 5px 0; padding: 0;
	border-top: 0;
	border-bottom: 1px solid #fff;
	}
h3 { font-size: 16px; }
h4 { font-size: 12px; }

/* [links] */

img.popup { cursor: pointer; }

a img { border: none; }

a, a:link, a:visited {
	color: #b3b3b3; text-decoration: none;
}
	a:active, a:hover {
		text-decoration: underline;
	}

/* [nav] */

#menu {
	margin: 0; padding: 0 10px;
    width: 170px;
    overflow: hidden;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	/*background-color: #020018;*/
	z-index: 99;
}
#sections {
	margin: 0; padding: 0;
	display:none;
}
#menu-footer {
	margin: 2em 0 0 10px; padding: 0;
	font-size: 11px;
	line-height: 1.4;
	position: absolute;
	bottom: 0; left: 0;
}
	#menu ul#mainnav {
		list-style: none;
		margin: 0; padding: 0;
	}
	#menu ul#mainnav li {
		list-style: none;
		margin: 0; padding: 0;
		display: inline;
	}
		#menu ul#mainnav li a {
			margin: 0; padding: 0 0 0 7px;
			width: auto; height: auto;
			display: block;
			border-bottom: 1px solid #020018;
			color: #fff;
			letter-spacing: 0;
			font-size: 12px;
			font-weight: normal;
			line-height: 2;
			text-decoration: none;
			text-transform: lowercase;
			cursor: pointer;
		}
/*			#menu ul#mainnav li#mainnav00 a { width: 68px; background: #2684fc; text-shadow: #2684fc 0 0 1px; }
			#menu ul#mainnav li#mainnav01 a { width: 50px; background: #27c415; text-shadow: #27c415 0 0 1px; }
			#menu ul#mainnav li#mainnav02 a { width: 37px; background: #ff00b6; text-shadow: #df0669 0 0 1px; }
			#menu ul#mainnav li#mainnav03 a { width: 32px; background: #ffcb00; text-shadow: #ffcb00 0 0 1px; }
			
	#menu ul {
		margin: 0; padding: 0;
		width: 170px;
	}
	#menu ul li {
		list-style: none;
		margin: 0; padding: 0;
		display: inline;
	}
		#menu ul li.section-title {
		}
	#menu ul li a {
		margin: 0; padding: 0 7px;
		width: auto; height: 18px;
		display: block;
		border-bottom: 1px solid #020018;
		color: #fff;
		font-size: 12px;
		font-weight: normal;
		line-height: 18px;
		text-decoration: none;
		text-transform: lowercase;
		cursor: pointer;
	}
		#menu ul#Pink li a { background: #ff00b6; text-shadow: #ff00b6 0 0 1px; }
		#menu ul#Green li a { background: #3fb713; text-shadow: #3fb713 0 0 1px; }
		#menu ul#Red li a { background: #f50014; text-shadow: #f50014 0 0 1px; }
		#menu ul#Blue li a { background: #1800fb; text-shadow: #1800fb 0 0 1px; }
	

	#menu ul#Pink li a:visited {
		color: #ff99e2;
	}
	#menu ul#Green li a:visited {
		color: #b2e2a1;
	}
	#menu ul#Red li a:visited {
		color: #fb99a1;
	}
	#menu ul#Blue li a:visited {
		color: #a399fd;
	}	
	
	#menu ul#mainnav li#mainnav00 a:hover, #menu ul#mainnav li#mainnav00 a:active,
	#menu ul#mainnav li#mainnav01 a:hover, #menu ul#mainnav li#mainnav01 a:active,
	#menu ul#mainnav li#mainnav02 a:hover, #menu ul#mainnav li#mainnav02 a:active,
	#menu ul li.active a,
	#menu ul li a:hover,
	#menu ul li a:active {
		filter:alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
		font-style: normal;
	}
	
	
	#menu ul#Pink li.active a, #menu ul#Pink li.active a:link,
	#menu ul#Green li.active a, #menu ul#Green li.active a:link,
	#menu ul#Red li.active a, #menu ul#Red li.active a:link,
	#menu ul#Blue li.active a, #menu ul#Blue li.active a:link {
		font-style: normal;
	}*/

/* [structure] */

#logo {
	margin: 5px 0; padding: 0;
}
#content {
	width: auto;
    margin: 0 0 0 200px; padding: 0;
    position: relative;
}
#content p, p {
	margin: 0 0 7px 0;
	width: auto;
	max-width: 1000px;
}
	#content p img {
		display: block;
	}
.container {
    margin: 0; padding: 0;
}
.column {
	margin: 0 12px 0 0px; padding: 0;
	width: 342px;
	float: left;
	text-transform: lowercase;
}
	.section-1 .column {
		margin-top: 60px;
	}

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

/* [display bits] */

/* max 1000px, hides image when browser shrinks */
div.max {
	margin: 0; padding: 0 0 7px 0;
	overflow: hidden;
	width: auto; max-width: 1000px;
}
	.img-stretch {
		margin: 0; padding: 0 7px 7px 0;
		overflow: hidden;
		width: auto; max-width: 1000px;
	}
/* centers image */
.img-center {
	margin: 0; padding: 0 0 7px 0;
	overflow: hidden;
}
	.img-center img {
		margin: 0 auto; padding: 0;
		display: block;
	}
.img-left {
	margin: 0; padding: 0 0 7px 0;
	overflow: hidden;
	text-align: left;
}
.img-right {
	margin: 0; padding: 0 0 7px 0;
	overflow: hidden;
	text-align: right;
}

#once { clear: left; }

/* 
additional elements
*/

/* maxgrid */
ul.stretch { margin: 0; padding: 0; clear: both; }
ul.stretch li {
	list-style: none; 
	margin: 0 0 7px 0; padding: 0; 
	display: block;
}
	ul.stretch li a {
		margin: 0; padding: 0;
		width: auto; height: auto;
	}
a img { border: 0; }

#content a:hover { background: none;}