#header div.logo, #content.twocols .secondary img, .date, img, .accordion_headings{ behavior: url(iepngfix.htc); }
img { behavior: url(iepngfix.htc); }

html {height: 100%;}
#nonFooter{
	position: relative;
	min-height: 100%;
}

* html #nonFooter{
	height: 100%;
}

body {
	height: 100%;
    background: white;
    margin: 0;
    padding: 0;
    font-size: 76%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    background: url(../images/bg.gif) top center repeat-y;
    text-align: center;
	}
	
p {font-size:15px;}

body * {
    text-align: left;}

	
img {
    border-width: 0;}


h2 {
	margin: 0px 0 0 0;
	padding: 0;}
	
h2 span {
	display: none;}
	
h3, h4, h5 {
    color: #3399cc;}
	
h3 {
    font-size: 1.10em;
    text-transform: uppercase;
    letter-spacing: 0.1em;}
	
h3, p {
    margin: 0.75em 0;}
	
.home h3 {
	display: none;}
	
h4 {
    font-size: 2.3em;
    margin: 0.5em 0 0.8em 0;
    font-weight: bold;
	font-family:"Century Gothic", Arial;}

.home h4 {
    padding-left:15px}
		
h5 {
	font-size: 1em;
	margin: 1.2em 0 0.8em 0;}
	
strong {
    font-weight: bold;}

a {
    color: #3399cc;
    font-weight: bold;
    text-decoration: underline}
	
ul a{text-decoration:none;}
a:hover {
    color: #0066FF;
    text-decoration: none;}


/* HEADER ****************************************************/

#header {
	background: url(../images/bg_home4.gif) top left repeat-x;    
    margin: 0;    
	text-align: left;
	position: relative;
	}
#Home #header{
	background: url(../images/bg_home6.gif) top left repeat-x;
	height: 318px;
	}	
#header div.wrap {    
    text-align: left;}

#header div.logo {	
	top: 0;
	left: 0;
	width: 200px;
	height: 85px;
	float: left;
	background: url(../images/logo.png) top left no-repeat;
	text-align: left;
	display:block;
}

/* FOOTER ************************************************************/

#footer {
	border-top: solid 1px #ccc;
	clear: both;
	padding:0;
	position: relative;
	margin: -71px auto 0 auto;
	height:70px;
	width:950px;
	background:#dedede;
}
#footer p {
	text-align: left;	
	line-height:70px; 	
	font-size:10px;
	color:#888;
	padding:0;
	margin:0
}

/* Common Navigation  *************************************************/

#nav  {
    width:100%;
	height:82px;
    padding: 0;
}

#nav ul {
	display: block;
	height: 82px;
	background: url(../images/menu_new2.jpg) 0 -82px no-repeat;
	list-style: none;
	width: 950px;
	margin:0 auto;
	padding:0;
	}

#nav ul li,
#nav ul li a {
	display: block;
	float: left;
	height: 82px;
	}

#nav ul li {
	position: relative;
	}

#nav ul li a {
	font: 16px "Trebuchet MS", Sans-Serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #918d88;
	padding: 0 0px;
	text-indent: -5000px;
	text-decoration: none;
	height: 82px;
	}
	
#nav ul li a.apexlogo { background: url(../images/menu_new2.jpg) 0 -82px;  width:210px; }
#nav ul li a.apexlogo:hover { background: url(../images/menu_new2.jpg) 0 0px;  width:210px; }

#nav ul li a.home { 
	background: url(../images/menu_new2.jpg) -210px -82px;  width:86px; }
#nav ul li a.home:hover { 
	background: url(../images/menu_new2.jpg) -210px 0px; width:86px;}
#nav ul li a.homeselected { 
	background: url(../images/menu_new2.jpg) -210px -164px; width:86px;}

#nav ul li a.about { 
	background: url(../images/menu_new2.jpg) -295px -82px; width:96px;}
#nav ul li a.about:hover,  #nav ul li a.about.selected{ 
	background: url(../images/menu_new2.jpg) -295px 0px; width:96px;}
#nav ul li a.aboutselected{ 
	background: url(../images/menu_new2.jpg) -295px -164px; width:96px;}

