/* CSS Document */

/* Layout */

body {
	background-color: #000;
	margin: 0;
	padding: 0;
	}
	
body.white {
	background-color: #fff;
	margin: 40px;
	padding: 0;
	}
	
#container {
	margin: 0 auto;
	padding: 0;
	width: 962px;
	min-height: 100%; 
	position: relative; 
	}
	
#layout {
	background-image: url(../images/pulsar-bkg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 10px;
	width: 960px;
	min-height: 100%; 
	}

#header {
	margin: 0;
	padding-top: 20px;
	height: 75px;
	width: 962px;
	z-index: 888;
	}

#search {
	background-color: transparent;
	padding: 0 55px 0 700px;
	height: 180px;
	width: 205px;
	z-index: 444;
	position: relative;
	top: 0;
	left: 0;
	}

#banner {
	background-color: #000;
	background-image: url(../images/banner.gif);
	margin: 0;
	padding: 0 55px 0 700px;
	height: 180px;
	width: 205px;
	border: 1px #666 solid;
	}

#sub-banner {
	background-color: #000;
	margin: 0;
	padding: 0 55px 0 700px;
	height: 100px;
	width: 205px;
	border: 1px #666 solid;
	}

#sub-banner.products {
	background-image: url(../images/subanner-products.jpg);
	}

#sub-banner.support {
	background-image: url(../images/subanner-support.jpg);
	}

#sub-banner.technology {
	background-image: url(../images/subanner-technology.jpg);
	}

#sub-banner.company {
	background-image: url(../images/subanner-company.jpg);
	}

#sub-banner.contact {
	background-image: url(../images/subanner-contact.jpg);
	}

#sub-banner.error {
	background-image: url(../images/subanner-error.jpg);
	}

#content {
	margin: 0;
	padding: 0;
	width: 960px;
	border-left: 1px #666 solid;
	border-right: 1px #666 solid;
	border-bottom: 1px #666 solid;
	background: transparent url(../images/tile.gif) repeat-y;
	}

#content.home {
	margin: 0;
	padding: 0;
	width: 960px;
	border-left: 1px #666 solid;
	border-right: 1px #666 solid;
	border-bottom: 1px #666 solid;
	background: transparent url(../images/tile.gif) repeat-y;
	}

#main {
	margin: 0;
	padding: 8px 35px 0px 46px;
	width: 589px;
	}
	
#main-sub {
	background-color: #fff;
	margin: 0;
	padding: 8px 35px 10px 46px;
	width: 589px;
	}

.highlight-box {
	margin-top: 20px;
	padding: 0;
	}

.highside {
	margin: 0;
	padding: 0px 10px 5px 0;
	width: 182px;
	float: left;
	}

.highmid {
	padding: 0px 10px 35px 10px;
	width: 182px;
	border-left: 1px #999 solid;
	border-right: 1px #999 solid;
	float: left;
	}
	
#side {
	background-color: #f4f4f4;
	padding: 5px 0 10px 0;
	width: 280px;
	float: right;
	border-left: 1px #999 solid;
	}

#side.home {
	background-color: #f4f4f4;
	margin-top: 0;
	padding: 5px 0 10px 0;
	width: 280px;
	float: right;
	border-left: 1px #999 solid;
	}

.product-feature {
	margin: 0;
	padding: 15px 46px 20px 20px;
	}

.family-feature {
	margin: 0;
	padding: 15px 46px 20px 20px;
	border-bottom: 1px #999 solid;
	}

.portrait {
	float: left;
	margin-right: 10px;
	border: 1px #999 solid;
	}

.investors {
	float: right;
	margin-left: 5px;
	}

.bullet-box {
	width: 50%;
	float: left;
	font-size: 11px;
	line-height: 15px;
	}

.sales-row {
	clear: left;
	}

.sales-box {
	width: 50%;
	float: left;
	}

.anchorfix { 
	position: absolute;
	width: 1px;
	}

#bottom {
	margin: 0;
	padding: 0;
	height: 5px;
	width: 960px;
	border-left: 1px #666 solid;
	border-right: 1px #666 solid;
	border-bottom: 1px #666 solid;
	clear: both;
	}

#footer {
	margin: 0;
	padding: 10px 35px 20px 46px;
	width: 881px;
	}



/* Tables */

table {
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border: 1px solid #999;
	}

tr {
	margin: 0;
	padding: 0;
	}

tr.grey td {
	background: #f4f4f4;
	}

tr.select td {
	background: #ccc;
	}

