@charset "utf-8";
/* CSS Document */
/* Styles for entire site */
*
{
	margin: 0 auto;
}

.c
{
	clear: both;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}

a
{
	text-decoration: none;
}

a:hover
{
}

h1
{
}

.clearfloats
{
	clear: both;
}

#wrapper
{
	width: 100%;
	text-align: center;
}

#main
{
	width: 945px;
	background-color: white;
	margin: auto;
}

#header
{
}

#headerleft
{
	float: left;
	width: 300px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-top: 5px;
}

#headeright
{
	float: right;
	width: 558px;
	margin-bottom: 3px;
}

#logobox
{
	float: left;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-bottom: 5px;
}

#logoboxslogan
{
	font-style: italic;
	color: #666;
	text-align: left;
	float: left;
	padding-top: 68px;
	padding-left: 5px;
	padding-bottom: 0px;
	font-weight: bold;
}

#topswoosh
{
	background-image: url(../../images/topswoosh.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: right;
	height: 42px;
	padding-right: 30px;
	padding-top: 7px;
}

#topswoosh ul
{
	list-style: none;
	width: 100%;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#topswoosh ul li
{
	display: inline;
	padding: 0px;
	margin: 0px;
	height: 25px;
}

#topswoosh a
{
	font-size: 12px;
	color: white;
	display: block;
	float: right;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-left: 8px;
}

#sitemap
{
	background-image: url(../../images/sitemap.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px;
}

#nav
{
	font-size: 12px;
	font-weight: bold;
	margin-top: 35px;
	float: left;
}

#nav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	height: 41px;
	width: 92px;
}

#nav #first_ul
{
	width: 98px;
}

#nav li
{
	position: relative;
	z-index: 500;
}

#nav ul li
{
	float: left;
	margin: 0px;
	padding: 0px;
}

#nav #first a
{
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
}

#nav #first a:hover
{
	background-position: left -45px;
}

#nav #last a
{
	border: none;
}

#nav ul #first ul li
{
	margin-left: 5px;
}

#nav ul li a
{
	background-image: url(../../images/navsprite.jpg);
	display: block;
	color: #2A282A;
	padding-right: 9px;
	padding-bottom: 11px;
	padding-left: 9px;
	background-repeat: no-repeat;
	background-position: -150px top;
	font-weight: bold;
	width: 74px;
	padding-top: 17px;
}

#nav ul li a:hover
{
	background-position: -18px -45px;
	color: #FFF;
}

#nav ul li ul li a
{
	color: #494949;
	background-color: #FFF;
	background-image: none;
	text-decoration: none;
	font-size: 12px;
	width: 150px;
	text-align: left;
	border-bottom-width: 0.5px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-weight: normal;
	/*float: left;*/
	padding-left: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	height: auto;
}

#nav ul#first_ul li ul li a,
#nav ul#support_ul li ul li a
{
	width: 190px;
}

#nav ul li ul li a:hover
{
	color: #FFF;
	background-color: #2A282A;
	background-image: none;
	text-decoration: none;
	text-align: left;
}

#nav ul ul
{
	position: absolute;
	z-index: 500;
}

#nav ul ul,
#nav ul li:hover ul ul,
#nav ul ul li:hover ul ul
{
	display: none;
}

#nav ul li:hover ul,
#nav ul ul li:hover ul
{
	display: block;
}

#tickpic
{
	float: left;
	position: inherit;
	overflow: hidden;
	height: 300px;
	width: 452px;
}

#ticktext
{
	float: left;
	overflow: hidden;
}

#tickbuttons
{
	float: right;
	overflow: hidden;
}

#tickbuttons a:link, #tickbuttons a:visited, #tickbuttons a:hover, #tickbuttons a:active
{
	color: white;
}

#swoosh
{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1000;
}

#showcase
{
	min-height: 300px;
	background-color: #2A282A;
	background-position: right bottom;
	width: 945px;
	position: relative;
}

#showcasemiddle
{
	min-height: 250px;
	text-align: left;
	float: left;
	padding-top: 50px;
	padding-right: 15px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	width: 290px;
	margin-left: 5px;
}

#showcasemiddle1
{
	min-height: 250px;
	text-align: left;
	float: left;
	padding-top: 50px;
	padding-right: 15px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	width: 290px;
	margin-left: 5px;
}

#showcasemiddle2
{
	min-height: 250px;
	text-align: left;
	float: left;
	padding-top: 50px;
	padding-right: 15px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	width: 290px;
	margin-left: 5px;
}

#showcasemiddle a
{
	font-size: 12px;
	text-decoration: underline;
	color: #7A7F5A;
}

#showcasemiddle a:hover
{
	font-size: 12px;
	text-decoration: none;
	color: #7A7F5A;
}

#showcasemiddle1 a
{
	font-size: 12px;
	text-decoration: underline;
	color: #DB1C21;
}

#showcasemiddle1 a:hover
{
	font-size: 12px;
	text-decoration: none;
	color: #DB1C21;
}

#showcasemiddle2 a
{
	font-size: 12px;
	text-decoration: underline;
	color: #577389;
}

#showcasemiddle2 a:hover
{
	font-size: 12px;
	text-decoration: none;
	color: #577389;
}

#showcasemiddle h1
{
	font-size: 26px;
	font-weight: normal;
}

#showcasemiddle1 h1
{
	font-size: 26px;
	font-weight: normal;
}

#showcasemiddle2 h1
{
	font-size: 26px;
	font-weight: normal;
}

.rightnavbox
{
	float: left;
}

.rightnav
{
	background-image: url(../../images/powersprite.jpg);
	height: 69px;
	width: 122px;
	float: right;
	padding-top: 8px;
	padding-left: 0px;
	text-align: right;
	padding-right: 30px;
	color: #FFF;
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: normal;
	background-position: right top;
}

#rightnavshine
{
	background-position: left top;
}

#rightnavshine1
{
	background-position: left center;
}

#rightnavshine2
{
	background-position: left bottom;
}

#showcasecontent
{
	background-color: #FFF;
	width: 100%;
	min-height: 300px;
	background-image: url(../../images/streamheader.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
	color: #000;
	padding-bottom: 10px;
	padding-top: 15px;
	font-size: 12px;
}

#showcaseheader
{
	font-size: 24px;
	color: #666;
	margin-left: 20px;
	width: 700px;
	margin-bottom: 20px;
}

#showcaseheader .bc5
{
	font-size: 24px;
	color: #FFF;
}

#showcaseheader .bc5 a
{
	font-size: 24px;
	color: #FFF;
}

#showcaseheader .bc5 a:hover
{
	font-size: 24px;
	color: #FFF;
	text-decoration: underline;
}

#diagram
{
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 15px;
	float: left;
}

#diagram a.appcaption
{
	display: block;
	color: #707453;
	font-weight: bold;
	text-align: center;
}

#intrightheader
{
	font-size: 16px;
	font-weight: bold;
	margin-top: 6px;
	margin-left: 15px;
	margin-bottom: 15px;
	color: #FFF;
}

#intrighttext
{
	font-size: 12px;
	font-style: normal;
	text-align: left;
	margin-top: 5px;
	padding-right: 12px;
	padding-left: 12px;
}

#intrighttext a
{
	color: #707453;
	text-decoration: underline;
	font-weight: bold;
}

#intrighttext a:hover
{
	color: #707453;
	text-decoration: none;
	font-weight: bold;
}

#intrighttextp a
{
	color: #577389;
	text-decoration: underline;
	font-weight: bold;
}

#intrighttextp a:hover
{
	color: #577389;
	text-decoration: none;
	font-weight: bold;
}

#intrightapp
{
	float: left;
	margin-left: 5px;
	width: 200px;
	height: 225px;
	background-image: url(../../images/rightsprite.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
}

#intrightpro
{
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	width: 200px;
	height: 225px;
	background-image: url(../../images/rightsprite.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#intrighttech
{
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	width: 200px;
	height: 225px;
	background-image: url(../../images/rightsprite.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: 5px;
}

#appdesigntext
{
	width: 90%;
	text-align: left;
}

#appdesigntext h2
{
	font-size: 18px;
	color: #000;
	text-align: center;
}

#appdiatext
{
	font-size: 12px;
	color: #000;
	text-align: left;
	width: 400px;
	float: left;
	padding-left: 10px;
	margin-top: 15px;
	padding-right: 10px;
	margin-bottom: 15px;
	min-height: 400px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
}

#appdiatext h2,
#appdiatext h3,
#appdiatext p
{
	margin-bottom: 1em;
}

#appdiatext a
{
	color: #707453;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}

#appdiatext a:hover
{
	color: #DE1C24;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}

#designtext
{
	width: 945px;
	margin-top: 5px;
	margin-bottom: 10px;
	float: left;
	text-align: center;
}

#appmaintext
{
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	float: left;
	min-height: 250px;
	color: #000;
	width: 625px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
}

#appmaintext a
{
	font-size: 18px;
	color: #707453;
	font-weight: bold;
	text-decoration: underline;
}

#appmaintext a:hover
{
	font-size: 18px;
	color: #707453;
	font-weight: bold;
	text-decoration: none;
}

#appmaintext h4 a
{
	font-size: 14px;
}

#appmaintext h4 a:hover
{
	font-size: 14px;
}

#appmaintext p a
{
	color: #DE1C24;
	font-size: 12px;
	text-decoration: underline;
}

#appmaintext p a:hover
{
	color: #DE1C24;
	font-size: 12px;
	text-decoration: underline;
}

#custmaintext
{
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	float: left;
	min-height: 250px;
	color: #000;
	width: 625px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
}

#custmaintext a
{
	text-decoration: none;
	color: #577389;
}

#custmaintext a:hover
{
	text-decoration: underline;
	color: #577389;
}

#custmaintext h2
{
	font-weight: bold;
	font-size: 18px;
	color: #577389;
}

#promaintext
{
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	float: left;
	min-height: 250px;
	color: #000;
	width: 625px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
}

#promaintext a
{
	font-size: 18px;
	text-decoration: underline;
	color: #577389;
	font-weight: bold;
}

#promaintext a:hover
{
	font-size: 18px;
	text-decoration: none;
	color: #577389;
	font-weight: bold;
}

#promaintext .column
{
	width: 45%;
	float: left;
	margin-left: 10px;
}

#promaintext #processordiagram
{
	float: left;
	width: 100%;
	text-align: center;
}

#promaintext #processortable
{
	text-align: center;
	float: left;
	width: 575px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#processortable table tr td
{
	text-align: center;
}

#techmaintext
{
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	float: left;
	min-height: 250px;
	color: #000;
	width: 625px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
}

#techmaintext h3
{
	font-size: 18px;
	color: #DE1C24;
}

#techmaintext a
{
	font-size: 18px;
	color: #DE1C24;
	font-weight: bold;
}

#techmaintext p a
{
	color: #DE1C24;
	font-size: 12px;
	text-decoration: underline;
}

#techmaintext p a:hover
{
	color: #DE1C24;
	font-size: 12px;
	text-decoration: underline;
}

#techmaintext a:hover
{
	font-size: 18px;
	color: #DE1C24;
	font-weight: bold;
	text-decoration: underline;
}

#maintext
{
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	float: left;
	min-height: 250px;
	color: #000;
	width: 675px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-left: 20px;
}

#maintext #features
{
	float: left;
	width: 45%;
	margin-top: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666;
	padding-right: 10px;
}

#maintext #diagram
{
	float: left;
	width: 340px;
	margin-top: 25px;
}

#maintext #diagram a
{
	font-size: 12px;
	text-decoration: underline;
	color: #DE1C24;
}

#maintext #diagram a:hover
{
	font-size: 12px;
	text-decoration: none;
	color: #DE1C24;
}

#maintext a
{
	font-size: 18px;
	color: #666;
	font-weight: bold;
}

#maintext h2
{
	font-size: 18px;
	color: #000;
}

#maintext a:hover
{
	font-size: 18px;
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

#maintext #contactus table tr td ul li a
{
	font-size: 12px;
	color: #DE1C24;
	text-decoration: underline;
}

#maintext #contactus table tr td ul li
{
	list-style-type: none;
}

#maintext #contactus table tr td h3
{
	color: #333;
	font-size: 16px;
}

#maintext p a
{
	color: #DE1C24;
	font-size: 12px;
	text-decoration: underline;
}

#maintext p a:hover
{
	color: #DE1C24;
	font-size: 12px;
	text-decoration: underline;
}

#maintext #contactus
{
	min-height: 300px;
}

#maintext #contactus tr  td
{
	padding-right: 30px;
	padding-bottom: 15px;
	padding-top: 15px;
}

#maintext table tr td h3
{
	font-size: 18px;
	color: #333;
}

#maintext #environment
{
}

#maintext #environment h3
{
	font-size: 16px;
	color: #000;
}

#maintext #environment ul li a
{
	font-size: 12px;
	color: #DE1C24;
}

#maintext #environment ul li a:hover
{
	font-size: 12px;
	color: #DE1C24;
	text-decoration: underline;
}

#maintext #news
{
}

#maintext #news p
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#maintext #news a
{
	font-size: 12px;
	color: #DE1C24;
}

#maintext #news a:hover
{
	font-size: 12px;
	color: #DE1C24;
	text-decoration: underline;
}

#maintext #news h3
{
	font-size: 18px;
	color: #000;
}

#maintext #news div div
{
}

#maintext #jobs a
{
	font-size: 14px;
	text-decoration: underline;
	color: #333;
}

#maintext #jobs a:hover
{
	font-size: 14px;
	text-decoration: none;
}

#maintextnav
{
	width: 160px;
	min-height: 200px;
	height: 100%;
	float: left;
	padding-top: 15px;
	padding-left: 15px;
}

#maintextnav a
{
	text-decoration: underline;
	color: #DE1C24;
	font-weight: bold;
}

#maintextnav a:hover
{
	text-decoration: none;
	color: #DE1C24;
	font-weight: bold;
}

#boardpic
{
	margin-right: 10px;
	margin-bottom: 20px;
	float: left;
}

.managementTeam img
{
	margin-left: -5px;
	margin-bottom: 5px;
}

#maintext .managementTeam div div ul li a
{
	font-size: 12px;
	color: #333;
}

#maintext .managementTeam div div ul li a:hover
{
	font-size: 12px;
	color: #333;
	text-decoration: underline;
}

#showcasecontent #mapsite
{
	font-size: 12px;
	text-align: left;
	line-height: 20px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	margin-top: 15px;
	margin-bottom: 10px;
}

#showcasecontent #mapsite ul  li a
{
	font-size: 14px;
	font-weight: bold;
	color: #039;
}

#showcasecontent #mapsite ul li a:hover
{
	font-size: 14px;
	font-weight: bold;
	color: #039;
	text-decoration: underline;
}

#showcasecontent #mapsite ul li    ul li a
{
	font-size: 12px;
	font-weight: bold;
	color: #2A282A;
}

#showcasecontent #mapsite ul li ul li a:hover
{
	text-decoration: underline;
	color: #2A282A;
	font-size: 12px;
	font-weight: bold;
}

.hidden {
	display: none;
}



/* Styles for specific pages */
#investors
{
	clear: both;
	margin-top: 5px;
}

#investors  img
{
	margin-bottom: 5px;
}

#footer
{
	color: #FFFFFF;
	background-color: #2A282A;
	padding: 20px;
	text-align: left;
}

#footerleft
{
	float: left;
	font-size: 12px;
}

#footerlinks p span
{
	padding: 4px;
}

#footerlinks p a
{
	color: #FFFFFF;
}

#copyright p
{
	color: #CCCCCC;
	margin: 0.5em 0 0 0;
}

#footerjoinubi
{
	float: right;
	padding: 5px 0;
	width: 150px;
}

#footerjoinubi a
{
	color: #FFFFFF;
	background-image: url(../../images/joinubicom.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	font-size: 18px;
	padding: 5px 0 5px 49px;
}

#footerblog
{
	float: right;
	padding: 5px 0;
}

#footerblog a
{
	color: #FFFFFF;
	background-image: url(../../images/blog-icon-box-red-24in29x30.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	font-size: 18px;
	padding: 7px 1em 5px 47px;
}

.managementTeam
{
	clear: both;
	margin-top: 15px;
}

.managementTeam .member
{
	clear: both;
}

.managementTeam .biophoto
{
	float: left;
	margin: 0 20px 30px 0;
}

.managementTeam .bio
{
	margin: 0 0 0 150px;
	padding: 10px 0 30px 0;
}

.managementTeam .boardbio
{
	margin: 0 0 0 127px;
	padding: 4px 0 30px 0;
}

.managementTeam .investorbio
{
	margin: 0 0 0 160px;
	padding: 0 0 30px 0;
}

.managementTeam .eventbio
{
	margin: 0 0 0 230px;
	padding: 0 0 30px 0;
}

.managementTeam .partnerbio
{
	margin: 0 0 0 280px;
	padding: 0 0 30px 0;
}

.managementTeam h3
{
	font-size: 12px;
	margin: 0;
}

.managementTeam h4
{
	font-size: 12px;
	font-weight: normal;
	margin: 0;
}

.managementTeam ul
{
	margin: 0 0 0 40px;
	padding: 0;
}

.managementTeam li
{
	margin: 0;
	padding: 0;
}

.managementTeam #longbio
{
	padding: 0;
}

.managementTeam #longbio p
{
	margin-top: 0;
}

#showcasecontent #sitemap ul li a:hover
{
	font-size: 14px;
	font-weight: bold;
	color: #F00;
}

#intrighttextp
{
	font-size: 12px;
	font-style: normal;
	text-align: left;
	margin-top: 5px;
	padding-right: 12px;
	padding-left: 12px;
}

.greybg
{
	background-color: #F1F1F1;
}

#showcaseheader .bc2
{
	font-size: 14px;
	font-weight: normal;
	color: #999;
}

#showcaseheader .bc2 a
{
	font-size: 14px;
	color: #999;
}

#showcaseheader .bc2 a:hover
{
	font-size: 14px;
	color: #999;
	text-decoration: underline;
}

#maintext h4
{
	font-style: italic;
}

#pressrelease p
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#pressrelease h2
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#pressrelease h3
{
	font-size: 12px;
	font-style: italic;
}

#showcaseheader .crumb
{
	font-size: 14px;
	font-weight: normal;
	color: #CCCCCC;
}

#showcaseheader .bc1
{
	font-size: 14px;
	font-weight: normal;
	color: #999;
}

#showcaseheader .bc1 a
{
	font-size: 14px;
	color: #999;
}

#showcaseheader .bc1 a:hover
{
	font-size: 14px;
	color: #999;
	text-decoration: underline;
}

#showcaseheader .bc4
{
	font-size: 24px;
	color: #FFF;
}

#showcaseheader .bc3
{
	font-size: 14px;
	font-weight: normal;
	color: #999;
}

#showcaseheader .bc3 a
{
	font-size: 14px;
	color: #999;
}

#showcaseheader .bc3 a:hover
{
	font-size: 14px;
	color: #999;
	text-decoration: underline;
}

#showcaseheader .bc4 a
{
	font-size: 14px;
	color: #999;
}

#showcaseheader .bc4 a:hover
{
	font-size: 14px;
	color: #999;
	text-decoration: underline;
}

.custspotlight
{
	clear: both;
}

.custspotlight p
{
	margin-bottom: 1em;
}

.custspotlight .spotlightprod
{
	float: left;
	width: 55px;
}

.custspotlight .spotlightinfo h3
{
	font-size: 13px;
}

.spotlightlisting
{
	clear: both;
	width: 600px;
}

.spotlightlisting .spotlightprod
{
	float: left;
	margin-bottom: 20px;
	width: 120px;
}

.spotlightlisting .spotlightinfo
{
	float: left;
	margin-bottom: 20px;
	width: 480px;
}

#news #pressyears
{
	clear: both;
	margin: 0 0 2em 0;
	padding: 1em 0 0 0;
}

#news h4
{
	font-size: 14px;
	font-style: normal;
	margin: 2em 0 0em 0;
}

#tocmaintext
{
	float: left;
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	margin: 10px 0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	padding-left: 20px;
}

#tocmaintext ul li
{
	margin: 0 0 0.5em 0;
}

#tocmaintext ul li a
{
	color: #039;
}

#tocmaintext ul li a:hover
{
	text-decoration: underline;
}

#tocmaintext ul ul
{
	margin: 0.5em 0 0 0;
}

#tocmaintext ul ul li a
{
	color: #555555;
}