#nav ul li a.news { 
	background: url(../images/menu_new2.jpg) -391px -82px; width:90px;}
#nav ul li a.news:hover, #nav ul li a.news.selected { 
	background: url(../images/menu_new2.jpg) -391px 0px; width:90px;}
#nav ul li a.newsselected { 
	background: url(../images/menu_new2.jpg) -391px -164px; width:90px;}

#nav ul li a.features { 
	background: url(../images/menu_new2.jpg) -480px -82px; width:112px;}
#nav ul li a.features:hover, #nav ul li a.features.selected { 
	background: url(../images/menu_new2.jpg) -480px 0px; width:112px;}
#nav ul li a.featuresselected { 
	background: url(../images/menu_new2.jpg) -480px -164px; width:112px;}

#nav ul li a.papers { 
	background: url(../images/menu_new2.jpg) -593px -82px; width:103px;}
#nav ul li a.papers:hover, #nav ul li a.papers.selected { 
	background: url(../images/menu_new2.jpg) -593px 0px; width:103px;}
#nav ul li a.papersselected { 
	background: url(../images/menu_new2.jpg) -593px -164px; width:103px;}

#nav ul li a.customers { 
	background: url(../images/menu_new2.jpg) -697px -82px; width:129px;}
#nav ul li a.customers:hover, #nav ul li a.customers.selected { 
	background: url(../images/menu_new2.jpg) -697px 0px; width:129px;}
#nav ul li a.customersselected { 
	background: url(../images/menu_new2.jpg) -697px -164px; width:129px;}

#nav ul li a.login { 
	position:absolute;
	top:0;
	height:33px;
	background: url(../images/menu_new2.jpg) -826px -82px; width:124px;}
#nav ul li a.login:hover, #nav ul li a.login.selected { 
	position:absolute;
	top:0;
	height:33px;
	background: url(../images/menu_new2.jpg) -826px 0px; width:124px;}
#nav ul li a.loginselected { 
	position:absolute;
	top:0;
	height:33px;
	background: url(../images/menu_new2.jpg) -826px -164px; width:124px;}
	
#nav ul li a.contact { 
	position:absolute;
	top:33px;
	height:34px;
	background: url(../images/menu_new2.jpg) -826px -115px; width:124px;}
#nav ul li a.contact:hover, #nav ul li a.contact.selected { 
	position:absolute;
	top:33px;
	height:34px;
	background: url(../images/menu_new2.jpg) -826px -33px; width:124px;}
#nav ul li a.contactselected { 
	position:absolute;
	top:33px;
	height:34px;
	background: url(../images/menu_new2.jpg) -826px -197px; width:124px;}


/* PROMO AREA ******************************************************************/
#promo {
    margin: 0px;
    text-align: left;
	padding:0;
    position: relative;
    height: 111px;
    background: url(../images/promo.jpg) top center no-repeat;
	overflow:hidden;}

#promo .banner{
	width: 946px;
	margin: 0 auto;
}

#promo .banner img{margin:0; padding:0; float:left;}	

.BlackColor
{
color:black;
}
#Home #promo {
    margin: 0px;
    text-align: center;
    position: relative;
    height: 236px;
    background: url(../images/homepromo4.jpg) top center no-repeat;
	overflow:hidden;}


/* HOMEPAGE **************************************************************/
#content.home {
    background: url(../images/bg_content222.jpg) top center no-repeat;
    text-align: center;	
	margin:0;
	padding:0;
	padding-bottom:70px;
	}
	
h1.welcomeh1{
font-size:15px;
font-weight:normal;
margin:0;
padding:0 15px;}
	
#content.home div div.features {
	margin:0;
	width: 316px;
    padding: 0;
    float: left;
	}	
	
#content.home div div.welcome, #content.home div div.news{
	width:632px; 
	padding:0; 
	margin:0; 
	float:left;
	
}	
#content.home div div.welcome{	
	   background:#e9f4fa url(../images/welcomebg.gif) top left no-repeat;
	   padding: 48px 0px 0 0px;
	   }

