/* palette:
Background:	#222222, #333333
Foreground:	#eee
Primary:	0776A0	226078	024C68	3AA6D0	62B1D0
Secondary:	2E16B1	3B2E84	180773	604BD8	8070D8 C0B8F0

font lists taken from

 http://sixrevisions.com/web_design/a-web-designers-guide-to-linux-fonts/

narrow sans-serif and wide sans-serif, respectively */

#sessionstatus {
	position: relative;
	float: right;
	font-size: .75em;
	right: 5px;
	color: #c0b8f0;
}

#sessionstatus a {
	text-decoration: none;
}

h2 { font-weight: bold; }
h3 { font-weight: normal; }

legend, h4, h3, h2, h1 {
	font-size: 1em;
	font-style: normal;
	margin: 0; padding: 0;
	font-family: "Inconsolata","Courier New","DejaVu Sans Mono",monospace;
}

a:link, a:visited { color: inherit; }
a:active, a:hover { color: #7AC5CD; }
a:focus { outline: none; }

html, body{
	min-height: 100%;
	margin: 0px auto 0px auto;
	padding: 0;
}

body {
	width: 800px;
	clear: both;
	float: none;
	/* Prevent centering jumps due to wholly-visible pages */
	overflow-y: scroll;
	/* fucks up old webkit :( */
	-moz-text-rendering: optimizeLegibility;
}

html {
	color: #eee;
	background:#222;
	/*
	background-repeat: repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#aaaaaa));
	background: -moz-linear-gradient(top,  #222222,  #aaaaaa);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#aaaaaa');*/
}

input { background: #222; color: #eee; }
input:focus { background: #444; }
input:required:invalid, input:focus:invalid {
	border: 2px solid #000;
	-moz-box-shadow: none;
	box-shadow: none;
}
input:required:valid, input:focus:valid { border: 2px solid #62b1d0; }

div { padding: 0; margin: 0; }

tt { font-family: "Inconsolata","Courier New","DejaVu Sans Mono",monospace; }

ol {
	list-style-position: inside;
	padding: 0; margin: 0;
}

li {
	list-style-position: outside;
	margin: .5em 0em .5em 1.5em;
}

table {
	border-collapse:collapse;
}
td { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
tr { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.banner {
	border-radius: 1em;
	border: 2px solid #000;
}

.manpage {
	overflow: auto;
	background-color: #000;
	color: #000;
	margin: 1em 0px 1em 0px;
	border: 2px solid black;
	border-radius: 1em;
	padding: 1em 1em 1em 1em;
	font-family: "Inconsolata","Courier New","DejaVu Sans Mono",monospace;
	-moz-box-shadow: 6px 6px 1em 6px #000, inset 0px 0em 1em .5em #008800;
	-webkit-box-shadow: 6px 6px 1em 6px #000, inset 0px 0em 1em .5em #008800;
	box-shadow: 6px 6px 1em 6px #000, inset 0px 0em 1em .5em #008800;
	behavior: url(ie-css3.htc);
}

pre {
	overflow: auto;
	background-color: #000;
	color: #fff;
	margin: 1em 0px 1em 0px;
	border-radius: 1em;
	padding: 1em 1em 1em 1em;
	font-family: "Inconsolata","Courier New","DejaVu Sans Mono",monospace;
	-moz-box-shadow: 6px 6px 1em 6px #000, inset 0px 0em 1em .5em #008800;
	-webkit-box-shadow: 6px 6px 1em 6px #000, inset 0px 0em 1em .5em #008800;
	box-shadow: 6px 6px 1em 6px #000, inset 0px 0em 1em .5em #008800;
	behavior: url(ie-css3.htc);
}

.fnlist {
	clear: both;
	font-size: small;
	margin: 1em 2em 0em 2em;
}

.fnlist ol {
	margin: 0;
}

.fnlist li {
	list-style-position: outside;
	margin: 0em 0em 0em 1.5em;
}

#logo {
	float: right;
	background: url(images/sprezzatech-natural.png);
	border-top:1px solid #000;
	border-right:1px solid #000;
	height: 76px;
	width: 496px;
	top: 10px;
	position: relative;
	padding: 0;
	border-radius: 0em 1em 0em 0em;
}

#headimg {
	float: left;
	background: url(images/header.png);
	border-top:1px solid #000;
	border-left:1px solid #000;
	height: 74px;
	width: 300px;
	margin: 10px 0em 0em 0em;
	padding: 0;
	border-radius: 1em 0em 0em 0em;
}

#tagline {
	position: absolute;
	bottom: 3px;
	right: 8px;
	font-style: italic;
	font-weight: bold;
	font-size: .75em;
	color: #fff;
	font-family: "Inconsolata","Courier New","DejaVu Sans Mono",monospace;
	text-shadow: 0.1em 0.1em 1em #000;
	margin: 0; padding: 0;
	behavior: url(ie-css3.htc);
}

#navbar {
	border: 1px solid black;
	background: #604BD8;
	clear: both;
	float: right;
	position: relative;
	width: 798px;
	overflow: hidden;
        text-align:center;
	line-height: 1.3em;
	font-size: .8em;
	margin: 0em auto 2em auto;
	padding: 0;
	font-family: "DejaVu Sans", "Bitstream Vera Sans", Geneva, Verdana, sans-serif;
	border-radius: 0em 0em 4em 4em;
}

/* The blog pages have a link back to the blog toplevel, unlike others */
a.navc:link, a.navc:visited { color: #C0B8F0; text-decoration: none; margin: 0; padding: 0; }
a.nav:link, a.nav:visited { color: #8070D8; text-decoration: none; margin: 0; padding: 0; }
a.navc:hover, a.navc:active { color: #7AC5CD; margin: 0; padding: 0; }
a.nav:hover, a.nav:active { color: #7AC5CD; margin: 0; padding: 0; }

/*a.nav:hover:before {
	visibility: visible;
}

a.nav:before {
	visibility: hidden;
	position: fixed;
	border-radius: 1em;
	border: 3px solid blue;
	top: 8em;
	padding: 1em;
	content: "april";
	color: white;
	background: black;
}*/

.nav {
	margin: 0; padding: 0;
}

.navtd, .navcur {
	text-align:center;
	display: inline;
	font-weight: bold;
	padding: 0;
	margin: 0em 3% 0em 3%;
	-webkit-box-shadow: 0px 0em 1.5em 1.5em #000, inset 0px 0px .5em 1em #000;
	-moz-box-shadow: 0px 0em 1.5em 1.5em #000, inset 0px 0px .5em 1em #000;
	box-shadow: 0px 0em 1.5em 1.5em #000, inset 0px 0px 1em 1em #000;
	behavior: url(ie-css3.htc);
}

.navcur{
	color: #C0B8F0;
}

#blogbar {
	clear: left;
	font-family: "DejaVu Sans", "Bitstream Vera Sans", Geneva, Verdana, sans-serif;
	color: #C096AD;
	text-shadow: 0.1em 0.1em 0.2em black;
	behavior: url(ie-css3.htc);
}

/* Do not use padding here, but instead use margins on bodytypes, since there
   can be multiple bodytype sections on a page (about, research, etc.). */
.maintext {
	width: 794px; /* 6px of border */
	clear: both;
	float: left;
	font-size: 1em;
	font-family: "Liberation Sans", "Nimbus Sans L", "FreeSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	overflow: hidden;
	border-radius: 1em 0em 1em 1em;
	border: 3px solid #000;
	padding: 0;
	margin: 0em auto 0em auto;
	behavior: url(ie-css3.htc);
	background: #111;
	line-height: 1.1em;
}

#blogindex { background: #111 url('images/nintendo3ds.jpg'); }
#productpage { background: #111;  }

.contact, .blog, .about, #services, #home, .products, .prodfocus, .portal, .hwfocus {
	text-align:justify;
	margin: 1em 1em 1em 1em;
	clear: both;
	line-height: 115%;
}

.blogreset {
	text-align:justify;
	clear: both;
}

.research {
	text-align:justify;
	margin: 1em 1em 1em 1em;
}

.pageheading{
	clear: both;
	color: #fff;
	text-align:left;
	font-weight:bold;
	margin: 0;
	padding: 0em 0em 0em 1em;
	border-width: 2px;
	border-color: #000;
	border-style: none none solid none;
	text-shadow: 0.1em 0.1em 0.2em black;
	font-family: "DejaVu Sans", "Bitstream Vera Sans", Geneva, Verdana, sans-serif;
	background: #6e7774;
	background: -moz-linear-gradient(45deg,  #373b3a 9%, #0a0e0a 77%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(9%,#373b3a), color-stop(77%,#0a0e0a));
	background: -webkit-linear-gradient(45deg,  #373b3a 9%,#0a0e0a 77%);
	background: -o-linear-gradient(45deg,  #373b3a 9%,#0a0e0a 77%);
	background: -ms-linear-gradient(45deg,  #373b3a 9%,#0a0e0a 77%);
	background: linear-gradient(45deg,  #373b3a 9%,#0a0e0a 77%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373b3a', endColorstr='#0a0e0a',GradientType=1 );
}

.blogpost, .subheading{
	clear: both;
	color:#fff;
	text-align:left;
	padding: 0em 0em 0em 1em;
	text-transform: lowercase;
	border-width: 1px;
	border-color: #fff;
	border-style: solid none solid none;
	background: #373b3a;
	background: -moz-linear-gradient(45deg,  #373b3a 9%, #0a0e0a 77%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(9%,#373b3a), color-stop(77%,#0a0e0a));
	background: -webkit-linear-gradient(45deg,  #373b3a 9%,#0a0e0a 77%);
	background: -o-linear-gradient(45deg,  #373b3a 9%,#0a0e0a 77%);
	background: -ms-linear-gradient(45deg,  #373b3a 9%,#0a0e0a 77%);
	background: linear-gradient(45deg,  #373b3a 9%,#0a0e0a 77%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373b3a', endColorstr='#0a0e0a',GradientType=1 );
}

.blogpost {
	margin: 0;
}
.subheading { margin: 1em 0em 0em 0em; }

/* Used for the services page */
.textleft {
	float: left;
	margin: 0em 0em 0em -1em;
	padding: 0em;
}

.textleft li { margin: 0em 0em 0em 0em; }

.textright {
	padding: 0em;
	float: right;
	text-align: right;
	margin: 1em -1em 0em 0em;
}

.textright li { margin: 0em 0em 0em 0em; }

.imagecredit {
	float: none;
	clear: both;
	color: #eee;
	font-size:0.75em;
	text-align: justify;
	max-width: 75%;
	min-width: 50%;
	width: auto;
	position: relative;
	z-index: 10;
	width: -moz-max-content;
	margin: 0em 1em 2px 2em;
	padding: 1.25em 2em 1.25em 2em;
	border-radius: 0em 0em 1em 1em;
	background-color: #222;
	font-family: "Liberation Sans", "Nimbus Sans L", "FreeSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-box-shadow: 0px .25em .25em 0px #7ac5cd, inset 0px 0em 2em 0em #7ac5cd;
	-moz-box-shadow: 0px .25em .25em 0px #7ac5cd, inset 0px 0em 2em 0em #7ac5cd;
	box-shadow: 0px .25em .25em 0px #7ac5cd, inset 0px 0em 2em 0em #7ac5cd;
	text-shadow: 0.1em 0.1em 0.2em black;
	behavior: url(ie-css3.htc);
}

.imagecredit a:link { text-decoration: none; }
/* end of services page */

.about a {
	text-decoration: none;
}

img.partner, img.partnertrans {
	margin: .5em 1em .5em 1em;
	box-shadow: 0px 6px 1em 6px #000;
	border-color: black;
	border-radius: .33em;
}

img.partner {
	background: #fff;
}

img.alignleft {
	clear: left;
	float:left;
	margin:0px 1em 1em 0em;
	box-shadow: -6px 6px 1em 6px #000;
	border-radius: 1em;
}

img.alignright {
	clear: right;
	float:right;
	margin:0px 1em 1em 1em;
	box-shadow: 6px 6px 1em 6px #000;
	border-radius: 1em;
}

.cap {
	/*font-style: italic;*/
	font-size: 0.9em;
	font-weight:bold;
	background-color: #000;
}

.capcenter {
	float: none;
	clear: both;
	margin: 1em 1em 1em 1em;
	border: solid 1px black;
	padding: 0em 0em 1em 0px;
	background-color: #000;
	text-align:center;
	box-shadow: 0px 6px 1em 6px #000;
}

.capleft {
	float: left;
	clear: left;
	margin: 1em 1em 1em 0em;
	border: solid 1px #E5E5FF;
	padding: 0em 0em 1em 0px;
	background-color: #000;
	text-align:center;
	box-shadow: -6px 6px 1em 6px #000;
}

.capright {
	float: right;
	clear: right;
	margin: 1em 0em 1em 1em;
	border: solid 1px #E5E5FF;
	padding: 0em 0em 1em 0px;
	background-color: #000;
	text-align:center;
	box-shadow: 6px 6px 1em 6px #000;
}

.footer {
	clear: both;
	float: left;
	font-size:0.75em;
	background-color: #ddd;
	font-family: "Liberation Sans", "Nimbus Sans L", "FreeSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-style: solid;
	border-color: #000;
	border-top: 2px;
	line-height: 1.5em;
	position: relative;
	z-index: 9;
	padding: .5em 2em 0em 2em;
	text-align: center;
	margin: 0px 0em 2em 3em;
	-webkit-box-shadow: inset 0px 0em 2em 0em #8070D8;
	-moz-box-shadow: inset 0px 0em 2em 0em #8070D8;
	box-shadow: inset 0px 0em 2em 0em #8070D8;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 0px 0px 20px 20px;
	behavior: url(ie-css3.htc);
}

#copyright {
	clear: both;
	float: left;
	color:#000;
	text-shadow: 0.1em 0.1em 0.2em #444;
	margin: 0em auto 0em auto;
	white-space:nowrap;
	display: inline;
	behavior: url(ie-css3.htc);
}

#socialbar {
	float: left;
	clear: both;
	list-style-type: none;
	padding: 0;
	white-space:nowrap;
	margin: 0em auto 0em auto;
}

#socialbar li { display: inline; margin: 0; }

#socialbar li a {
	position: relative;
	float: left;
	text-decoration: none;
	border: 1px solid #fff;
	border-radius: 3px;
	width: 20px;
	height: 20px;
	margin: 0px 1px 0px 1px;
	background-repeat: no-repeat;
}

#socialbar li a:link, #socialbar li a:visited {
	background-image: url('images/sprites/social-purp.png');
}

#socialbar li a:hover, #socialbar li a:active {
	border: 1px solid #000;
	background-image: url('images/sprites/social.png');
	-moz-box-shadow: -1px -1px 1em 1px #000;
	-webkit-box-shadow: -1px -1px 1em 1px #000;
	box-shadow: -1px -1px 1em 1px #000;
	behavior: url(ie-css3.htc);
}

#social-rss { background-position: 0px 0px; }
#social-twitter { background-position: -40px 0px; }
#social-linkedin { background-position: -20px 0px; }
#social-gplus { background-position: -60px 0px; }
#social-facebook { background-position: -80px 0px; }
#social-skype { background-position: -100px 0px; }

.inset {
	float: left;
	clear: both;
	overflow: hidden;
	background-color: #000;
	color: #fff;
	margin: 1em 1em 0.5em 0em;
	border-radius: 1em;
	padding: 1.5em 2em 1.5em 2em;
	-moz-box-shadow: -6px 6px 1em 6px #000, inset 0px 0em 1em .5em #dfd;
	-webkit-box-shadow: -6px 6px 1em 6px #000, inset 0px 0em 1em .5em #dfd;
	box-shadow: -6px 6px 1em 6px #000, inset 0px 0em 1em .5em #dfd;
	behavior: url(ie-css3.htc);
}

.leftinset {
	float: left;
	clear: left;
	width: 50%;
	overflow: hidden;
	background-color: #000;
	color: #fff;
	margin: 1em 1em 0.5em 0em;
	border-radius: 1em;
	padding: 1.5em 2em 1.5em 2em;
	-moz-box-shadow: -6px 6px 1em 6px #000, inset 0px 0em 1em .5em #7ac5cd;
	-webkit-box-shadow: -6px 6px 1em 6px #000, inset 0px 0em 1em .5em #7ac5cd;
	box-shadow: -6px 6px 1em 6px #000, inset 0px 0em 1em .5em #7ac5cd;
	behavior: url(ie-css3.htc);
}

.rightinset {
	float: right;
	clear: right;
	width: 50%;
	overflow: hidden;
	background-color: #000;
	color: #fff;
	margin: 0.5em 0em 0.5em 1em;
	border-radius: 1em;
	padding: 1.5em 2em 1.5em 2em;
	-moz-box-shadow: 6px 6px 1em 6px #000, inset 0px 0em 1em .5em #7ac5cd;
	-webkit-box-shadow: 6px 6px 1em 6px #000, inset 0px 0em 1em .5em #7ac5cd;
	box-shadow: 6px 6px 1em 6px #000, inset 0px 0em 1em .5em #7ac5cd;
	behavior: url(ie-css3.htc);
}

/* all blog pages */
#blogbanner {
	margin: 0em auto 0em auto;
	background: #000 url('images/atlanta-sunset.jpg');
	background-repeat: no-repeat;
	text-align: left;
	font-weight: bold;
	border-bottom: 2px;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	border-color: black;
	border-style: solid;
}

#blogtitle {
	font-size: x-large;
	color: #000;
	text-shadow: 0px 0px 2px #8070D8;
	text-transform: uppercase;
	font-family: "Times",serif;
	margin: 0em 0em 0em 10px;
	padding: .2em 0em 0em 0em;
}

#blogsubtitle {
	margin: 0em 0em 0em 12px;
	padding: 1.5em 0em 0em 0em;
	color: #fff;
	font-size: medium;
	text-shadow: 0px 0px 6px #0f0;
}

/* blog index page */
#feed {
	float: left;
	text-align:left;
	list-style-type: none;
	margin: 1em 1em 1em 1em;
	padding: 0em 0em 0em 0em;
	max-width: 70%;
	min-width: 70%;
}

.blogattrib a {
	text-decoration: none;
}

.blogattrib {
	font-weight: bold;
	float: right;
	font-size: .8em;
	margin: 0em 0em 0em 0em;
	text-transform: lowercase;
	text-shadow: 0.1em 0.1em 1em #000;
	border-radius: 1em 0em 1em 0em;
	padding: .25em .5em .25em .75em;
	background: #dfd;
	color: #222;
	box-shadow: 0px 0px 3px 3px #000, inset 0px 0px 8px 3px #222;
}

.rssItem {
	background: #222;
	overflow: hidden;
	font-size: .75em;
	margin: 1em 0em 1em 0em;
	padding: .5em 1em .5em .5em;
	border-radius: 1.5em 0em 1em 1em;
	font-family: "DejaVu Sans", "Bitstream Vera Sans", Geneva, Verdana, sans-serif;
	box-shadow: -2px 2px 4px 3px #000;
	behavior: url(ie-css3.htc);
}

.rssDescription a {
	display: block;
	padding: .5em 1em .5em 1.5em;
	background: #333;
	color: #eee;
	max-width: 50%;
	border-radius: 1em 0em 0em 1em;
	border: 3px solid #8070D8;
	text-decoration: none;
	behavior: url(ie-css3.htc);
}

.rssDescription a:hover, .rssDescription a:active {
	color: #333;
	background: #eee
}

.rssTitle a:hover, .rssTitle a:active {
	color: inherit;
}

.rssTitle a {
	max-width: 70%;
	margin: 0em 0em 0em .5em;
	padding: .5em .75em .5em 1em;
	float: right;
	clear: right;
	text-decoration: none;
	font-size: 1.25em;
	text-align: right;
	font-family: inherit;
	font-weight: bold;
	background: black;
	border-radius: 1em 0em 1em 1em;
	box-shadow: 0px 0px 5px 5px #8070D8;
	behavior: url(ie-css3.htc);
}

.rssPubDate {
	float: right;
	clear: right;
	color: #7AC5CD;
	max-width: 50%;
	font-size: 1.1em;
	text-align: right;
	margin: 1em 0em 0em 0em;
}

/* blog entries */
.bookrec {
	text-align: center;
	overflow: hidden;
	background-color: #ccc;
	color: #000;
	margin: 2em 5em 2em 5em;
	border-radius: 1em;
	border-color: white;
	padding: 1em 1em 1em 1em;
	-moz-box-shadow: 6px 6px 1em 6px #000, inset 0px 0em 1em .5em #000;
	-webkit-box-shadow: 6px 6px 1em 6px #000, inset 0px 0em 1em .5em #000;
	box-shadow: 6px 6px 1em 6px #000, inset 0px 0em 1em .5em #000;
	behavior: url(ie-css3.htc);
}

.blogrec {
	float: left;
	text-align: left;
	margin: 2em 10em 1em 2em;
	padding: 0em;
}

/* a directory in the APT repository */
.aptfocus {
	float: right;
	max-width: 80%;
	width: 80%;
	overflow: hidden;
	border-radius: 1em 0em 1em 1em;
	padding: 1em 1em 1em 1em;
	border: 1px solid #000;
	position: relative;
	-moz-box-shadow: 0px 0px 1em 3px #000, inset 0px 0em 1em .5em #000;
	-webkit-box-shadow: 0px 0px 1em 3px #000, inset 0px 0em 1em .5em #000;
	box-shadow: 0px 0px 1em 3px #000, inset 0px 0em 1em .5em #000;
	margin: 1em 1em 1em 0em;
	background: #111 url('images/ibm2.jpg');
	behavior: url(ie-css3.htc);
	min-height: 300px; /* don't want listing shorter than the logo */
}

/* An individual product's page */
.prodfocus {
	float: right;
	max-width: 80%;
	width: 80%;
	overflow: hidden;
	border-radius: 1em 0em 1em 1em;
	padding: 1em 1em 1em 1em;
	border: 1px solid #000;
	position: relative;
	-moz-box-shadow: 0px 0px 1em 3px #000, inset 0px 0em 1em .5em #000;
	-webkit-box-shadow: 0px 0px 1em 3px #000, inset 0px 0em 1em .5em #000;
	box-shadow: 0px 0px 1em 3px #000, inset 0px 0em 1em .5em #000;
	margin: 1em 1em 1em 0em;
	background: #111 url('images/ibm2.jpg');
	behavior: url(ie-css3.htc);
}

.products {
	max-width: 80%;
	background: #000;
	overflow: hidden;
	border-radius: 1em 0em 1em 1em;
	padding: .5em 0em 0em 1em;
	border: 2px solid #222;
	position: relative;
	-moz-box-shadow: 0px 0px 1em 3px #000, inset 0px 0em 1em .5em #000;
	-webkit-box-shadow: 0px 0px 1em 3px #000, inset 0px 0em 1em .5em #000;
	box-shadow: 0px 0px 1em 3px #000, inset 0px 0em 1em .5em #000;
	behavior: url(ie-css3.htc);
	margin: 1em 1em 1em 8em;
	behavior: url(ie-css3.htc);
}

.products:hover {
	-moz-box-shadow: 0px 0px 1em 3px #7AC5CD;
	-webkit-box-shadow: 0px 0px 1em 3px #7AC5CD;
	box-shadow: 0px 0px 1em 3px #7AC5CD;
	behavior: url(ie-css3.htc);
}

/* date, on the bottom left of .products */
.announce {
	float: left;
	font-weight: bold;
	bottom: 0px;
	left: 1em;
	position: absolute;
	bottom: 10px;
	font-family: 'Ledger', serif;
	color: #fff;
	text-shadow: 2px 2px 0px #000, 2px -2px 0px #000, -2px 2px 0px #000, -2px -2px 0px #000;
}

/* product name, in vertical cascade on the right of .products */
.prod {
	font-weight: bold;
	float: right;
	clear: right;
	margin: 3em 0em 0em 0em;
	right: 10px;
	bottom: 10px;
	position: relative;
	padding: 0em 1em 0em 1em;
	color: #fff;
	text-shadow: 2px 2px 0px #000, 2px -2px 0px #000, -2px 2px 0px #000, -2px -2px 0px #000;
}

.military {
	color: #50c642;
	font-size: large;
	text-transform: uppercase;
	font-weight: bold;
	float: right;
	text-shadow: 1px 1px 4px #000;
	margin: 0em 1em 0em 0em;
}

/* Three-column design */
#c3c1, #c3c2, #c3c3 {
	float: left;
	text-align:right;
	width:240px;
	color: #eee;
	padding: 0;
}

#c3c1 { margin: 2em 0px 1em 18px; }
#c3c2 { margin: 2em 17px 1em 17px; }
#c3c3 { margin: 2em 18px 1em 0px; }

#c3c1 a, #c3c2 a, #c3c3 a {
	text-decoration: none;
}
#c3c1 a:hover, #c3c2 a:hover, #c3c3 a:hover {
	text-decoration: none;
	text-shadow: 0.1em 0.0em 0.2em #888;
	behavior: url(ie-css3.htc);
}
 
.coltext {
	position: absolute;
	display: block;
	float: left;
	text-align: right;
	font-size: 1.25em;
	padding: 0px;
	color: #fff;
	margin: 1em 0em 0em .5em;
	max-width: 120px;
	list-style-type: none;
	border: 1px solid black;
	background-color: #ddeef6;
	border-radius: .5em;
	box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
	-o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
	-webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
	-moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
	color: black;
	text-shadow:0px 2px 3px white;
	letter-spacing: .05em;
	padding: 5px .25em 5px .25em;
	behavior: url(ie-css3.htc);
}

#frontsoftware,#fronthardware,#frontconsult{
	background:url(images/sprites/front.jpg) no-repeat;
	float: right;
	width: 240px;
	height: 240px;
	border-radius: 240px 0px 0px 0px;
	border: 1px solid black;
	padding: 0;
	margin: 0px 0px .1em 0px;
	behavior: url(ie-css3.htc);
}

#frontsoftware:hover, #fronthardware:hover, #frontconsult:hover {
	-moz-box-shadow: 1px 0px 1em 6px #7AC5CD;
	-webkit-box-shadow: 1px 0px 1em 6px #7AC5CD;
	box-shadow: 1px 0px 1em 6px #7AC5CD;
	behavior: url(ie-css3.htc);
}

