/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
html { min-height: 100%; margin-bottom: 1px; }

body { text-align: center; font: 12px arial, helvetica, sans-serif; color: #333;}
table, th, td { font: 12px arial, helvetica, sans-serif; color: #333; }

a img, :link img, :visited img { border: none; }

a:link { color: #0065a4; text-decoration: underline; }
a:visited { color: #107571; text-decoration: underline; }
a:hover, a:active { color: #107571; text-decoration: none; }

#skip { display: none; }


/* TOP
------------------------------------------------------------------------------------- */
#container { margin: 0 auto; width: 760px; text-align: left; }
#header { position: relative; height: 94px; z-index: 50; }


/* NAVIGATION
------------------------------------------------------------------------------------- */
#nav { position: absolute; top: 35px; left: 252px; width: 508px; height: 35px; background: #f3f8f8; }
#nav ul { padding: 0; }
#nav li { float: left; position: relative; height: 35px; list-style: none; }
#nav li a { cursor: pointer; }
#nav li a, #nav li div { position: relative; display: block; height: 35px; text-decoration: none; font-size: 11px; }
#nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 35px; }
#nav li, #nav li a, #nav li strong, #nav li div { background-image: url(../images/nav.gif); }

#nav li.company, #nav li.company a, #nav li.company a strong								{ background-position: 0 0; width: 78px; }
#nav li.products, #nav li.products a, #nav li.products a strong							{ background-position: -78px 0; width: 74px; }
#nav li.capabilities, #nav li.capabilities a, #nav li.capabilities a strong	{ background-position: -152px 0; width: 94px; }
#nav li.news, #nav li.news a, #nav li.news a strong													{ background-position: -246px 0; width: 112px; }
#nav li.careers, #nav li.careers a, #nav li.careers a strong								{ background-position: -358px 0; width: 66px; }
#nav li.contact, #nav li.contact a, #nav li.contact a strong								{ background-position: -424px 0; width: 84px; }

/* HOVER STATE */
#nav li.company:hover a, #nav li.company a:hover, #nav li.company:hover a strong, #nav li.company a:hover strong											{ background-position: 0px -35px; width: 78px; }
#nav li.products:hover a, #nav li.products a:hover, #nav li.products:hover a strong, #nav li.products a:hover strong									{ background-position: -78px -35px; width: 74px; }
#nav li.capabilities:hover a, #nav li.capabilities a:hover, #nav li.capabilities:hover a strong, #nav li.capabilities a:hover strong	{ background-position: -152px -35px; width: 94px; }
#nav li.news:hover a, #nav li.news a:hover, #nav li.news:hover a strong, #nav li.news a:hover strong																	{ background-position: -246px -35px; width: 112px; }
#nav li.careers:hover a, #nav li.careers a:hover, #nav li.careers:hover a strong, #nav li.careers a:hover strong											{ background-position: -358px -35px; width: 66px; }
#nav li.contact:hover a, #nav li.contact a:hover, #nav li.contact:hover a strong, #nav li.contact a:hover strong											{ background-position: -424px -35px; width: 84px; }

/* ON STATE */
#nav li.companyon, #nav li.companyon strong, #nav li.companyon div								{ background-position: 0px -70px; width: 78px; }
#nav li.productson, #nav li.productson strong, #nav li.productson div							{ background-position: -78px -70px; width: 74px; }
#nav li.capabilitieson, #nav li.capabilitieson strong, #nav li.capabilitieson div	{ background-position: -152px -70px; width: 94px; }
#nav li.newson, #nav li.newson strong, #nav li.newson div													{ background-position: -246px -70px; width: 112px; }
#nav li.careerson, #nav li.careerson strong, #nav li.careerson div								{ background-position: -358px -70px; width: 66px; }
#nav li.contacton, #nav li.contacton strong, #nav li.contacton div								{ background-position: -424px -70px; width: 84px; }

#nav li ul { display: none; opacity: .90; filter: alpha(opacity=90); }
#nav li table, #nav li td { font-size: 11px; }

#nav li:hover ul, #nav li a:hover ul { display: block; position: absolute; top: 35px; left: 10px; width: 140px; z-index: 50; }
* html #nav li:hover ul, * html #nav li a:hover ul { width: 150px; w\idth: 140px; }

#nav li:hover ul li, #nav li a:hover ul li { height: auto; width: 100% !important; }
#nav li:hover ul li a, #nav li a:hover ul li a { display: block; background: #fff !important; color: #0065a4; border-bottom: 1px solid #a7cbcb; height: auto; width: 100% !important;  padding: 5px 5px 5px; z-index: 50; }

/* POSITIONS LAST LIST IN THE NAV */
#nav li.careers:hover ul, #nav li.careers a:hover ul { left: -0px; }

#nav li:hover ul li a:hover, #nav li a:hover ul li a:hover { background: #cee1e1 !important; }
	#nav li:hover ul li ul, #nav li a ul li a ul { visibility: hidden; }


/* HOME PAGE
------------------------------------------------------------------------------------- */
#flasharea { margin-top: -24px; z-index: 10; }

.h_search { position: absolute; top: 115px; left: 586px; }
	.h_search td { padding: 3px; }
		.h_search #searchbox { border: 2px inset #999; width: 120px; padding: 2px; font: 10px arial, helvetica, sans-serif; color: #666; background: #fff; }

.h_content { z-index: 50; }
	.h_content p { position: relative; padding: 10px 10px 0; }

.h_welcome { float: left; display: inline; width: 470px; margin: 0 28px 0 0; margin-top: -34px; }
.h_products { position: relative; float: left; display: inline; width: 252px; height: 160px; margin: -34px 10px 0 0; background: url(../images/h_products_bg.gif) no-repeat; }
.h_odu { float: left; display: inline; width: 238px; height: 230px; margin: 15px 0 0 10px; background: url(../images/h_odu_bg.gif) no-repeat; font-size: 11px; }
.h_services { float: left; width: 272px; height: 230px; font-size: 11px; margin: 15px 0; }
.h_transceivers { float: left; display: inline; width: 238px; height: 230px; margin: 15px 0; background: url(../images/h_odu_bg.gif) no-repeat; font-size: 11px; }

#footer { clear: both; padding: 10px 10px 50px; font-size: 10px; color: #888; }
	#footer span { float: right; }
	#footer p { padding: 0; }
	#footer a:link, #footer a:visited { text-decoration: none; }


/* SUB PAGE
------------------------------------------------------------------------------------- */
.col1	{ float: left; display: inline; margin: 10px; width: 170px; }
.col2	{ float: left; display: inline; margin: 10px; width: 548px; }

#subnav { background: #f3f8f8 url(../images/subnav_bg_btm.gif) no-repeat bottom left; width: 170px; padding: 0 0 15px; }
	#subnav ul { background: url(../images/subnav_bg_top.gif) no-repeat; padding: 15px 0 0; }
	#subnav li { list-style: none; }
	#subnav li a:link, #subnav li a:visited { text-decoration: none; display: block; padding: 5px 10px; /*\*/height: 1%;/**/ }
	#subnav li a:hover { background: #cee1e1; }
	
.breadcrumbs { padding: 5px 0 20px; font-size: 10px; }


/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
.hide { display: none; }
.clear { clear: both; }
br.clear { line-height: 0px; height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { /*\*/height: 1%;/**/ }

p	{ padding: 0 0 15px; }
ul, ol { padding: 0 20px 15px; }
ul ul, ol ol { padding: 5px 15px; }
table	{ margin: 0 0 15px;}
hr	{ background: #999; color: #999; height: 1px; border: 0; margin: 10px 0; }

h1	{ color: #016C67; font-size: 24px; font-weight: normal;}
h2	{ font-size: 18px; font-weight: normal; padding: 0 0 10px;}
h3	{ color: #016C67; font-size: 15px; padding: 0 0 10px; }

.floatleft { float: left; position: relative; margin: 0 10px 5px 0; }
.floatright { float: right; position: relative; margin: 0 0 5px 10px; }

.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }