/* @group Reset */

html, body, div, span, applet, object, iframe,
nav,header,section,article,aside,footer,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background-color: transparent;
	font-weight: normal;
}
:focus {
	outline: 0;
}
/* @end Reset */

/* @group Elements */

body {
	background-color: #111;
	color: #fff;
	font-size: 62.5%;		/* 10px */
	line-height: 1.3;	
	font-family: Arial,sans-serif;
}
body * {
	font-size: 1em;
	line-height: inherit;
}

p {
	margin-top: 0.4286em;	/*  6px */
	margin-bottom: 1em;		/* 14px */ 
}

em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
object {
	margin: 0.8571em 0;		/* 12px */
}
th,td {
	text-align: left;
	padding: 0.4285em;	/* 6px */
}

hr {margin:20px 0; border-bottom: 1px solid #d5d4d4; border-top: none; border-left: none; border-right: none;}

/* @group links */

a:link,
a:visited {
	
}
a:hover,
a:focus {
	color: #444;
	text-decoration: none;
}
a:active {
	color: #666;
	text-decoration: none;
}

/* @end links */

/* @group headings */

h1 {
	font-size: 3em;			/* 42px */
	line-height: 1.1905;	/* 50px */
}
h2 {
	font-size: 2em;			/* 28px */
}
h3 {
	font-size: 1.5em;		/* 21px */
}
h4 {
	font-size: 1.2857em;	/* 18px */
	line-height: 1.3889;	/* 25px */
}
h1 a,
h2 a,
h3 a {
	text-decoration: none;
}

.clear {clear: both;}

/* @end headings */

/* @group forms */

label {
	cursor: pointer;
	font-size: 1.7em;
}
input,
select,
textarea {
	
}
input {
	background: url(../images/bg-input.gif) no-repeat 0 0;
	border: none;
	height: 25px;
	font-size: 1.3em;
	padding: 4px 7px 0 7px;
	width: 162px;
}
input.subject {
	background: url(../images/bg-input-subject.gif) no-repeat 0 0; 
	height: 22px;
	padding: 4px 7px 0 7px; 
	width: 489px;
}

#contact textarea {
	background: url(../images/bg-textarea.gif) no-repeat 0 0;
	border: none;
	font-family: Arial, sans-serif;
	font-size: 1.3em;
	height: 159px;
	overflow:auto;
	padding: 10px;
	width: 483px;
}

form {
	margin: 20px 0;
}

.button {
	background: #111;
	border: none;
	color: #5a89f2;
	font-size: 1.7em;
	width: auto;
}
.button:hover {color: #6D99F8;}

input.search {
	background: url(../images/bg-search.jpg) no-repeat 0 0;
	color: #334e90;
	display: inline;
	font-family: Georgia, serif;
	font-size: 1.2em;
	font-style: italic;
	height: 19px;
	padding: 4px 0 0 7px;
	width: 137px;
}
input.search:hover {color: #6D99F8;}


/* @end forms */


/* @end  Elements */



/* @group Layout */

.header {
	background:url(../images/header-bg.gif) repeat-x 0 0;
	display: block;
	position: relative;
	text-align:center;
}

.header .wrapper {
	background:url(../images/center-header-bg.jpg) no-repeat 0 0;
	height:119px;
	margin:0 auto;
	position:relative;
	text-align:left;
	width: 880px;
}


/* @group #logo */

#logo {
	background:url(../images/logo.gif) no-repeat 0 0;
	display:block;
	height:83px;
	margin:0;
	width:104px;
	position:absolute;
	right:10px;
	top:0;
}

#logo a:hover,
#logo a:focus {
	background-color: transparent;
	border: none;	
}

#logo span {display:none;}


/* @end #logo */

/* @group nav */

.nav {
	background:url(../images/nav-bg.jpg) no-repeat 0 0;
	height:36px;
	width:880px;
	position:absolute;
	bottom:0;
	left:0;
}
.nav ul {
	float: left;
	margin:6px 0 0 20px;		/* 20px */
	padding: 0;
	position: relative;
	width: 650px;
}
.nav li {
	display: inline;
	margin:0;
}

.nav a {
	color:#fff;
	display:block;
	float:left;
	font-family:Calibri, Verdana, Arial, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	margin-right: 30px;
	text-decoration:none;
	text-transform:uppercase;
}
.nav a span {
	display:block;
	padding:5px 15px;
}

