/*
GENERAL STYLES
******************************************************************************/

body {
	background-color:	#000000;
	}

body,div,th,td {
	margin:				0;
	padding:			0;
	font:				11px verdana,arial,sans-serif;
	color:				#909090;
	}

h1,h2,h3,h4,h5 {
	padding:			0;
	margin:				0;
	}

a:link, a:visited {
	color:				#c5c5c5;
	text-decoration:	none;
	}

a:hover, a:active {
	color:				#fd6800;
	text-decoration:	none;
	}

a.bullet:before {
	padding:			0 3px 0 0;
	content:			url(/img/bullet_arrow_off.gif);
	}

a.bullet:hover:before {
	padding:			0 3px 0 0;
	content:			url(/img/bullet_arrow_on.gif);
	}

ul.bullet {
	margin:				0;
	padding:			0;
	}

ul.bullet li {
	list-style:			url(/img/bullet_arrow_off.gif) inside;
	margin:				0;
	padding:			0;
	}

.outset {
	border:				solid #4e4e4e 1px;
	border-bottom-color:#202020;
	border-right-color:	#202020;
	}

.inset {
	border:				solid #4e4e4e 1px;
	border-left-color:	#202020;
	border-top-color:	#202020;
	}

.clickable {
	cursor:				pointer;
	}

/*
HEADER STYLES
******************************************************************************/

#app { display: none; }
#nojs { display: block; padding:20px; }
.js #app { display: block; }
.js #nojs { display: none; }

div#head {
	background-color:	#000000;
	width:				100%;
	height:				156px;
	z-index:			3000;
	}

div#menu_swf {
	position:			absolute;
	left:				208px;
	top:				12px;
	width:				650px;
	height:				143px;
	background-image:	url(/img/menu_bg.gif);
	}

div#menu_label {
	text-transform:		uppercase;
	position:			absolute;
	left:				10px;
	top:				101px;
	font-size:			16px;
	color:				#ffffff;
	}
	
div#logo {
	position:			absolute;
	left:				17px;
	top:				32px;
	}

div#contact {
	position:			absolute;
	left:				19px;
	top:				106px;
	width:				170px;
	font-size:			8px;
	font-weight:		bold;
	text-transform:		uppercase;
	color:				#ffffff;
	}

div#contact div {
	color:				#909090;
	border:				solid #5b5b5b 1px;
	border-left-width:	0;
	border-right-width:	0;
	padding:			2px 0;
	margin:				0 0 2px 0;
	font-size:			8px;
	font-weight:		bold;
	text-transform:		uppercase;
	}

.mac div#contact, .mac div#contact div {
	/* correct the crunky looking fonts in Safari and Mac FF */
	font-family:		helvetica;
	font-size:			9px;
	}

.mac.gecko div#contact, .mac.gecko div#contact div {
	/* correct the crunky looking fonts in Safari and Mac FF */
	font-family:		verdana;
	font-weight:		normal;
	line-height:		1em;
	}

/*
div#contact {
	position:			absolute;
	left:				19px;
	top:				105px;
	}
*/

div#flourish_top {
	position:			absolute;
	left:				0px;
	top:				3px;
	}

/*
MAIN CONTENT STYLES
******************************************************************************/

div#main {
	background-color:	#000000;
	background-image:	url(/img/main_bg.gif);
	width:				100%;
	z-index:			2000;
}

div#content {
	position:			relative;
	width:				650px;
	margin-left:		205px;
	background-color:	#000000;
	border-left:		solid #000000 3px;
	border-right:		solid #000000 3px;
	}

div#viewport {
	width:				650px;
	height:				378px;
	margin:				0;
	background:			#1f1f1f url(/img/content_bg.gif) repeat-x;
	}

span#qtbox {
	float:				left;
	width:				480px;
	height:				376px;
	padding:			0;
	}

.ie span#qtbox {
	width:				482px;
	height:				378px;
	}

table#info {
	float:				right;
	width:				168px;
	height:				378px;
	padding:			0;
	border-collapse:	separate;
	}

tr.info {
	margin:				1px 0;
	}

th.info {
	text-align:			left;
	background-image:	url(/img/content_bg_stripe_lt.gif);
	height:				17px;
	padding:			0;
	margin:				0;
	}

.ie th.info {
	height:				13px;
	}

td.info {
	padding:			5px 7px 15px 7px;
	vertical-align:		top;
	}

td.info span.title {
	font-weight:		bold;
	color:				#fd6800;
	display:			block;
	margin:				0 0 8px 0;
	}

td.info span.title:first-line {
	font-size:			9px;
	}