#content.home h3 {margin-bottom: 0em;}
#content.home p {margin: 0;	padding:0 15px; text-align:justify;}
#content.home .wrap {text-align: center; position: relative; background:#FFFFFF}



/* Home NEW & HOT  **************************************************************/
	

ul.features{margin:0; padding:0; list-style:none;}

ul.features li, ul.news li{
	list-style:none; 
	margin:0; 
	padding:0
	}
		
ul.features li a{
	width:221px;
	display:block; 
	padding:15px 15px 15px 80px; 
	border-bottom:1px dotted #ccc;
	font-size:18px;
	margin:0;
	}
	
ul.features li a.last{
	border:none;}
	
	
ul.features li a strong{
	font-size:12px; 
	font-weight:normal; 
	color:#666; 
	padding:0; 
	display:block; 
	width:auto; 
	margin:0; 
	padding:0px;
	}


ul.features li a.one{background:url(../images/features_live.png) -4px 10px no-repeat;  behavior: url(iepngfix.htc);}
ul.features li a.two{background:url(../images/features_web.png)  -4px 10px  no-repeat;  behavior: url(iepngfix.htc);}
ul.features li a.three{background:url(../images/cebit2.png)  -4px 10px  no-repeat;  behavior: url(iepngfix.htc);}


/* NEWS  **************************************************************/

.date {
	display:block;
	margin:0 7px 0 8px;
    width:62px;
	height:61px;
	float:left;	
	padding:0;
	background:url(../images/datebg.png) top left no-repeat;	
	}
	
.date p {
	text-align:center;
	color:#9b9b8e;
	padding:0px;
	margin:0 0 0 -5px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	}

.date span.month {
	font-size:12px;
	height:15px;
	display:block;
	margin:0 0 0 0px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	}	
	
.date span.day {
	font-size:24px;
	display:block;
	margin-top:0px!important;
	margin:0 0 0 0px;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;text-align:center;
	}
	
.date span.year {
	font-size:12px;
	height:15px;
	display:block;
	margin:-4px 0 0 0px;
	text-align:center;
	color:#aaa;
	}	

 .newsitem{
	margin:0 0 15px 0px;
	padding:0 0 15px 0;
	border-bottom:1px solid #ccc}

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

 .newsitem h1{
	font-size:18px;
	margin:5px 0;
	padding:0;
	border:none;}

 .newsitem h2{
	font-size:14px;
	font-style:italic;
	margin:5px 0 20px 0;
	padding:0;
	color:#666666;
	font-weight:normal;
	background:none;
	height:auto;
	width:auto;}
	
#content.twocols .primary .newsitem ul{
margin:0 0 0 40px}
	
/* CONTENT AREA  **************************************************************/


/* MAIN CONTENT AREA */
#content {
    padding-top:0;
    text-align: center;
    background-position: center top;
    background-repeat: no-repeat;
	padding-bottom:70px;
	}
#content div.wrap {
    width: 948px;
    margin: 0 auto;
    text-align:left;}

#content .primary {
    float: left;
    padding: 0 0px;
	margin:0;}
	
#content .secondary {
    float: left;
    padding: 0 0px;
	margin:0}
	
.secondary img.screen{
	display:block;
	margin:0 auto;
	width:174px;
	height:130px;
	background:url(../images/screen.jpg) top center no-repeat;
	padding:23px 25px 31px 23px;}
	
.secondary img{
	display:block;
	margin:0 auto;
}
	
.primary table{
border-collapse:collapse;
border:1px solid #ccc;
background: #F7F5F0;
}

.primary table td p{
font-size:12px;
}

.primary table td{
border:1px dotted #ccc}

/* TWO COLUMN PAGE*/
.twocols {
    background: url(../images/bg_content_inner.jpg) top center no-repeat;}
	
/* ONE COLUMN PAGE*/	
.onecol {
    background: url(../images/bg_content_inner_single.jpg) top center no-repeat;
	}		

#content.twocols .primary {
    width: 631px;
	 }
	
#content.onecol .primary {
    width: auto; 
	margin:0;
	padding:48px 0 0 1px;}
	

