/* 
	TABLE OF CONTENTS
	
	- global reset
	- layout
	- header
		* logo
		* top navigation
	- content
		* interior columns
		* side navigation
		* flash
	- footer
	- common
*/


/* global reset
-----------------------------------------------------------*/

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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }

* { margin: 0; padding: 0; }


/* layout
-----------------------------------------------------------*/

body {
	font: .75em Verdana, sans-serif;
	color: #fff;
	background: url(../images/main_bg.jpg) top left repeat-x #a6a8c5;
}
#wrapper {
	margin: 0 auto;
	width: 898px;
	border: solid #8d96a8;
	border-width: 0 1px 1px 1px;
	background: url(../images/page_bg.jpg) top left no-repeat #9698b7;
}

/* header
-----------------------------------------------------------*/

#header {
	width: 898px;
	float: left;
}

/* logo */
.logo {
	margin: 21px 0 0 15px;
	width: 342px;
	height: 31px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	background: url(../images/logo.gif) top left no-repeat;
	float: left;
}

/* top navigation */
#top_nav {
	margin: 14px 0 0 0;
	width: 898px;
	height: 30px;
	background: url(../images/top_nav_bg.jpg) top left repeat-x;
	float: left;
}
#top_nav li { display: inline; }
#top_nav li a { height: 30px; text-indent: -5000px; overflow: hidden; display: block; float: left; }
#top_nav li a.one, #top_nav li a.one:visited {
	width: 66px;
	background: url(../images/top_nav_links.jpg) 0 -30px no-repeat;
}
#top_nav li a.one:hover { background: url(../images/top_nav_links.jpg) 0 0 no-repeat; }
#top_nav li.selected a.one { background: url(../images/top_nav_links.jpg) 0 0 no-repeat !important; }
/* Vision */
#top_nav li a.three, #top_nav li a.three:visited {
	width: 72px;
	background: url(../images/top_nav_links.jpg) -66px -30px no-repeat;
}
#top_nav li a.three:hover {	background: url(../images/top_nav_links.jpg) -66px 0 no-repeat; }
#top_nav li.selected a.three {	background: url(../images/top_nav_links.jpg) -66px 0 no-repeat !important; }
/* Instrument */
#top_nav li a.four, #top_nav li a.four:visited {
	width: 75px;
	background: url(../images/top_nav_links.jpg) -138px -30px no-repeat;
}
#top_nav li a.four:hover { background: url(../images/top_nav_links.jpg) -138px 0 no-repeat; }
#top_nav li.selected a.four { background: url(../images/top_nav_links.jpg) -138px 0 no-repeat !important; }
/* Protocols */
#top_nav li a.five, #top_nav li a.five:visited {
	width: 68px;
	background: url(../images/top_nav_links.jpg) -213px -30px no-repeat;
}
#top_nav li a.five:hover { background: url(../images/top_nav_links.jpg) -213px 0 no-repeat; }
#top_nav li.selected a.five { background: url(../images/top_nav_links.jpg) -213px 0 no-repeat !important; }
/* Software */
#top_nav li a.six, #top_nav li a.six:visited {
	width: 68px;
	background: url(../images/top_nav_links.jpg) -281px -30px no-repeat;
}
#top_nav li a.six:hover { background: url(../images/top_nav_links.jpg) -281px 0 no-repeat; }
#top_nav li.selected a.six { background: url(../images/top_nav_links.jpg) -281px 0 no-repeat !important; }
/* Reagent */
#top_nav li a.seven, #top_nav li a.seven:visited {
	width: 66px;
	background: url(../images/top_nav_links.jpg) -349px -30px no-repeat;
}
#top_nav li a.seven:hover {	background: url(../images/top_nav_links.jpg) -349px 0 no-repeat; }
#top_nav li.selected a.seven { background: url(../images/top_nav_links.jpg) -349px 0 no-repeat !important; }
/* Flowcells */
#top_nav li a.eight, #top_nav li a.eight:visited {
	width: 68px;
	background: url(../images/top_nav_links.jpg) -415px -30px no-repeat;
}
#top_nav li a.eight:hover {	background: url(../images/top_nav_links.jpg) -415px 0 no-repeat; }
#top_nav li.selected a.eight { background: url(../images/top_nav_links.jpg) -415px 0 no-repeat !important; }
/* Community */
#top_nav li a.nine, #top_nav li a.nine:visited {
	width: 76px;
	background: url(../images/top_nav_links.jpg) -483px -30px no-repeat;
}
#top_nav li a.nine:hover { background: url(../images/top_nav_links.jpg) -483px 0 no-repeat; }
#top_nav li.selected a.nine { background: url(../images/top_nav_links.jpg) -483px 0 no-repeat !important; }
/* Eco */
#top_nav li a.ten, #top_nav li a.ten:visited {
	width: 76px;
	background: url(../images/top_nav_links.jpg) -559px -30px no-repeat;
}
#top_nav li a.ten:hover { background: url(../images/top_nav_links.jpg) -559px 0 no-repeat; }
#top_nav li.selected a.ten { background: url(../images/top_nav_links.jpg) -559px 0 no-repeat !important; }