#frontsoftware{background-position:0 0;width:240px;height:240px}
#fronthardware{background-position:-240px 0;width:240px;height:240px}
#frontconsult{background-position:-480px 0;width:240px;height:240px}

#c3header {
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	color: #C0B8F0;
	text-shadow: 0px 1px 1px #62B1D0;
	behavior: url(ie-css3.htc);
}

.vertlogoimg {
	border-radius: 1em 0em 0em 1em;
	border: 3px #000 solid;
	width: 70px;
	margin: 2em 0em 0em 0em;
	padding: 0em;
	float: right;
	position: relative;
	z-index: 10;
}

.authform {
	-moz-border-radius: 1em 0em 1em 1em;
	-webkit-border-radius: 1em 0em 1em 1em;
	border-radius: 1em 0em 1em 1em;
	text-shadow: 0 1px 1px #000;
	border: 2px solid #000;
	padding: 1em;
	text-align: center;
}

.authform ol li { float: left; list-style: none; }
.authform ol li label {
	font-weight: bold;
	margin: 0em 1em 0em 0em;
}

#user, #pass {
	width: 10em;
	border-radius: 1em;
	padding: 0em 1em 0em 1em;
}

#login {
	font-weight: bold;
	border-radius: 1em;
	color: #eee;
	border: 1px solid #62B1D0;
	background: #604bd8;
	background: -moz-linear-gradient(45deg,  #604BD8 9%, #8070d8 77%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(9%,#604BD8), color-stop(77%,#8070d8));
	background: -webkit-linear-gradient(45deg,  #604BD8 9%,#8070d8 77%);
	background: -o-linear-gradient(45deg,  #604BD8 9%,#8070d8 77%);
	background: -ms-linear-gradient(45deg,  #604BD8 9%,#8070d8 77%);
	background: linear-gradient(45deg,  #604BD8 9%,#8070d8 77%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#604BD8', endColorstr='#8070d8',GradientType=1 );
	behavior: url(ie-css3.htc);
}

.download {
	border: 1px solid #62B1D0;
	text-align: right;
	border-radius: 1em;
	font-size: .75em;
	max-width: 80%;
	width: 80%;
	overflow: hidden;
	border-radius: 1em 0em 1em 1em;
	padding: 1em 1em 1em 1em;
	border: 1px solid #000;
	-moz-box-shadow: 0px 0px 1em 3px #000, inset 0px 0em 1em .5em #000;
	-webkit-box-shadow: 0px 0px 1em 3px #000, inset 0px 0em 1em .5em #000;
	box-shadow: 0px 0px 1em 3px #000, inset 0px 0em 1em .5em #000;
	margin: 1em 1em 1em 0em;
	background: #111;
	behavior: url(ie-css3.htc);
}

.download a {
	margin: 1em;
	padding: 1em;
	line-height: 1.5em;
	font-size: 1.5em;
}

.hwprod {
	color: #62B1D0;
	margin: .25em;
	font-size: 1em;
	font-weight: bold;
	text-shadow: 0em 0em 1em #fff;
	float: right;
	clear: none;
}

.hwprice {
	float: right;
	clear: both;
	font-weight: bold;
}

.hwlist {
	float: left;
	clear: left;
	text-align: left;
}

.hwdef {
	float: left;
	clear: none;
}

.hwfocus {
	font-size: .8em;
	float: right;
	max-width: 80%;
	width: 80%;
	overflow: hidden;
	border-radius: 1em 0em 1em 1em;
	padding: 1em 1em 1em 1em;
	border: 1px solid #000;
	position: relative;
	-moz-box-shadow: 0px 0px 1em 3px #000, inset 0px 0em 1em .5em #000;
	-webkit-box-shadow: 0px 0px 1em 3px #000, inset 0px 0em 1em .5em #000;
	box-shadow: 0px 0px 1em 3px #000, inset 0px 0em 1em .5em #000;
	margin: 1em 1em 1em 0em;
	background: #111 url('images/ibm2.jpg');
	behavior: url(ie-css3.htc);
	text-align: right;
}