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

/* Reset
-------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,form,input,textarea,blockquote,th,td { margin:0; padding:0; }
body { margin:0; background:#E1E1E1 url(img/body_bg.gif) 0 0 repeat-x; text-align: center; /* IE Fix */ }
img { border:0; }

/* Basic Elements
-------------------------------------------------- */
body, td, th, input, select, textarea {
  font-family:Arial, Verdana, Helvetica, sans-serif; 
  font-size: 13px;
  line-height: 18px;
  color:#333333;
}

h1, h2, h3, h4, h5, h6 { margin:1.5em 0 .5em 0; line-height:1.2em; }
h1 { font-size:1.8em; }
h2 { font-size:1.4em; color:#008DD3; }
h3 { font-size:1.2em; }
h4 { font-size:1.1em; }
h5 { font-size:1em; }

p, ul, ol, dl, table { margin:0 0 1em 0; }

ul { list-style:none; }
ol { margin:0 0 1em 2em; }

dt { font-weight:bold; margin-top:0.5em; }
dd { padding:0 1em; }

a:link, a:visited { color:#008DD3; text-decoration:none; outline:none; }
a:hover, a:active { color:#008DD3; text-decoration:underline; outline:none; }

/* Tables - still need 'cellspacing="0"' in the markup. */
table { border-collapse:collapse; border-spacing:0; margin-bottom: 1.4em; }
th,td   { padding:0.2em 0.4em; line-height:1.2em; }

/* Generic Classes
-------------------------------------------------------------- */
.img_left { float:left; margin:0 10px 5px 0; }
.img_right { float:right; margin:0 0 5px 10px; }
.small   { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large   { font-size: 1.2em; line-height:1.2em; }
.quiet   { color: #666; }
.top { margin-top:0; }
.btm { margin-bottom:0; }

/* Clearing floats without extra markup [http://www.positioniseverything.net/easyclearing.html] */
.clearfix, #container { display: inline-block; }   
.clearfix:after, #container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix, * html #container { height: 1%; }
.clearfix, #container { display: block; }

/* Basic Layout
-------------------------------------------------- */
#content, .wrapper { margin:0 auto; width:890px; text-align:left; }

/* Home Page
-------------------------------------------------- */
body#home { background:#E1E1E1 url(img/body_bg_home.gif) 0 0 repeat-x; }

#home #content { padding:10px 0 35px 0; }


#home #masthead, #home #masthead .wrapper { height:387px; overflow:hidden; }
#home #masthead .wrapper { background:url(img/masthead_home1.jpg) 50% 0 no-repeat; }

#intro, #news, .callouts { float:left; padding:1em 0; margin-bottom:2em; }
#intro { width:340px; }
#news { width:265px; }
.callouts { width:210px; }

#intro, #news {
	margin-right: 16px;
	padding-right:20px;
	background:url(img/home_features_bdr.gif) 100% 50% no-repeat;
}

#intro h2 { font-weight:normal; font-size: 1.3em; line-height:1.4em; margin:8px 0 1em 0; }
#intro h2 em { font-weight:bold; font-style:normal; }

#news h3 { margin:2px 0 12px 0; }
#news h3 a {
	background:url(img/latest_news.gif) 0 0 no-repeat;
	display:block;
	height:40px;
	width:265px;
	text-indent:-999px;
}
#news h3 a:hover { background-position:0 100%; }
#content #news ul { list-style-type:none; padding:0 0 0 10px; }
#content #news li { margin:1em 0; }
#content #news li a { border-bottom:#008DD3 dotted 1px; font-weight:bold; margin-right:4px; }
#content #news li a:hover { border-bottom:#008DD3 solid 1px; text-decoration:none; }

/*** slideshow - set the width and height to match your images **/
#slideshow { }
#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow img.active { z-index:10; opacity:1.0; }
#slideshow img.last-active { z-index:9; }

#home #masthead h1 { position:absolute; z-index:20; }
#home #main_nav {
	margin-top:0;
	position:absolute;
	top:0;
	right:0;
	width: 407px;
	z-index:20;
}
#home #mn_solution a, #home #mn_tech a, #home #mn_about a, #home #mn_press a { margin-top: 42px; }


/* Masthead
-------------------------------------------------- */
#masthead, #masthead .wrapper { height:217px; overflow:hidden; }
#masthead .wrapper { padding:0 35px; }
#masthead { background:url(img/masthead_bg.jpg) 50% 0 no-repeat; }
#masthead .wrapper { position: relative; }

	/* Masthead Images */
	#masthead.about .wrapper { background:url(img/masthead_about.jpg) 50% 100% no-repeat; }
	#masthead.contact .wrapper { background:url(img/masthead_contact.jpg) 50% 100% no-repeat; }
	#masthead.copyright .wrapper { background:url(img/masthead_copyright.jpg) 50% 100% no-repeat; }
	#masthead.demo .wrapper { background:url(img/masthead_demo.jpg) 50% 100% no-repeat; }
	#masthead.legal .wrapper { background:url(img/masthead_legal.jpg) 50% 100% no-repeat; }
	#masthead.press .wrapper { background:url(img/masthead_press.jpg) 50% 100% no-repeat; }
	#masthead.privacy .wrapper { background:url(img/masthead_privacy.jpg) 50% 100% no-repeat; }
	#masthead.solution .wrapper { background:url(img/masthead_solution.jpg) 50% 100% no-repeat; }
	#masthead.technology .wrapper { background:url(img/masthead_technology.jpg) 50% 100% no-repeat; }
	#masthead.whitepapers .wrapper { background:url(img/masthead_whitepapers.jpg) 50% 100% no-repeat; }
	
#masthead a { overflow:hidden; }
#masthead h1 { margin:20px 0; float:left; }
#masthead h1 a {
	display: block;
	width: 179px;
	height: 44px;
	text-indent: -9999px;
	background: url(img/logo.gif) no-repeat;
}

#main_nav {
	float: left;
	width: 365px;
	margin:42px 0 0 345px;
}

