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


#bannerContainer {
	background:repeat-x url('/images/bg_home_top2.jpg'); 
	background-position:center top; 
	height:395px;
}

#subBannerContainer {
	background:repeat-x url('/images/bg_home_top2.jpg'); 
	background-position:center top; 
	height:273px;
}

#logo {
	position:absolute; 
	top:10px;
	left:35px;
}

#navigation {
	position:absolute; 
	top:70px; 
	left:24px;
}

#right_navigation {
	position:absolute; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:-1px;
	top:100px; 
	right:20px;
}

#mainContainer {
	background:repeat-x url('/images/bg_mid.jpg'); 
	background-position:center top;
	min-height:350px;  
	height:auto !important;  
	height:350px; 
	background-color:#FFF;
}

#footer {
	background:repeat-x url('/images/bg_bottom.jpg'); 
	background-position:center top;
	height:100px;
}

#footerContent {
	width:880px; 
	margin-left:auto; 
	margin-right:auto; 
	padding-top:20px; 
	color:#666;
}

#aboutBg {
	position:relative; 
	top:0px; 
	left:0px; 
	background: no-repeat url('../images/about_bg.jpg');
	background-position:center top;
	height:145px; 
	width:100%;
}

#customerBg {
	position:relative; 
	top:0px; 
	left:0px; 
	background: no-repeat url('../images/customers_bg.jpg'); 
	background-position:center top;
	height:145px; 
	width:100%;
}

#solutionBg {
	position:relative; 
	top:0px; 
	left:0px; 
	background: no-repeat url('../images/solution_bg.jpg');
	background-position:center top;
	height:145px; 
	width:100%;
}

.pageTitle {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	padding-left:10px;
}

/* tab navigation */

#tabnav {
	position:absolute; 
	top:84px; 
	left:24px;
	overflow: hidden;
	display: block;
	width: 100%;
}
#tabnav * {
	padding:0;
	margin:0;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	font-weight:bold;
	letter-spacing:-1px;
	}
#tabnav ul {
	padding: 10px 0 0 0;
	}
#tabnav ul li {
	list-style: none;
	float: left;
	margin: 0 0 0 2px;
}
#tabnav ul li a {
	background: url('/images/bluetab.jpg') top right no-repeat;
	display: block;
	padding: 0 15px 0 0;
	color: #FFF;
	text-decoration: none
}
#tabnav ul li a span {
	background: url('/images/bluetab.jpg') top left no-repeat;
	display: block;
	padding: 8px 0 8px 15px;
	}
	
#tabnav ul li a:hover {
	background: url('/images/bluetab_over.jpg') top right no-repeat;
	color: #FFF;
}
#tabnav ul li a:hover span {
	background: url('/images/bluetab_over.jpg') top left no-repeat;
}
			
			
/*  Noob Slide  */
#releases-item { margin:10px 0; padding:0px; }
.buttons{ cursor: pointer; font-weight:bold;}
.buttons span{ padding:5px 9px 15px 9px; margin:0 0 0 10px; background:url('/images/bg_news_button_up.png') top center no-repeat; color:#fff; }
.buttons span.active, .buttons span:hover{ background:url('/images/bg_news_button_active.png') top center no-repeat;}

.rounded {
	-moz-border-radius:1ex;
	-webkit-border-radius:1ex;
	-khtml-border-radius:1ex; 
	border-radius:1ex;
}


#box4{
	position:absolute;
}
#box4 div{
	width:280px;
	height:340px;
	float:left;
	display:block;
}

#box4 h3, #box4 p, #box4 ul{
	padding:0;
}


#info4{
	display:none;

}



.info{
	width:280px;
	height:340px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}


.mask3{
	position:relative;
	width:280px;
	height:340px;
	overflow:hidden;
}