html{
	background: url(B20924+30.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {
	#background-color: #000000;
	#background-image:url('Defiant_Borg.jpg');
	#height: 100%;
	#position: absolute;
	#z-index: -1 
}

.wrapper {
	#background-color: rgba(0,0,0,0.0);
	background-color: #000000;
	width: 760px;
	height: 730px;
	position: relative;
	top: 6em;
	left: 18em;
}

.wrapper_inner {
	background-color: rgba(0,0,0,0.0);
	width: 800px;
	height: 800px;
	position: relative;
	top: -7.0em;
	left: -2.6em;
}

.button_wrapper_1 {background-color: rgba(0,0,0,0.0); background-color: #000000; width: 290px; height: 40px; position: relative; top: -6.5em; left: 31.2em;}

.button_wrapper_2 {background-color: rgba(0,0,0,0.0); background-color: #000000; width: 290px; height: 40px; position: relative; top: -6em; left: 31.2em;}

.button_wrapper_3 {background-color: rgba(0,0,0,0.0); background-color: #000000; width: 290px; height: 40px; position: relative; top: -11.5em; left: 12.5em; z-index: 100;}

.button_wrapper_4 {background-color: rgba(0,0,0,0.0); background-color: #000000; width: 290px; height: 40px; position: relative; top: -11em; left: 12.5em; z-index: 100;}

.title {
	background-color: #000000;
	width: 200px;
	height: 100px;
	font-style: italic;
	position: relative;
	top: 7.2em;
	left: 10em;
	z-index: 4
}

@font-face {
	font-family: LCARS;
	font-style: normal;
	font-weight: 100;
	src: url('LCARS_font/lcars.ttf');
}

.font {
	#font-family: 'LCARS', sans-serif;
	#font-weight: bold;
	font-size: 30px;
	font-style: italic;
	#font-stretch: expanded;
	color: #000000;
	position: absolute;
	top: -1em;
	left: 0em
	-webkit-font-smoothing: antialiased;
}

.button_font {
	font-family: LCARS;
	#font-weight: bold;
	font-size: 25px;
	color: #000000;
	text-align: center;
	position: absolute;
	top: -0.7em;
	left: 1.0em
}

.side_font {
	font-family: LCARS;
	#font-weight: bold;
	font-size: 25px;
	color: #000000;
	position: absolute;
	top: -0.5em;
	left: 1.0em
}

.up_1 {
	display: block;
	width: 4.8em;
	height: 4em;
	background-color: #CC99CC;
	position: relative;
	top: 1em;
	left:3em;

	-moz-border-radius-topleft: 0em;
	border-top-left-radius: 0em;
	-webkit-border-radius-topleft: 0em;
	-o-border-radius-topleft: 0em;
	-moz-border-radius-bottomleft: 0em;
	border-bottom-left-radius: 0em;
	-webkit-border-radius-bottomleft: 0em;
	-o-border-radius-bottomleft: 0em;
}

.up_1:hover {background-color: #FFCC00;}
.up_1:active {background-color: red;}

.up_2 {
	display: block;
	width: 15em;
	height: 10em;
	background-color: #A27FA5;
	position: relative;
	top: 1.2em;
	left:3em;

	-moz-border-radius-topleft: 0em;
	border-top-left-radius: 0em;
	-webkit-border-radius-topleft: 0em;
	-o-border-radius-topleft: 0em;
	-moz-border-radius-bottomleft: 4em;
	border-bottom-left-radius: 4em;
	-webkit-border-radius-bottomleft: 4em;
	-o-border-radius-bottomleft: 4em;
	
	padding: 0% 0% 0.01% 8.4%;
}

.center_up{
	display: block;
	width: 9%;
	position: absolute;
	height: 1.4em;
	background-color: #FFCC00;
	top: 8.6em;
	left:101%;
}

.center_up_ext{
	display: block;
	width: 25%;
	height: 1.4em;
	background-color: #A27FA5;
	position: absolute;
	top: 8.6em;
	left:111%;
}

.right_up{
	display: block;
	width: 94.4%;
	height: 1.4em;
	background-color: #CC99CC;
	position: absolute;
	top: 8.6em;
	left:137%;
}

.right_up_ext{
	display: block;
	width: 10.4%;
	height: 1.4em;
	background-color: #CC6666;
	position: absolute;
	top: 8.6em;
	left:232.4%;
}

.center_down{
	display: block;
	width: 6.3%;
	height: 2em;
	background-color: #FF9900;
	position: absolute;
	top: 0em;
	left: 0.5%;
}

.down_black{
	display: block;
	width: 60%;
	height: 20%;
	background-color: #000000;
	position: absolute;
	top: 0%;
	left: 41.15%;
}

.center_down_ext{
	display: block;
	width: 17.2%;
	height: 20%;
	background-color: #FF9900;
	position: absolute;
	top: 0%;
	left:7.5%;
}

.right_down{
	display: block;
	width: 65%;
	height: auto;
	background-color: #CC99CC;
	position: absolute;
	top: 0%;
	left:25.4%;
}

.right_down_ext{
	display: block;
	width: 7%;
	height: auto;
	background-color: #FF9900;
	position: absolute;
	top: 0%;
	left:91.2%;
}

.down {
	display: block;
	width: 46.58em;
	height: 10em;
	background-color: #CC6666;
	position: relative;
	top: -8.5em;
	left:3em;

	-moz-border-radius-topleft: 4em;
	border-top-left-radius: 4em;
	-webkit-border-radius-topleft: 4em;
	-o-border-radius-topleft: 4em;
	-moz-border-radius-bottomleft: 0em;
	border-bottom-left-radius: 0em;
	-webkit-border-radius-bottomleft: 0em;
	-o-border-radius-bottomleft: 0em;
}

.down_1 {
	display: block;
	width: 5em;
	height: 7em;
	background-color: #CC6666;
	position: relative;
	top: -8.3em;
	left:3em;

	-moz-border-radius-topleft: 0em;
	border-top-left-radius: 0em;
	-webkit-border-radius-topleft: 0em;
	-o-border-radius-topleft: 0em;
	-moz-border-radius-bottomleft: 0em;
	border-bottom-left-radius: 0em;
	-webkit-border-radius-bottomleft: 0em;
	-o-border-radius-bottomleft: 0em;
}

.down_2 {
	display: block;
	width: 5em;
	height: 10em;
	background-color: #FF9900;
	position: relative;
	top: -8.1em;
	left:3em;

	-moz-border-radius-topleft: 0em;
	border-top-left-radius: 0em;
	-webkit-border-radius-topleft: 0em;
	-o-border-radius-topleft: 0em;
	-moz-border-radius-bottomleft: 0em;
	border-bottom-left-radius: 0em;
	-webkit-border-radius-bottomleft: 0em;
	-o-border-radius-bottomleft: 0em;
}

.down_3 {
	display: block;
	width: 5em;
	height: 3em;
	background-color: #FF9900;
	position: relative;
	top: -8em;
	left:3em;

	-moz-border-radius-topleft: 0em;
	border-top-left-radius: 0em;
	-webkit-border-radius-topleft: 0em;
	-o-border-radius-topleft: 0em;
	-moz-border-radius-bottomleft: 0em;
	border-bottom-left-radius: 0em;
	-webkit-border-radius-bottomleft: 0em;
	-o-border-radius-bottomleft: 0em;
}

.innerup {
	display: block;
	width: 37.8em;
	height: 10.8em;
	position: relative;
	top: -4.2em;
	left:0.6em;
	background-color: #000000;
	-moz-border-radius-topleft: 0em;
	border-top-left-radius: 0em;
	-webkit-border-radius-topleft: 0em;
	-o-border-radius-topleft: 0em;
	-moz-border-radius-bottomleft: 3em;
	border-bottom-left-radius: 3em;
	-webkit-border-radius-bottomleft: 3em;
	-o-border-radius-bottomleft: 3em;
	padding: 1em 0em 1em 4em;
}

.innerdown {
	display: block;
	width: 638px;
	height: 420px;
	max-height: 420px;
	position: relative;
	top: 1.3em;
	left:5em;
	#overflow: auto;
	background-color: #000000;
	-moz-border-radius-topleft: 3em;
	border-top-left-radius: 3em;
	-webkit-border-radius-topleft: 3em;
	-o-border-radius-topleft: 3em;
	-moz-border-radius-bottomleft: 0em;
	border-bottom-left-radius: 0em;
	-webkit-border-radius-bottomleft: 0em;
	-o-border-radius-bottomleft: 0em;
	padding: 1em 0em 2em 2em;
	z-index: 6;
}

.content_container {
	display: block;
	width: 600px;
	height: 380px;
	max-height: 400px;
	position: relative;
	top: 0.5em;
	left:0em;
	overflow: auto;
	background-color: #B1957A;
	-moz-border-radius-topleft: 0em;
	border-top-left-radius: 0em;
	-webkit-border-radius-topleft: 0em;
	-o-border-radius-topleft: 0em;
	
	-moz-border-radius-topright: 0em;
	border-top-right-radius: 0em;
	-webkit-border-radius-topright: 0em;
	-o-border-radius-topright: 0em;
	
	-moz-border-radius-bottomleft: 3em;
	border-bottom-left-radius: 3em;
	-webkit-border-radius-bottomleft: 3em;
	-o-border-radius-bottomleft: 3em;
	padding: 1em 0em 2em 2em;
	#z-index: 6;
}

/* Height & width for the container - The rest is done by the jQuery part. */
  #div[rel='scrollcontent1'] { width: 638px; height: 420px;}
  
  /* Basic CSS for the elements - If rel is "scrollcontent1", style its scrollbar by referring to ".scrollcontent-content", ".scrollcontent-bar", etc. */
  .scrollcontent1-content { font-size: 25px; font-family: LCARS; color: #FF9900;/* background: #eee; */ } /* for vertical content, no explicit width is required for inner DIV */
  .scrollcontent1-bar { width: 11px; background: #A27FA5; border-radius: 4px; box-shadow: inset 0px 0px 5px #444444; overflow: hidden; }
  .scrollcontent1-drag { background: #CC6666; border-radius: 4px; cursor: pointer; }
  
  #div[rel='scrollcontent2'] { width: 300px; height: 300px; }
  
  /* Basic CSS for the elements - If rel is "scrollcontent2", style its scrollbar by referring to ".scrollcontent2-content", ".scrollcontent2-bar", etc. */
  .scrollcontent2-content { width: 999px; } /* for horizontal content, width should be set to total width of all floated inner container elements */
  .scrollcontent2-bar { height: 15px; background: #ccc; border-radius: 5px; box-shadow: inset 0px 0px 5px #444444; overflow: hidden; }
  .scrollcontent2-drag { background: #425a8a; border-radius: 5px; cursor: pointer; }
  
  /* Not needed elements */
  #contentwrap { padding: 5px; border: 1px #444444 solid; display: block; width: 300px; border-radius: 10px; }
  .scrollcontent1-content p, .scrollcontent2-content p {margin:0; padding:0}


.button_1 {
	display: block;
	width: 8em;
	height: 2em;
	background-color: #A27FA5;
	text-align: center;
	font-family: LCARS;
	#font-weight: bold;
	font-size: 20;
	position: relative;
	top: 0em;
	left:0em;

	-moz-border-radius-topleft: 1em;
	border-top-left-radius: 1em;
	-webkit-border-radius-topleft: 1em;
	-o-border-radius-topleft: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-bottom-left-radius: 1em;
	-webkit-border-radius-bottomleft: 1em;
	-o-border-radius-bottomleft: 1em;

	-moz-border-radius-topright: 1em;
	border-top-right-radius: 1em;
	-webkit-border-radius-topright: 1em;
	-o-border-radius-topright: 1em;
	-moz-border-radius-bottomright: 1em;
	border-bottom-right-radius: 1em;
	-webkit-border-radius-bottomright: 1em;
	-o-border-radius-bottomright: 1em;
	
	padding: 1% 0% 0% 0%;
	font-family: LCARS;
	#font-weight: bold;
	font-size: 18;
	color: #000000;
	
}

.button_1:hover {background-color: #FFCC00;}
.button_1:active {background-color: red;}

.button_2 {
	display: block;
	width: 8.7em;
	height: 2.4em;
	background-color: #FF9900;
	position: relative;
	top: -2.4em;
	left: 9.5em;

	-moz-border-radius-topleft: 1em;
	border-top-left-radius: 1em;
	-webkit-border-radius-topleft: 1em;
	-o-border-radius-topleft: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-bottom-left-radius: 1em;
	-webkit-border-radius-bottomleft: 1em;
	-o-border-radius-bottomleft: 1em;

	-moz-border-radius-topright: 1em;
	border-top-right-radius: 1em;
	-webkit-border-radius-topright: 1em;
	-o-border-radius-topright: 1em;
	-moz-border-radius-bottomright: 1em;
	border-bottom-right-radius: 1em;
	-webkit-border-radius-bottomright: 1em;
	-o-border-radius-bottomright: 1em;

	padding: 0% 0% 0% 0%;
}

.button_2:hover {background-color: #FFCC00;}
.button_2:active {background-color: red;}

.button_3 {
	display: block;
	width: 9em;
	height: 2.4em;
	background-color: #FF9900;
	position: relative;
	top: 0em;
	left:0em;

	-moz-border-radius-topleft: 1em;
	border-top-left-radius: 1em;
	-webkit-border-radius-topleft: 1em;
	-o-border-radius-topleft: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-bottom-left-radius: 1em;
	-webkit-border-radius-bottomleft: 1em;
	-o-border-radius-bottomleft: 1em;

	-moz-border-radius-topright: 1em;
	border-top-right-radius: 1em;
	-webkit-border-radius-topright: 1em;
	-o-border-radius-topright: 1em;
	-moz-border-radius-bottomright: 1em;
	border-bottom-right-radius: 1em;
	-webkit-border-radius-bottomright: 1em;
	-o-border-radius-bottomright: 1em;

	padding: 0% 0% 0% 0%;
}

.button_3:hover {background-color: #FFCC00;}
.button_3:active {background-color: red;}

.button_4 {
	display: block;
	width: 8.7em;
	height: 2.4em;
	background-color: #A27FA5;
	position: relative;
	top: -2.4em;
	left: 9.5em;

	-moz-border-radius-topleft: 1em;
	border-top-left-radius: 1em;
	-webkit-border-radius-topleft: 1em;
	-o-border-radius-topleft: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-bottom-left-radius: 1em;
	-webkit-border-radius-bottomleft: 1em;
	-o-border-radius-bottomleft: 1em;

	-moz-border-radius-topright: 1em;
	border-top-right-radius: 1em;
	-webkit-border-radius-topright: 1em;
	-o-border-radius-topright: 1em;
	-moz-border-radius-bottomright: 1em;
	border-bottom-right-radius: 1em;
	-webkit-border-radius-bottomright: 1em;
	-o-border-radius-bottomright: 1em;

	padding: 0% 0% 0% 0%;
}

.button_4:hover {background-color: #FFCC00;}
.button_4:active {background-color: red;}

.button_5 {
	display: block;
	width: 8.9em;
	height: 2.4em;
	background-color: #A27FA5;
	position: relative;
	top: 0em;
	left:0em;

	-moz-border-radius-topleft: 1em;
	border-top-left-radius: 1em;
	-webkit-border-radius-topleft: 1em;
	-o-border-radius-topleft: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-bottom-left-radius: 1em;
	-webkit-border-radius-bottomleft: 1em;
	-o-border-radius-bottomleft: 1em;

	-moz-border-radius-topright: 1em;
	border-top-right-radius: 1em;
	-webkit-border-radius-topright: 1em;
	-o-border-radius-topright: 1em;
	-moz-border-radius-bottomright: 1em;
	border-bottom-right-radius: 1em;
	-webkit-border-radius-bottomright: 1em;
	-o-border-radius-bottomright: 1em;

	padding: 0% 0% 0% 0%;
}

.button_5:hover {background-color: #FFCC00;}
.button_5:active {background-color: red;}

.button_6 {
	display: block;
	width: 8.7em;
	height: 2.4em;
	background-color: #FF9900;
	position: relative;
	top: -2.4em;
	left: 9.5em;

	-moz-border-radius-topleft: 1em;
	border-top-left-radius: 1em;
	-webkit-border-radius-topleft: 1em;
	-o-border-radius-topleft: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-bottom-left-radius: 1em;
	-webkit-border-radius-bottomleft: 1em;
	-o-border-radius-bottomleft: 1em;

	-moz-border-radius-topright: 1em;
	border-top-right-radius: 1em;
	-webkit-border-radius-topright: 1em;
	-o-border-radius-topright: 1em;
	-moz-border-radius-bottomright: 1em;
	border-bottom-right-radius: 1em;
	-webkit-border-radius-bottomright: 1em;
	-o-border-radius-bottomright: 1em;

	padding: 0% 0% 0% 0%;
}

.button_6:hover {background-color: #FFCC00;}
.button_6:active {background-color: red;}

.button_7 {
	display: block;
	width: 8.9em;
	height: 2.4em;
	background-color: #FF9900;
	position: relative;
	top: 0em;
	left:0em;

	-moz-border-radius-topleft: 1em;
	border-top-left-radius: 1em;
	-webkit-border-radius-topleft: 1em;
	-o-border-radius-topleft: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-bottom-left-radius: 1em;
	-webkit-border-radius-bottomleft: 1em;
	-o-border-radius-bottomleft: 1em;

	-moz-border-radius-topright: 1em;
	border-top-right-radius: 1em;
	-webkit-border-radius-topright: 1em;
	-o-border-radius-topright: 1em;
	-moz-border-radius-bottomright: 1em;
	border-bottom-right-radius: 1em;
	-webkit-border-radius-bottomright: 1em;
	-o-border-radius-bottomright: 1em;

	padding: 0% 0% 0% 0%;
}

.button_7:hover {background-color: #FFCC00;}
.button_7:active {background-color: red;}

.button_8 {
	display: block;
	width: 8.7em;
	height: 2.4em;
	background-color: #A27FA5;
	position: relative;
	top: -2.4em;
	left: 9.5em;

	-moz-border-radius-topleft: 1em;
	border-top-left-radius: 1em;
	-webkit-border-radius-topleft: 1em;
	-o-border-radius-topleft: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-bottom-left-radius: 1em;
	-webkit-border-radius-bottomleft: 1em;
	-o-border-radius-bottomleft: 1em;

	-moz-border-radius-topright: 1em;
	border-top-right-radius: 1em;
	-webkit-border-radius-topright: 1em;
	-o-border-radius-topright: 1em;
	-moz-border-radius-bottomright: 1em;
	border-bottom-right-radius: 1em;
	-webkit-border-radius-bottomright: 1em;
	-o-border-radius-bottomright: 1em;

	padding: 0% 0% 0% 0%;
}

.button_8:hover {background-color: #FFCC00;}
.button_8:active {background-color: red;}

.corner1 {
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	background-color: #006699;
	-moz-border-radius-topleft: 0.5em;
	border-top-left-radius: 0.5em;
	-webkit-border-radius-topleft: 0.5em;
	-o-border-radius-topleft: 0.5em;
	-moz-border-radius-bottomleft: 0.5em;
	border-bottom-left-radius: 0.5em;
	-webkit-border-radius-bottomleft: 0.5em;
	-o-border-radius-bottomleft: 0.5em;
	margin-top: -2em;
	margin-left: 27em;
}

.corner2 {
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	background-color: #006699;
	-moz-border-radius-topright: 7px;
	border-top-right-radius: 7px;
	-webkit-border-radius-topright: 7px;
	-o-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;
	border-bottom-right-radius: 7px;
	-webkit-border-radius-bottomright: 7px;
	-o-border-radius-bottomright: 7px;
	margin-top: 31px;
	margin-left: 430px;
}

p {
	font-size: 25px;
	font-family: LCARS;
	font-weight: normal;
	font-style: normal;
	font-stretch: ultra-condensed;
	-webkit-font-smoothing: antialiased;
	color: #000000;
}

a:link{
	color: #5355DE;
	text-decoration: none;
}

a:visited{
	color:#5355DE;
}


a:hover{
	color:#FF0000;
}