/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse;  }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal}

a {text-decoration: none;}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
a:focus {outline:none;}


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.clear {clear: both;}


/* ----------------------------------------- */


/* GENERAL */

body {
	margin:0px;
	padding:0px;
	background:#ffffff;
	font: normal 12px Arial, Helvetica, sans-serif;
	background: url(../images/header-bg.jpg) repeat-x center -10px;
}
#page-wrap {
	width:960px;
	margin:0px auto;
}
#header {
	width:960px;
	height:116px;
}
a#logo {
	background:url(../images/main-logo.jpg) no-repeat left top;
	width:279px;
	height:68px;
	float:left;
	display:inline;
	margin: 25px 0px 0px 10px;
}
ul#navi1 {
	width:339px;
	height:15px;
	float:right;
	margin: 35px 0px 20px 0px;
	position:relative;
}
ul#navi1 li {
	display:inline;
}
ul#navi1 li a {
	font-size:10px;
	color:#656364;
	text-transform:uppercase;
}
ul#navi1 li a:hover { color:#000000;}
ul#navi1 li a.about {
	background:url(../images/aboutus-icon.gif) left center no-repeat;
	/*width:9px; height:9px;*/
	margin: 0px 15px 0px 0px;
	padding-left:15px;
}
ul#navi1 li a.contact {
	background:url(../images/contact-icon.gif) left center no-repeat;
	/*width:10px; height:7px;*/
	margin: 0px 15px 0px 0px;
	padding-left:16px;
}
ul#navi1 li a.careers {
	background:url(../images/careers-icon.gif) left center no-repeat;
	/*width:11px; height:9px;*/
	margin: 0px 15px 0px 0px;
	padding-left:17px;
}
ul#navi1 li a.sitemap {
	background:url(../images/sitemap-icon.gif) left center no-repeat;
	/*width:9px; height:9px;*/
	margin: 0px 0px 0px 0px;
	padding-left:15px;
}
.blutxt {
	margin:0px; padding:0px;
	font-size:11px;
	line-height:16px;
	color:#397bbe;
}

/* --------------- Drop Down Menu CSS ----------------*/
#top-nav {
	width:655px;
	height:35px;
	float:right;
	background:#ffffff;
}
ul.menu {list-style:none; margin:0; padding:0;}
ul.menu * {margin:0; padding:0;}
ul.menu a.home-link {text-indent:-9999px; display:block; background:url(../images/home-btn.jpg); width:72px; height:35px; }
ul.menu a.prd-link {text-indent:-9999px; display:block; background:url(../images/prod-btn.jpg); width:131px; height:35px;}
ul.menu a.mfrg-link {text-indent:-9999px; display:block; background:url(../images/mfrg-btn.jpg); width:193px; height:35px;}
ul.menu a.tech-link {text-indent:-9999px; display:block; background:url(../images/tech-btn.jpg); width:157px; height:35px;}
ul.menu a.support-link {text-indent:-9999px; display:block; background:url(../images/support-btn.jpg); width:100px; height:35px;}
ul.menu a:hover, ul.menu a.active {background-position:bottom;}

