@charset "UTF-8";

/* Unibody-Font */

@font-face {
	font-family: 'Unibody8SmallCapsRegular';
	src: url('../fonts/Unibody_8-SmallCaps.eot');
	src: local('Unibody 8 SmallCaps'), local('Unibody8SmallCaps-Regular'), url('../fonts/Unibody_8-SmallCaps.woff') format('woff'), url('../fonts/Unibody_8-SmallCaps.ttf') format('truetype');
}

@font-face {
	font-family: 'Unibody8Bold';
	src: url('../fonts/Unibody_8-Bold.eot');
	src: local('Unibody 8'), local('Unibody8-Bold'), url('../fonts/Unibody_8-Bold.woff') format('woff'), url('../fonts/Unibody_8-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Unibody8Italic';
	src: url('../fonts/Unibody_8-Italic.eot');
	src: local('Unibody 8'), local('Unibody8-Italic'), url('../fonts/Unibody_8-Italic.woff') format('woff'), url('../fonts/Unibody_8-Italic.ttf') format('truetype');
}

@font-face {
	font-family: 'Unibody8Regular';
	src: url('../fonts/Unibody_8-Regular.eot');
	src: local('Unibody 8'), local('Unibody8-Regular'), url('../fonts/Unibody_8-Regular.woff') format('woff'), url('../fonts/Unibody_8-Regular.ttf') format('truetype');
}
/* ------------------------------------------------------------------------------------------------------------------------------- */



/* Fall-back OPERA */

.opera p {
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
.opera h1 {
	font: bold 11px/16px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
.opera span {
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	margin: 0;
	padding: 0;
	font-variant: small-caps;
}
.opera em {
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	margin: 0;
	padding: 0;
	font-style:	italic;
}
/* ------------------------------------------------------------------------------------------------------------------------------- */


p {
	font-family: 'Unibody8Regular', sans-serif;
	font-style: normal;
	font-size: 8px;
	line-height: 16px;
	color: #000;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

em {
	font-family: 'Unibody8Italic', sans-serif;
	font-style: normal;
	font-size: 8px;
	line-height: 16px;
	color: #000;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
p.white {
	color: #FFF;
}
h1 {
	font-family: 'Unibody8Bold', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 8px;
	line-height: 16px;
	color: #000;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

span {
	font-family: 'Unibody8SmallCapsRegular', sans-serif;
	font-style: normal;
	font-size: 8px;
	line-height: 16px;
}
a:link, a:visited, a:active {
	color: #FFF;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color: #000;
	background: #FFF;
}
#content {
	background-color: #F7F7F7;
	position: absolute;
	height: 100%;
	width: 10%;
	text-indent:-9999px;
}
#content2 {
	position: absolute;
	height: 100%;
	width: 10%;
	left: 10%;
	background-color: #FFFF00;
	text-indent:-9999px;
}
#content3 {
	position: absolute;
	height: 100%;
	width: 10%;
	left: 20%;
	background-color: #66cccc;
	text-indent:-9999px;
}
#content4 {
	background-color: #00FF00;
	position: absolute;
	height: 100%;
	width: 10%;
	left: 30%;
	text-indent:-9999px;
}
#content5 {
	background-color: #FF00FF;
	position: absolute;
	height: 100%;
	width: 10%;
	left: 40%;
	text-indent:-9999px;
}
#content6 {
	background-color: #FF0000;
	position: absolute;
	height: 100%;
	width: 10%;
	left: 50%;
	text-indent:-9999px;
}
#content7 {
	background-color: #0000FF;
	position: absolute;
	height: 100%;
	width: 10%;
	left: 60%;
	text-indent:-9999px;
}
#content8 {
	background-color: #808000;
	position: absolute;
	height: 100%;
	width: 10%;
	left: 70%;
	text-indent:-9999px;
}
#content9 {
	background-color: #CCCCCC;
	position: absolute;
	height: 100%;
	width: 10%;
	left: 80%;
	text-indent:-9999px;
}
#content10 {
	background-color: #141414;
	position: absolute;
	height: 100%;
	width: 10%;
	left: 90%;
	text-indent:-9999px;
}
#header {
	background-attachment: fixed;
	background-image: url(../pictures/Header_2.gif);
	background-repeat: repeat-x;
	position: absolute;
	height: 40px;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 3000;
}
#cube {
	height: 28px;
	width: 20px;
	margin-left: 25px;
}
#transparent {
	background-color: #FFFFFF;
	position: absolute;
	height: 185px;
	width: 100%;
	left: 0px;
	bottom: 0px;
	filter:alpha(opacity=40);   /* Internet Explorer       */
	-moz-opacity:0.4;           /* Mozilla 1.6 and below   */
	opacity: 0.4;               /* newer Mozilla and CSS-3 */
	z-index: 13;
}
#text_holder, #text_holder2, #text_holder3, #text_holder4, #text_holder5, #text_holder6, #text_holder7, #text_holder8, #text_holder9, #text_holder10 {
	height: 165px;
	width: 600px;
	margin-left: 25px;
	padding-top: 20px;
	left: -625px;
	bottom: 0px;
	position: absolute;
	z-index: 14;     
}
a.stripes:link, a.stripes:visited, a.stripes:hover, a.stripes:active {
	display: block;
	background: none;
	height: 100%;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
}