/*-- FLOWPANELS -----------------------------------------------------*/

#flowpanes,
#flowpanes2,
#flowpanes3,
#flowpanes5 {
	width:940px;
	position:relative;
	overflow:hidden;
	clear:both;
	margin:0;
	padding:0;
	}

button.prev,
button.next,
button.prevPage,
button.nextPage {
	border:none;
	position:absolute;
	padding:0;
	width:40px;
	height:67px;
	z-index:1;
	}

button.prev, button.prevPage {	background: url(../images/arrow.png) left top no-repeat; top:90px; left:-30px;}
button.next, button.nextPage {	background: url(../images/arrow.png) right top no-repeat; top:90px; right:-10px;}

button.prev:hover,
button.next:hover,
button.prevPage:hover,
button.nextPage:hover {		cursor:pointer;}

.items > div > div p.t {
	color:#191919;
	padding:13px 0 5px 0;
	font-size:16px;
	}

/*-- RECENT WORKS // 4-IN-ROW HORIZONTAL -----------------------------------------------------*/

#flowpanes {
	background:#FFF url(../images/bg_item2container.png) top left no-repeat;
	}

#flowpanes .items {
	height:240px;
	}

#flowpanes .items > div {
	background:none;
	width:220px;
	height:220px;
	margin:0 20px 10px 0;
	position:relative;
	float:left;
	}

#flowpanes .items > div img {
	background:#FFF;
	border:1px solid #e8e8e8;
	padding:4px;
	position:absolute;
	top:29px;
	left:29px;
	z-index:1;
	}

#flowpanes .items > div > div {
	font-size:12px;
	width:158px;
	height:204px;
	padding:14px 0 0 31px;
	overflow:hidden;
	}

#flowpanes .items {
	width:20000em;
	/*
	position:absolute;
	*/
	position:relative;
	clear:both;
	margin:0;
	padding:0;
	}


/*-- RECENT WORKS // 4-IN-ROW VERTICAL -----------------------------------------------------*/

#flowpanes4 {
	background:#FFF url(../images/bg_item2container.png) top left no-repeat;
	}

#flowpanes4 {
	width:940px;
	height:240px;
	position:relative;
	overflow:hidden;
	clear:both;
	margin:0;
	padding:0;
	}

#flowpanes4 .items > div {
	background:none;
	width:220px;
	height:220px;
	margin:0 20px 20px 0;
	position:relative;
	float:left;
	}

#flowpanes4 .items > div img {
	background:#FFF;
	border:1px solid #e8e8e8;
	padding:4px;
	position:absolute;
	top:29px;
	left:29px;
	z-index:1;
	}

#flowpanes4 .items > div > div {
	font-size:12px;
	width:158px;
	height:204px;
	padding:14px 0 0 31px;
	overflow:hidden;
	}

#flowpanes4 .items {
	height:20000em;
	position:relative;
	clear:both;
	margin:0;
	padding:0;
	}

button.prev#f4prev,
button.next#f4next {
	width:30px;
	height:30px;
	}

button.prev#f4prev {	background: url(../images/arrow2.png) left top no-repeat; top:0px; left:940px; }
button.next#f4next {	background: url(../images/arrow2.png) left bottom no-repeat; top:30px; right:-10px; }
/*-- FEATURED PAGES // HORIZONTAL -----------------------------------------------------*/

#flowpanes6 {
	height:250px;
	overflow:hidden;
	position:relative;
	z-index:2;
	}

#flowpanes6 .items > div {
	width:880px;
	position:relative;
	border:none;
	float:left;
	}

#flowpanes6 .items {
	width:20000em;
	position:relative;
	clear:both;
	margin:0;
	padding:0;
	}

#flowpanes6 .items img {
	/*
	float:none;
	*/
	padding:0;
	margin:0 10px 0 0;
	border:none;
	}

#flowpanes6 h3,
#flowpanes6 h4,
#flowpanes6 h5,
#flowpanes6 h6 {
	padding:0 0 0.3em 0;
	}

/*-- SIDEBAR TABS // HORIZONTAL -----------------------------------------------------*/

#flowpanes7 {
	width:240px;
	position:relative;
	overflow:hidden;
	clear:both;
	padding:4px 0 0 0;
	margin:0;
	position:relative;
	}

#flowpanes7 {
	width:272px;
	border-right:none;
	border-bottom:none;
	border-left:none;
	padding:0;
	background:none;
	}

#flowpanes7 .items > div {
	width:240px;
	position:relative;
	margin:0;
	padding:0 30px 14px 0;
	position:relative;
	border:none;
	float:left;
	background:none;
	}

#flowpanes7 .items > div {
	width:272px;
	}

#flowpanes7 .items {
	/*
	height:2000em;
	clear:both;
	*/
	width:1500px;
	float:left;
	position:relative;
	margin:0;
	padding:0 0 14px 0;
	}

/*-- SHORTCODE TABS // VERTICAL -----------------------------------------------------*/

#flowpanes8 {
	position:relative;
	overflow:hidden;
	clear:both;
	margin:0 0 20px 0;
	padding:10px 0 0 0;
	position:relative;
	background-image: url(../images/line2px60.png);
	background-repeat:repeat-x;
	background-position:top left;
	}

#flowpanes8 {
	background-image: url(../images/bg-black-30.png);
	}

#flowpanes8 * {
	font-size:12px;
	}

ul.short-tabs a {
	background:#000 url(../images/grd-white5.png) repeat-x left top;
	border-right:1px dotted #000;
	color:#999;
	padding:5px 10px;
	line-height:1em;
	}

ul.short-tabs .short-tabs-selected a {
	background:url(../images/grd-white6.png);
	color:#FFF;
	}

#flowpanes8 .items > div {
	font-size:12px;
	float:none;
	position:relative;
	margin:0;
	padding:0 0 15px 0;
	position:relative;
	border:none;
	}

#flowpanes8 .items {
	height:2000em;
	clear:both;
	position:relative;
	margin:0;
	padding:0 0 15px 0;
	background:none;
	}

#flowpanes8 .items img {
	margin:0 10px 5px 0;
	}

button::-moz-focus-inner {	border: 0;}