#portfolio_single {
	margin:0 0 72px 0;
}
/*==================================
	image outer style
===================================*/
#image_outer {
	position:relative;
	margin-bottom:6px;
	padding:4px;
	border:1px solid #ddd;
	background:#fff;
}
#image_outer ul li img {
	width:100%;
	display:block;
}

/* flex Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* my Own Style for flexslider */
.flex-direction-nav {
	position:absolute;
	top:5px;
	right:4px;
	text-align:center;
	display:block;
	z-index:200;
}
.flex-direction-nav li {
	width:22px;
	height:16px;
	display:inline-block;
}
.flex-direction-nav li a {
	text-indent:-999999em;
	width:22px;
	height:16px;
	display:inline-block;
	padding:0;
	margin:0 3px 0 0;
	background:url('../images/icons/arrows.png') no-repeat;
	transition:none;
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none;
}
.flex-direction-nav a.next:link, .flex-direction-nav .next:visited {
	background-position: right top;
}
.flex-direction-nav a.next:hover, .flex-direction-nav a.next:active {
	background-position: right bottom;
}
.flex-direction-nav a.prev:link, .flex-direction-nav a.prev:visited {
	background-position: left top;
} 
.flex-direction-nav a.prev:hover, .flex-direction-nav a.prev:active {
	background-position: left bottom;
}




/*=================================
	Portfolio_desc style
=================================*/

#portfolio_desc div.portfolio_text {
	background:#eee;
	border-top:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
}
/* h3 */
#portfolio_desc div.portfolio_text h4 {
	margin:0 0 18px 0;
	padding:20px 0 0 20px;
	line-height:24px;
	font:400 18px/24px 'Droid Sans', sans-serif;
	color:#333;
	text-transform: uppercase;
}
#portfolio_desc div.portfolio_text h4 span {
	color:#777;
	font: 12px/24px 'Droid serif', serif;
	text-transform:none;
}
#portfolio_desc div.portfolio_text p {
	margin-bottom:18px;
	padding:0 20px 0 20px;
}



/* portfolio_info style */
#portfolio_desc div.portfolio_info {
	background:#ddd;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align: center;
}
/* h3 */
#portfolio_desc div.portfolio_info h4 {
	margin:0 0 18px 0;
	padding:20px 0 0 20px;
	font:400 18px/24px 'Droid Sans', sans-serif;
	color:#333;
	text-transform: uppercase;
	text-align:left;
}
/* ul */
#portfolio_desc div.portfolio_info ul {
	margin:0 0 24px 0;
	padding:0 0 0 20px;
	text-align:left;
}
#portfolio_desc div.portfolio_info ul li {
	margin:0 0 6px 0;
}
#portfolio_desc div.portfolio_info ul li a {
	color:#444;
	padding:0 0 0 25px;
	text-decoration:none;
	background:url('../images/icons/portfolio_setting.png') no-repeat;
}
#portfolio_desc div.portfolio_info ul li a:hover {
	color:#cd4450;
}
#portfolio_desc div.portfolio_info ul li a.port_tag {
	background-position: 0 0;
}
#portfolio_desc div.portfolio_info ul li a.port_watch {
	background-position: 0 -29px;
}
#portfolio_desc div.portfolio_info ul li a.port_comment {
	background-position: 0 -55px;
}
#portfolio_desc div.portfolio_info ul li a.port_like {
	background-position: 0 -85px;
}
/* a class (preview) */
#portfolio_desc div.portfolio_info a {
	display: block;
}




/*========= latestFolio Style ===========*/
#related_portfolio {
	margin:0 0 60px 0;
}
/* ul */
#related_portfolio ul.folioContainer li.folio {
	position:relative;
	display: block;
}
/* setting div */
#related_portfolio ul.folioContainer li div.setting {
	position:absolute;
	left:50%;
	top:100%;
	margin-left:-30px;
	margin-top:-30px;
	z-index:80;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
/* view */
#related_portfolio ul.folioContainer li div a.viewfolio {
	width:35px;
	height:35px;
	display:block;
	background:url('../images/icons/image_hover.png') no-repeat 0 0;
	font:0/0 a;
	box-shadow:none;
	border:none;
	float:left;
	left:0;
}
#related_portfolio ul.folioContainer li div a.viewfolio:hover {
	background:url('../images/icons/image_hover.png') no-repeat 0 -35px;
}
/* link */
#related_portfolio ul.folioContainer li div a.linkfolio {
	width:35px;
	height:35px;
	display:block;
	background:url('../images/icons/image_hover.png') no-repeat -35px 0;
	font:0/0 a;
	box-shadow:none;
	border:none;
	float:left;
	left:0;
}
#related_portfolio ul.folioContainer li div a.linkfolio:hover {
	background:url('../images/icons/image_hover.png') no-repeat -35px -35px;
}

/* folio div contain the images */
#related_portfolio ul.folioContainer li div.folio_img {
	padding:4px;
	overflow:hidden;
	background:#fff;
	border:1px solid #ddd;
	display: block;
}
#related_portfolio ul.folioContainer li a, #related_portfolio ul.folioContainer li a img {
	display:block;
	width:100%;
}




/*====== tagLine style =======*/
#tagLine {
	padding:0;
	background:#ddd;
	border-bottom:1px solid #d1d1d1;
	border-left:2px solid #cd4450;
}
#tagLine h4 {
	padding:22px 18px;
	font:400 18px/24px 'Droid Sans', sans-serif;
	text-transform: uppercase;
	color:#323232;
}
#tagLine h4 em {
	font:400 14px 'Droid Serif', serif;
	text-transform: none;
	color:#666;
}
#tagLine button.red_btn {
	margin:22px 18px;
	padding:10px 20px;
	border:1px solid #3c3c3c;
	background:none;
	font:400 14px 'Droid Serif', serif;
	color:#fff;
	cursor: pointer;
	background: #444444;
	background: -moz-linear-gradient(top, #444444 1%, #2b2b2b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#444444), color-stop(100%,#2b2b2b));
	background: -webkit-linear-gradient(top, #444444 1%,#2b2b2b 100%);
	background: -o-linear-gradient(top, #444444 1%,#2b2b2b 100%);
	background: -ms-linear-gradient(top, #444444 1%,#2b2b2b 100%);
	background: linear-gradient(to bottom, #444444 1%,#2b2b2b 100%);
	/* border rounded */
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	/* box shadow */
	box-shadow: 0 1px 0 #121212, inset 0 1px 1px #999;
	-webkit-box-shadow: 0 1px 0 #121212, inset 0 1px 1px #999;
	-moz-box-shadow: 0 1px 0 #121212, inset 0 1px 1px #999;
	-o-box-shadow: 0 1px 0 #121212, inset 0 1px 1px #999;
}
#tagLine button.red_btn:hover {
	background: #2b2b2b;
	background: -moz-linear-gradient(top, #2b2b2b 0%, #444444 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b2b2b), color-stop(99%,#444444));
	background: -webkit-linear-gradient(top, #2b2b2b 0%,#444444 99%);
	background: -o-linear-gradient(top, #2b2b2b 0%,#444444 99%);
	background: -ms-linear-gradient(top, #2b2b2b 0%,#444444 99%);
	background: linear-gradient(to bottom, #2b2b2b 0%,#444444 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#444444',GradientType=0 );
}
/*===== end it ========*/