.our_port_menu{width:676px; float:left; clear:both; height:54px; padding-top:13px; margin:0px; }

.our_port_menu p.label label { display: none; }
.our_port_menu ul { display: block; position: relative; float: left; margin:0px; padding:0px; }
.our_port_menu ul li { display: inline; float: left; margin:0px; }
.our_port_menu li li a { display: block; float: left;  }



#portfolio { width: 676px; background-image:url(../images/about/our_port_new.jpg); background-repeat: no-repeat; }




#portfolio li a 
{ 	display: block; height: 54px; float: left; background-image:url(../images/about/our_port_new.jpg); 
	background-repeat: no-repeat; background-position: 0 0; 
	width:676px;
}



#portfolio li a:link{color:#000000; text-decoration:none;}
#portfolio li a:visited{color:#000000; text-decoration:none; }
#portfolio li a:hover{color:#FFFFFF; text-decoration:none; }



#portfolio li a.btn-portfolio-1 { width:111px; background-position: 0 0px;}
#portfolio li a.btn-portfolio-2 { width:111px; background-position: -111px 0px ;}
#portfolio li a.btn-portfolio-3 { width:111px; background-position: -222px 0px ;}
#portfolio li a.btn-portfolio-4 { width:111px; background-position: -333px 0px ;}
#portfolio li a.btn-portfolio-5 { width:111px; background-position: -444px 0px ;}
#portfolio li a.btn-portfolio-6 { width:111px; background-position: -555px 0px ;}


/*
#portfolio li a.btn-portfolio-1:hover {  background-position: 0 -67px; }
#portfolio li a.btn-portfolio-2:hover {  background-position: -134px -67px; }
#portfolio li a.btn-portfolio-3:hover {  background-position: -268px -67px; }
#portfolio li a.btn-portfolio-4:hover {  background-position: -402px -67px; }
#portfolio li a.btn-portfolio-5:hover {  background-position: -536px -67px; }
*/


#portfolio li.active a:link{color:#FFFFFF; text-decoration:none;}
#portfolio li.active a:visited{color:#FFFFFF; text-decoration:none; }
#portfolio li.active a:hover{color:#FFFFFF; text-decoration:none; }

#portfolio li.active a.btn-portfolio-1 {  background-image:url(../images/about/our_port_new.jpg); background-position: 0px -67px;}
#portfolio li.active a.btn-portfolio-2 {  background-image:url(../images/about/our_port_new.jpg);background-position: -111px -67px;}
#portfolio li.active a.btn-portfolio-3 {  background-position: -222px -67px;}
#portfolio li.active a.btn-portfolio-4 {  background-position: -333px -67px;}
#portfolio li.active a.btn-portfolio-5 {  background-position: -444px -67px;}
#portfolio li.active a.btn-portfolio-6 {  background-position: -555px -67px;}




/**************************************** TH ****************************************************/


.our_port_menu_th{width:676px; float:left; clear:both; height:54px; padding-top:13px; margin:0px;}

.our_port_menu_th p.label label { display: none; }
.our_port_menu_th ul { display: block; position: relative; float: left; margin:0px; padding:0px; }
.our_port_menu_th ul li { display: inline; float: left; margin:0px; }
.our_port_menu_th li li a { display: block; float: left;  }



#portfolio_th { width: 676px; background-image:url(../images/about/our_port_th_new.jpg); background-repeat: no-repeat;}

#portfolio_th li a 
{ 	display: block; height: 54px; float: left; background-image:url(../images/about/our_port_th_new.jpg); 
	background-repeat: no-repeat; background-position: 0 0; 
	width:676px;
}


#portfolio_th li a:link{color:#000000; text-decoration:none;}
#portfolio_th li a:visited{color:#000000; text-decoration:none; }
#portfolio_th li a:hover{color:#FFFFFF; text-decoration:none; }



