@charset "utf-8";
/* CSS Document */

html
{
	overflow-y: scroll;
	height: 100%;
	background-color: #030303;
	background-image: url(images/blue-abstract.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	/*background:url(images/dots.gif);*/	
}

body
{
	color: #fffffc;
	font-family: Georgia, "Times New Roman", Times, serif;
	height: 100%;
}

#wrapper
{
	width: 960px;
	margin: auto;
	min-height: 100%;
	/*margin-bottom: -28px;*/
}

#header
{
	height: 75px;
	margin-bottom: 65px;
}

#menu
{
	float: left;
	width: 747px;
	height: 75px;
	/*background: url(images/menu-bg.png) no-repeat;
	background-position: right;*/
}

#logo
{
	float: right;
}

#logo a
{
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	height: 75px;
	width: 201px;
	background: url(images/header-logo.png) no-repeat;
}

div.clear { clear: both; }

#content-wrapper
{
	
}

#content-wrapper .cnt-top
{
	background:url(images/content-bg-top.png) no-repeat;
	background-position: right top;
	height: 3px;
}

#content-wrapper .cnt-box
{
	background:url(images/content-bg-tile.png) repeat-y;
	background-position: right;	
	padding: 17px 17px 1px 17px;
}

#content-wrapper .cnt-btm
{
	background:url(images/content-bg-btm.png) no-repeat;
	background-position: right bottom;	
	height: 8px;
	margin-bottom: 4em;
}

.content
{
	
}

h1 
{
	font-family: "Franklin Gothic Book", Helvetica, Verdana, Arial, Sans-serif;
	font-size: 188%;
	margin-bottom: 0.5em;
}

h1  strong
{
	font-family: "Franklin Gothic Medium", Helvetica, Verdana, Arial, Sans-serif;
}

h2 
{
	font-family: "Franklin Gothic Book", Helvetica, Verdana, Arial, Sans-serif;
	font-size: 125%;
	margin-bottom: 0.5em;
}

h3
{
	font-family: "Franklin Gothic Book", Helvetica, Verdana, Arial, Sans-serif;
	font-size: 110%;
	margin-bottom: 0.5em;
}

p
{
	line-height: 1.5em;
	margin-bottom: 1.3em;
	font-size: 88%;
	display: block;
}

#menu ul li a { 
	background:url(images/menu-bg.png) no-repeat; 
	display: block; height: 75px; float: left; text-indent: -9999em; 
	overflow: hidden; 
	
}

#menu ul li { 
float: left;
position: relative;
}

#menu ul li.home a { width: 100px; background-position: 0 top; }
#menu ul li.tech a { width: 178px; background-position: -100px top; }
#menu ul li.products a { width: 178px; background-position: -100px top; }
#menu ul li.register a { width: 129px; background-position: -278px top; }
#menu ul li.blog a { width: 92px; background-position: -407px top; }
#menu ul li.about a {width: 102px; background-position: -499px top; }
#menu ul li.contact a { width: 146px; background-position: -609px top; }

#menu ul ul
{
	position: absolute;
	margin: 0;
	padding: 0;
	top: 71px;
	left: 20px;
	z-index: 3000;
	/*background: url(images/content-bg-tile.png) repeat;*/
	background: #1A2226;
	display: none;
	border: 1px solid #525457;
	border-top: none;
	-moz-box-shadow: 0px 2px 4px #010101;
}

#menu ul li:hover ul
{
	display: block;
}

#sub-menu 
{
}

#menu li li
{
	display: block;
}

#menu li li a
{
	background: none;
	text-indent: 0px;
	display: block;
	margin: auto;
	height: auto;
	line-height: 2.5em;
	font-size: 13px;
	color: #cddce2;
	font-family: "Franklin Gothic Book", Arial, Sans-serif;
	text-decoration: none;
	border-bottom: 1px dotted #525457;
}

#menu li li a:hover
{
	color: #fffffc;
}

#menu li li a span
{
	color: #525457;
	font-size: 11px;
}

#menu li li:last-child a
{
	border: 0;
}

#menu ul li.products li
{	
	width: 158px;
}

#menu ul li.products li a 
{
	width: 130px;
	margin: auto;
	float: none;
	
}

#footer { background: url(images/menu-tile.png) repeat-x; color: #fff;  height: 28px; line-height: 28px; width: 100%; font-size: 10px; font-family: Arial, Helvetica, sans-serif; margin-top: -28px; }
#footer span.tos {  padding-left: 1em; }

