/*   = = == === ===== ======== ============= =====================   */
					/* normalizing */
/*   = = == === ===== ======== ============= =====================   */
/* normalize (zero) margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, injput, p, blockquote th, td{
	margin:0;
	padding:0;
}
/* normalize headline font sizes */
h1, h2, h3, h4, h5, h6{
	font-size:100%;
}
/* normalize lists */
ol, ul{
	list-style:none;
}
/* normalize font-style and font-weight */
address, caption, cite, code, dfn, em, strong, th, var{
	font-style:normal;
	font-weight:normal;
}
/* normalize (removes) borders and spacing from tables */
table{
	border-collapse:collapse;
}
/* normalize (removes) border from fieldset and image */
fieldset, img{
	border:0;
}
/* normalize (left aligns) text in caption and th */
caption, th{
	text-align:left;
}
/*   = = == === ===== ======== ============= =====================   */
p {
	margin-top:12px;
}
li {
	margin-top:8px;
}
/*   = = == === ===== ======== ============= =====================   */
h1 {
	Font-size: 20pt;
	font-weight: 200;
	letter-spacing: 5px;
	color: white}
h2	{
	Font-family:Arial;
	Font-size: 12pt;
	font-weight: 100;
	color: white}


body {
	background-color:#00001C; /*#524e3f*/;
	font-family:Arial, Verdana, Tahoma, "Microsoft Sans Serif", Helvetica, sans-serif, "sans serif";
	font-size:14px;
}
div#container {
	background-color:#00001C;
	background-position:left 132px; 
	background-repeat:no-repeat;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	color:#000000;
}
/*   = = == === ===== ======== ============= =====================   */
					/* branding */
/*   = = == === ===== ======== ============= =====================   */
div#branding {
	background-color:black;
	width:100%;
	height:56px;
	text-align:left;
	padding-bottom: 0px;
	padding-top: 20px;
	color:#ffffff;
}
div#branding-inner {
}

/*   = = == === ===== ======== ============= =====================   */
					/* content */
/*   = = == === ===== ======== ============= =====================   */
div#content {
	background-color: black;
	width:100%;
	height: 592px;
	position: relative;
	color:#ffffff;
}


/*   = = == === ===== ======== ============= =====================   */
					/* picture holder */
/*   = = == === ===== ======== ============= =====================   */
div#picture-holder {
	background-color: black;
	width:320px;
	height: 535px;
	position: absolute;
	top: 0px;
	left: 0px;
	color:#000000;
}
#box1 {
	background-color:black;
	/* background-image: url("images/circuit.board.jpg"); */
	border-color: white;
	border-width: 1px;
	border-style: solid;
	padding-top: 2px;
	width:195px;
	height:195px;
	margin:0px;
	position:absolute;
	left:0px;
	top:0px;
	text-align:center;
	vertical-align:middle;
}
#box2 {
	background-color:black;
	border-color: white;
	border-width: 1px;
	border-style: solid;
	padding-top: 2px;
	width:195px;
	height:160px;
	margin:0px;
	position:absolute;
	left:0px;
	top:202px;
	text-align:center;
	vertical-align:middle;
}

#box3 {
	background-color:black;
	border-color: white;
	border-width: 1px;
	border-style: solid;
	padding-top: 2px;
	width:116px;
	height:116px;
	margin:0px;
	position:absolute;
	left:200px;
	top:246px;
	text-align:center;
	vertical-align:middle;
}


#box4 {
	background-color:black;
	border-color: white;
	border-width: 1px;
	border-style: solid;
	padding-top: 2px;
	width:316px;
	height:165px;
	margin:0px;
	position:absolute;
	left:0px;
	top:369px;
	text-align:center;
	vertical-align:middle;
}

#box5 {
	background-color:gray;
	width:316px;
	height:52px;
	margin:-1px;
	padding-right: 4px;
	position:absolute;
	left:0px;
	top:539px;
	text-align:right;
	vertical-align:middle;
	letter-spacing: 8px;
	Font-family:Arial;
	Font-size: 17pt;
	font-weight: 300;
	color: white}

#box6 {
	background-color:#333333;
	padding-top: 2px;
	width:480px;
	height:1100px;
	margin-left:320px;
}
	
/*   = = == === ===== ======== ============= =====================   */
					/* nav bar */
/*   = = == === ===== ======== ============= =====================   */
div#nav {
	background-color: gray;
	width:150px;
	height:244px;
	position: absolute;
	top: 0px;
	left: 200px;
	z-index: 1;
	letter-spacing: 4px;
	Font-family:Arial;
	Font-size: 10pt;
	Font-weight: 200;
	color:#000000;
}
div#nav-inner {
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:right;
}
ul li {
	float:left;
	margin-right:50px;
	padding-right:30px;

}
a {
	width:145px;
	display:block;
	text-decoration:none;
	text-align:right;
	line-height:20px;
	margin-right:100px;
	padding-right:50px;
	color:#ffffff;
}
a:hover {
	color:black;
}

/*   = = == === ===== ======== ============= =====================   */
					/* textholder */
/*   = = == === ===== ======== ============= =====================   */
div#textholder {
	background-color: #333333;
	margin-left: -10px;
	width:480px;
	height: 592px;
	position: absolute;
	top: 0px;
	left:330px;
	color:#ffffff;
}
div#textholder-inner {
	padding-right:25px;
	padding-left: 50px;
	text-align:justify;
}

/*   = = == === ===== ======== ============= =====================   */
					/* footer */
/*   = = == === ===== ======== ============= =====================   */
div#footer {
	background-color:black;
	width:100%;
	height:50px;
	clear:both;
	text-align:center;
	clear: both;
	Font-size: 10pt;
	font-weight: 100;
	color:white;
}
div#footer-inner {
	padding:12px;
}