a img {
    border: 0;
}
ul{
    list-style-type:none;
}
#container-portfolio{ 
    display: inline-block;
    height: auto;
	margin-top:5px;
    clear: both;
    width: 965px;
    /*border: 1px solid;*/
    
    min-height: 100px;
	float:center;
	margin-left:14px;
	/*
	margin-left:14.15%;
  margin-right:16px;
	*/
}
#container-portfolio .head{
    margin-left: 60px;
    margin-top: 25px;
    margin-right: 30px;
    /*padding-top: 2px;*/

    background-image: url('../img/contactus/tab_head.png');
    background-color: #426F35;
    background-position-x: 395px;
    background-repeat: no-repeat;
    width: 845px;
    height: 25px;
    /*border: 1px solid;*/
}
#container-portfolio .head h2{ 
    color:white;
    /*border: 1px solid;*/
    margin-left: 30px;
    font-size: 17px;
	padding-top:3px;
}
.content-portfolio{
    /*border: 1px solid;*/
    width: 845px;
    min-height: 400px;
    margin-left: 60px;
    display: inline-block;
	
}
.content-portfolio ul li{
    display: inline-block;
    border: 1px solid gainsboro;
    width:180px;
    min-height: 220px;
    float: left;
	margin:25px 14px 0px 14px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
    display: inline-block;
	
}
.content-portfolio ul li h3{
    margin-top:5px;
    margin-bottom: 5px;
    text-align: center;
    /*border: 1px solid;*/
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
}
.portfolio-img{
    border: 1px solid grey;
    width: 150px;
    min-height: 150px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    text-align: center;
}
.portfolio-bottom-img{
    /*border: 1px solid;*/
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    min-height: 30px;
}
.btn-detail a{
    /*border: 1px solid red;*/
    width: 60px;
    height: 16px;
    float:right;
    text-indent: -9999px;
    background-image: url('../img/portfolio/btn_details_1.png');
    background-repeat: no-repeat;
    margin: 5px 0px 0px 5px;
}
.btn-detail a:hover{
    background-image: url('../img/portfolio/btn_details_2.png');
}
ul#navi_containTab{
	list-style:none;
	padding:0;
	margin:0;	
	width:100%;	
	margin-left:74px;
	margin-top:25px;
    background-color:#DEF8AF ;

}
ul#navi_containTab li{
	display:block;
	float:left;
	height:25px;	
	width:150px;  /* กำหนดความกว้างทั้งหมด  หารด้วยจำนวนเมนูแท็บ  */
	border-radius:5px;
	line-height:25px;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
	text-shadow:opx 1px 1px #fff;
	
}
ul#detail_containTab{
	list-style:none;
	padding:0;
	margin:0;	
	width:100%;	
}
.detailContent1{  
    background-color:#fff;  
    display:block;  
}  
.detailContent2{  
    background-color:#fff ;  
    display:block;  
} 
.detailContent3{  
    background-color:#fff  ;  
    display:block;  
} 
.tabNavi1{  
    background-color:#F0FADC ;
	
	/*#E7FDC8;  */

	} 
	.tabNavi1:hover{ 
	background-color:#ECFAD1; 
	}
	.tabNavi2:hover{ 
	background-color:#ECFAD1; 
	}
	.tabNavi3:hover{ 
	background-color:#ECFAD1; 
	}
.tabNavi2{  
    background-color:#F0FADC;  
	margin-left:25px;
} 
.tabNavi3{  
    background-color:#F0FADC;
	margin-left:25px;

} 
/*onmouseover="this.className='on'" onmouseout="this.className='off'"*/
li.off {   
  background:#99C93D; 
 color: white;
}
li.on { 

 background:#99C93D; 
 color: white;
}
.ui-widget-header {
	background:url(../img/ui-bg_gloss-wave_85_9fda58_500x100.png) 50% 50% repeat-x;
	border: 1px solid #99C93D;}
	.ui-widget-content{
		border: 1px solid #99C93D;}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(../img/ui-icons_9fda58_256x240.png);
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #99C93D;
	background: #99C93D url(../img/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #1d5987;
}