.nav a:hover {
	background:none;
	color:#b1bede;
}

.nav a.active,
.nav a.active:hover {
	background:url(../images/nav-active-bg.jpg) no-repeat 0 0;
	color:#fff;
	display:block;
}

.nav a.active span, 
.nav a.active:hover span {
	background:url(../images/nav-active-bg-cap.jpg) no-repeat top right;
	display:block;
}

.searchcontain {
	float: right;
	position: relative;
	padding-top:7px;
	width: 145px;
}

.searchcontain form {
	margin: 0;
}
.searchcontain form label,
.searchcontain form input,
.searchcontain form button {
	vertical-align: middle;
}
.searchcontain button {
	font-size: 0.8571em;	/* 12px */
	background-color: #369;
	color: #fff;
}
.searchcontain button:hover,
.searchcontain button:focus {
	background-color: #fff;
	color: #369;
	border-color: #369;
}

/* @end nav */

/* @group content */

.content {
	font-size:1.1em;
	
}
.content .wrapper {
	margin:0 auto;
	text-align:left;
	width: 880px;
	position:relative;
}

a.feature {
	background: url(../images/mini-feature.jpg) no-repeat 0 0;
	display: block;
	height: 82px;
	margin: 20px 0 0 0;
}
a.feature span {display: none;}

.leftpipe .topper {background:url(../images/homepage-topcap.jpg) no-repeat -1px 0; height:19px;}
.leftpipe .bottomer {background:url(../images/homepage-bottomcap.jpg) no-repeat 0 0; height:23px;}

.leftpipe, .content .article {
	margin:20px 0;
}

.leftpipe {
	float:left;
	margin: 20px 0;
	width:325px;
}

.leftpipe .content {
	background: #152b5a;
	padding: 0 20px;
}

.leftpipe .content p {
	color: #fbfbfb;
	font-style: italic;
}

.leftpipe h1 span, .leftpipe h2 span, .leftpipe h3 span {display: none;}

.leftpipe ul {margin: 20px 0; padding-left: 20px;}
.leftpipe ul li {color: #fbfbfb; font-style: italic; list-style-image: url(../images/work-bullet.gif); margin: 10px 0;}

.leftpipe .address {color: #fbfbfb;}

.content .article {
	float: left;
	font-size: 1.1em;
	margin: 20px 0 20px 20px;
	padding: 18px 0 0 0;
	width:528px;
}

.content .article h2 {margin: 0 0 10px 0; position: relative;}
.content .article h3 {margin: 0 0 15px 0;}

.content .article p {
	font-style: italic;
}

.article h2 span, .article h3 span, .article h4 span {display: none;}

.article h2 a.contact_btn {
	background: url(../images/contact-btn.gif) no-repeat 0 0;
	color: #fbfbfb;
	display: block;
	font-family: Georgia, serif;
	font-size: .5em;
	font-style: italic;
	height: 27px;
	padding: 6px 0 0 35px;
	width: 84px;
}
.article h2 a.contact_btn:hover {color: #111;}

#about .leftpipe h1 {
	background: url(../images/hdr-about.gif) no-repeat 0 0;
	height: 27px;
}
#jobs .leftpipe .content, #product .leftpipe .content { margin:0; padding-bottom: 5px;}
#jobs .leftpipe h1 {
	background: url(../images/hdr-work.gif) no-repeat 0 0;
	height: 30px;
}
#jobs .leftpipe ul {margin-bottom: 0;}

#contact .leftpipe h1 {
	background: url(../images/hdr-contact.gif) no-repeat 0 0;
	height: 27px;
	margin-bottom: 15px;
}
#contact .leftpipe a {
	color: #f27272;
	text-decoration: none;
}
#contact .leftpipe a:hover {color: #333;}

#product .leftpipe h1 {
	background: url(../images/hdr-downloads.gif) no-repeat 0 0;
	height: 29px;
	margin-bottom: 15px;
}
#product .leftpipe a {
	color: #f27272;
	text-decoration: none;
}
#product .leftpipe a:hover {color: #333;}
#product .leftpipe .diagram {margin-top: 20px;}

