/*----------------------------------------------------------*/

/* GUI ELEMENTS */

/*----------------------------------------------------------*/

}

.float50	{

	float: left;

	width: 48%;

	border: 1px solid;

}

#textArea	{

	width: 586px;

	height: 100%;

	padding-top: 15px;

	float: left;

}

#functionArea	{

	width: 214px;

	height: 100%;

	padding-top: 15px;

	float: left;

}

.previewItem	{

	float: left;

	border-top: 1px solid #EEEEEE;

	height: 150px;

	width: 194px;

	padding-top: 10px;

}

.previewIcon	{

	float: left;

}

#portIcons	{

	padding-left: 10px;

}

.portIcon	{

	float: left;

	border: 1px solid;

	border-color: #FFFFFF;

}

.portIcon:hover	{

	float: left;

	border: 1px solid;

	border-color: #FC7800;

}

#portText	{

	width: 255px;

	height: 100%;

	padding-top: 15px;

	float: left;

	padding-left: 33px;

}

#reelText	{

	width: 250px;

	height: 100%;

	padding-top: 15px;

	float: left;

	padding-left: 33px;

	height: 300px;

}

#portImage	{

	float: left;

	padding-bottom: 20px;

	padding-right: 15px;

}

#functStretch	{

	height: 400px;

}

#nav	{

	height: 45px;

	line-height: 0;

}

/*----------------------------------------------------------*/

/* FORMATTING ELEMENTS */

/*----------------------------------------------------------*/

a	{

	color: #FC7800;

	text-decoration: none;

}

a:hover	{

	text-decoration: underline;

}

#pageLinks	{

	padding-top: 0;

	padding-left: 15px;

	padding-bottom: 10px;

	text-align: left;

}

#topPages	{

	padding-top: 0;

	align: right;

	padding-right: 20px;

	text-align: right;

}

#bottomPages	{

	padding-top: 0;

	padding-left: 15px;

	text-align: left;

	float: right;

}

#homeLinks	{

	border-top: #CCC 1px solid;

	padding-top: 14px;

	padding-bottom: 14px;

	float: left;

}

.hlHome	{

	width: 654px;

}

.hlInt	{

	width: 100%;

}

#homeLinks a	{

	font: bold 8pt Arial Narrow, Helvetica Narrow !important;

	color: #777777;

	padding-left: 20px;

	padding-right: 20px;

	text-decoration: none;

}

#homeLinks a:hover	{

	font: bold 8pt Arial Narrow, Helvetica Narrow !important;

	color: #FC7800;

	padding-left: 20px;

	padding-right: 20px;

	text-decoration: none;

}

#bottomLinks	{

	padding-top: 5px;

	height: 16px;

	border-top: 1px solid #CCCCCC;

	background: #F0F2F3;

	float: left;

	width: 800px;

}

#bottomLinks a	{

	font: 7pt Arial Narrow, Helvetica Narrow !important;

	text-align: center;

	letter-spacing: 1px;

	color: #2C3F62;

	text-decoration: none;

	padding-left: 30px;

	padding-right: 30px;

}

#bottomLinks a:hover	{

	font: 7pt Arial Narrow, Helvetica Narrow !important;

	text-align: center;

	letter-spacing: 1px;

	color: #FC7800;

	text-decoration: none;

	padding-left: 30px;

	padding-right: 30px;

}

.projectLink	{

	font: 7pt Verdana;

	font-weight: bold;

	color: #FC7800;

	text-decoration: none;

	line-height: 15px;

}

.projectLink:hover	{

	font: 7pt Verdana;

	font-weight: bold;

	color: #FC7800;

	text-decoration: underline;

	line-height: 15px;

}

.boldLinks	{

	font-family: Arial Narrow, Helvetica Narrow;

	font-weight: bold;

	font-size: 11px;

	color: #3C507A;

	text-decoration: none;

}

.boldLinks:hover	{

	font-family: Arial Narrow, Helvetica Narrow;

	font-weight: bold;

	font-size: 11px;

	color: #FC7800;

	text-decoration: underline;

}

#quickSearch	{

	margin-top: 9px;

	float: right;

	height: 10px;

	padding-right: 40px;

	line-height: 0;

}

.dropDown	{

	font: 9px Verdana, Arial, Helvetica, sans-serif !important;

	font-size: 9px !important;

	color: #999999;

	font-size: 9px !important;

	width: 130px !important;

	height: 18px !important;

}

