@import url("core.css");
body {
	font-family: Arial, Helvetica, sans-serif; background-color:#2f2f2f; color:#FFFFFF; font-size:12px;
	text-decoration: none;
	text-align:center;
	background-image:url(../images/body-bg.jpg);
	background-repeat:repeat-x;
}
.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
}
.clearspace {
	clear:both;
	height:1px;
	line-height:1px;
}
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
}

h1 { font:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:20px; padding-bottom: 15px; }
h2 { color:#FFFFFF; font-size:15px; padding-bottom:3px; font-weight:bold; position: relative; left: -3px; }

h3 {
color:#CCCCCC
}

ul, li {
	margin:0px;
	padding:0px;
	list-style:none;
}

#content ul {
	margin-left: 30px;
	padding-bottom: 15px;
}
	#content ul li {
		list-style: disc;
		line-height: 18px;
	}
		#content ul ul {
			margin-left: 60px;
			padding-bottom: 0px;
		}
a {color: #2b90ec}   
/*a:visited {color: #FFFFFF} */
a:hover { text-decoration:none;}  
/*a:active {color: #FFFFFF}  */
p { 
	margin:0px;
	font-size:12px;
	line-height: 17px;
	padding: 0px 0px 20px 0px;
	text-align: justify;
}
#wrapper {
	width:983px;
	text-align:left;
	padding:0px;
	margin:0px auto;
}
#header {
	float:left;
	height:108px;
}
#header-bg {
	float:left;
	width:983px;
	height:79px;
	background-image:url(../images/header-bg.jpg);
	background-repeat:no-repeat;
}
#logo {
	position:absolute;
	width:261px;
	height:1px;
	padding-top:78px;
	margin-left:9px;
	overflow:hidden;
}
#subnav {
	float:left;
	width:983px;
	height:29px;
}
#subnav li {
	float:left;
}
#subnav li a {
	background-image: url(../images/mainnav.jpg);
	height:1px;
	background-repeat:no-repeat;
	padding-top:28px;
	overflow:hidden;
	display:block;
}
#subnav ul li ul {
	display: none;
}
#nav-company {
	width:196px;
	background-position:-0px -0px;
}
#nav-company:hover, #nav-company.active {
	background-position:-0px -29px;
}
#nav-technology {
	width:196px;
	background-position:-196px -0px;
}
#nav-technology:hover, #nav-technology.active {
	background-position:-196px -29px;
}
#nav-product {
	width:196px;
	background-position:-392px -0px;
}
#nav-product:hover, #nav-product.active {
	background-position:-392px -29px;
}
#nav-news {
	width:196px;
	background-position:-588px -0px;
}
#nav-news:hover, #nav-news.active {
	background-position:-588px -29px;
}
#nav-contact {
	width:199px;
	background-position:-784px -0px;
}
#nav-contact:hover, #nav-contact.active {
	background-position:-784px -29px;
}
#homepage-banner {
	float:left;
	width:983px;
	height:320px;
	background-image:url(../images/homepage-banner.jpg);
	background-repeat:no-repeat;
}

#headline-text { float:left; margin:165px 0px 0px 36px; color:#FFFFFF; width:400px; position: relative;  }
.headline { 
font-size:44px;
color:#FFFFFF;
font-weight:normal;
}

#headline-text p { font-size:12px; line-height:17px; padding:0 0 0 0; width:400px; }
#headline-text p a { padding-top:6px;}

.readmore { float:right; color:#002d5b; font-size:11px; margin-top:-9px; text-transform:uppercase; padding-right:10px; text-decoration:none;}
.readmore:hover { text-decoration:underline; color:#002d5b; }

#mainsection { width:983px; background-color:#3b3b3b; border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #003468;}
#breadcrumbs { width:974px; float:left; 
	height:19px;
	border-bottom: 1px solid #ffffff;
	background-color:#8c8c8c; 
	padding-left:9px; 
	padding-top:6px;
	font-size:11px; 
	color:#FFFFFF; 
}
#breadcrumbs a {
	font-size:11px; 
	color:#FFFFFF;
}
#breadcrumbs li { float:left; padding-right:8px; }
#breadcrumbs li a { color:#FFFFFF; text-decoration:none; }
#breadcrumbs li a:hover { color:#FFFFFF; text-decoration:underline; }
#content { float:left; width:755px; padding-left:30px; padding-top:20px; padding-right:34px; padding-bottom:77px; }
#content-page { float:left; width:820px; padding-right:15px; padding-bottom:77px; padding-top:22px;
padding-left: 22px;}

