html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* General definitions */
body {background-color: #fff; /* background-image: url(../images/grid-16-background.gif);  */background-position: center; background-repeat: repeat-y; color: #000; font-size: 12px;}

.sans {font-family: 'helvetica','verdana','arial',sans-serif;}
.serif {font-family: 'Georgia', 'Times New Roman', 'Times', serif;}

.hidden {display: none;}

.red {background-color: red;}

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* close commented backslash hack */

img {border: 0; display: block;}

div {position: relative; z-index: 20;}

a {color: #666;}

a:hover {color: #909090;}

strong {font-weight: bold;}

em {font-style: italic;}


/* Navigation definitions */
.highest-nav-wrapper {margin: 0 auto; padding: 40px 0 0 0; width: 960px;}
	.highest-nav-wrapper a, .highest-nav-wrapper a:visited {color: #aba89b; font-size: 24px; margin-left: 15px; text-decoration: none;}

/* .main-nav-wrapper {background-color: #000;} */

.main-nav {margin: 0px auto; width: 940px;}
	.main-nav ul {border-bottom: 1px solid #c2bfb0; margin-top: 20px; padding-bottom: 8px;}
	.main-nav ul li {display: inline; list-style-type: none; position: relative;}
	.main-nav ul a, .main-nav ul a:visited {background: rgba(256,256,256,0.50); border: 1px solid rgba(256,256,256,0.00); border-bottom: none; color: #6e6b63; margin: 0px; padding: 7px 4px; text-align: center; text-decoration: none;}
	.main-nav ul a:hover {background: rgba(256,256,256,0.75);}
	.main-nav ul a.selected, .main-nav ul a.selected:visited, .main-nav ul a.selected:hover {background: rgba(256,256,256,0.75); border: 1px solid #c2bfb0; border-bottom: none; font-weight: bold;}
	.main-nav ul li:hover ul {display: block;}
	.main-nav ul ul {background-color: #eee; border: 1px solid #000; border-top: none; display: none; left: -1px; padding: 5px; position: absolute; top: 23px; width: 200px;}
	.main-nav ul ul li {display: block; list-style-type:none; margin: 15px 0px;}
	.main-nav ul ul a, .main-nav ul ul a:visited {color: #000; margin: 0px; padding: 5px 4px; text-decoration: none;}
	.main-nav ul ul a:hover {background-color: #ccc; color: #fff; border: none;}

.sub-nav-wrapper {margin: 0 auto;}

.sub-nav {margin: 0 auto; width: 940px;	}
	.sub-nav ul {border-bottom: 1px solid #c2bfb0; margin: 10px 0 20px 0px; padding-bottom: 10px;}
	.sub-nav ul li {display: inline; margin-left: 17px; position: relative;}
	.sub-nav ul li:first-child {margin-left: 0px;}
	.sub-nav ul li:hover h2 {display: inline;}
	.sub-nav ul li a img {border: 1px solid rgba(150,148,137,0.75);}
	.sub-nav ul li a.selected img {border: 1px solid red;}
	.sub-nav ul li img {display: inline;}
	.sub-nav h2 {background: rgba(256,256,256,0.75); border: 1px solid rgba(150,148,137,0.75); color: #45443f; display: none; font-weight: normal; left: 0; padding: 5px; position: absolute; top: 12px; white-space: nowrap;}


/* Grid definitions */
.container {margin: 25px auto 20px auto;width: 960px;}
.grid {float: left; display: inline; margin: 0 10px;}
.initial {margin-left: 0;}
.terminal {margin-right: 0;}

/* 16 column grid */
.one {width: 40px;}.two {width: 100px;}.three {width: 160px;}.four {width: 220px;}.five {width: 280px;}.six {width: 340px;}.seven {width: 400px;}.eight {width: 460px;}.nine {width: 520px;}.ten {width: 580px;}.eleven {width: 640px;}.twelve {width: 700px;}.thirteen {width: 760px;}.fourteen {width: 820px;}.fifteen {width: 880px;}.sixteen {width: 940px;}

/* 12 column grid */
/*
.one {width: 60px;}.two {width: 140px;}.three {width: 220px;}.four {width: 300px;}.five {width: 380px;}.six {width: 460px;}.seven {width: 540px;}.eight {width: 620px;}.nine {width: 700px;}.ten {width: 780px;}.eleven {width: 860px;}.twelve {width: 940px;}
*/


/* Main definitions */
#background {position:fixed; z-index:10; height:auto; left:0; overflow:hidden; top:0; width:100%;}
#background div {position:relative;}
#background img {width:100%;}

h1 {color: #000; font-size: 18px; font-weight: bold; margin: 0 0 10px 0;}

h2 {font-weight: bold; }
	h2 a, h2 a:visited {color: #666;}
	h2 a:hover {color: #b3b3b3;}

.content-box {background: rgba(256,256,256,0.75); border: 1px solid rgba(150,148,137,0.75); color: #45443f;}


/* Home definitions */
/* #home .content-box p {padding: 10px;} */
.content-box#rem-description {padding: 20px;}
.content-box#rem-description p {font-size: 18px; line-height: 28px;}

.content-box#project, .content-box#project img {padding-bottom: 20px;}
.content-box#project p {font-size: 14px; line-height: 20px; padding: 0 20px;}

.content-box#news {padding: 20px;}
.content-box#news p {font-size: 14px; line-height: 20px;}
.content-box#news h3 {font-style: italic;}
.content-box#news li {margin-top: 20px;}
.content-box#news li:first-child {margin-top: 0px;}


/* Portfolio definitions */
#tony-hawk-skateboarder, #map-n-go {background-color: #dcdde1;}
#precision-differential-capacitor {background-color: #b2c1d3;}

.portfolio #title {margin: 0 0 20px 370px;}

.portfolio h1 {color: #8a877d; font-size: 24px; line-height: 18px; padding: 0 10px;}

.portfolio #portfolio-image {margin-bottom: 20px;}

.portfolio #details {color: #45443f; font-size: 14px; line-height: 20px; float:right;}
	.portfolio #details div {padding: 20px 20px 0 20px;}
	.portfolio #details ul {margin-bottom: 20px;}

.content-box#project-description {color: #45443f; font-size: 16px; line-height: 22px; padding: 20px;}
	.content-box#project-description p {margin-top: 22px;}
	.content-box#project-description h2 {margin: 22px 0 -22px 0;}
	.content-box#project-description p:first-child {margin-top: 0px;}


/* Capabilities, Clients, About, and News definitions */
.capabilities #title, .clients #title, .about #title, .news #title, .contact #title {margin-bottom: 20px;}

.capabilities h1, .clients h1, .about h1, .news h1, .contact h1 {color: #8a877d; font-size: 18px; padding: 0 10px;}

.capabilities .details, .clients .details, .about .details, .news .details, .contact .details {color: #45443f; font-size: 16px; line-height: 22px;}
	.capabilities .details div, .clients .details div, .about .details div, .news .details div, .contact .details div {padding: 20px;}
	.capabilities .details p, .clients .details p, .about .details p, .contact .details p {margin-top: 22px;}
	.capabilities .details p:first-child, .clients .details p:first-child, .about .details p:first-child, .contact .details p:first-child {margin-top: 0px;}


/* News definitions in addition to the above */
.news #title h2 {color: #969489; margin-left: 10px;}
.news .details {margin-right: 20px;}
.news .details div {margin-top: 20px;}
.news .details div:first-child {margin-top: 0px;}
.news .details .content-box p.date {margin-top: 0px;}
.news .details .content-box p {margin-top: 22px;}
.news .details .content-box p:first-child {margin-top: 0px;}


/* tablesorter tables */
table.tablesorter {background-image: url(../images/table-column-header-bg.gif); border-bottom: 1pt solid #eee; line-height: 16px; margin:0px 0pt 10px; text-align: left; width: 100%;}
	table.tablesorter thead tr th, table.tablesorter tfoot tr th {border-left: 1px solid #fff; color: #000; padding: 4px;}
	table.tablesorter thead tr .header {background-color: #ccc; background-image: url(../images/bg.gif); background-position: center right; background-repeat: no-repeat; cursor: pointer;}
	table.tablesorter tbody td {background-color: #eee; border-left: 1px solid #fff; color: #000; padding: 4px; vertical-align: top;}
	table.tablesorter .first {border-left: none;}
	table.tablesorter tbody tr.even td {background-color: #fff;}
	table.tablesorter thead tr .headerSortUp {background-image: url(../images/asc.gif);}
	table.tablesorter thead tr .headerSortDown {background-image: url(../images/desc.gif);}
	table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #b3b3b3;
}

.money {text-align: right;}


/* Footer definitions */
.footer {border-top: 1pt solid #c2bfb0; color: #969489; margin: 20px auto; text-align: right; width: 940px;}
	.footer p {padding: 10px;}