th {
	height: 30px;
	margin: 0;
	padding: 8px 10px 5px 10px;
	background: #0A50A1;
	font: bold 11px/13px Arial, Helvetica, sans-serif;
	color: #fff;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}

td {
	height: 20px;
	margin: 0;
	padding: 8px 10px 5px 10px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	vertical-align: top;
	background: #fff;
	font: normal 11px/13px Arial, Helvetica, sans-serif;
	}

tr:hover {
	background-color: #999;
	}

table td.nowrap { white-space: no-wrap }


/* Navigation */

#menu.index { /* separate nav for homepage */
	width: 438px;
	height: 30px;
	padding-left: 524px;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	z-index: 888;
	}

#menu {
	width: 520px;
	height: 30px;
	padding-left: 449px;
	background-image: url(../images/menusub.gif);
	background-repeat: no-repeat;
	z-index: 888;
	}

#menu ul { /* remove bullets and list indents */
	list-style: none;
	margin: 0 0 0 -2px;
	padding: 0;
	float: left;
	display: inline;
	z-index: 888;
	}

#menu ul#nav-home { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
	width: 81px;
	float: left;
	display: inline;
	z-index: 888;
	}

#menu ul#nav-products { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
	width: 85px;
	float: left;
	display: inline;
	z-index: 888;
	}

#menu ul#nav-products ul { /* actual width of dropup menu */
	list-style: none;
	width: 190px;
	z-index: 888;
	}

#menu ul#nav-support { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
	width: 77px;
	float: left;
	display: inline;
	z-index: 888;
	}

#menu ul#nav-support ul { /* actual width of dropup menu */
	list-style: none;
	width: 127px;
	z-index: 888;
	}

#menu ul#nav-technology { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
	width: 102px;
	float: left;
	display: inline;
	z-index: 888;
	}

#menu ul#nav-technology ul { /* actual width of dropup menu */
	list-style: none;
	width: 142px;
	z-index: 888;
	}

#menu ul#nav-company { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
	width: 81px;
	float: left;
	display: inline;
	z-index: 888;
	}

#menu ul#nav-company ul { /* actual width of dropup menu */
	list-style: none;
	width: 141px;
	z-index: 888;
	}

#menu ul#nav-contact { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
	width: 93px;
	float: left;
	display: inline;
	z-index: 888;
	}

#menu ul#nav-contact ul { /* actual width of dropup menu */
	list-style: none;
	width: 153px;
	z-index: 888;
	left: -66px; /* right align menu */
	}

#menu h6 {
	display: block;
	border: 0;
	margin: 0;
	float: left;
	height: 0;
	padding-top: 30px; 
	overflow: hidden; 
	z-index: 888;
	}

#menu h6#home {
	display: block;
	border: 0;
	margin: 0;
	float: left;
	height: 0px;
	width: 80px;
	padding-top: 30px; 
	overflow: hidden; 
	background-image: url(../images/menusub.gif);
	background-repeat: no-repeat;
	background-position: -448px 0;
	z-index: 888;
	}

#menu h6#products {
	width: 85px;
	}

#menu h6#support {
	width: 77px;
	}

#menu h6#technology {
	width: 102px;
	}

#menu h6#company {
	width: 81px;
	}

#menu h6#contact {
	width: 93px;
	}

#menu a {
	font: normal 11px/15px Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
	background: #000;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 4px 8px;
	z-index: 888;
	}

#menu a:hover {
	color: #fff;
	font-weight: bold;
	background: #0A50A1;
	z-index: 888;
	}

#menu a#navlink {
	margin: -60px 0 0 0;
	padding: 0;
	border: 0;
	height: 60px;
	width: 80px;
	background: transparent;
	z-index: 888;
	}



	/* BUTTONS */

#menu ul#nav-products h6 { }
#menu ul#nav-support h6 { }
#menu ul#nav-technology h6 { }
#menu ul#nav-company h6 { }
#menu ul#nav-contact h6 { }

	/* OVER STATES */

#menu ul#nav-home h6:hover { cursor: pointer; }
#menu ul#nav-products h6:hover { cursor: pointer; }
#menu ul#nav-support h6:hover { cursor: pointer; }
#menu ul#nav-technology h6:hover { cursor: pointer; }
#menu ul#nav-company h6:hover { cursor: pointer; }
#menu ul#nav-contact h6:hover { cursor: pointer; }

	/* PRESSED STATES */

#menu ul#nav-home h6:active { cursor: pointer; }
#menu ul#nav-products h6:active { cursor: pointer; }
#menu ul#nav-support h6:active { cursor: pointer; }
#menu ul#nav-technology h6:active { cursor: pointer; }
#menu ul#nav-company h6:active { cursor: pointer; }
#menu ul#nav-contact h6:active { cursor: pointer; }



/* Positioning the Popout Menus and Dropdown Menus */

#menu li {
	position: relative;
	}

#menu.index ul ul {
	margin-left: 4px;
	z-index: 888;
	}

#menu.index ul ul ul {
	margin-left: 0px;
	z-index: 888;
	}

