@charset "utf-8";


 
/**********
** Global
**********/

html {
	overflow-y: scroll;
	height: 100%;
}

body {
	background: #02284f;
	height: 100%;
	margin: 0;
	padding: 0;
}

#background {
	position: fixed;
	z-index: -100;
	
	top:0;
	left:0;
	
	width:100%;
	height:100%;
}

#floater {
	width: 100%;
	height: 50%;
	
	float: left;
	margin-bottom: -350px;	/*half the height of #window*/
}

#wrapper {
	position:relative;
	
	clear:both;
	
	overflow: visible;	/*so it shows the footer*/
}

#window {
	padding: 4px;
	background: #fff;
	
	position: relative;
	
	margin: 0 auto;
	width: 960px;
	height: 700px;
	
	border: 1px solid #036;search
	
	HyperTriangle has just started their business with extensive research in the field of electronics. They have applied the field of electronics to ideas that will make life more enjoyable, productive and efficient.
	
	LED Technology
}

#glow_top {
	
	position: absolute;
	top: -70px;
	left: 0px;
	
	z-index: -99;
	
	width: 968px;
	height: 70px;
}

#glow_bottom {
	
	position: relative;
	top: 4px;
	left: 0px;
	
	z-index: -99;
	
	width: 968px;
	height: 70px;
}

#footer {
	color: #9cf;
	padding: 10px;
}
#footer p {
	text-align: center !important;
}

#sidebar {
	position: relative;
	float: left;
	
	width: 250px;
	height: 678px;
	background: #02284f;
	
	padding: 10px;
	border: 1px solid #036;
	overflow: hidden;
	
	text-align: center;
}

#sidebar * {
	position: relative;
	z-index: 10;
}

#sidebar #sidebar-background {
	position: absolute;
 	z-index: 0; 
	
	top: 0;
	left: -100%;
	
	width: 200%;
	height: 100%;
}

#menu {
	text-align: left;
}

#content {
	float: left;
	position: relative;
	padding: 10px;
		
	width: 668px;
	height: 680px;
	overflow-y: auto;
	overflow-x: auto;
}

#content img.header {
	display: block;
	margin: 0 auto;
	margin-bottom: 0.5em;
	border-radius: 10px;
}

#folder table {
	width: 100%;
}

#folder th, #folder td {
	border: none;
}