/*====== tabs-content =====*/
.tabs-content {
	float: left;
	width: 242px;
	padding-top: 0px;
	background:#8a8a8a;
	color:#fff !important;
}
.tab_content {width: 242px;}
ul.tabs {
    margin: -3px 0px 0px 0px;*margin: -2px 0px 0px 0px;margin:\-5px/ 0px 0px 0px;
    list-style: none;
    height: 30px; /*--Set height of tabs--*/
    width: 222px;
	overflow: hidden;
	border:none !important;
	background:#af2230;
	padding: 0px 0 0px 20px;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    /*height: 30px; /*--Subtract 1px from the height of the unordered list--*/
    line-height: 19px; /*--Vertically aligns the text within the tab--*/
    border: none;
    margin-bottom: -1px; /*--Pull the list item down 1px--*/
    overflow: hidden;
    position: relative;
	float: left;
	font-size: 12px;
	line-height: 19px;
}
ul.tabs li a {
    text-decoration: none;
    display: block;
    font-size: 12px;
	line-height: 19px;
    padding: 0 0px;
    border: none; /*--Gives the bevel look with a 1px white border inside the list item--*/
    outline: none;
	color: white;
	padding: 6px 13px 5px 13px;
}
ul.tabs li a:hover {
	background: #fff;
	color: #091614;
	margin: 0;
}
ul.tabs li.active a:hover {margin: 0;}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
    background:#f47920;/*--Makes the active tab look like it's connected with its content--*/
	color: #fff;
}
html ul.tabs li.active a {color: #fff; font-weight: bold; margin: 0; padding: 5px 13px 6px 13px;}
	html ul.tabs .active.second a {color: #fff; font-weight: zd; margin: 0; padding: 5px 11px 6px 10px;}
ul.tabs .first {background: none;}


.carouse1, .carouse1_1, .carouse1_2,{ width:242px; overflow:hidden;}
.carouse1 li, .carouse1_1 li,  {position:relative; width:100%;}

.carousei, .carousei_l, .carousei_2,{ width:242px; overflow:hidden;}
.carousei li, .carousei_1 li,  {position:relative; width:100%;}


.carousel_1 .works-list li, .carousel_2 .works-list li {height:auto !important; width:auto !important;}

.carousei_l .works-list li, .carousei_2 .works-list li {height:auto !important; width:auto !important;}


/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */

.inner{ position:relative; height:245px;}
.inner h5 {
	margin-top:0px;
	padding:0px !important;
	font-size: 18px !important;
	line-height: 20px;
	text-align:left;
	background:none !important;
	color:#fff;
	font-weight: normal ;
	padding: 8px 0 12px 0;
}
.travelblogue, .articles{
	margin:0px 0px 0px 0px;
	padding:8px 12px 0px 12px;
	background:#8a8a8a;
	height:65px !important;
	line-height:15px;
	text-align:justify;
	width:218px;
	position: relative;
	z-index:100px !important;
}
.block, .block-1 {
	margin-top:10px;
	padding: 0px 12px 10px 12px;
	font-size: 12px;
	text-align:justify;
	color: #fff;
	height:115px;
	position:relative;
	z-index:-10px;
}
.block-1 {
	height:160px !important;
}
.block span {
	line-height: 14px;
	font-weight: bold;
	font-size:11px;
	color:#fff;
}
.block a {text-decoration: none; color: #fff;}
.block a:hover {color: #494949;}
.next, .next1, .next2 {
	position:absolute;
	z-index:10;
	left:102px;
	cursor:pointer;
	display:block;
	width:33px;
	height:30px;
	left:120px;
	bottom:0px;
	background:url(../images/down.gif) no-repeat left top;
}
.next:hover, .next1:hover, .next2:hover {background:url(../images/down-hover.gif) no-repeat left top;}
.prev, .prev1, .prev2 {
	position:absolute;
	z-index:10;
	left:84px;
	bottom:0px;
	cursor:pointer;
	display:block;
	width:33px;
	height:30px;
	background:url(../images/up.gif) no-repeat left top;
}
.prev:hover, .prev1:hover, .prev2:hover {background:url(../images/up-hover.gif) no-repeat left top;}