td.info span.credits {
	display:			block;
	margin:				0 0 8px 0;
	}

td.info span.credits:first-line {
	font-weight:		bold;
	font-size:			9px;
	}

td.info span.foot {
	font-size:			9px;
	}

table.list {
	padding:			0;
	margin-top:			5px;
	width:				650px;
	border-collapse:	separate;
	background:			#1f1f1f url(/img/content_bg.gif) repeat-x;
	}

table.list tr {
	height:				75px;
	}

table.list tr.tabs {
	height:				18px;
	background-image:	url(/img/list_tab_bg.gif);
	background-repeat:	repeat-x;
	}

table.list th {
	text-align:			left;
	}

table.list tr.hover {
	background-image:	url(/img/content_bg_stripe_dk.gif);
	background-repeat:	repeat;
	}

table.list tr.selected {
	background-image:	url(/img/content_bg_stripe_lt.gif);
	background-repeat:	repeat;
	}

table.list td {
	vertical-align:		top;
	padding:			6px;
	height:				75px;
	}

table.list td img {
	float:				left;
	margin:				0 6px 0 0;
	}

table.list td span.client {
	font-size:			9px;
	display:			block;
	}

div#list_foot {
	background:			#343434 url(/img/list_page_bg.gif) repeat-x;
	height:				13px;
	text-align:			right;
	width:				648px;
	}

.ie div#list_foot {
	width:				650px;
	}

/*
ABOUT/CONTACT/RESISTOR STYLES
******************************************************************************/

div#textpage {
	background:			#1f1f1f url(/img/content_bg.gif) repeat-x;
	padding:			6px;
	}

div#textpage div {
	width:				350px;
	line-height:		1.3em;
	margin-bottom:		20px;
	}

div#textpage h3 {
	font-size:			13px;
	text-transform:		uppercase;
	font-weight:		bold;
	color:				#fd6800;
	margin:				0 0 1px 0;
	}

div#textpage h4 {
	font-size:			11px;
	text-transform:		uppercase;
	font-weight:		bold;
	margin:				0 0 1px 0;
	}

div#textpage h5 {
	font-size:			9px;
	text-transform:		uppercase;
	font-weight:		normal;
	margin:				0 0 1px 0;
	}

td.rcol {
	vertical-align:		top;
	width:				198px;
	background-image:	url(/img/content_bg_stripe_lt.gif);
	}

td.rcol img {
	margin:				0;
	}

td.rcol a {
	margin:				1px 0 1px 6px;
	display:			block;
	}

div#mailcontact td {
	vertical-align:		top;
	font-size:			10px;
	padding-right:		10px;
	}

div#mailcontact td + td {
	padding-right:		0;
	}

div#mailcontact td input,
div#mailcontact td textarea {
	font:				10px verdana,arial,sans-serif;
	width:				250px;
	padding:			1px;
	color:				#4e4e4e;
	background:			#cccccc;
	}

/*
NEWS STYLES
******************************************************************************/

div#news {
	width:				650px;
	margin:				0;
	background:			#1f1f1f url(/img/content_bg.gif) repeat-x;
	}

div#news td.years {
	vertical-align:		top;
	width:				91px;
	background-image:	url(/img/content_bg_stripe_lt.gif);
	}

td.newsitem {
	margin:				0;
	padding:			0;
	}

td.newsitem td {
	vertical-align:		top;
	padding:			6px;
	}

td.newsitem img {
	float:				left;
	width:				200px;
	}

td.newsitem span.title {
	display:			block;
	font-size:			13px;
	text-transform:		uppercase;
	font-weight:		bold;
	color:				#fd6800;
	margin:				0 0 6px 0;
	}

td.newsitem span.foot {
	display:			block;
	font-size:			9px;
	line-height:		13px;
	margin:				10px 0;
	}

div#news_foot {
	background:			#343434 url(/img/list_page_bg.gif) repeat-x;
	height:				13px;
	text-align:			right;
	width:				648px;
	}

.ie div#news_foot {
	width:				650px;
	}

td.years a {
	margin:				1px 0 1px 6px;
	display:			block;
	}

td.years a:before {
	padding:			0 3px 0 0;
	content:			url(/img/bullet_arrow_off.gif);
	}

td.years a:hover:before {
	padding:			0 3px 0 0;
	content:			url(/img/bullet_arrow_on.gif);
	}




/*
FOOTER STYLES
******************************************************************************/

div#foot {
	width:				100%;
	background-color:	#000000;
	padding-top:		5px;
	margin-bottom:		20px;
	z-index:			1000;
	}