#portfolio_th li a.btn-portfolio-1 { width:111px; background-position: 0 0px;}
#portfolio_th li a.btn-portfolio-2 { width:111px; background-position: -111px 0px ;}
#portfolio_th li a.btn-portfolio-3 { width:111px; background-position: -222px 0px ;}
#portfolio_th li a.btn-portfolio-4 { width:111px; background-position: -333px 0px ;}
#portfolio_th li a.btn-portfolio-5 { width:111px; background-position: -444px 0px ;}
#portfolio_th li a.btn-portfolio-6 { width:111px; background-position: -555px 0px ;}


/*
#portfolio_th li a.btn-portfolio-1:hover {  background-position: 0 -67px; }
#portfolio_th li a.btn-portfolio-2:hover {  background-position: -134px -67px; }
#portfolio_th li a.btn-portfolio-3:hover {  background-position: -268px -67px; }
#portfolio_th li a.btn-portfolio-4:hover {  background-position: -402px -67px; }
#portfolio_th li a.btn-portfolio-5:hover {  background-position: -536px -67px; }
*/


#portfolio_th li.active a:link{color:#FFFFFF; text-decoration:none;}
#portfolio_th li.active a:visited{color:#FFFFFF; text-decoration:none; }
#portfolio_th li.active a:hover{color:#FFFFFF; text-decoration:none; }

#portfolio_th li.active a.btn-portfolio-1 {  background-image:url(../images/about/our_port_th_new.jpg); background-position: 0px -67px;}
#portfolio_th li.active a.btn-portfolio-2 {  background-image:url(../images/about/our_port_th_new.jpg);background-position: -111px -67px;}
#portfolio_th li.active a.btn-portfolio-3 {  background-position: -222px -67px;}
#portfolio_th li.active a.btn-portfolio-4 {  background-position: -333px -67px;}
#portfolio_th li.active a.btn-portfolio-5 {  background-position: -444px -67px;}
#portfolio_th li.active a.btn-portfolio-6 {  background-position: -555px -67px;}



#port_detail_01{ display:none; clear:both; }
#port_detail_02{ display:none; clear:both; }
#port_detail_03{ display:none; clear:both; }
#port_detail_04{ display:none; clear:both; }
#port_detail_05{ display:none; clear:both; }
#port_detail_06{ display:none; clear:both; }


#portfolio_img_01_out{  float:left; padding-right:1px; display:none;width:111px;  }
#portfolio_img_02_out{  float:left; padding-left:1px; display:none; width:111px;}
#portfolio_img_03_out{  float:left; padding-left:2px; display:none; width:111px; }
#portfolio_img_04_out{  float:left; padding-left:3px; display:none; width:111px;}
#portfolio_img_05_out{  float:left; padding-left:4px; display:none; width:111px;}
#portfolio_img_06_out{  float:left; padding-left:5px; display:none; width:111px;}

.block_portfolio{width:111px; float:left;}



/********************************* PORT POP UP **********************************/


#port_detail_container{width:540px; clear:both; float:left; padding:15px 15px 0px 15px; margin:0px;}
#port_detail_container_left{float:left;  width:260px; padding:30px 0px 0px 0px;}
#port_detail_container_right{float:left; width:272px; padding:0px 0px 0px 8px; }
#port_detail_Main_Header{font-size:22px; font-weight:bold; color:#33333;}

#port_detail_Header_01{font-size:12px; font-weight:bold; color:#0a0849; clear:both;}
#port_detail_Header_02{font-size:12px; font-weight:bold; color:#fab800; clear:both;}
#port_detail_Header_03{font-size:12px; font-weight:bold; color:#f05d00; clear:both;}
#port_detail_Header_04{font-size:12px; font-weight:bold; color:#78a91c; clear:both;}
#port_detail_Header_05{font-size:12px; font-weight:bold; color:#333333; clear:both;}
#port_detail_Header_06{font-size:12px; font-weight:bold; color:#333333; clear:both;}

#port_detail_text{font-size:12px; color:#33333; padding-top:5px; padding-bottom:5px; clear:both;}

.padding{ padding-top:5px; padding-bottom:5px; clear:both;}