/* @override 
	http:
	//hirebryan.com/SCBEngine/css/hb-dev.css
	http://hirebryan.com/SCBEngine/css/hb-dev.css
	http://hirebryan.com/SCBEngine/css/hb.css
*/

body {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	background-color: #717aaa;
/*	background-image: url('/siteContent/sitegraphics/big-stripes.png');	*/
	font-family: "Franklin Gothic", "ITC Franklin Gothic", "Frutiger", "Univers", Helvetica, "Helvetica Neue", "Lucida Gothic", "Lucida Sans", "Arial", sans-serif;
	line-height: .9;
}

a {
	color: #b8bdd8;
	background: none;
	text-decoration: none;
}
a:hover {
	color: #fff;
}
a.inactive:hover {
	color: #bbb;
}
p {
	margin: .1em 0 .1em 0;
	padding: 0;
	max-width: 48em;
	color: #555;
}

ul {
	color: #b8bdd8;
	list-style-image: none;
	list-style-type: none;
}
img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
/* Header styles */
#header {
	display: block;
	position: relative;
	clear: left;
	float: left;
	width: 100%;
/*	align: center;	*/
	text-align: center;
	left: 0;
	top: 0pt;
	padding: 0;
	margin: 0 auto;
	margin-top: 10px;
	background-color: transparent;
	/* z-index: 1; */
	}

#header p,
#header h1,
#header h2 {
	padding: 1pt 1pt 1pt 1pt;
}
div#header {
	height: 10px;
}
#header ul li a:hover {
	background-color: transparent;
}
#header ul li a.active,
#header ul li a.active:hover {
	color: #fff;
	background-color: transparent;
	font-weight: bold;
}
#header ul li a span {
	display: block;
}
/* 'widths' sub menu */
#layoutdims {
	clear: both;
	background-color: transparent;
	border-top: 0px solid #000;
	margin: 0;
	padding: 1px 1px !important;
	text-align: right;
}
/* column container */
.colmask {
	position: relative;	/* This fixes the IE7 overflow hidden bug */
	clear: both;
	float: left;
	width: 100%;			/* width of whole page */
	overflow: hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float: left;
	width: 100%;			/* width of page */
	position: relative;
	background-color: transparent;
}
.col1,
.col2,
.col3 {
	float: left;
	position: relative;
	padding: 0 0 0 0;
	overflow: hidden;
	z-index: 10;
	top: 0px;
}

div.col1 {
	position: relative;
	margin-top: 0px;
	bottom: 0px;
}

/* 3 Column settings */
.threecol {
	background-color: transparent;
	top: 0px;
	overflow: hidden;
}
.threecol .colmid {
	right: 29%;
	background-color: transparent;
}
.threecol .colleft {
	right: 40%;
	background-color: transparent;
}
.threecol .col1 {
	width: 38%;
	left: 102%;
	text-align: center;
	border: 0px solid #fff;
}
.threecol .col2 {
	width: 24%;
	left: 34%;
	z-index: 10;
}
.threecol .col3 {
	width: 24%;
	left: 81%;
}

#footer {
	position: relative;
	bottom: 0;
	clear: both;
	float: left;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	color: #888;
	text-align: center;
	font-size: 10pt;
	border: 0px solid #fff;
	background-color: transparent;
}
#content {
	margin-top: .25em;
}

span {display: inline;}