#main_nav a {
	display: block;
	float: left;
	height: 28px;
}
#mn_solution a, #mn_tech a, #mn_about a, #mn_press a, #mn_contact a {
	float: left;
	height: 28px;
	margin-left: 6px;
	text-indent: -9999px;
}
#mn_solution a { background: url(img/mn_solution.gif) 0 0 no-repeat; width: 72px; }
#mn_tech a { background: url(img/mn_technology.gif) 0 0 no-repeat; width: 94px; }
#mn_about a { background: url(img/mn_about.gif) 0 0 no-repeat; width: 78px; }
#mn_press a { background: url(img/mn_press.gif) 0 0 no-repeat; width: 96px; }
#mn_contact a { 
	background: url(img/mn_contact.gif) 0 0 no-repeat; width: 92px; height: 31px;
	position: absolute;
	top: 0; right: 35px;
}
#mn_solution a:hover, #mn_tech a:hover, #mn_about a:hover, #mn_press a:hover, #mn_contact a:hover { background-position: bottom left; }
/* current nav */
#masthead.solution #mn_solution a, #masthead.technology #mn_tech a, #masthead.about #mn_about a, 
#masthead.press #mn_press a, #masthead.contact #mn_contact a { background-position: bottom left; }


/* Content
-------------------------------------------------- */
#content { padding:40px 0 45px 0; }
#content h1.sectiontitle { display:none;  }
#content ul { list-style-type:disc;  padding:0 30px; }
#content li { margin:2px 0; }

#content #subnav {
	font-weight:bold;
	margin-bottom:30px;
	padding:0
	}
#content #subnav li {
	background:url(img/subnav_arrow.gif) 0 45% no-repeat;	
	list-style-type:none;
	margin:4px 0;
	padding-left:8px;
	}
#subnav a { border-bottom:#008DD3 dotted 1px;}
#subnav a:hover { border-bottom:#008DD3 solid 1px; text-decoration:none; }



#body { 
	background:url(img/content_body_bdr.gif) 100% 0 repeat-y;
	float:left;
	margin-right:25px;
	padding:20px 35px 20px 0;
	position:relative;
	width:620px;
	min-height:320px;
	}
#bdr_top, #bdr_btm { position:absolute; width:2px; height:116px; }
#bdr_top { top:0; right:0; background:url(img/content_body_bdr_top.gif) 100% 0 no-repeat; }
#bdr_btm { bottom:0; right:0; background:url(img/content_body_bdr_btm.gif) 100% 100% no-repeat; }

#body hr {
	background-color: #BFBFBF;
	border:0;
	color:#BFBFBF;
	height:1px;
	margin:20px 0;
}
p.backtotop { font-size:11px; text-align:right; text-transform:uppercase; }

/* Demo Video Wrapper */
#demo_video {
	background:#B4B4B4 url(img/tl.gif) top left no-repeat; 
	margin:0 auto 2em auto;
	width:360px; 
}
.tr { background:url(img/tr.gif) top right no-repeat; }
.bl { background:url(img/bl.gif) bottom left no-repeat; }
.br { background:url(img/br.gif) bottom right no-repeat; padding:20px; }

/* Download Link Form */
#contact_form { 
	background:url(img/form_bg-trans.png) 0 0 no-repeat;
	width:264px;
	height:230px;
	padding:20px 60px;
	position:absolute;
	left:140px;
	top:20px;
	z-index:100;
}
#contact_form h5 {
	margin-bottom:1.5em;
	text-align:center;
}
#contact_form p { margin:8px 0; }
#contact_form p#submit_btn { margin-top:1.5em; margin-right:25px; text-align:right; }
#contact_form label {
	display:block;
	float:left;
	line-height:22px;
	margin-right:4px;
	text-align:right;
	width:65px;
}
#contact_form .textfield { width:165px; }
#contact_form .close {
	position:absolute;
	top:14px;
	right:14px;
	cursor: pointer;
	}
input.required { background:#FFFDD2; }
label.required { color:#C10000; }

/* Sidebar
-------------------------------------------------- */
#sidebar { float:left; padding:20px 0; width:210px; }

#sidebar #callouts, #home #callouts {
	list-style-type:none;
	margin:0;
	padding:0;
}
#callout_whitepapers a, #callout_demo a, #callout_contact a {
	display:block;
	text-indent: -9999px;
	width:210px;
}
#callout_whitepapers a { background: url(img/callout_whitepapers.gif) 0 0 no-repeat; height:65px; }
#callout_demo a { background: url(img/callout_demo.gif) 0 0 no-repeat; height:142px; }
#callout_contact a { background: url(img/callout_contact.gif) 0 0 no-repeat; height:102px; }
#callout_whitepapers a:hover, #callout_demo a:hover, #callout_contact a:hover { background-position: top right; }

/* Misc
-------------------------------------------------- */
#body .pr_list { list-style-type:none; padding-left:0; }
#body .pr_list li { margin:10px 0; }

/* Footer
-------------------------------------------------- */
#footer { 
	color:#666;
	background-color:#B4B4B4;
	font-size:9px;
	line-height:1em;
	padding:10px 0;
	text-transform:uppercase;
	}
#footer p { margin:0; }
#footer_nav { float:right; color:#888; }
#footer a { color:#666; margin:0 2px; }
#footer a:hover { color:#000; text-decoration:none; }