#content.twocols .primary  h1{
	font-size:20px;
	margin:0;
	padding:0;
	}
	
#whitepaper h1{
	border-bottom:1px solid #ccc}

#whitepaper h2{
	font-size:16px;
	margin:10px 0;
	padding:10px;
	height:auto;
	width:auto;
	background-color:#ddd;
	color:#333}	

#content.twocols .primary  h1.title{
	font-size:24px;
	margin:0;
	padding:0;
	border-bottom:0px solid #ccc}



#content.twocols .primary h3{
	margin:5px 0;
	}

#content.twocols .primary h4{
	font-size:14px;
	font-style:italic;
	color:#666666;
	}

#content.twocols .primary #whitepaper p{
	margin:0;
	padding:0 0 10px 0;}

#content.twocols .primary ul{
	list-style:square;
	margin:0 0 0 20px;
	padding:0;	
}

#content.twocols .primary ul li{
	font-size:14px;
	color:#444;
	list-style:square;
	margin:0;
	line-height:150%;
	padding:0;
	
	}

.primary blockquote, #apex-vision blockquote{
	width:220px;
	display:block;
	float:right;
	padding:15px 10px;
	border-top:4px double #ccc;	
	border-bottom:4px double #ccc;	
	}

.primary blockquote div, #apex-vision blockquote div{
	padding:20px 10px 20px 10px;
	margin:0;
	font-style:italic;
	color: #777;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	}
	
	
#content.twocols .secondary {
    width: 300px;
}
#content.twocols .secondary p {
    font-size: 0.9em;
    margin-top: 0;
    font-weight: normal;}
	
#content.twocols .secondary h2 {
padding:0 10px;}


	

/* SECONDARY COLUMN NEWS*/
#content.twocols .secondary ul{
	list-style:square;
	margin:0;
	padding:0;
	margin: 35px 0 0 55px;	
	}

#content.twocols .secondary ul li{
	font-size:18px;
	font-weight:bold;
	color:#338fe4;
	list-style:square;
	line-height:25px;
	}
	


/* LATEST NEWS ON SECONDARY COLUMN LIST STYLE */
#content.twocols .secondary.sidenews ul{
	list-style:square;
	margin:0;
	padding:0;	
	}

#content.twocols .secondary.sidenews ul li{
	font-size:12px;
	font-weight:normal;
	color:#444;
	margin:0 0 0 40px;
	list-style:square;
	line-height: normal;
	}
	
#content.twocols .secondary.sidenews  h1 {
padding:0 10px;
font-size:14px}

#content.twocols .secondary.sidenews  p {
padding:0 10px;
}


/* ABOUT PAGE STYLES AREA  ********************************************/

#content.twocols .primary.about{
	padding:48px 0 0 1px;}


/* WHITEPAPER PAGE STYLES***********************************************/

#content.twocols .primary #whitepaper{
	padding:25px;
	font-size:14px;}




.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


blockquote {
  background: transparent url(../images/quoteleft.png) left top no-repeat;
  margin:0;
  padding:0;
  behavior: url(iepngfix.htc); 
}
blockquote div {
  padding: 0 48px 0 52px;
  font-size:15px;
  background: transparent url(../images/quoteright.png) right bottom no-repeat;

}

/* Accordion for features page ***************************************************/

.accordion_headings{
height:85px;
background:url(../images/featureheadingbg.gif) top left repeat-x;
padding:0 10px;
cursor:pointer}

.accordion_headings h1{
font-size:18px;
font-weight:bold;
padding:5px 0 0 0;
margin:0;
height:auto;
border:0;
}

#content.twocols .primary #basic-accordian h1{
border:0}

.accordion_headings span{
font-size:12px;
color: #777;
font-weight:bold;}

.accordion_child p{
padding:10px;}


.accordion_child img{
margin:0 auto;
display:block;}

#basic-accordian{
margin:0;
padding:0;
}


.caption{
display:block;
width:200px;
margin:0 auto;
font-size:9px;
text-align:center;
padding:0 0 5px 0}

.expand{
display:block;
float:right;
width:19px;
height:19px;
background:url(../images/expand.gif) top left no-repeat;}