H1,h2,h3,h4,h5 {
	color: #b8bdd8;
	text-align: left;
	letter-spacing: 0.35pt;
/*	background-color: rgba(111,108,127,0.2);
	border-radius: 25pt;	*/
	font-weight: bold;
}
h1 {
	font-size: 36pt;
	font-weight: bold;
	text-shadow: rgba(89,95,127,0.65) 6pt 6pt 7pt;
}
h2 {
	font-size: 24pt;
	font-weight: bold;
	text-shadow: rgba(89,95,127,0.5) 3pt 3pt 5pt;
}
h3 {
	font-size: 12pt;
	font-weight: bold;
	text-shadow: rgba(89,95,127,0.4) 2pt 2pt 4pt;
}
.category {
	font-weight: bold;
}
#colophon {
	height: 5em;
	min-width: 18em;
	position: fixed;
	bottom: -3em;
	left: 0px;
	padding: 6pt;
	border: 0px solid white;
	border-radius: 0 9pt 0 0;
	background-color: rgba(255,255,255,0.2);
}
p.colophon {
	font-size: 9pt;
	line-height: 10pt;
}
.nineblocks,.ab {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0pt solid white;
	display: block;
	overflow: visible;
	z-index: 50;
	clear: both;
}
.ab {
	height: 180px;
}
#one,#two,#three,#four,#five,#six,#seven,#eight,#nine,#a,#b {
	padding: 0;
	margin: 0;
	background-repeat: no-repeat;
	overflow: visible;
	z-index: 51;
	clear: both;
}
#two, #four, #six, #eight {
	height: 180px;
}
#one {
	height: 180px;
	background-image: url('/siteContent/sitegraphics/eight-strip-b.jpg');
	background-position-x: left;
	background-position-y: -720px;
	float: left;
}
#two {
	float: none;
}
#three {
	height: 180px;
	background-image: url('/siteContent/sitegraphics/eight-strip-onscreen.jpg');
	background-position-x: left;
	background-position-y: -1260px;
	position: relative;
	top: 9em;
}
img.three{
	position: absolute;
	bottom: 0;
	left: 0;
}
#four {
	height: 180px;
	border: 0px solid red;
	margin-bottom: 1em;
}
#five {
	min-width: 400px;
	min-height: 400px;
	border: 0px solid red;
}
#six {
	margin-bottom: 1em;
	margin-top: 9em;
	border: 0px solid red;
}
#seven {
	border: 0px solid red;
	height: 180px;
	max-width: 360px;
	background-image: url('/siteContent/sitegraphics/eight-strip-logo-180.jpg');
	background-position-x: right;
	background-position-y: -1000px;
	float: right;
}
img.seven {
	z-index: 90;
	float: right;
	position: relative;
	right: 0px;
	top: 0px;
}
#eight {
	padding-top: 2em;
	bottom: 1em;
	border: 0px solid blue;
}
#nine {
	min-height: 180px;
	background-image: url('/siteContent/sitegraphics/eight-strip-onscreen.jpg');
	background-position-x: right;
	background-position-y: -800px;
	border: 0px solid green;
}
#a {
	border: 0px solid yellow;
	min-height: 180px;
	margin-top: 2em;
	float: left;
	background-image: url('/siteContent/sitegraphics/eight-strip-b.jpg');
	background-position-x: left;
	background-position-y: -600px;
}
#b {
	border: 0px solid blue;
	height: 180px;
	float: right;
	background-image: url('/siteContent/sitegraphics/eight-strip-onscreen.jpg');
	background-position-x: right;
	background-position-y: -400px;
}
img.fivea {
	float: left;
	left: 0;
}
img.fiveb {
	float: right;
	right: 0;
}
#hardware {
	position: absolute;
	top: 2.75em;
	text-align: left;
}
#software {
	border: 0px solid red;
	position: absolute;
	text-align: left;
	top: 1em;
}
img.one {
	float: left;
}
img.nine {
	float: right;
}
img.one,img.seven,img.nine,img.three,img.fivea,img.fiveb {
	z-index: 20;
}

li.category {
	color: #b8bdd8;
	font-size: 14pt;
	line-height: 13pt;
	margin-top: .25em;
	margin-bottom: 1.0em;
	letter-spacing: 0.15pt;
	text-shadow: rgba(89,95,127,0.85) 6pt 6pt 9pt;
	z-index: 50;
}
p.skill {
	visibility: none;
	font-size: 10pt;
	line-height: 1.1;
	font-weight: normal;
	text-indent: 1em;
	color: white;
	margin-left: 1em;
	z-index: 50;
}