/**************************************************
========== nav
**************************************************/
body {
	margin: 0;
	padding: 0;
	font: normal 1em Arial, sans-serif;
 	color: #222;
	background: url(../images/flaisr.gif) right top no-repeat #000;}
a {
	text-decoration: none;}
a:link,
a:visited,
a:active {
	color: #fb1;}
a:hover:link,
a:hover:visited {
	color: #fb1;
	text-decoration: underline;}
img {
	border: 0;}
ol, ul, li {
	margin: 0;
	padding: 0;}
li {
	list-style-type: none;}
/**************************************************
========== headers
**************************************************/
h1 {
	margin: 0;
	padding: 20px 0 0 0;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #ccc;
	font-weight: normal;}
h2 {
	margin: 0 0 20px 0;
	padding: 10px 0 5px 0;
	float: left;
	width: 940px;
	font-size: 24px;
	font-weight: normal;
	color: #fff;
	border-bottom: 1px dashed #333;
	border-top: 3px solid #333;}
h3 {
	font-size: 0.9em;
	color: #666;
	margin: 0;
	padding: 0 0 10px 0;
	text-transform: uppercase;
	font-weight: normal;}
h4 {
	font-size: 0.7em;
	color: #444;
	margin: 0;
	padding: 0 0 5px 0;
	text-transform: uppercase;
	font-weight: bold;}
h5 {
	font-size: 0.9em;
	color: #666;
	margin: 0;
	padding: 0 0 10px 0;
	text-transform: uppercase;
	font-weight: normal;}
h6 {
	font-size: 0.7em;
	color: #444;
	margin: 0;
	padding: 0 0 5px 0;
	text-transform: uppercase;
	font-weight: bold;}
/**************************************************
========== form
**************************************************/
form {
	margin: 0;
	padding: 0;}
.form {
	float: left;
	width: 700px;}
.form p {
	padding: 9px 0 0 0;
	font-size: 0.7em;
	font-weight: bold;
	color: #ccc;}
.text {
	font-size: 12px;
	width: 212px;
	color: #ccc;
	border: 0;
	padding: 4px;
	font-family: Arial, sans-serif;
	background-color: #222;}
.red {
	font-size: 12px;
	width: 212px;
	color: #ccc;
	padding: 3px;
	border: 1px solid #f30;
	font-family: Arial, sans-serif;
	background-color: #222;}
p.alert {
	color: #f30;}
textarea {
	font-size: 12px;
	color: #ccc;
	width: 452px;
	height: 160px;
	font-family: Arial, sans-serif;
	padding: 4px;
	border: 0;
	overflow: auto;
	background-color: #222;}
.redt {
	padding: 3px;
	border: 1px solid #f30;}
.submit {
	float: right;
	font-size: 12px;
	background-color: #111;
	color: #ccc;
	font-weight: bold;
	padding: 6px 16px 6px 16px;
	font-family: Arial, sans-serif;
	border: 0;}
.submit:hover {
	background-color: #fb1;
	color: #000;}
/**************************************************
========== nav
**************************************************/

/**************************************************
========== nav
**************************************************/
#wrap {
	width: 940px;
	padding-top: 10px;
	margin: 0 auto;}
/**************************************************
========== nav
**************************************************/
p {
	margin: 0;
	padding: 0 0 15px 0;
	color: #ccc;
	font-size: 0.7em;}
p.big {
	padding: 10px;
	color: #fff;
	background-color: #333;
	font-weight: bold;
	font-size: 2em;}
/**************************************************
========== nav
**************************************************/
#header {	
	height: 80px;
	border-bottom: 1px solid #333;
	width: 940px;
	position: relative;}
#logo {
	left: 0;
	position: absolute;
	height: 80px;
	width: 240px;
	background: url(../images/lightwaveLogo.gif) 0 center no-repeat;}
/**************************************************
========== nav
**************************************************/
#nav {
	position: absolute;
	right: 0;
	padding-bottom: 4px;
	bottom: 0;}
#nav a {
	display: block;
	float: left;
	font-size: 14px;
	text-align: center;
	border: 1px solid #333;
	padding: 3px 0 3px 0;
	width: 160px;
	margin-left: 4px;
	text-align: center;
	background-color: #000;}
#nav a:hover {
	background-color: #111;}
#nav a:link,
#nav a:visited,
#nav a:active {
	color: #ccc;}
#nav a:link:hover,
#nav a:visited:hover {
	color: #fff;
	text-decoration: none;}
/**************************************************
========== nav
**************************************************/
#footer {
	color: #ccc;
	padding: 0 0 16px 0;}
#footer a:link,
#footer a:visited {
	color: #999;}
#footer a:active {
	color: #fff;}
#footer a:hover:link,
#footer a:hover:visited {
	color: #ccc;}
/**************************************************
========== nav
**************************************************/
.col1 {
	float: left;
	width: 220px;
	padding-right: 20px;}
.col1#c1 h4 {
	color: #ffbb11;}
.col1#c2 h4 {
	color: #ff6611;}
.col1#c3 h4 {
	color: #ff1166;}
.col1#c4 h4 {
	color: #11bbff;}
.col4 {
	float: left;
	width: 940px;
	padding-bottom: 20px;}
/**************************************************
========== nav
**************************************************/
#latest {
	float: left;
	width: 220px;}
#latest a {
	display: block;
	float: left;
	width: 218px;
	height: 80px;
	border: 1px solid #222;
	background-color: #000;}
#latest a:hover {
	border: 1px solid #222;
	background-color: #111;}
/**************************************************
========== nav
**************************************************/
#resources {
	float: left;
	width: 940px;
	padding: 20px 0 20px 0;
	border-top: 3px solid #333;
	background: url(../images/ltwirl.gif) right 0 no-repeat;}
.resCol {
	float: left;
	width: 172px;
	padding: 0 20px 0 0;}
.resCol ul {
	float: left;
	width: 172px;
	border-top: 1px solid #222;}
.resCol ul li {
	float: left;
	width: 172px;
	border-bottom: 1px solid #222;}
.resCol ul li a {
	float: left;
	width: 162px;
	display: block;
	font-size: 0.7em;
	padding: 2px 0 2px 10px;}
.resCol a:link,
.resCol a:active,
.resCol a:visited {
	color: #444;}
.resCol a:link:hover,
.resCol a:visited:hover {
	text-decoration: none;
	color: #666;
	background-color: #222;}
/**************************************************
========== nav
**************************************************/
.rightFloat {
	float: right;}
#footer {
	float: left;
	width: 900px;
	padding: 15px 20px 40px 20px;
	font-size: 0.7em;
	color: #444;
	border-top: 1px solid #333;
	background-color: #222;}
/**************************************************
========== nav
**************************************************/
.up {
	float: right;
	width: 23px;
	height: 23px;}
.up a {
	display: block;
	width: 23px;
	height: 23px;
	background: url(../images/uparrow.gif) center center no-repeat;}
.up a:hover {
	background: url(../images/uparrowOvr.gif) center center no-repeat;}