ul.menu li {position:relative; float:left;}
ul.menu ul {position:absolute; top:35px; left:10px;  display:none; opacity:0; list-style:none;}
ul.menu ul li{position:relative; border-top:none;  margin:0; border-bottom:solid 1px #006699; }
ul.menu ul li a {padding:6px 20px; font-weight:bold; width:72px; color:#ffffff; text-decoration:none; display:block; background-color:#0099CC;}
ul.menu ul li a:hover {background-color:#000066; color:#fd9a01;}
ul.menu ul ul {top:0px;}
ul.menu .menulink {padding:0px; font-weight:bold; background-position:top;}
ul.menu .menulink-prd {text-indent:-9999px; display:block; background:url(../images/prod-btn-test.jpg); width:131px; height:35px;}
ul.menu .menulink:hover, ul.menu .menuhover {background-position:bottom;}
ul.menu .sub {}
ul.menu .topline {}

/* --------------- Drop Down Menu CSS ----------------*/

#left-cnt {
	float:left;
	width:724px;
}
#banner {
	float:left;
	width:724px;
	height:461px;
	margin-bottom: 14px;
}
.banner-cnt {
	width:640px;
	height:320px;
	/*border: 1px solid #000;*/
	margin: 76px 0px 0px 56px;
	position:absolute;
}
.banner-cnt-left {
	width:270px;
	height:320px;
	float:left;
}
.banner-cnt-left h3.ng {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/title-next-generation.png',sizingMethod='noscale');
	height: 17px;
	width: 152px;
	text-indent: -9999px;
	margin: 16px 0px 0px 8px;
}
html>body .banner-cnt-left h3.ng {
	background: url(../images/title-next-generation.png) no-repeat left top;
}
.banner-cnt-left h1.ng {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/title-phone.png',sizingMethod='noscale');
	height: 67px;
	width: 255px;
	text-indent: -9999px;
	margin: 16px 0px 0px 8px;
}
html>body .banner-cnt-left h1.ng {
	background: url(../images/title-phone.png) no-repeat left top;
}
.banner-cnt-left h1.npbx {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/title-npbx.png',sizingMethod='noscale');
	height: 31px;
	width: 259px;
	text-indent: -9999px;
	margin: 16px 0px 0px 8px;
}
html>body .banner-cnt-left h1.npbx {
	background: url(../images/title-npbx.png) no-repeat left top;
}
.banner-cnt-left h3.npbx {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/title2-npbx.png',sizingMethod='noscale');
	height: 16px;
	width: 98px;
	text-indent: -9999px;
	margin: 10px 0px 14px 8px;
}
html>body .banner-cnt-left h3.npbx {
	background: url(../images/title2-npbx.png) no-repeat left top;
}
.banner-cnt-left h2.npbx {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/title3-npbx.png',sizingMethod='noscale');
	height: 15px;
	width: 238px;
	text-indent: -9999px;
	margin: 10px 0px 40px 8px;
}
html>body .banner-cnt-left h2.npbx {
	background: url(../images/title3-npbx.png) no-repeat left top;
}
.banner-cnt-left h1.ata-cra210 {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/title2-ata-cra210.png',sizingMethod='noscale');
	height: 87px;
	width: 241px;
	text-indent: -9999px;
	margin: 16px 0px 40px 8px;
}
html>body .banner-cnt-left h1.ata-cra210 {
	background: url(../images/title2-ata-cra210.png) no-repeat left top;
}

.banner-cnt-left h3.ata-cra210 {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/title-ata-cra210.png',sizingMethod='noscale');
	height: 14px;
	width: 72px;
	text-indent: -9999px;
	margin: 10px 0px 0px 8px;
}
html>body .banner-cnt-left h3.ata-cra210 {
	background: url(../images/title-ata-cra210.png) no-repeat left top;
}
.banner-cnt-left ul {
	margin-top:20px;
}
.banner-cnt-left ul li {
	background:url(../images/bullet-6.gif) left 5px no-repeat;
	font-size:12px;
	line-height:14px;
	color:#bcd1e0;
	margin: 10px 0px 0px 6px;
	padding-left:12px;
	width:180px;
}
.banner-cnt-left p {
	font-size:12px;
	line-height:14px;
	color:#bcd1e0;
	margin: 10px 0px 0px 6px;
	width:180px;
}

.banner-cnt-left .flash-reel {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/flash-demo-reel.png',sizingMethod='noscale');
	float: left;
	height: 54px;
	width: 129px;	
	margin-top:34px;
	cursor:pointer;
}
html>body .banner-cnt-left .flash-reel {
	background: url(../images/flash-demo-reel.png);
}
.readmore {
	display:block;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/readmore-btn.png',sizingMethod='noscale'); 
	float: left;
	height: 28px;
	width: 113px;
	margin: 44px 0px 0px 10px;
	cursor:pointer;
}
html>body .readmore {
	background: url(../images/readmore-btn.png) left top no-repeat;
}
.banner-cnt-right {
	float:right;
	width:443px;
	margin-left:-77px;
	/*border: solid 1px #333333;*/
}
.banner-cnt-right #ip-phone {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/ipphone2.png',sizingMethod='noscale');
	height: 300px;
	width: 385px;
	margin: 20px 0px 0px 48px;
}
html>body .banner-cnt-right #ip-phone {
	background: url(../images/ipphone2.png) right top no-repeat;
}
.banner-cnt-right #cra210 {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/cra-210.png',sizingMethod='noscale');
	height: 239px;
	width: 403px;
	margin: 80px 0px 0px 40px;
}
html>body .banner-cnt-right #cra210 {
	background: url(../images/cra-210.png) right top no-repeat;
}
.banner-cnt-right #hpbx-banner {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/hpbx-banner.png',sizingMethod='noscale');
	height: 283px;
	width: 380px;
	margin: 56px 0px 0px 40px;
	padding:0px;
}
html>body .banner-cnt-right #hpbx-banner {
	background: url(../images/hpbx-banner.png) right top no-repeat;
}
.banner-cnt-left h1.hpbx-title {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/hpbx-title.png',sizingMethod='noscale');
	height: 60px;
	width: 259px;
	text-indent: -9999px;
	margin: 16px 0px 40px 8px;
}
html>body .banner-cnt-left h1.hpbx-title {
	background: url(../images/hpbx-title.png) no-repeat left top;
}