#menu ul ul {
	position: absolute;
	border: 1px solid #666;
	background-color: #000;
	padding: 0;
	top: 30px;
	left: 0;
	z-index: 888;
	}

#menu ul ul ul {
	top: -1px;
	left: 100%;
	margin-left: 0px;
	z-index: 888;
	}



/* Hiding and Revealing using :hover */

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
	{display: none;}

div#menu ul li:hover ul,
div#menu ul a:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
	{display: block;
	z-index: 888;}

.arrow {
	margin-right: 0px;
	font: normal 9px/15px Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
	float: right;
	}



/* Type */

h1 {
	font-family: "Arial Narrow", sans-serif;
	font-size: 24px;
	line-height: 26px;
	letter-spacing: 0.05em;
	color: #fff;
	text-transform: uppercase;
	}

h2 {
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	color: #000;
	}

h3 {
	margin-top: 0px;
	margin-bottom: 5px;
	line-height: 15px;
	font-size: 13px;
	font-weight: bold;
	color: #0A50A1;
	}

h4 {
	line-height: 18px;
	font-size: 18px;
	font-weight: bold;
	color: #0A50A1;
	}

h5 {
	margin-top: 20px;
	margin-bottom: -5px;
	line-height: 15px;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	}

h5.cap {
	margin-top: 20px;
	margin-bottom: -5px;
	line-height: 15px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: #000;
	}

.footnote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #000;
	}

.intro {
	font-size: 1.35em;
	line-height: 1.4em;
	}

.copyright {
	font-size: 11px;
	color: #999;
	line-height: 15px;
	}

.tableranges {
	font-size: 12px;
	line-height: 15px;
	}

#banner, #search, #sub-banner {
	font-size: 11px;
	line-height: 15px;
	color: #fff;
	}

#banner h2, #search h2, #sub-banner h2 {
	color: #fff;
	}

#side {
	font-size: 11px;
	line-height: 15px;
	}

#highlight-box {
	font-size: 11px;
	line-height: 15px;
	}



/* Lists */

#main-sub ul {
	padding: 0 0 0 0.95em;
	}

ul.list {
	padding: 0 0 0 1.25em;
	margin: 0;
	}

#main-sub ul.list {
	padding: 15px 0 0 1.25em;
	margin: 0;
	}

ul li.list {
	list-style-image: url(../images/bullet.gif);
	padding: 2px 0;
	margin-left: 0;
	}

ul li.listnobull {
	list-style: none outside;
	padding: 2px 0;
	margin: 0;
	margin-left: 0;
	}

ol.list {
	padding: 0 0 0 1.25em;
	margin: 0;
	}

ol li {
	list-style: decimal outside;
	padding: 2px 0;
	margin: 0;
	margin-left: 0.25em;
	}

ol li.roman {
	list-style: upper-roman outside;
	padding: 2px 0;
	margin: 0;
	margin-left: 0;
	}

dl dt {
	padding: 2px 0;
	}

dl dd {
	padding: 2px 0;
	}
	
#highlight-box ul {
	padding: 0 0 0 1.25em;
	margin: 0;
	}



/* Links */

a:link {
	color: #0A50A1;
	text-decoration: underline;
	}

a:visited {
	text-decoration: underline;
	color: #0A50A1;
	}

a:hover {
	text-decoration: none;
	color: #1F1D89;
	}

a:active {
	text-decoration: none;
	color: #999;
	}

a.noline:link {
	color: #0A50A1;
	text-decoration: none;
	}

a.noline:visited {
	text-decoration: none;
	color: #0A50A1;
	}

a.noline:hover {
	text-decoration: none;
	color: #1F1D89;
	}

a.noline:active {
	text-decoration: none;
	color: #999;
	}

a.black:link {
	color: #000;
	text-decoration: none;
	}

a.black:visited {
	text-decoration: none;
	color: #000;
	}

a.black:hover {
	text-decoration: underline;
	color: #333;
	}

a.black:active {
	text-decoration: underline;
	color: #666;
	}

a.grey:link {
	color: #999;
	text-decoration: underline;
	}

a.grey:visited {
	text-decoration: underline;
	color: #999;
	}

a.grey:hover {
	text-decoration: none;
	color: #666;
	}

a.grey:active {
	text-decoration: none;
	color: #fff;
	}

a.greycaps:link {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #999;
	text-decoration: none;
	}

a.greycaps:visited {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #999;
	}

a.greycaps:hover {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #666;
	}

a.greycaps:active {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #fff;
	}

th a:link {
	color: #fff;
	text-decoration: none;
	}

th a:visited {
	text-decoration: none;
	color: #fff;
	}

th a:hover {
	text-decoration: underline;
	color: #fff;
	}

th a:active {
	text-decoration: underline;
	color: #fff;
	}

.alt {
	display: none;
	}



/* © 2008 Designed by Threestory Studio */