#overview-content { float:left; width:983px; height:471px; background-image:url(../images/overview-bg.jpg); background-repeat:repeat-x; border-bottom: 1px solid #ffffff;}

.technology1, .technology, .last {
	float:left;
	width:265px;
	height:451px;
	border-right: 1px solid #ffffff;
	padding:19px 33px 0 29px;
	display: inline;
}

.technology1 {
	margin-left: 160px;
	border-left: 1px solid #ffffff;
	
}

.last { width:264px; border-right:none; }
.img { float:left; height:111px; width:266px; background-color:#000000; margin-bottom:10px; }
.technology1 p, .technology p, .last p { line-height:15px; padding:0 0 0 0; }

.tech-link { color:#FFFFFF; float:right; font-size:11px; font-weight:normal; padding-top:8px;}
.tech-link a  { color:#FFFFFF; text-decoration:underline; float:right; }
.tech-link a:hover { color:#FFFFFF; text-decoration:none; }




p .link {color:#007ffe;}
p .link a { color:#007ffe; text-decoration:underline; }
p .link a:hover { color:#007ffe; text-decoration:none; }

#subpage-cta { float:right;
	width:124px;
	 }

#subpage-cta li {
	float:left;
}
#subpage-cta li a {
	background-image: url(../images/subpage-cta.jpg); display:block;
	background-repeat:no-repeat;
	width:124px; height:1px; padding-top:140px; overflow:hidden;
}
#subpage-cta-product { 
	background-position:-0px -0px;
}
#subpage-cta-product:hover, #subpage-cta-product.active {
	background-position:-124px -0px;
}


#subpage-cta-application {
	height:141px;
	background-position:-0px -141px;
}
#subpage-cta-application:hover, #subpage-cta-application.active {
	background-position:-124px -141px;
}

#subpage-cta-contact {
	height:141px;
	background-position:-0px -282px;
}
#subpage-cta-contact:hover, #subpage-cta-contact.active {
	background-position:-124px -282px;
}






#cta {
	float:left;
	width:983px;
	height:121px;
}
#cta li {
	float:left;
}
#cta li a {
	background-image: url(../images/cta.jpg);
	height:121px;
	background-repeat:no-repeat;
	overflow:hidden;
	display:block;
}
#cta-about {
	width:328px;
	background-position:-0px -0px;
}
#cta-about:hover, #cta-about.active {
	background-position:-0px -121px;
}
#cta-application {
	width:328px;
	background-position:-328px -0px;
}
#cta-application:hover, #cta-application .active {
	background-position:-328px -121px;
}
#cta-faqs {
	width:327px;
	background-position:-656px -0px;
}
#cta-faqs:hover, #cta-faqs .active {
	background-position:-656px -121px;
}
#footer {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	width:983px; height:191px;
	padding-top:15px;
	text-align:center;
	color: #FFFFFF;
	line-height:18px;
}
#footer a {
	color: #FFFFFF;
	text-decoration:none;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}

.read-more {
	display: block;
	width: 69px;
	height: 13px;
	background-image: url(../images/read-more.png);
	background-repeat: no-repeat;	
	margin-top: 10px;
	float: right;
	clear: both;
}

.read-more-blue {
	display: block;
	width: 69px;
	height: 13px;
	background-image: url(../images/read-more-blue.png);
	background-repeat: no-repeat;	
	position: absolute;
	left: 185px;
	top: 115px;
}


#content-block {
width: 795px;
clear: left;
padding-bottom: 20px;
}

.line {
border-top:2px solid #666;
clear:both;
padding-bottom:25px;
width:795px;
}


#left-images {
float: left;
width: 160px;
font-size: 10px;
text-align: center;
}

#left-images img {
border: 5px solid #141318;
}


#right-content {
float: left;
width: 600px;
padding-left: 30px;

}

#overview-content ul li {
list-style-type: disc;
margin-left: 20px;
padding: 2px 0px 2px 0px;

}

#overview-content ul li a {
color: #fff;
text-decoration: none;
}

#overview-content ul li a:hover {
text-decoration: underline;
}