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

html, body  {
   padding: 0px;
   margin: 0px;
   background-color: #6E7070;
	 width:100%;
	 height:100%;
	 font-family: Arial, Helvetica, sans-serif;
	 color: #999999;
	 border:0;
}

#main
{
	margin: 0px auto 0px auto;
	padding:0;
	width: 1000px;
	position: relative;
	background-image:url(../images/main-bg.gif);
	background-repeat:repeat-y;
}

#main-inner
{
	margin:0;
	padding:0;
}

#header
{
	height:351px;
	background-image:url(../images/header-bg.gif);
	background-repeat:repeat-x;
	background-color:#FFF;
}

#header-left
{
	width:272px;
	height:351px;
	float:left;
	background-image:url(../images/header-left-bg.gif);
	background-repeat:no-repeat;
	background-position: bottom;
}

#header-right
{
	width:728px;
	height:351px;
	float:left;
}

#nav
{
	height:59px;
	background-image:url(../images/nav-bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	overflow:hidden;
	text-align:left;
	padding:0;
	margin:0;
}

#header-photo
{
	height:292px;
	overflow:hidden;
}

#logo
{
	padding-left:34px;
	padding-top:42px;
}

#content
{
	width:100%;
}

#content-right
{
	float: left;
  width: 100%;
  margin-left: 0;
  margin-right: -100%; /* Negative value of #content-right's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-right-inner. */
}

#content-right-inner
{
	 padding-left: 272px; /* The width + left margin of #content-left. */
   padding-right: 0;
}

#content-left
{
	width:272px;
	float: left;
  margin-left: 0;
  margin-right: -272px; /* Negative value of #content-left's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-left-inner. */
}

#content-left-inner
{
	 margin: 0;
   padding: 0;
}

#copy
{
	width:100%;
	position:relative;
	left:0;
	top:-100px;
	clear:none;
	font: 13px/24px Verdana, sans-serif;
}

#copy-inner
{
	padding-top:18px;
	padding-left:25px;
	padding-right:25px;
}

#icons
{
	width:430px;
	position:relative;
	top:-5px;
	left:298px;
	z-index:1;
	text-align:right;
}

#icons div
{
	padding-right:25px;
}

#icons img
{
	margin:0 15px;
}

.category
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	letter-spacing:1px;
	color:#0099cc;
}

h1
{
	font-family: 'Arial Narrow', 'Helvetica Narrow', sans-serif;
	font-size:28px;
	color:#ff7401;
	margin:0 0 30px 0;
	letter-spacing: 0px;
	line-height:30px;
}

h2
{
	font-size:13px;
	margin:30px 0 0 0;
}

p
{
	margin:0 0 15px 0;
	padding:0;
}

img
{
	margin:0;
	padding:0;
	border:none;
}


/* NAV */

#nav ul
{
	width:640px;
	list-style:none;
	margin: 0 0 0 42px;
	padding:0;
	line-height:48px;
	font-family: 'Arial Narrow', 'Helvetica Narrow', sans-serif;
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;
}

#nav li
{
	display:inline;
	float:left;
	margin:0;
	padding:0;
}

#nav a,
#nav a:link,
#nav a:visited
{
	color:#fff;
	text-decoration:none;
	display:block;
}

#nav a:hover,
#nav a:active
{
	color:#b4d6f9;
}

#nav li.selected a,
#nav li.selected a:link,
#nav li.selected a:visited,
#nav li.selected a:hover,
#nav li.selected a:active
{
	color:#b4d6f9;
	text-decoration:underline;
}

#home
{
	width:61px;
	text-align:left;
}

#solutions
{
	width:121px;
	text-align:center;
}

#aboutus
{
	width:113px;
	text-align:center;
}

#demos
{
	width:98px;
	text-align:center;
}

#whitepapers
{
	width:140px;
	text-align:center;
}

#casestudies
{
	width:107px;
	text-align:right;
}


/* SIDE NAV */

#side-nav-title
{
	width:215px;
	/*margin-top:55px;*/
	margin-top:50px;
	margin-left:32px;
	border-bottom:solid 1px #fff;
	font-family: 'Arial Narrow', 'Helvetica Narrow', sans-serif;
	color:#229dc6;
	font-size:16px;
	font-weight:bold;
	padding-bottom:2px;
	letter-spacing:1px;
}

