/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	text-align:right;
	height:32px; 
	width:953px; position:relative;	
}

/* single tab */
ul.css-tabs li {
 float:left;
	padding:0;
	margin:0;
	list-style-type:none;
	 

}

/* link inside the tab. uses a background image */
ul.css-tabs a {
	float:left;
	font-size:1em;
	display:block;
	padding:5px 16px;
	text-decoration:none;
	border:1px solid #333;
	border-bottom:0px;
	height:32px;
	color:#777;

	position:relative;
	top:1px;
	white-space: nowrap; text-align:center;
}


ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.css-tabs a.current {
	color:#000;	
	cursor:default;
}

	
/* tab pane */
div.css-panes div {
	display:none;
	width:930px;
	
}



 




/* alternate colors: skin2 */
ul.skin2 a {
	 background: url(http://imageprodesign.com/images/tab-sliced.jpg) top;
	background-color:#1e1b1b;
	color:#fff !important;
	line-height: 2.4em;
	width:81px}

/* mouseover state */
ul.skin2 a:hover {
	background-position:left bottom;
	
}

/* active tab */
ul.skin2 a.current {
	background-position:left bottom;
	 
}

/* tab pane with background gradient background:url(http://static.flowplayer.org/img/global/gradient/h3000000000.png) repeat-x scroll 0 -50px; */
div.skin2 div {
	
	
}








.div-tab-pic {
	float:left; margin-right:20px; 
}





.tabs-text-inside {
	float:left;
	line-height:1.1em;
	padding: 140px 0px 0 250px;
	text-align: left;
	color: #5e433b;
}






/* container for tabs and panes */
#scrollable {
	overflow:hidden;
	position:relative;
	border-top:0;
	margin:0;
	height:357px;
	width: 925px;
}

/* container for panes */
#panes {
	height:auto;
	position:absolute;
	width:15000px;
	overflow: visible;	 
}

/* single pane */
#panes div {
	width:925px;
	font-family:verdana;
	float:left;
	height: 368px;
	color:#000000;
	background-color: #EBEBEB;
}