/* Generate corners and grads ###################### */
#TabsContainer
{
	display:block;
	overflow:hidden;	
	/*width:100%;*/
	margin:0 auto;
	padding:0;
	z-index:1;
}
#TabsContainer ul.navtabs { 
	list-style:none; 
	margin:0 0 0 2px!important; 
	padding:0;	
	height:35px;
	width:98.7%;
	/*position:relative; needed in IE ~~~~~~~~~~~~~~~~~~~~*/
	z-index:1;
}
#TabsContainer ul.navtabs li{
	margin:0 -5px 0 0 ;
	padding:0;
	float:left;
	background: none;
	
}
/* link inside the tab. */
#TabsContainer ul.navtabs  li a {
	font-size:12px;
	display:inline-block;
	padding:8px 13px 2px 8px;
	padding:8px 13px 7px 8px;
	border: none;
	/*height:23px;*/
	font-size:14px;
	background: url(../pics/btntabs.png) no-repeat right top;
	cursor:pointer;
	vertical-align: middle;
	color:#336699;
	text-decoration: none;
	font-weight: bold;
	border-left: 1px solid #A4C3E8;
	border-bottom:1px solid #A2C2E8;
}
/* when mouse enters the tab*/
#TabsContainer ul.navtabs  li a:hover {
	color:#333;
	background: url(../pics/btntabsOn.png) no-repeat right top;
}
/* active tab uses a class name "current". */
#TabsContainer ul.navtabs  li a.current, 
#TabsContainer ul.navtabs  li a.current:hover, 
#TabsContainer ul.navtabs  li a.current a {	 
	color:#333;!important;
	cursor:default!important;
	border-bottom:none;
	border-bottom:1px solid #FFF;
	background: url(../pics/btntabsOn.png) no-repeat right top;
}

/* LEAVE IN FOR IE */
div {
border-width:0;
}

/* TABS ###################### */

/* initially all TabsContent are hidden*/ 
div.TabsContent tr {display:none;}
div.TabsContent table {
	width:100%;
	margin-top:-4px; 
	/*position:relative; needed in IE ~~~~~~~~~~~~~~~~~~~~*/
	z-index:1
}
div.TabsContent td {
	padding:5px 10px;
	border:1px solid #A2C2E8;
	background: #ECF7FB url(../pics/BckgTabsContent.jpg) repeat-x top;
}

/* PORTFOLIO ##################*/
/*   PORTFOLIO  summary */
#portfolio_summary_cont{
	width:174px;
	background:url(../pics/port_summ_bckg.gif) no-repeat left top;
	padding:5px;
}
/* view all button */
#portfolio_summary_cont .floatright{
	float:right;
	font-size:11px;
	border:1px solid #ccc;
	margin:1px;
	padding:0 1px 2px 1px;
	background: #F4F4F4;
	background: #FFF;
}
#portfolio_summary_cont .floatright A{ 
	font-weight:bold; 
	color:#cc0000
}
/* END view all button */
#portfolio_summary_cont h1{
	margin: 0px 0 5px 0px ;
	padding:0;
	font-size:14px;
	color: #0099CC;
}
#port_summary h2{font-size:11px;}
#port_summary h2 a{
	border:1px solid #CCCCCC;
	display:block;
	width:158px;
	height:18px;
	padding:0 0 0 5px;
	background:url(../pics/btnTabsConcertina.gif) repeat-x left top;
	color:#336699;
	margin:2px 0 0 0
}

#port_summary h2,
#port_summary p{
	margin:0;
	padding:0
}

/* Clip images */
#port_summary .posrel{
	position:relative;
	height:151px;
	width:161px;
	padding:0px 8px 8px 0px;
	background: #FFFFFF url(../pics/bckg-BlockTh.gif) no-repeat right bottom;
	/*border: 1px solid #EBEBEB;
	border-right:none;
	border-bottom:none;*/
}

#port_summary img{
	margin:1px 0 0 1px;	
	position:absolute;
	clip:rect(0px 158px 150px 0px);
}
/* END Clip images */

#port_summary A{	
	color: #555;
	text-decoration:none;
	display:block;
	padding:5px;
}
#port_summary A:hover {
	display:block;
	color: #336699;
}
#port_summary a .readmore {
	margin:0 0 0 10px;
	text-decoration:underline;	
	color: #CC0000;
	font-weight:bold;
}
#port_summary A:hover .readmore{
	text-decoration:none;
	color:#FC7E05;
}
/* END PRESS summary */