/* Useful shorthand rules:  
 * FONT:
 * font: font-style | 
 * font-variant | 
 * font-weight | 
 * font-size | 
 * line-height | 
 * font-family;
 */

/***********************************************/
/* Default HTML tag styles                     */
/***********************************************/
html
{
	margin: 0;
	padding: 0;
	border: 0;
}

body
{
	/* top right bottom left */
	margin: 0 0 1.5em 0;
	padding: 0;
	border: 0;
	font: normal normal normal 1em normal Verdana,Arial,Helvetica,san-serif;
	color: #eee;
	text-decoration: none;
	background: #000 url(/images/main-back_A1.jpg) top left no-repeat scroll;
}

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

/* set special styles where needed */
hr
{
	border: 1px dotted #999;
	width: 100%;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6
{
	font-family: Verdana,Arial,Helvetica,san-serif;
	margin: 0px;
	padding: 0px;
}

h1
{
	font-family: Verdana,Arial,Helvetica,san-serif;
	font-size: 120%;
	color: #334d55;
}

h2
{
	font-size: 114%;
	color: #069;
}

h3
{
	font-size: 100%;
	color: #334d55;
}

h4
{
	font-size: 95%;
	font-weight: normal;
	color: #333;
}

h5
{
	font-size: 90%;
	color: #334d55;
}

ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: none; }

ol
{
	list-style-position: outside;
	list-style-image: none;
	list-style-type: decimal;
}

label
{
	font: bold 100% Verdana,Arial,Helvetica,san-serif;
	color: #334d55;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#masthead
{
	margin: 0 0 10px 0;
	padding: 10px 0px;
	width: 99%;
	height: 100px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 90px;
}

#navBar
{
	position: absolute;
	top: 5em;
	left: 0.5em;
	margin: 1em 0.25em 0.25em 0.25em;
	padding: 0;
	width: 23%;
	border: 0px solid #f00;
	z-index: 5;
}

#content
{
	margin: -1% 0 0 25%;
	padding: 0 3% 0 0;
	width: auto;
	border: 0px solid #f00;
}

#container
{
	margin: 0;
	padding: 0;
	border: 0;
}

/*************** #mainbody styles **************/
#content img
{
	padding: 5px;
	margin: 0;
}

.main-text
{
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 0.83em;
	line-height: 1.6em;
	font-family: Verdana,Arial,Helvetica,san-serif;
	color: #F7D097;
	text-align: left;
}

.main-italic
{
	font-style: italic;
	font-variant: normal;
	font-weight: normal;
	font-size: 0.83em;
	line-height: 1.6em;
	font-family: Verdana,Arial,Helvetica,san-serif;
	color: #F7D097;
	text-align: left;
}

a.main-link:link, a.main-link:visited
{
	color: #F7D097;
	text-decoration: underline;
}

/* Use this in the main body text so the buttons aren't messed up */
a.main-link:hover
{
	color: #f03;
	background: #99f;
	text-decoration: underline;
}

/* Use this in the main body text so as not to mess-up the buttons */
.prod-pics
{
	position: static;
	margin: 0;
	padding: 0;
	border: 2px solid #f00;
}

.links
{
	margin: 0 0 0 2em;
	padding: 0 0 0 1em;
	border-left: 9px solid #007eee;
}

.links ul { list-style-type: none; }

.links a:link, a:visited
{
	color: #f03;
	text-decoration: none;
}

.links a:hover
{
	color: #f03;
	background: #99f;
	text-decoration: underline;
}

.faq
{
	font-family: Verdana,Arial,Helvetica,san-serif;
	font-size: 0.81em;
	color: #f03;
	padding: 1.3em 0em 0em 0.5em;
	margin: 0 0 0 0.5em;
}

.faq ol li
{
	margin: 0;
	padding: 0.5em 0em 0.5em 0.5em;
	display: block;
}

.faq a:link, a:visited
{
	color: #f03;
	text-decoration: none;
}

.faq a:hover
{
	color: #f03;
	background: #99f;
	text-decoration: underline;
}

.faq dl li { color: #eee; }

.faq li dt
{
	color: #eee;
	padding: 10px 0px;
	margin: 0;
}

.faq li dd { color: #f7d097; }

/*********** #navBar styles ***********/
#active a
{
	display: block;
	color: #999;
	background-color: transparent;
	width: auto;
	padding: 0.2em 0 0.2em 0;
	text-decoration: none;
}

.navlinks
{
	margin: 0.5em;
	padding: 0;
	list-style-type: none;
	font-family: Verdana,Arial,Helvetica,san-serif;
	font-size: 0.75em;
}

.navlinks li
{
	margin: 0 0 .3em 0;
	padding: 0;
}

.navlinks a
{
	display: block;
	color: #eee;
	background-color: transparent;
	width: auto;
	padding: 0.2em 0 0.2em 0;
	text-decoration: none;
	border-bottom: 0px solid #f00;
}

.navlinks a:link, a:visited
{
	color: #eee;
	text-decoration: none;
}

.navlinks a:hover
{
	background-color: transparent;
	color: #007eee;
}

.navb-Image
{
	/* top right bottom left */
	padding: 2.5em 0.5em;
	margin: 0;
	border: 0;
}

.navb-ImageII
{
	margin: 0;
	padding: 2.5em 0em 2.5em 0.5em;
	border: 0;
}

.navb-ImageGrp
{
	/* top right bottom left */
	padding: 1em 0.5em 0em 0.5em;
	margin: 0;
	border: 0;
}

.navb-Quote
{
	font-style: italic;
	font-variant: normal;
	font-weight: normal;
	font-size: 0.70em;
	line-height: 1.6em;
	font-family: Verdana,Arial,Helvetica,san-serif;
	color: #F7D097;
	text-align: left;
	display: block;
	margin: 1.2em 1em 0 0;
	padding: 0.5em;
}

/************** #pagetitle styles **************/
#pagetitle
{
	/* top right bottom left */
/*	position: relative;
	top: 0%;
	left: 30%;
	margin: 0px auto;
	padding: 0;*/
	padding: 0;
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
}

/************** #spectral plots **************/
.spectral-plots
{
	/* top right bottom left */
  margin: 1em;
  padding: 0;
  border: 0px solid #f00;
  float: right;  
}

/************** #popup comparison styles **************/
.subtitle
{
	font-family: Verdana,Arial,Helvetica,san-serif;
	font-size: 0.90em;
	color: #eee;
	font-weight: bold;
	line-height: 1.6em;
}

/*******************************/
.specs
{
	position: relative;
	top: 0%;
	left: 10%;
	display: table;
	font-family: Verdana,Arial,Helvetica,san-serif;
	font-size: 0.75em;
	color: #F7D097;
	margin: 5px;
	padding: 2em 1em;
	height: auto;
	width: 550px;
	border: 0px solid #f00;
}

.specs td:first-child
{
	/* top right bottom left */
	padding: 0.4em 0.6em 0.4em 0.4em;
	font-weight: bold;
}

.specs td + td { color: #eee; }