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

*{	margin:0;
	padding:0;}
body{	font-family:Arial, Helvetica, sans-serif;}	
	
#hn_container{	width: 87%;
height:265px;
margin: -28px 0 25px 52px;
position: relative;
border: 1px solid #CCC;
box-shadow: 0 1px 5px 0 #2A5276;}
			
#hn_container #hn_header{	width:100%;
					height:40px;
					position:relative;
					padding:0px;
					background-color:#04396C;
					color:#fff;
					font-family:Cooper Std;
					font-size:28px;
					text-align:center;}
					
					
#hn_container #hn_header2{	width:100%;
					height:40px;
					position:relative;
					padding:0px;
					background-color:#04396C;
					color:#fff;
					font-family:Cooper Std;
					font-size:28px;
					text-align:center;
					display:none;}							
					
#hn_container .hn_menubox{	width:25%;
						height:225px;
						position:relative;
						float:left;
						/*background-color:#0B5A00;*/}
						
#hn_container .hn_menubox:hover{	/*background-color:#049627;*/
							cursor:pointer;}						
						
						
#hn_container .hn_menubox1{	width:25%;
						height:225px;
						position:relative;
						float:left;
						background-color:#DDD;}
						
#hn_container .hn_menubox1:hover{	background-color:#D6D5D5;
							cursor:pointer;}												
						
						
#hn_container .hn_menubox2{	width:25%;
						height:225px;
						position:relative;
						float:left;
						/*background-color:#0461AA;*/}
						
#hn_container .hn_menubox2:hover{/*background-color:#106FD6;*/
							cursor:pointer;}						
						
#hn_container .hn_menubox3{	width:25%;
						height:225px;
						position:relative;
						float:left;
						background-color:#DDD;}
						
#hn_container .hn_menubox3:hover{	background-color:#D6D5D5;
							cursor:pointer;}							
						
						
#hn_container .hn_menuheader{	width:100%;
						height:16px;
						position:relative;
						padding:3px;
						/*background-image:url(img/opacity_bg.png);*/
						background-repeat:repeat-x;
						text-align:center;
						color: black;
						font-weight: bold;
						font-size: 13px;}
						
						
#hn_container .hn_menuheader2{width: 100%;
height: 16px;
position: relative;
padding: 3px;
/*background-image: url(img/opacity_bg.png);*/
background-repeat: repeat-x;
text-align: center;
font-size: 13px;
color: #000;
font-weight: bold;}
						
						
#hn_container #hn_img1, #hn_img2, #hn_img3, #hn_img4{	width: 76px;
height: 105px;
position: relative;
margin: auto;
margin-bottom:10px;}	

#hn_container #hn_img1{ background-image:url(img/seeker._01.png);
					background-repeat: no-repeat;}
					
#hn_container #hn_img2{ background-image: url(img/Provider._01.png);
					background-repeat: no-repeat;}
					
#hn_container #hn_img3{ background-image: url(img/Expert._01.png);
					background-repeat: no-repeat;}
					
					
#hn_container #hn_img4{ background-image: url(img/Others._01.png);
					background-repeat: no-repeat;}															

#hn_container #hn_submenu1	{	width:75%;
						height:225px;
						position:relative;
						display:none;
						float:right;}
						

/*#hn_container #hn_backbtn {
position: absolute;
font-size: 15px;
cursor: pointer;
top: 150px;
z-index: 999;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
transform: rotate(-90deg);
left: 165px;
padding: 5px;
color: #FFF;
background-color: #000;	}*/

#hn_container #hn_backbtn {
position: absolute;
width:45px;
height:19px;
color:#fff;
margin:9px 0 0 10px;
font-size: 15px;
cursor: pointer;
z-index: 999;
}

						
						
						
#hn_container #hn_submenu2	{	width:75%;
						height:225px;
						position:relative;
						display:none;
						float:right;}
						
						
#hn_container #hn_submenu3	{	width:75%;
						height:225px;
						position:relative;
						display:none;
						float:right;}
						
						
#hn_container #hn_submenu4	{	width:75%;
						height:225px;
						position:relative;
						display:none;
						float:right;}																																				
						
																									
.hn_table_ks{float:right;}

#hn_img_ks{	width:100%;
			height:42px;
			position:relative;
			margin-top: 3px;}
			
#hn_innerdiv{	width: 116px;
height: 53px;
			position:relative;
			float:left;
			margin:0 34px 0 0;}
			
#innerdiv .greenArrow{	width: 116px;
height: 53px;
						margin:5px;
						background-image:url(img/greenArrow.png);}
						
#hn_innerdiv .hn_redArrow{	width: 116px;
height: 53px;
						margin:5px;
						background-image:url(../images/redArrow.png);}
						
#hn_innerdiv .hn_yellowArrow{	width: 116px;
height: 53px;
						margin:5px;
						background-image:url(../images/yellowArrow.png);}
						
#hn_innerdiv hn_.voiletArrow{	width: 116px;
height: 53px;
						margin:5px;
						background-image:url(../images/voiletArrow.png);}	
						
#hn_innerdiv .hn_orangeArrow{	width: 116px;
height: 53px;
						margin:5px;
						background-image:url(../images/orangeArrow.png);}
						

#hn_innerdiv .hn_blueArrow{	width: 116px;
height: 53px;
						margin:5px;
						background-image:url(../images/blueArrow.png);}												
											
																		
						
#hn_innerdiv  .hn_innertxt{
font-size: 13px;
color: #FFF;
position: relative;
margin: 0 0 0 4px;
padding-top: 18px;
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
transform: rotate(-7deg);
}												
#hn_innerdiv ul{	list-style:none;}

#hn_innerdiv a{	display:block;
				margin:5px 0 0 5px;
				color:black;
				text-decoration:none;
				font-size:14px;}
				
.hn_imgarrow{	background-image:url(img/arrow1.png);
			width:16px;
			height:16px;
			float:left;}		
			
.hn_table1{	margin-top:3px;}			
			
.hn_table1 a, .hn_table2 a{	text-decoration:none;
			color:#000;
			margin-left:5px;}
			
.hn_table1 a:hover{	text-decoration:underline;}	

#hn_explan{font-size:14px;
margin:10px 0 0 10px;}


.hn_infotxt{	margin:-11px 0 0 10px;
color:#000;}

.hn_headline{width: 100%;
margin: -30px 0px 35px 0;
text-align: center;
font-size: 17px;
color:#3D6489;}

.clickhere{	width:100%;
		height:16px;
		position:relative;
		padding:3px;
		text-align:center;
		color: #1694BB;
		font-weight: bold;
		font-size: 13px;}


.clickhere:hover{text-decoration: underline;}