div.two-col {}
div.two-col .col1 { width: 47.5%; float: left; }
div.two-col .col2 { width: 47.5%; float: right; }

p.home-register { font-family: "Franklin Gothic Book", Arial, Sans-serif; font-size: 1.2em; margin-bottom: 0px; padding-top: 4em; }
img.home-callout { height: 280px; }

p.home-register a img { vertical-align: middle;  }
p.home-register a:hover { border: none; }

.content a, .content a:visited  { text-decoration: none; color: #aaaaaa; }
.content a:hover { border-bottom: 1px solid #444444; }

#footer a { text-decoration: none; color: #ffffff; border-bottom: 1px solid #aaaaaa; }
#footer a:hover { border-bottom: 1px solid #444444; }

div.field { margin-bottom: 2em; }
label { font-family: "Franklin Gothic Book", Arial, Sans-serif; font-size: 18px; display: block; color: #fff; margin-bottom: 0.5em; line-height:1;}
input[type='text'], textarea { padding: 3px 2px; width: 430px;  }
input[type='radio'] {  }
input[type='checkbox'] {  margin: 5px 10px 5px 20px; }
form h3, label { color: #fff; border-bottom: 1px solid #464646; font-size: 12px; text-transform: uppercase;line-height: 3em; margin-bottom:1em; }
label { line-height: 1.1em; padding-bottom: 1em; }
input[type='checkbox']+span, span.other { font-family: "Franklin Gothic Book", Arial, Sans-serif; font-size: 14px; }
input[type='text'].other { width: 190px;  }
#website-type-other input.other {  margin-left: 20px; }
#referer-source-other { margin: 5px 0px;}

form.alpha-form button { background: 0; padding: 0; border: 0; cursor: pointer; }
form.alpha-form button span { display: block; background: url(images/register-btn.png) no-repeat; height: 27px; width: 145px; text-indent: -9999em; overflow: hidden; }

form.newsletter-form button { background: 0; padding: 0; border: 0; cursor: pointer; }
form.newsletter-form button span { display: block; background: url(images/register-btn.png) no-repeat; height: 27px; width: 145px; text-indent: -9999em; overflow: hidden; }

form.contact-form button { background: 0; padding: 0; border: 0; cursor: pointer; }
form.contact-form button span { display: block; background: url(images/submit-btn.png) no-repeat; height: 27px; width: 145px; text-indent: -9999em; overflow: hidden; }

.enquiry-details { width: 700px; margin: auto; margin-bottom: 3em;}
.enquiry-details tr { border-top: 1px solid #464646;  }
.enquiry-details tr:last-child { border-bottom: 1px solid #464646; }
.enquiry-details th {  font-family: "Franklin Gothic Book", Arial, Sans-serif; color: #fff; font-size: 12px; text-transform: uppercase;line-height: 3em;  line-height: 1.1em;  margin-right: 3em; width: 200px; padding: 20px; }
.enquiry-details td {  padding: 20px; }
.enquiry-details td, .enquiry-details th { vertical-align: top; text-align: left; }


dfn { border-bottom: 1px dashed #ccc; }

.form-errors
{
	background-color: #220101;
	border: 1px solid #ff0000;
	padding: 12px;
	color: #aa0000;
}

div.register .col1
{
	background:url(images/vdiv.gif) no-repeat;
	background-position: right top;
}

div.register .col1, div.register .col2
{
	padding: 20px;
	width: 400px;
}

a.btn:hover { border: 0px; }

.technology-benefits li
{
	float: left;
	width: 290px;
	margin-right: 15px;
	min-height: 180px;
	font-size: 80%;
}

.technology-benefits ul li:last-child
{
	margin-right: 0px;
}

.technology-features li
{
	float: left;
	width: 290px;
	margin-right: 15px;
	min-height: 180px;
	font-size: 80%;
}

.technology-features ul li:last-child
{
}

.technology-benefits h3, .technology-features h3
{
	border-bottom: 1px solid #464646; font-size: 12px; text-transform: uppercase;line-height: 3em; margin-bottom:1em; line-height: 1.1em; padding-bottom: 1em;
}

div.home-hdiv-top
{
	height: 36px;
	background: url(images/home-div-bg-top.png) repeat-x;
	background-position: 50% top;
	margin: 0px -14px -12px -17px;
}

div.home-hdiv-base
{
	height: 36px;
	background: url(images/home-div-bg-base.png) repeat-x;
	background-position: 50% top;
	margin: -12px -14px 12px -17px;
}


div.three-col-callout 
{
	
}

div.three-col-callout a
{
	color: #fffffc;
}

div.three-col-callout  div.col
{
	width: 290px;
	float: left;
	padding-left: 14px;
	padding-right: 14px;
	min-height: 250px;
}

div.three-col-callout  div.col2, div.three-col-callout  div.col3
{
	background-image: url(images/dotted-vdiv.gif);
	background-repeat: no-repeat;
	background-position: left 20px;
	margin-bottom: 1em; 
}

div.three-col-callout  div.col1
{
	padding-left: 0px;
}

div.three-col-callout  div.col3
{
	padding-right: 0px;
}

div.key-benefits h3
{
}

div.key-benefits ul li:before {
	content: "\002D \0020";
}

div.three-col-callout p, div.three-col-callout li
{
	font-family: "Franklin Gothic Book", Arial, Verdana, sans serif;
	font-size: 11px;
}

div.product-full-layout 
{
}

div.product-full-layout div.col1, div.product-sub-layout div.col1
{
	width: 700px;
	float: left;
}

div.product-full-layout div.col2, div.product-sub-layout div.col2
{
	width: 195px;
	float: right;
}

div.product-full-layout div.three-col-callout div.col
{
	width: 197px;
	float: left;
	margin-right: 15px;
	background-image: none;
	background-color: #1f2a30;
	height: 230px;
	padding: 13px;
}

div.product-full-layout div.three-col-callout div.col3
{
	margin-right: 0px;
}

a.pdf-dl
{
	display: block;
	height: 32px;
	width: 25px;
	text-indent: -9999em;
	overflow: hidden;
	background: url(images/pdf-small.png) no-repeat;
	float: right;
	vertical-align: top;
}

div.sidebar-box
{
	border-bottom: 2px solid #384349;
	margin-bottom: 1em;
}

div.sidebar-box h3
{
	margin-bottom: 0em;
}

div.sidebar-box p, div.sidebar-box li
{
	font-family: "Franklin Gothic Book", Arial, Helvetica, sans-serif;
	font-size: 12px;
}



div.product-hd h1
{
	line-height: 1em;
	margin-bottom: 0px;
}

div.product-hd p
{
	font-family: "Franklin Gothic Book", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div.product-overview
{
	border-bottom: 2px solid #384349;
	margin-bottom: 1em;
}

div.product-overview h2
{
	float: left;
	margin-bottom: 0px;
	padding-top: 0.5em;
}

div.product-overview p
{
	float: right;
	font-size: 12px;
	font-family: "Franklin Gothic Book", Arial, Helvetica, sans-serif;
	width: 100px;
	margin-bottom: 0.5em;
	display: none;	
}

div.split-col
{
	margin-bottom: 1em;
}

div.split-col div.col1
{
	width: 340px;
	float: left;
}

div.split-col div.col2
{
	width: 340px;
	float: right;
}

div.split-col h4
{
	font-family: "Franklin Gothic Book", Arial, Helvetica, sans-serif;
	font-size: 20px;
}

div.split-col li
{
	font-size: 14px;
}

div.split-col ul li:before {
	content: "\002D \0020";
}

div.use-case-port p
{
	font-size: 20px;
}

a.find-out-more-btn
{
	display: block;
	text-indent: -9999em;
	background: url(images/find-out-more-btn.png) no-repeat;
	height: 27px;
	width: 145px;
}

a.find-out-more-btn:hover
{
	border: 0px;
}


/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
   
#boxes .window {
  position:absolute;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
 
 
/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:375px;
  height:203px;
}

#twitter_update_list {}
#twitter_update_list li {
	
}
#twitter_update_list li a {}
#twitter_update_list li span
#twitter_update_list li span a {}


#feeds {
	font-family: "Franklin Gothic Book", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#feeds .gfc-resultsHeader,
#feeds .gfc-resultsHeader .gfc-title {
	display: none;
}

.product-full-layout h1.intro {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.9em;
}

h3.intro {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.9em;
}

h3.learn-more-hd {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom: 0.2em;
}

.three-col-callout .col h2
{
	margin-bottom:0.2em;
}

.three-col-callout .col .key-benefits h3
{
	font-size: 12px;
	margin-bottom: 0.2em;
}

.three-col-callout .col
{
	position: relative;
}

.three-col-callout .col a.more
{
	position: absolute;
	bottom: 2em;
	font-family: "Franklin Gothic Book", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #aaaaaa;
}