/* Contact */
#top_nav li a.eleven, #top_nav li a.eleven:visited {
	width: 61px;
	background: url(../images/top_nav_links.jpg) -703px -30px no-repeat;
}
#top_nav li a.eleven:hover { background: url(../images/top_nav_links.jpg) -703px 0 no-repeat; }
#top_nav li.selected a.eleven { background: url(../images/top_nav_links.jpg) -703px 0 no-repeat !important; }

/* Apps */
#top_nav li a.twelve, #top_nav li a.twelve:visited {
	width: 46px;
	background: url(../images/top_nav_links.jpg) -764px -30px no-repeat;
}
#top_nav li a.twelve:hover { background: url(../images/top_nav_links.jpg) -764px 0 no-repeat; }
#top_nav li.selected a.twelve { background: url(../images/top_nav_links.jpg) -764px 0 no-repeat !important; }

/* Data */
#top_nav li a.thirteen, #top_nav li a.thirteen:visited {
	width: 45px;
	background: url(../images/top_nav_links.jpg) -810px -30px no-repeat;
}
#top_nav li a.thirteen:hover { background: url(../images/top_nav_links.jpg) -810px 0 no-repeat; }
#top_nav li.selected a.thirteen { background: url(../images/top_nav_links.jpg) -810px 0 no-repeat !important; }

/* FAQs */
#top_nav li a.fourteen, #top_nav li a.fourteen:visited {
	width: 44px;
	background: url(../images/top_nav_links.jpg) -855px -30px no-repeat;
}
#top_nav li a.fourteen:hover { background: url(../images/top_nav_links.jpg) -855px 0 no-repeat; }
#top_nav li.selected a.fourteen { background: url(../images/top_nav_links.jpg) -855px 0 no-repeat !important; }




/* content
-----------------------------------------------------------*/

#contentdiv {
	padding: 15px 15px 20px 15px;
	width: 838px;
	float: left;
}

/* on interior pages, add this class to the content div to get the one pixel divider between left and right columns. */
.interior {
	background: url(/images/left_col_divide.jpg) 180px 0 no-repeat;
}

/* columns on interior pages */
.left_col {
	width: 180px;
	float: left;
}
.right_col {
	width: 658px;
	float: left;
}

/* side navigation in left column */
ul.side_nav { line-height: 200%;}
ul.side_nav li a {
	width: 140px;
	padding-left: 10px;
	background: url(../images/bullets.gif) center left no-repeat;
	display: block;
}

/* homepage flash */
#flash {
	width: 898px;
	height: 419px;
	border-bottom: 1px solid #8D96A8;
	float: left;
}
#flash p { padding: 15px; }


/* footer
-----------------------------------------------------------*/

#footer {
	padding: 15px 15px 0 15px;
	width: 838px;
	background: url(../images/footer_border.jpg) top center no-repeat;
	clear: both;
}
#footer ul li {
	padding: 0 5px 0 0;
	display: inline;
}
#footer p {
	font-size: 90%;
}

/* common
-----------------------------------------------------------*/

p, ul, dl, h1, h2, h3, h4 {
	margin-bottom: 15px;;
	line-height: 160%;
}

h1 { font-size: 170%; }
h2 { font-size: 150%; }
h3 { font-size: 130%; }
h4 { font-size: 110%; }

a { color: #fff; text-decoration: underline; }
a:visited { color: #fff; text-decoration: underline;  }
a:hover { color: #fff; text-decoration: none; }

.amp {
	font-family: "Goudy Old Style", "Book Antiqua", "Palatino", serif;
	font-style: italic;
}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.hide {	display: none; }

.ecosystemtable tr td
{
    padding : 4px 10px 20px 0px;
}

.ecosystemtable tr td h3
{
    margin-bottom : 5px;
}

.runkittable tr td
{
    background-color: #FAF1B2;
    color: #330099;
    padding: 3px 3px 3px 3px;
    font-family: arial;
}

.runkittable tr.headerrow td
{
    padding : 4px 4px 4px 4px;
    font-size : 14px;
    font-weight : bold;
    text-align : center;
    border-bottom : solid 1px #330099;
}

.runkittable tr.headerrow2 td
{
    padding : 4px 4px 4px 4px;
    font-size : 14px;
    font-weight : bold;
    border-bottom : solid 1px #330099;
}

.instrumentlist li
{
    height : 20px;
}