#side-nav-footer
{
	width:215px;
	/*margin-top:10px;*/
	margin-top:4px;
	margin-left:32px;
	border-bottom:solid 2px #fff;
	font-family: 'Arial Narrow', 'Helvetica Narrow', sans-serif;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding-bottom:2px;
	padding-top:0;
}

#side-nav-footer a
{
	color:#fff;
	padding:0 !important;
	display:inline;
	text-decoration:none;
}

#side-nav-footer a:hover
{
	color:#ff7401;
}

#side-nav ul
{
	width:215px;
	list-style:none;
	margin: 0 0 0 32px;
	padding:0;
	line-height:1px;
	font-family: 'Arial Narrow', 'Helvetica Narrow', sans-serif;
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;
}

#side-nav li
{
	margin:0;
	padding:0;
	width:215px;
	/*height:22px;*/
	height:19px;
	border-bottom:solid 1px #fff;
}

.webkit #side-nav li
{
	height:22px;
}

#side-nav a
{
	color:#fff;
	text-decoration:none;
	display:block;
	/*padding-top:14px;*/
	padding-top:12px;
	/*padding-bottom:14px;*/
	padding-bottom:12px;
}

#side-nav li:hover a,
#side-nav li.sfhover a,
#side-nav li.selected a
{
	padding-left:26px;
}

#side-nav li:hover,
#side-nav li.sfhover,
#side-nav li.selected
{
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
}


/* COPY LISTS */
#copy ul
{
	list-style:none;
	margin: 30px 0 0 0;
	padding:0;
	line-height:22px;
	font: 13px/24px Verdana, sans-serif;
	font-size:13px;
	font-weight:bold;
	letter-spacing:1px;
}

#copy li
{
	margin:-1px 0 0 0;
	padding:0;
	width:285px;
	height:22px;
	border-top:solid 1px #0099cc;
	border-bottom:solid 1px #0099cc;
	color:#0099cc;
	font-weight:bold;
}

#copy a
{
	color:#0099cc;
	text-decoration:none;
}

#copy a:hover,
#copy a:active
{
	text-decoration:none;
	color:#ff7401;
}

/* COPY FORM */
#copy label
{
	line-height:22px;
	font: 13px/24px Verdana, sans-serif;
	font-size:13px;
	font-weight:bold;
	letter-spacing:1px;
	color:#0099cc;
	margin-top:10px;
}

#copy input,
#copy textarea
{
	width:415px;
	display:block;
	margin: 0 0 10px 0;
}

#copy input.submit
{
	width:105px;
	display:block;
	margin: 0 0 10px 0;
}
/* BLOCKS */

#contact-block
{
	margin-left:16px;
	margin-top:24px;
	width:256px;
	height:227px;
	background-image:url(../images/contact-block-bg.gif);
	background-repeat:no-repeat;
}

.contact-block-off
{
	background-position: 0 0;
}

.contact-block-hover
{
	background-position: 0 -227px;
}

#contact-block ul
{
	list-style:none;
	font-family: 'Arial Narrow', 'Helvetica Narrow', sans-serif;
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:24px;
	position:relative;
	left:75px;
	top:47px;
}

#contact-block li a,
#contact-block li a:link,
#contact-block li a:visited
{
	color:#ff7401;
}

#contact-block li a:hover,
#contact-block li a:active
{
	color:#0099cc;
}


#client-login-block
{
	background-image:url(../images/client-login-block.gif);
	background-repeat:no-repeat;
	margin-left:16px;
	margin-top:6px;
	width:256px;
	height:227px;
}

#contact-block-button
{
	padding-top:90px;
	padding-left:20px;
}



/* FORMS */

form,
fieldset
{
	margin:0;
	padding:0;
	border:none;
}

label
{
	display:block;
}

#client-login-block form
{
	padding:86px 0 0 26px;
}

#client-login-block label
{
	display:block;
	margin: 2px 0;
	font-size:10px;
	font-weight:bold;
}

#client-login-block input
{
	width:75%;
}

#client-login-block #submit-button
{
	border:none;
	margin-top:5px;
}


/* FOOTER */

#footer
{
	clear:both;
}

#footer-left
{
	width:272px;
	float:left;
}