.banner-cnt-right #npbx-banner {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/npbx.png',sizingMethod='noscale');
	height: 194px;
	width: 430px;
	margin: 100px 0px 0px 10px;
}
html>body .banner-cnt-right #npbx-banner {
	background: url(../images/npbx.png) right top no-repeat;
}
 .banner-cnt-right .fcc-logo {
filter: progidXImageTransform.Microsoft.AlphaImageLoader (src='images/fcc-logo.png',sizingMethod='noscale');
height: 43px;
width: 77px;
margin: 10px 6px 0px 0px;
float:right;
}
html>body .banner-cnt-right .fcc-logo {
background: url(../images/fcc-logo.png) no-repeat right top;
}

/* ===== Tabs CSS ===== */
div.tabPanes > div { } /* initially all panes are hidden */
div.tabPanes {padding: 0 0px; margin-top:5px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/banner-bg.png',sizingMethod='noscale'); width:724px; height:461px; }
html>body div.tabPanes {
	background:url(../images/banner-bg.png) no-repeat left top;
}

#circles { margin: -25px 0px 0px 350px; width:75px; height:15px; position:absolute; padding:0;}
#circles ul.tabs { list-style: none; padding:0; }
#circles ul.tabs li { float: left; }
#circles ul.tabs li a {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/circle.png',sizingMethod='noscale'); 
	display:block;
	width:12px; height:12px;
	float: left;
	padding: 0px;
	margin:0px 5px 0px 0px;
	cursor:pointer;
}
html>body #circles ul.tabs li a {
	background:url(../images/circle.png) left top no-repeat;
	cursor:pointer;
}
#circles ul.tabs li a:hover { }
#circles ul.tabs li a.current {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/circle-active.png',sizingMethod='noscale'); 
}
html>body #circles ul.tabs li a.current {
	background:url(../images/circle-active.png) left top no-repeat;
}
/* ===== Tabs CSS ===== */