#about h2.founders {
	background: url(../images/hdr-founders.gif) no-repeat -2px 0;
	height: 27px;
	padding-left: 160px;
}
#jobs h2.careers {
	background: url(../images/hdr-careers.gif) no-repeat -4px 0;
	height: 27px;
	padding-left: 130px;
}
#contact h2.email {
	background: url(../images/hdr-email.gif) no-repeat 0px 0;
	height: 27px;
	padding-left: 130px;
}

#product h2.lambda {
	background: url(../images/hdr-lambda.gif) no-repeat -2px 0;
	height: 30px;
	padding-left: 231px;
}

/* Homepage Styles */

#homepage .feature {
	
	margin:20px 0 0 0;
	position: relative;
}
#homepage .feature a {
	display: block;
	height: 38px;
	width: 356px;
	position: absolute;
	bottom: 19px;
	right: 20px;
}
#homepage .feature a span {display: none;}

#homepage #flashcontent {height: 301px; }

#homepage .leftpipe .topper {background:url(../images/homepage-topcap.jpg) no-repeat -1px 0; height:19px;}
#homepage .leftpipe .bottomer {background:url(../images/homepage-bottomcap.jpg) no-repeat -1px 0; height:22px;}

#homepage .leftpipe {
	background: #152b5a;
	float:left;
	width:325px;
}

#homepage .leftpipe .customers, 
#homepage .leftpipe .news {
	padding:20px;
}

#homepage .customers h2 {background: url(../images/hdr-customers.gif) no-repeat 0 0; height:30px; margin-bottom: 15px; }
#homepage .customers h2 span {display: none;}

#homepage .leftpipe .news {
	border-top: 1px solid #111;
}
#homepage .news a:hover {color: #eaeaea;}
#homepage .news h2 {background: url(../images/hdr-news.gif) no-repeat 0 0; height:30px; margin-bottom: 15px; }
#homepage .news h2 span {display: none;}
#homepage .news h4 a {
	color:#5288ff;
	font-family: Arial, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}
#homepage .news p {
	color:#fff;
	font-size: 1em;
	font-style: italic;
}
#homepage .news p a {color:#5288ff; text-decoration: none;}

#homepage .leftpipe .first {padding-top: 0 !important;}
#homepage .leftpipe .last {padding-bottom: 0 !important;}


#homepage .article {
	float:left;
	margin-left: 20px;
	width:528px;
}



#homepage .spotlight {
	margin: 0 0 42px 0;
}
#homepage .spotlight h2 {background: url(../images/hdr-spotlight.gif) no-repeat 0 0; height: 34px; margin:0 0 10px 15px;}
#homepage .spotlight h2 span {display: none;}

#homepage .spotlight table {border-collapse:collapse;}
#homepage .spotlight td {font-style:italic; padding:13px 20px;}
#homepage .spotlight .lighter {background: #1e1e1e;}
#homepage .spotlight .darker {background: #181818;}

#homepage .quotes {
	background: url(../images/bg-quotes.gif) no-repeat 0 0;
	height: 189px;
	position: relative;
}

#homepage .scrollBox {
   /* The box displaying the scrolling content */
   position: absolute;
   top: 20px;
   left: 30px;
   width: 475px;
   height: 155px;
   overflow: hidden;
}
#homepage .scrollTxt {
  /* the box that actually contains our content */
   color:#fff;
   font-family: Georgia, serif;
   font-size: 1.6em;
   position: relative;
   top: 200px;
}

#about .article, #jobs .article, #contact .article, #product .article {color: #cfcfcf;}



/* @end content */

/* @group footer */

.footer {
	background-color: #5a89f2;
	clear: both;
	color: #fff;
	font-size:1.1em;
	margin-top: 20px;
	position:relative;
	text-align:center;
	width:100%;
}
.footer .wrapper {
	margin:0 auto;
	padding:20px;
	text-align:left;
	width: 880px;
	position:relative;
}

.footer span {
	padding-left:15px;
}

.footer .contact_link {
	background:url(../images/envelope.gif) no-repeat center left;
	color:#fff;
	display:block;
	font-family:Georgia, serif;
	font-weight:normal;
	padding:0 0 0 20px;
	text-decoration:none;
	position:absolute;
	right:25px;
	top:20px;
}
.footer .contact_link:hover {color:#273864;}


/* @end footer */

/* @end Layout */

/* @group Pages */


/* @end Pages */