#footer-left-inner
{
	height:22px;
	width:240px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	margin-left:28px;
	text-align:left;
}

#footer-right
{
	width:728px;
	float:left;
}

#footer-right-inner
{
	height:22px;
	border-top:1px solid #97a2ad;
	border-bottom:1px solid #97a2ad;
	margin:0 25px;
	text-align:center;
}

/* FOOTER RIGHT NAV */

#footer-right ul
{
	width:640px;
	list-style:none;
	margin: 0 0 0 25px;
	padding:0;
	line-height:22px;
	font-family: 'Arial Narrow', 'Helvetica Narrow', sans-serif;
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;
}

#footer-right li
{
	display:inline;
	float:left;
	margin:0;
	padding:0;
}

#footer-right a,
#footer-right a:link,
#footer-right a:visited
{
	color:#7b7b7b;
	text-decoration:none;
	display:block;
}

#footer-right a:hover,
#footer-right a:active
{
	color:#000;
}

#footer-right li.selected a,
#footer-right li.selected a:link,
#footer-right li.selected a:visited,
#footer-right li.selected a:hover,
#footer-right li.selected a:active
{
	color:#000;
	text-decoration:underline;
}

#footer-right-home
{
	width:61px;
	text-align:left;
}

#footer-right-solutions
{
	width:121px;
	text-align:center;
}

#footer-right-aboutus
{
	width:113px;
	text-align:center;
}

#footer-right-demos
{
	width:98px;
	text-align:center;
}

#footer-right-whitepapers
{
	width:140px;
	text-align:center;
}

#footer-right-casestudies
{
	width:107px;
	text-align:right;
}


/* FOOTER LEFT NAV */

#footer-left ul
{
	width:240px;
	list-style:none;
	margin: 0;
	padding:0;
	line-height:22px;
	font-family: 'Arial Narrow', 'Helvetica Narrow', sans-serif;
	font-size:9px;
	font-weight:bold;
	letter-spacing:1px;
}

#footer-left li
{
	display:inline;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
}

#footer-left li.divider
{
	width:3%;
}

#privacypolicy
{
	width:35%;
}

#termsofuse
{
	width:39%;
}

#copyright
{
	width:20%;
}

#footer-left a,
#footer-left a:link,
#footer-left a:visited
{
	color:#7b7b7b;
	text-decoration:none;
	display:block;
}

#footer-left a:hover,
#footer-left a:active
{
	color:#000;
}

#footer-left li.selected a,
#footer-left li.selected a:link,
#footer-left li.selected a:visited,
#footer-left li.selected a:hover,
#footer-left li.selected a:active
{
	color:#000;
	text-decoration:underline;
}

.clear
{
	clear:both;
	height:1px;
}

#htmlElement {
	padding: 10px;
	background-color: #000;
}

.MultiBoxContainer {
	border: none;
	background-color:#fff;
}


/* Page / Section specific classes */
.home #icons div
{
	padding-right:85px;
}

.home #copy-inner
{
	padding-top:125px;
}

.home #copy-inner h1
{
	margin-top:18px;
}

.casestudy #copy-inner
{
	padding-top:125px;
}

.contactus #copy-inner
{
	padding-top:125px;
}

#flashcontent
{
	padding-left:20px;
	padding-top:18px;
}

#flashcontent-inner
{
	height:377px;
}

/* CSS FOR LINUX FIREFOX */

.linux.gecko #side-nav-footer
{
	width:215px;
	margin-top:10px;
	margin-left:32px;
	border-bottom:solid 2px #fff;
	font-family: 'Arial Narrow', 'Helvetica Narrow', sans-serif;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding-bottom:2px;
	padding-top:0;
}

.linux.gecko #side-nav a
{
	color:#fff;
	text-decoration:none;
	display:block;
	padding-top:12px;
	padding-bottom:10px;
}

.linux.gecko #contact-block ul
{
	list-style:none;
	font-family: 'Arial Narrow', 'Helvetica Narrow', sans-serif;
	font-size:9px;
	font-weight:bold;
	letter-spacing:0px;
	line-height:24px;
	position:relative;
	left:75px;
	top:47px;
}



/* Colors */

.blue
{
	color:#0099cc;
}

.orange
{
	color:#ff7401;
}