#columns {
	width:719px;
	margin:0px 0px 0px 5px;
	padding:0px;
}
#prod-box {
	width:236px;
	float:left;
	margin-right:18px;
	background: url(../images/prod-btm-edge.gif) no-repeat left bottom;
}
#prod-box-top {
	background: url(../images/prod-top-edge.gif) no-repeat left top;
	display:block;
	height: 14px;
	width: 236px;
}
#prod-box-cnt {
	width:204px;
	border-left:1px solid #fccc80;
	border-right:1px solid #fccc80;
	padding:6px 15px 15px 15px;
	margin-bottom:5px;
}
#prod-box p.txt1, #mfg-box p.txt1, #tech-box p.txt1 {
	font-size:11px;
	line-height:16px;
	color:#888888;
	margin-top:5px;
}
#prod-box h3, #mfg-box h3, #tech-box h3 {
	font-size: 12px;
	color:#454545;
	font-weight: bold;
	margin:10px 0px 0px 0px;
}
#prod-box p.txt2, #mfg-box p.txt2, #tech-box p.txt2 {
	font-size:11px;
	line-height:14px;
	color:#454545;
	margin:2px 0px 2px 0px;
	width:110px;
}
#mfg-box p.txt2, #tech-box p.txt2 { float:left; margin-bottom:0px; line-height:16px;}
#mfg-box p.txt3 {
	font-size:11px;
	line-height:16px;
	color:#454545;
	margin:6px 0px 10px 0px;
}
#prod-box .prd-img, #mfg-box .prd-img {
	float:right;
}
#mfg-box .prd-img {
	float:right;
	margin-top:8px;
}
#prod-box a.prdlink {
	font-size: 11px;
	color:#ff9900;
	text-decoration:underline;
}
#prod-box a.view-all {
	color:#005ebb;
	background:url(../images/arrow-1.gif) right no-repeat;
	font-size: 11px;
	font-weight: bold;
	display:block;
	width:110px;
	margin-top:10px;
}
#prod-box a.view-all:hover {
	text-decoration:underline;
}
#mfg-box a.learn{
	color:#005ebb;
	background:url(../images/arrow-1.gif) right no-repeat;
	font-size: 11px;
	font-weight: bold;
	padding-right:8px;
	margin:0px;
}
#mfg-box a.learn:hover { text-decoration:underline; }
#prod-box a.prdlink:hover {
	color:#660000;
}
#mfg-box {
	width:200px;
	border-right:1px solid #e4e4e4;
	float:left;
	padding: 20px 18px 15px 0px;
}
#tech-box {
	width: 200px;
	float:left;
	padding: 20px 14px 14px 18px;
}
#tech-box ul {
	font-size:11px;
	line-height:16px;
	color:#454545;
	margin-top:5px;
}
#tech-box ul li {
	padding-left:15px;
	background:url(../images/bullet-1.gif) left 6px no-repeat;
}
#tech-box a.learn-tech {
	color:#005ebb;
	background:url(../images/arrow-1.gif) right 20px no-repeat;
	font-size: 11px;
	font-weight: bold;
	display:block;
	width: 175px;
}
#tech-box a.learn-tech:hover {
	text-decoration:underline;
}
#right-cnt {
	float:right;
	width:226px;
}
#live-chat {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/live-chat.png',sizingMethod='noscale'); 
	background: url(../) no-repeat left top;
	float: left;
	height: 83px;
	width: 225px;
	margin-top: 5px;
	cursor:pointer;
}
html>body #live-chat {
	background:url(../images/live-chat.png) left top repeat-x;
}
#live-support {
/*	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/live-chat-offline.png',sizingMethod='noscale'); 
	float: left;
	height: 83px;
	width: 225px; */
	cursor:pointer;
	margin-top: 5px;
}
/*html>body #live-support {
	background:url(../images/live-chat-offline.png) left top repeat-x;
}*/
#archi-box {
	float: left;
	height: 234px;
	width: 225px;
	/*border: 1px solid #333333;*/
	margin-top: 10px;
}
#archi-box .image {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/factory-img.png',sizingMethod='noscale'); 
	float: left;
	width: 225px;
	height:111px;
}
html>body #archi-box .image {
	background: url(../images/factory-img.png) no-repeat left top;
}
#archi-box #btm-edge {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/archi-btm-edge.png',sizingMethod='noscale');
	height: 5px;
	width: 225px;
	float:left;
}
html>body #archi-box #btm-edge  {
	background:url(../images/archi-btm-edge.png) no-repeat left bottom;
}
#archi-box .cnt{
	background:#393939;
	float: left;
	width: 197px;
	padding:14px;
}
#archi-box h3 {
	font-size:16px;
	color:#c3df00;
	font-weight:bold;
	margin-bottom:5px;
}
#archi-box p {
	font-size:11px;
	color:#afafaf;
	line-height:16px;
	margin-bottom:5px;
}
#archi-box a {
	font-size:10px;
	color:#6497cc;
	text-transform:uppercase;
}
#archi-box a:hover {
	color:#c3df00;
}
#wht-we-do {
	margin-top:20px;
	float: left;
	width: 210px;
	padding: 0px 10px 0px 5px;
	margin-bottom:10px;
}
#wht-we-do h3 {
	font-size:16px;
	color:#000000;
	line-height:18px;
	font-weight:bold;
	margin-bottom:5px;
}
#wht-we-do p {
	font-size:11px;
	color:#666666;
	line-height:16px;
	margin-bottom:7px;
}
#wht-we-do ul li a  {
	width:210px;
	font-size:12px;
	color:#ff9900;
	font-weight:bold;
	height:24px;
	display:block;
}
#wht-we-do ul li a:hover  {
	color:#1e71c3;
}
#wht-we-do ul li a.line  {
	background:url(../images/dotted-line.jpg) left bottom no-repeat;
	/*border-bottom:1px dotted #666666;*/
	margin-bottom:4px;
}
#quality-box {
	border-top: 1px solid #c6c6c6;
	background:url(../images/quality-seal.jpg) 5px 20px no-repeat;
	height: 200px;
	width: 212px;
	float:left;
	padding:0px 2px 0px 7px;
}