.normal	  { color: #999999; font-size: 11px !important; font-family: Verdana, Arial, Helvetica, sans-serif !important }

.allrights	{

	font-family: Verdana, Arial, Helvetica, sans-serif !important;

	color: #fafafa;

	font-size: 9px !important;

}

#sectionHeader	{

	font: bold 13pt Arial Narrow, Helvetica Narrow !important; 

	color: #2C3F62;

	font-weight: bold;

	padding-top: 9px;

	padding-left: 33px;

	float: left;

}

.headlines   { color: #666; font-size: 11.5px; font-family: Verdana, Arial, Helvetica, sans-serif !important; font-weight: bold }

#options	{

	line-height: 1;

	font-size: 10pt;

	float:right;

	padding-right: 25px;

}

#pageBtns	{

	line-height: 1;

	font-size: 10pt;

	float: right;

	padding-right: 33px;

}

.rightText p	{

	padding-left: 15px;

}

.leftText p	{

	padding-left: 33px;

}

#textArea p	{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	font-weight: normal;

	text-align: justify;

	color: #999999;

	line-height: 1.5;

	padding-right: 25px;	

}

#textArea td	{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	font-weight: normal;

	text-align: left;

	color: #999999;

	line-height: 1.5;	

}

td	{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	font-weight: normal;

	text-align: justify;

	color: #999999;

	line-height: 1.5;

}

#portText p	{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	font-weight: normal;

	text-align: justify;

	color: #999999;

	line-height: 1.5;

	padding-right: 15px;

}

#reelText p	{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	font-weight: normal;

	text-align: justify;

	color: #999999;

	line-height: 1.5;

	padding-right: 15px;

}

#functionArea p	{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	font-weight: normal;

	text-align: left;

	color: #999999;

	line-height: 1.5;

	padding-left: 20px;

	padding-right: 25px;

}

.subheads  { color: #000000; font: bold 10px Verdana; margin-bottom: 22px }

.boldCopy {

font-size: 12px;

	font-family: Verdana, Arial, Helvetica, sans-serif !important;

	color: #333333;

}

h1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	font-weight: bold;

	text-align: left;

	color: #999999;

	line-height: 1.5;

	padding-left: 33px;

	padding-right: 25px;

}

ul {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	font-weight: normal;

	text-align: left;

	color: #999999;

	line-height: 1.5;

	padding-left: 45px;

}

li {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	font-weight: normal;

	text-align: left;

	color: #999999;

	line-height: 1.5;

}

.standardCopy  { color: #999999; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.5; text-align: justify; padding-right: 25px; padding-left: 33px }

.litText	{

	color: #FC7800;

}

#pageLinks a	{

	font: 8pt Arial Narrow, Helvetica Narrow;

	color: #777777;

	padding-left: 5px;

	padding-right: 5px;

	text-decoration: none;

}

#pageLinks a:hover	{

	font: 8pt Arial Narrow, Helvetica Narrow;

	color: #FC7800;

	padding-left: 5px;

	padding-right: 5px;

	text-decoration: none;

}

#topPages a	{

	font: 8pt Arial Narrow, Helvetica Narrow;

	color: #777777;

	padding-left: 5px;

	padding-right: 5px;

	text-decoration: none;

}

#topPages a:hover	{

	font: 8pt Arial Narrow, Helvetica Narrow;

	color: #FC7800;

	padding-left: 5px;

	padding-right: 5px;

	text-decoration: none;

}

#bottomPages a	{

	font: 8pt Arial Narrow, Helvetica Narrow;

	color: #777777;

	padding-left: 5px;

	padding-right: 5px;

	text-decoration: none;

}

#bottomPages a:hover	{

	font: 8pt Arial Narrow, Helvetica Narrow;

	color: #FC7800;

	padding-left: 5px;

	padding-right: 5px;

	text-decoration: none;

}

.noresize	{

	 !important

}

.separator	{

	background:url('http://www.era404.com/img/dotted_grey.jpg') repeat-x center top; 

	height: 3px;

	width: 90%

}

.imgLeft	{

	float: left;

}

.imgRight	{

	float: right;

}

h1	{

	line-height: 0;

	font: 1px Arial Narrow, Helvetica Narrow !important;

	color: #1A2946;

}

h1 a	{

	line-height: 0;

	font: 1px Arial Narrow, Helvetica Narrow !important;

	color: #1A2946;

}