/* Sample 4*/
#box4{
	position:absolute;
	z-index:10;
}

#industry, .maskContent{
	width:975px;
	height:380px;
}

#industry{
	float:left;
	background:#eee;
	color:#FFFFFF;
}
.maskContent{/*sample*/
	position:relative;
	overflow:hidden;
}
#industry h3{
	margin:40px 0 0 0;
	border-bottom: 1px solid #ffffff;
}
#industry h6{
	margin:0px;
	height:5px;
	border-bottom: 1px solid #ffffff;
}
#industry a{
	color:#FFFFFF;
	text-decoration:none;
}

#industry ul{
	float:left;
	width:220px;
	padding:5px 10px;
	/*border:1px #999900 double; <-- space  */
	list-style:none;
}
#industry ul li{
	display:block;
	width:220px;
	margin:.1em 0;
	background:none;
	cursor:pointer;
	/*border-bottom:1px solid;*/
}
#industry ul li:hover{
	background:url(../../Image/arrow_indexNew.gif) right no-repeat;
	border-bottom:1px solid #ffffff;
}

#industry img{
	/*float:left;*/
	/*margin:0 10px 10px 15px;*/
}

#industry_banner{
	display:block;
	width:975px;
	height:200px;
	overflow:hidden;
	border:1px solid #000;
}
/*--------background each Catagory---------*/
#int_hmi, #int_embedded, #int_rugged, #int_display, #int_ds, #int_auto, #int_mil{
	height:380px;
	background:url(../../Image/indexNew_bttom.png) bottom right no-repeat;
}

#int_hmi h1, #int_embedded h1, #int_rugged h1, #int_display h1, #int_ds h1, #int_auto h1, #int_mil h1{
	margin: 1em;
	font-family:Arial, Helvetica, sans-serif;
}

#int_auto{
	background-color:#a33836;
}
#int_auto h1{
	color:#ac0000;
}

#int_mil{
	background-color:#044c2a;
}
#int_mil h1{
	color:#ffffff;
}

#int_energy{
	background-color:#218acd;
}
#int_energy h1{
	color:#186da3;
}

#int_hmi{
	background-color:#2d668a;
}
#int_hmi h1{
	color:#0a4468;
}

#int_embedded{
	background-color:#0f961f;
}
#int_embedded h1{
	color:#14681e;
}

#int_rugged{
	background-color:#c19f02;
}
#int_rugged h1{
	color:#987d03;
}
#int_display{
	background-color:#7b7a79;
}
#int_display h1{
	color:#282523;
}
#int_ds{
	background-color:#de7313;
}
#int_ds h1{
	color:#282523;
}
/*=========== Navigation/Buttons =============*/
#nav{
	position:absolute;
	width:960px;
	padding:0px 7px;
	height:30px;
	top:215px;
	z-index:20;
	border:#006699 1px solid;
	background:url(../../Image/indexNav.jpg) repeat-x top left;
}

#nav p{ /**/
	font-size:.9em;
	margin:0;
	padding:0;
}
#nav a, #nav a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

/*try #nav .buttons*/
.buttons{padding:0px;}
.buttons span{
	width:160px;
	height:20px; /*total hight is 30px*/
	padding-top:10px;
	display:block;
	color:#fff;
	cursor:pointer;
	font:10px Verdana; 
	float:left;
	text-align:center;
	background:url(../../Image/indexButton.png) repeat-x left top;
}
.buttons span.active, .buttons span:hover{background:url(../../Image/indexButton.png) repeat-x left bottom;color:#fff;}

#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}

/* ********************************** */

.info{
	width:240px;
	height:50px;
	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;
}

span img{
	display:block;
	border:none;
}

/*############# Middle ############*/

#midContainer{
	padding:0 .8em;
	height:255px;
	border:1px dotted #99CC00;
}
#midContainer div{
	margin:0 2px;
	float:left;
}
#midContainer h2{
	margin:.5em 0;
	padding-left:1em;
	display:block;
	color:#333333;
	font-size:1em;
	border-bottom:1px double #666666;
}
.cat1{
	clear:both;
	display:block;
	width:300px;
}
.cat1 h2 a, .cat1 h2 a:hover{
	color:#333333;
	text-decoration:none;
}
.newsContainer{
	width:300px;
	height:200px;
	overflow:hidden;
}
.newsContainer span{
	color:#FF6600;
	font-weight:bold;
	margin-right:5px;
}
.newsContainer ul{
	margin:0;
	padding:0;
	list-style:none;
}
.newsContainer li{
	font-size:.8em;
	padding:.3em .7em;
	border-bottom:1px #333333 dotted;
}

.newsContainer li a{
	display:block;
	padding:.2em;
	color:#444444;
	text-decoration:none;
}
.newsContainer li a:hover{
	background-color:#444444;
	color:#FFFFFF;
}

/*---------Competition Solution---------*/
#cat2{
	width:400px;
	height:200px;

}
#cat2 h2{
	clear:both;
}
#cat2 h2 a{
	color:#666666;
	text-decoration:none;
}
#cat2 h2 a:hover{
	background:url(../../Image/arrow_indexNew.gif) right no-repeat;
}
#cat2 div{
	margin:0;
}

.competitionMask{
	position:relative;
	padding:0 10px;
	width:380px;
	height:57px;
	overflow:hidden;
}
.competitionMask h3{
	margin-top: .5em;
	font-size:.9em;
}

.compNav{				/*----------------*/
	position:absolute;
	z-index:30;
	height:160px;
	cursor:pointer;
}
.compNav span{
	padding-top:75px;
	display:block;
	width:22px;
	height:85px;   /*total height 160*/
	background:#000000;
	color:#ffffff;
}

/*------------Application Solution-----------*/

#cat3{
	width:265px;
	height:200px;
}
.appContainer{
	width:300px;
	height:160px;
	overflow:auto;
}

/*--------------Gov Registration------------*/
.competitionProd{
	padding:0 .5em;
}
.competitionProd ul{
	width:265px;
	list-style:none;
}
.competitionProd ul li{
	clear:both;
	display:block;
	height:48px;
	margin-bottom:27px;
}
.competitionProd ul li a{
	font-size:.9em;
	color:#CC0000;
	text-decoration:none;
}
.competitionProd ul li a:hover{
	text-decoration:underline;
}
.competitionProd p{
	font-size:.8em;
}