#quality-box p {
	font-size:11px;
	color:#454545;
	line-height:16px;
	margin: 100px 0px 10px 0px;
	width:100px;
}
#quality-box a {
	font-size:11px;
	color:#ff7171;
	line-height:16px;
	text-decoration:underline;
}
#quality-box a:hover {
	color:#1e71c3;
}
#footer-wrap {	border-bottom: 4px solid #ff9900;
	padding:0px;
}
#footer {
	margin:0px auto;
	height: 75px;
	width: 960px;
	margin-top: 15px;
	border-top: 1px dotted #9d9d9d;
}
#footer .col-1, #footer .col-2, #footer .col-3 {padding: 20px 10px;
	float:left;
	margin-right: 30px;}
#footer .col-1 {width: 255px; }
#footer .col-2 {width: 275px;}
#footer .col-3 {width: 190px; padding: 20px 4px;
	float:right;}

#footer .col-1 h1, #footer .col-2 h1 {
	font-weight:bold;
	font-size:11px;
	color:#666666;
	font-weight:bold;
	margin-bottom:3px;
}
#footer .col-1 ul, #footer .col-2 ul  {
	font-size:11px;
}
#footer .col-1 ul li, #footer .col-2 ul li {
	display:inline;
	color:#cccc00;
	margin: 0px 4px 0px 0px;
}
#footer .col-1 ul li a, #footer .col-2 ul li a {
	color:#296f9c;
	margin: 0px 5px 0px 0px;
}
#footer .col-1 ul li a:hover, #footer .col-2 ul li a:hover {
	color:#0099ff; text-decoration:underline;
}
#footer .col-3 p {
	font-size: 11px;
	line-height: 16px;
	color: #888888;
	text-align: right;
}


/*#footer-col-1 {
	height: 30px;
	width: 255px;
	padding: 20px 10px;
	float:left;
	margin-right: 30px;
}
#footer-col-2 {
	height: 30px;
	width: 275px;
	padding: 20px 10px;
	float:left;
	margin-right: 30px;
}
#footer-col-1 h3, #footer-col-2 h3 {
	font-size:11px;
	color:#666666;
	font-weight:bold;
	margin-bottom:3px;
}
#footer-col-1 ul, #footer-col-2 ul  {
	font-size:11px;
}
#footer-col-1 ul li, #footer-col-2 ul li {
	display:inline;
	color:#cccc00;
	margin: 0px 4px 0px 0px;
}
#footer-col-1 ul li a, #footer-col-2 ul li a {
	color:#296f9c;
	margin: 0px 5px 0px 0px;
}
#footer-col-1 ul li a:hover, #footer-col-2 ul li a:hover {
	color:#0099ff; text-decoration:underline;
}
#footer-col-3 {
	height: 30px;
	width: 190px;
	padding: 20px 4px;
	float:right;
}
#footer-col-3 p {
	font-size: 11px;
	line-height: 16px;
	color: #888888;
	text-align: right;
}*/
#footer-border {
	border-top: 4px solid #ff9900;
	padding:0px;
	height:30px;
}