/*eric added*/
.logo-area {width:1020px;height:242px;margin:auto;}
.iufoc-logo {float:right}
.iufoc-register {float:right}

.new-nav-area {width:990px;height:45px;;margin:3px auto 20px auto}


/* #Site Styles

================================================== */

* { 

	-moz-box-sizing: border-box; 

	-webkit-box-sizing: border-box; 

	box-sizing: border-box; 

}



:focus{outline-width: 0;}

img {

	max-width: 100%;

	height:auto;

}

canvas {

	max-width: 100%;

	height:auto;

}

		

a {

	-webkit-transition: opacity 0.3s ease-out;

	   -moz-transition: opacity 0.3s ease-out;

	     -o-transition: opacity 0.3s ease-out;

	    -ms-transition: opacity 0.3s ease-out;

	        transition: opacity 0.3s ease-out;

	

	}

	

	

	

/* WP Default CSS *****************************************/

.alignnone {

    margin: 5px 20px 20px 0;

}



.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}



.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}



a img.alignnone {

    margin: 5px 20px 20px 0;

}



a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}



.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}



.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 0 4px 5px;

}



.bypostauthor {}



.size-auto, 

.size-full,

.size-large,

.size-medium,

.size-thumbnail {

	max-width: 100%;

	height: auto;

}



/* Page Layouts ***********************************************/

.wrap.boxed,.wrap.boxed-margin {

	position:relative;

	background-color:#999;

	width:100%;

	max-width:990px;

	margin:0 auto;

	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);

       -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);

			box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);

	-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
	

	}

.wrap.boxed-margin {margin:30px auto;}

	

.wrap.wide {

	width:100%;

	position:relative;

	}

	

.band.top_border {

	background:url(../images/main_bg.png) repeat-x transparent ;

	height:6px;

	}

.band.no_border {

	height:1px;

	margin-top:-1px;

	}

	

.band.main {

	background:none !important;

	height:90px;

	position:absolute;

	width:100%;

	}

	

.band.main.sticky {

	z-index:99;background:none !important;

	}

.band.main.sticky.fixed {

	position:fixed;

	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);

       -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);

			box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);

}



.wrap.boxed .band.main.sticky.fixed,.wrap.boxed-margin .band.main.sticky.fixed {

	width:990px;

	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);

       -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);

			box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);

	}	

	

.band.title {

	background:url(../images/main_bg.png) repeat-x 0 -78px transparent ;

	padding-bottom:1px;

	margin-top:10px !important;
	
	-webkit-border-radius: 10px 10px 0px 0px;border-radius: 10px 10px 0px 0px;

	}



.band.content {

	background:url(../images/tile_grunge.jpg);

	border-top: 1px solid rgba(255, 255, 255, 0.3);

	padding:20px 0 40px;

	margin-top:-1px;

	}



.band.twitter{

	background:url(../images/content_top.png) repeat-x top center #FFF;

	height:55px;

	}







/* Header **********************************************************/

h1.logo {

	float:left;

	margin-bottom:0;

	}

	

h1.logo a {

	display:block;

	height:100%;

	}



h1.logo a img {

	vertical-align: middle;

	}

	

	

.band.main.sticky.fixed h1.logo {



}

.band.main.sticky.fixed h1.logo a img {

	max-height:100%;

	max-width:100%;

}







/*Navbar **********************************************************/

.navbar {

	margin-top:22px;

	

	-webkit-transition: all 0.2s ease-out;

	   -moz-transition: all 0.2s ease-out;

	     -o-transition: all 0.2s ease-out;

	    -ms-transition: all 0.2s ease-out;

	        transition: all 0.2s ease-out;

	}

	

.band.main.fixed.sticky .navbar {

	margin-top:6px;

	}

nav.main {

	position: relative;

    z-index: 9999;	

	float:right;

}



nav.main ul{

	float:right;	

}



nav.main ul#menu-main-menu li:last-child a {padding-right:0}



nav.main ul li{

	float:left;	

}

/*eric added*/
nav.main ul li a {color:#fafafa}
nav.main ul li a:hover {color:#a4c0eb}
nav.main ul li a:visited {color:#fff}
.sub-menu li a {color:#666 !important}
/*----------eric added*/


.respo_menu:before{

	content:"";

	font-family: 'fontello';

	font-size:24px;

}

.respo_menu{

	position:relative;

	width:28px;

	height:20px;

	display:none;

	cursor:pointer;

	float:right;

	margin:24px 0 0;

	}



.respo_menu select{

	position:absolute;

	top:0;

	right:0;

	opacity:0;

	background:none;

	cursor:pointer;

	width:30px;

	}





/* Superfish Menu ESSENTIAL STYLES ********************************/



.sf-menu, .sf-menu * {

	margin: 0;

	padding: 0;

	list-style:none;

}

.sf-menu {

	line-height:1.0;

}

.sf-menu ul {

	position:absolute;

	top:-999em;

	width:170px; /* left offset of submenus need to match (see below) */

	-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);

       -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);

            box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);

	padding:0;

	background:#F3F3F3;

	border-radius:5px;



}

.sf-menu ul li {

	width:100%;

	border-bottom: 1px solid #CCCCCC;

    border-top: 1px solid #FFFFFF;

}

.sf-menu ul li:first-child {

	background:#F3F3F3;

	border-radius:5px 5px 0 0;

}

.sf-menu ul li:last-child {

	border-radius:0 0 5px 5px;

}

.sf-menu ul li:hover,.sf-menu ul li.current-menu-item  {

	background:#fff;

}

.sf-menu ul li:first-child:hover,.sf-menu ul li.current-menu-item:first-child {

	background:#FFF;

	border-radius:5px 5px 0 0;

}

.sf-menu ul li:last-child:hover,.sf-menu ul li.current-menu-item:last-child {

	background:#FFF;

	border-radius:0 0 5px 5px;

}

.sf-menu ul li:first-child:last-child,.sf-menu ul li:first-child:last-child:hover {

	border-radius:5px;

}



.sf-menu li:hover {

	visibility:inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

	float:left;

	position:relative;

}

.sf-menu a,.sf-menu a:visited {

	display:block;

	position:relative;

	text-decoration:none;

	color:#666;

	

}

.sf-menu a:hover,.sf-menu li.current-menu-item > a  {

	color:#333;

}

.sf-menu li > a {

	padding:9px;		

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

	left:10px;

	top:38px; /* match top ul list item height */

	z-index:99;

}

ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul {

	top:-999em;

}

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

	left:171px; /* match ul width */

	top:0;

}

ul.sf-menu li li li ul{margin-left:1px;}

ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul {

	top:-999em;

}

ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {

	left:170px; /* match ul width */

	top:0;

}

ul.sf-menu span.hide{

	display:none;

}



/*** arrows **/

.sf-menu li a {

	padding:10px 13px;

	min-width:1px; /* trigger IE7 hasLayout so spans position accurately */



}

.sf-sub-indicator {

	position:absolute;

	display:block;

	right:.75em;

	top:1.05em; /* IE6 only */

	width:10px;

	height:10px;

	text-indent:-999em;

	overflow:hidden;

	background:#url('../images/arrows.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */

}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */

	right: 11px;

    top: 16px;

	display:none;

	background-position: 0 -100px; /* use translucent arrow for modern browsers*/

}

ul li ul li .sf-sub-indicator {display:block}

/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,

a:hover > .sf-sub-indicator,

a:active > .sf-sub-indicator,

li:hover > a > .sf-sub-indicator,

li.sfHover > a > .sf-sub-indicator {

	background-position: -10px -100px; /* arrow hovers for modern browsers*/

}



/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; right:10px}

.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */

.sf-menu ul a:focus > .sf-sub-indicator,

.sf-menu ul a:hover > .sf-sub-indicator,

.sf-menu ul a:active > .sf-sub-indicator,

.sf-menu ul li:hover > a > .sf-sub-indicator,

.sf-menu ul li.sfHover > a > .sf-sub-indicator {

	background-position: -10px 0; /* arrow hovers for modern browsers*/

}









/* Search Bar ********************************/



.top_search{

	margin-top:9px;

	float:right;

	margin-left: 20px;

}



.search_field{

	float:right;margin-right:130px;

}



.search_text{

	float:right;

	background:url("../images/main_bg.png") repeat-x scroll 0 -83px transparent;

	width:25px;

	height:25px;

	padding:0 6px;

	border-radius:5px;

	border:none;

	font-size:14px;

	margin-right:3px;

	color: rgba(255,255,255,.45);

    font-family: "fontello";

	cursor:pointer;

	

	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;

       -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;

	 		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;

	 

	-webkit-transition: all 0.4s ease-out;

       -moz-transition: all 0.4s ease-out;

	     -o-transition: all 0.4s ease-out;

	    -ms-transition: all 0.4s ease-out;

		    transition: all 0.4s ease-out;

}



.search_text:focus{

    color: #FFF;

	width:110px;

	font-family: "Open Sans", sans-serif;

	font-size:12px;

	cursor:text;

}





.search_button_wrap{

	float:right;

	line-height: 0;

}



.search_button{

	background:url("../images/main_bg.png") repeat-x scroll 0 -83px transparent;

	width:27px;

	height:25px;

	border:none;

	border-radius:5px;

	font-family:'fontello';

	font-size:18px;

	padding:1px 0 3px;

	color:rgba(255,255,255,.45);

	

	}

	

.search_button:hover{

	cursor:pointer;

	color:#fff;

}







/* Sub header (Slogan and Social icons) ********************************/



.sub_header{

	height: 34px;
	

	}			



.sub_header .slogan,.sub_header .right_sub_text{

	color:rgba(255,255,255, 0.7);

    float: left;

    font-size: 13px;

    line-height: 32px;

    overflow: hidden;

    white-space: nowrap;

    width: 50%;

	text-shadow:1px 1px 1px rgba(0,0,0,0.4);

	}

.sub_header .slogan a, .sub_header .right_sub_text a,

.sub_header .slogan a:hover, .sub_header .right_sub_text a:hover{

	color:#fff;

	}	



.sub_header .right_sub_text{

	float:right;

	text-align:right;

	

	}







/* FlexSlider Styles *************************************************/

.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 {margin: 20px 0 0; padding: 0;position: relative;z-index: 9;}

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {width: 100%; display: block;}

.flex-pauseplay span {text-transform: capitalize;}



.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 

html[xmlns] .slides {display: block;} 

* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}



ul.slides li {margin-bottom:0;position:relative;}



.flex-viewport ,ul.slides{

	background:#000;

	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

       -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

	

	}



ol.flex-control-nav{text-align: center;margin:0 0 3px;}



ol.flex-control-nav li{display:inline-block;}



ol.flex-control-nav li a{

	display:block;

	width:10px;

	height:10px;

	cursor:pointer;

	margin:0 3px;

	background:transparent;

	border-radius: 50% 50% 50% 50%;

    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;

	   -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;

			box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;

	

	font:0/0 a;

	text-shadow:none;

	color:transparent;

	

	}



ol.flex-control-nav li a:hover,

ol.flex-control-nav li a.flex-active{

	background:#cc0000;

	}

	

.flexslider ul.flex-direction-nav {display:none}

.flexslider:hover ul.flex-direction-nav {display:block} 



ul.flex-direction-nav li {

	margin:0;

	padding:0;

	}



ul.flex-direction-nav li a {

	width:25px;

	height:25px;

	position:absolute;

	display:block;

	top:39%;

	right:20px;	

	font-family:fontello;	

	background:#CC0000;

	color:#FFF;

	border-radius:4px;

	text-align:center;

	font-size:14px;

	line-height:24px;

	opacity:.5;

	}

	

ul.flex-direction-nav li a.flex-next:before{content: "";}

ul.flex-direction-nav li a.flex-next:hover {opacity:1}

ul.flex-direction-nav li a.flex-prev:before {content: "";}

ul.flex-direction-nav li a.flex-prev {left:20px;right:auto;}

ul.flex-direction-nav li a.flex-prev:hover {opacity:1}





.flex_caption {

	background:rgba(0, 0, 0, 0.6);



	opacity:0;

    color: #CCC;

    padding:20px 25px;

    position: absolute;

    width: 100%;

	text-shadow:1px 1px 1px rgba(0,0,0,.6);

	

	-webkit-transition:al 1s ease-out;

	-moz-transition: all 1s ease-out;

	-o-transition: all 1s ease-out;

	-ms-transition: all 1s ease-out;

	transition: all 1s ease-out;

	}

.full_caption{

	height:0;

	bottom:0;

	}

.top_caption{

	top:0;

	bottom:auto;

	}

.bottom_caption{

	bottom:0;

	}

.center_caption{

	margin:7.5%;

	text-align:center;

	bottom:0;

	width:86%;

	}

ul.slides li:hover .full_caption {

    height:100%;

	opacity:1;

	}

ul.slides li:hover .bottom_caption,

ul.slides li:hover .top_caption,

ul.slides li:hover .center_caption {

	opacity:1;

	}

	

.flex_caption h4{

	color:#FFF !important;

	font-size:18px;

	line-height:18px;

	border-bottom: 1px solid rgba(255, 255, 255, 0.2);

	padding-bottom:9px;

	}



.caption_text {

	float:left;

	}



.flex_caption a,.flex_caption a:visited, .nivo-caption a, .nivo-caption a:visited {

	color:#DDD;

	} 

.flex_caption a:hover,.nivo-caption a:hover {

	color:#FFF;

	} 



/* Slider Shadow ****************************************************/

.slider_shadow{z-index:1}

.slider_shadow.shadow1 {margin: -78px 0 0;}

.slider_shadow.shadow2 {margin: -56px 0 0;}

.slider_shadow.shadow3 {margin: -63px 0 0;}

.slider_shadow.shadow4 {margin: -66px 0 0;}

.slider_shadow.shadow5,

.slider_shadow.shadow6 {margin: -304px 0 33px -20px;}

.slider_shadow.shadow5 img,

.slider_shadow.shadow6 img {max-width:none}









/*Content ********************************************************/

.texts-wrap ul {

	list-style: disc outside none;

    margin:20px 0 10px 40px;

	}

	

.texts-wrap ol {

    margin-left: 40px;

	}

	

.texts-wrap li {

	margin-bottom:5px;

	}



.content a {

	color:#555;

	}

.content a:hover {

	color:#333;

	}

h2.post, h2.featured{

	font-size:20px;

	color:#555;

	font-weight:700;

	line-height:40px;

	margin-bottom:0;	

	}

.content .icons,

h2.featured {

	text-align:center;

	font-size:18px;	

	}

.content .justify{text-align:justify}



.content .box{

	padding:10px;

	}

		

.button {

	margin:10px 0 0;

	}

.box .button{

	margin: 15px 0 10px;

	}

	

.button a,.button a:visited,

a.read-more-link, a.read-more-link:visited,

ul.filter li a,ul.filter li a:visited,

.widget .tabswrap .panel ul.wp-tag-cloud li a,.widget .tabswrap .panel ul.wp-tag-cloud li a:visited,

.pagination a, .pagination a:visited ,.tagcloud a,.tagcloud a:visited{

	background:url(../images/button_bg.png) repeat-x 0 0 #888;

	display:inline-block;

	height:28px;

	line-height:24px;

	color:#e5e5e5;

	font-size:12px;

	text-align:center;

	text-decoration:none;

	padding:0 13px;

	font-weight: 400;

	border-radius:3px;

	border-top:solid 1px #888;

	display:inline-block;

	}





.button a:hover,.tagcloud a:hover,

a.read-more-link:hover,

ul.filter li a:hover{

	background-position: 0 -38px;

	color:#FFF !important;

	text-shadow:1px 1px 2px rgba(0,0,0,.55);

	}

	

.button.center{text-align:center}

.button.right{text-align:right}

.button.left{text-align:left}





.button.small a {

	height:28px;

	line-height:24px;

	}





.button.medium a {

	font-size: 14px;

    height: 32px;

    padding: 4px 15px;

	border-radius:4px;

	line-height:20px;

	}



.button.large a {

	font-size: 16px;

    height: 38px;

    padding: 6px 17px;

	border-radius:5px;

	line-height:23px;

	}



.button.rounded a {

	border-radius:5px;

	}



article .blog-more{

	position:absolute;

	right:0;

	bottom:25px;

	}





/*twitter*/

.tweet {

	margin: 18px 0 0 40px;

	height: 38px;

	overflow-y: hidden;

	position: relative;

}

.tweet a {

	color:#888;

}

.tweet a:hover {

	color:#444;

}

.twitter_icon{

	float:left;

	margin: 12px 0 0;

}



.tweet ul.tweet_list {

	position: absolute;

}

.tweet ul.tweet_list li {

	height: 22px;

	overflow:hidden;

}

	  

.tweet_time a{

	font-size:12px;

	color:#777;

	text-decoration:none;

	vertical-align: top;

}







/* Breadcrumbs ***************************************************/



#crumbs {

	color: #ccc;

    position: absolute;

    right: 10px;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);

    top: 27px;

	}

#crumbs a{

	color:#fff;

	opacity:.6;

	}

#crumbs a:hover{

	opacity:1;

	}

#crumbs .current{

	color: #E5E5E5;

	}





/* Title ***********************************************/



h1.title,h2.title,h3.title,h4.title,h5.title,h6.title {

	border-bottom:solid 1px #CCC;

    color: #555;

	font-weight:700;

    text-align: left;

	}



h1.title {

    font-size: 32px;

    line-height: 28px;

    margin-bottom: 20px;

    padding: 0 0 7px;

	border-width:3px;

	}	

	

h2.title {

    font-size: 22px;

    line-height: 24px;

    margin-bottom: 10px;

    padding: 0 0 5px;

	border-width:2px;

	}	

	

h3.title {

    font-size: 16px;

    margin-bottom:15px;

    padding:0 0 4px;

	line-height:22px;

	}	

	

h4.title {

    font-size: 15px;

    line-height: 18px;

    margin-bottom: 10px;

    padding: 0 0 4px;

	}	

	

h5.title {

    font-size: 13px;

    line-height: 18px;

    margin-bottom: 10px;

    padding: 0 0 5px;

	}	

	

h6.title {

    font-size: 12px;

    line-height: 16px;

    margin-bottom: 10px;

    padding: 0 0 5px;

	}	





h1.title span,h2.title span,h3.title span,h4.title span,h5.title span,h6.title span {

	font-weight:400;

	font-size:80%;

	color:#888;

	}

	





/* Carousel ***********************************************/



	

#clients-carousel, #portfolio-carousel {

	margin:0;

	border: 1px solid #CCC;

    border-radius: 5px;

	float:left;

	position:relative;

	width:100%;

	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);

       -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1);

			box-shadow: 0 0 7px rgba(0,0,0,0.1);

	}

	

#clients-carousel h3 ,#portfolio-carousel h3 {

	background:url("../images/bg_off.png") repeat;

	border-radius:5px 5px 0 0;

	padding:10px 20px;

	margin-bottom:13px;

	

	-webkit-box-shadow: 0 -3px 4px rgba(0,0,0,0.05) inset;

       -moz-box-shadow: 0 -3px 4px rgba(0,0,0,0.05) inset;

			box-shadow: 0 -3px 4px rgba(0,0,0,0.05) inset;

	}

#portfolio-carousel ul.pc_carousel h3.title {

	background:none;

	border:none;

	border-bottom:solid 1px #CCC;

	font-size:15px;

	margin:0 0 7px;

	

	-webkit-box-shadow: none; 

       -moz-box-shadow: none; 

			box-shadow: none; 

	}

#portfolio-carousel ul.pc_carousel .portfolio-info {

    padding: 3px;

}



	

#portfolio-carousel .caroufredsel_wrapper,#portfolio-carousel ul.pc_carousel {

	min-height:240px;

	}

	

#clients-carousel .caroufredsel_wrapper,#clients-carousel ul.cc_carousel{

	min-height:85px;

}



#clients-carousel ul.cc_carousel,#portfolio-carousel ul.pc_carousel  {

	float: left;

    height: 80px;

	line-height:75px;

	margin:0;

	list-style:none;

	overflow:hidden;

	}	

	

#clients-carousel ul.cc_carousel li{

	float: left;

    margin : 0 8px;

	}

#portfolio-carousel ul.pc_carousel li {

	float: left;

    margin :0 10px ;

	border:none;

	-webkit-box-shadow:none;

       -moz-box-shadow:none;

			box-shadow:none;

	}

	

#portfolio-carousel ul.pc_carousel li .portfolio-thumb {

	width:100%;

	border:solid 1px #ccc;

	padding:5px;

	border-radius:8px;

	}	

		

#clients-carousel ul.cc_carousel li a{

	opacity:.5;

	position:relative;

	display:block;



	}

	

#clients-carousel ul.cc_carousel li a:hover{

	opacity:1;

	}

.clients .nxt,.clients .prv,.portfolio-carousel .nxt,.portfolio-carousel .prv{

	color: #aaa;

    cursor: pointer;

    font-family: fontello;

    position: absolute;

    text-shadow: none;

    top: 12px;

    width: 15px;

	height:20px;

	line-height:18px;

	font-size:14px;

	text-align:center;

	}

.clients .nxt, .portfolio-carousel .nxt{

	right: 21px;

	}

.clients .nxt:hover ,.portfolio-carousel .nxt:hover,.clients .prv:hover, .portfolio-carousel .prv:hover {

	color:#000;

	}		

.clients .prv, .portfolio-carousel  .prv {

	right:38px;

	}



.gsWrapper img, .gsWrapper canvas {max-width:100%}





/*Roundabout Slider*/



.roundabout {

	width:905px;

	}



.roundabout ul {

	margin: 135px 0 75px 40px;

	}

	

/*Image Titlebar*/



.image_titlebar{

	position:relative;

	width:100%;

	height:auto;

	overflow: hidden;

	margin: 23px 0 43px;

	

	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);	

       -moz-box-shadow: 0 0 5px rgba(0,0,0,.5);	

	        box-shadow: 0 0 5px rgba(0,0,0,.5);	

}

.image_titlebar img{

	float:left;	

}

/* Inside Pages*/



.page_title {

	

	}



.page_title h2 {

	color: #FFF !important;

    font-size: 30px;

    font-weight: 300;

    margin:20px 70px 20px 0;

    opacity: 0.75;

    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);

	line-height:36px;

	}









/*Blog **************************************************************/



figure {

	border:solid 1px #ccc;

	padding:5px;

	float:left;

	width:100%;

	border-radius:5px;

	

	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);

       -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1);

			box-shadow: 0 0 7px rgba(0,0,0,0.1);

			

	}

figure:hover {

	border:solid 1px #aaa;

	}

.content article {

	float:left;

	position:relative;

	}

.content article h2.post {

	line-height: 25px;

    margin-bottom: 15px;

    margin-top: 5px;

    text-align: left;

	}

.content article p a {

	color:#888;

	}

.content article p a:hover {

	

	}

.content article img {

	float:left;

	

	}

.content article img:hover {

	

	}

.content article figure a {

    float: left;

	width:100%;

	position:relative;

	overflow:hidden;

	}



.content article p{

	margin-bottom:7px;

	font-size:13px;

	}

.content article p.category {

	margin:0;

	font-size:11px;

	}

.content article p.meta {

	font-size:12px;

	color:#777;

	}

.content article p.meta span.sz-xs:before {

	margin:0 3px 0 15px;

	color:#ccc;

	}

.content article p.meta span.sz-xs:first-child:before {margin-left:0}



.content article hr {

	float:left;

	width:100%;

	margin:15px 0 20px;

	}

	



/* Blog Sidebar ****************************************************/



.blog-sidebar{}

.blog-sidebar ul{

	margin:12px 0 12px 30px;

	list-style-image: url("../images/arrow.png");

	}	

.blog-sidebar ul li{

	margin:3px -1px 0 0;

	float:left;

	width:100%;

	}	

.blog-sidebar ul li a{

	color:#777;

	}

.blog-sidebar ul li a:hover,.blog-sidebar ul li.current-cat a{

	color:#333;

	}

.blog-sidebar ul li span.post-date{

	color: #AAAAAA;

    float: left;

    font-size: 10px;

    margin-bottom: 7px;

    width: 100%;

	}

.tagcloud{

	clear: both;

    float: left;

    margin: 0 0 15px;

    padding: 10px;

	}

.tagcloud a,.tagcloud a:visited{font-size:12px !important;}

.tagcloud a,.pagination a,.tagcloud a:visited,.pagination a:visited,.tagcloud a:focus,.pagination a:focus{

	height: 24px;

    margin: 5px 2px 2px;

    padding: 0 9px;

	line-height:21px;

	}





/*Pagination*/

.pagination{

	float:left;

	width:100%;

	text-align:center;

	margin-bottom:20px;

	}

	

.pagination.pages{

	font-weight:400;

	}	



.pagination.pages span{

	font-weight:700;

	margin:auto 5px;

	}	



.pagination.pages a span{

	margin:auto 0px;

	}	

		

				

/* Post Navigation*/



.post-nav {

	float:left;

    border: 1px solid #ccc;

    margin: 15px 0;

    padding: 5px 5px 10px;

	width:100%;

	border-radius:5px;

	

	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);

       -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1);

			box-shadow: 0 0 7px rgba(0,0,0,0.1);

	}



.post-nav .nav-icon.left{

	float:left;

	}

	

.post-nav .nav-icon.right{

	float:right;

	}

	

.post-nav .ibox:before {

	background:url(../images/bg_off2.png) repeat ;

	display:inline-block;

	vertical-align:-3px;

	width:30px;

	height:30px;

	line-height:28px;

	border-radius:5px;

	margin:15px 15px 10px;

	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) inset;

       -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) inset;

			box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) inset;

	}

.post-nav .ibox:hover:before{

	background:url(../images/bg_off.png) repeat ;

	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25) inset;

       -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25) inset;

			box-shadow: 0 0 4px rgba(0, 0, 0, 0.25) inset;

	}

.post-nav .nav-title {

	

	}

	

/* Related Posts */

#related-posts{

	float: left;

    margin: 10px 0;

    width: 100%;

	}

	

#related-posts ul{

	margin-left:15px;

	}

	

#related-posts ul li{

	margin-bottom:2px;

	}



#related-posts ul li a{

	font-size:13px;

	opacity:.6;

	font-weight:700;

	padding-left:13px;

	background:url(../images/arrow.png) left center no-repeat;

	}

#related-posts ul li a:hover{opacity:1}

#related-posts ul li a span{

	font-size: 12px;

    font-weight: 400;

    margin-left: 7px;

	}







/* Blog Sharebox *************************************************/



.sharebox {

	float:left;

	width:100%;

	margin:20px 0 50px;

	position:relative;

	}



.social-icons {

	position: absolute;

    right: 0;

    top: 35px;

	}

	

.social-icons ul li{

	float:left;

	}

	

.social-icons ul li a{

	

	width:20px;

	height:20px;

	display:inline-block;

	background:url(../images/social.png) no-repeat ;

	opacity: 0.35;

	margin:0 4px;

	

	font:0/0 a;

	text-shadow:none;

	color:transparent;

	

	

	}	

.social-icons ul li a:hover{

	opacity:1;

	}

	

.social-icons .social-facebook a{

	background-position:-20px 0;

	}

.social-icons .social-ihavegot a{

	background-position:-40px 0;

	}



.social-icons .social-googleplus a{

	background-position:-80px 0;

	}	



.social-icons .social-pinterest a{

	background-position:-140px 0;

}



.social-icons .social-linkedin a{

	background-position:-180px 0;

}



.social-icons .social-email a{

	background-position:-240px 0;

}	

.social-icons .social-reddit a{

	background-position:-260px 0;

}	

.social-icons .social-digg a{

	background-position:-280px 0;

}	

.social-icons .social-delicious a{

	background-position:-300px 0;

}









/* Comments *******************************************************/



.meta-comment{display:none}



.comments{

	float: left;

    width: 100%;

	margin-top:20px;

	}



.comments h3{

	border-bottom: 1px solid #DDD;

    color: #666;

    font-size: 15px;

    padding-bottom: 3px;

	float:left;

	width:100%;

	}



.commentlist{

	float:left;

	width: 100%;

	}



.comments .navigation{

	

	}

	

.comments .navigation .nxt{

	float:right;

	margin:3px 0 15px;

	}

	

.comments .navigation .prv{

	float:left;

	margin:3px 0 15px;

	}

	

.comments ol{

	list-style: none;

	margin-left:0;

	}



.comments ol li{

	margin-bottom: 7px;

	}



.comments ol li ul{

	}



.comment-body{

	border: 1px solid #DDD;

    padding: 20px;

	position:relative;

	float: left;

    margin: 5px 0;

	width:100%;

	border-radius:5px;

	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);

       -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1);

			box-shadow: 0 0 7px rgba(0,0,0,0.1);

	}



.comment-author {

	background:url(../images/bg_off2.png) repeat;

    float: left;

    padding:10px;

    width: 100%;

	border-radius:5px;

	

	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) inset;

       -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) inset;

			box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) inset;

	}

.comment-author .fn{

	float: left;

    margin: 5px 5px 0 12px;

	}

.comment-author .says{

	color: #AAA;

    float: left;

    font-size: 12px;

    margin: 5px 0;

	}

	

.comment-author img{

	float: left;

	border-radius:3px;

	}



.comment-meta{

	font-size: 11px;

    position: absolute;

    right: 36px;

    top: 36px;

	}

.comment-meta a{

	color:#666

	}

.comment-meta a.comment-edit-link{

	color:#999

	}

.comment-body p{

	float: left;

    padding: 10px;

    width: 100%;

	}

.comment-body .reply{

	font-size: 11px;

    text-align: right;

	}

.comment-body .reply a{

	border: 1px solid #CCC;

    color: #999;

    padding: 0 5px 1px;

	border-radius:3px;

	}

.comment-body .reply a:hover{

	border: 1px solid #999;

    color: #666;

	}

	

	

.comments #respond{

	position:relative;

	float:left;

	width: 100%;

	margin:20px 0;

	}

	

.comments #respond p.note{

	color:#999;

	}

#cancel-comment-reply-link{

	position: absolute;

    right: 0;

    top: 2px;

	font-size:13px;

	}



#commentform {

	float:left;

	width:100%;

	}



#commentform p {

	float:left;

	width:100%;

	}

	

#commentform p.onethird {

	margin-right:2%;

	width:32%;

	}

	

#commentform p.onethird:nth-child(4) {

	margin-right:0;

	}

	

#commentform p.form-allowed-tags {

	color: #999;

    font-size: 11px;

    line-height: 16px;

	}	

	

#commentform p.form-allowed-tags {display:none;}	





#commentform p input,#commentform p textarea{

	background: none repeat scroll 0 0 transparent;

    border: 1px solid #CCC;

    color: #666;

    padding: 7px;

	border-radius:5px;

	width:100%;

	

	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);

       -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);

	 		box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);

			

	

	}

#commentform p input:focus,#commentform p textarea:focus,#commentform p input[type="submit"]:hover{

	background:#FFF;

    border: 1px solid #aaa;

    color: #333;

	

	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15) inset;

       -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15) inset;

	 		box-shadow: 0 0 5px rgba(0, 0, 0, 0.15) inset;

	

	}



#commentform p label {

	color:#777;

	float: left;

    line-height: 32px;

    width: 65px;

	}

	

#commentform p span{

	color:#cc0000;

	margin-left: 3px;

	}

#commentform p input[type="submit"]{

	cursor:pointer;

	padding: 7px 15px;

    width: auto;

	}

#commentform p textarea{

	margin: 4px 0;

	}



.author_info{

	

    border: 1px solid #ccc;

    float: left;

    margin: 15px 0;

    padding: 12px 20px 16px;

	text-align: justify;

	width:100%;

	border-radius:5px;

	

	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);

       -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1);

			box-shadow: 0 0 7px rgba(0,0,0,0.1);

	}

.author_info h4{

	background: url("../images/bg_off2.png") repeat;

    border-radius: 5px 5px 5px 5px;

    color: #666666;

    font-size: 14px;

    margin-top: 8px;

    padding: 5px 12px;

	

	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) inset;

       -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) inset;

			box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) inset;

	}

.author_info img{

	border: 1px solid #CCC;

    float: left;

    margin-right: 12px;

    padding: 3px;

	margin-top:5px;

	border-radius:4px;

	}

.author_info p{

	color:#666;

	margin-bottom:0;

	}









/* Widgets *******************************************************/

.widget{

	float:left;

	width:100%;

	margin:0 0 20px 0;

	}



.widget h3.title {

	padding-top:0;

	margin-bottom:0;

	}



.widget iframe{

	width:100% !important;

	}



.widget_interio_facebook iframe{

	border:solid 1px #ccc;

	padding-bottom:10px;

	}





/* Widget Twitter*/

.twitter_widget ul.tweet_list {

	float: left;

    list-style: none;

    margin: 10px 5px 0;

}



.twitter_widget ul.tweet_list li {

	float: left;

    margin-bottom: 15px;

}



.twitter_widget ul.tweet_list li a.tweet_avatar{

	float: left;

    margin-right: 10px;

}

.twitter_widget ul.tweet_list li a.tweet_avatar img{

	border: 1px solid #CCC;

    float: left;

    padding: 2px;

}

.twitter_widget ul.tweet_list li span.tweet_text{

	

}

.twitter_widget ul.tweet_list li span.tweet_time{

	

}

.twitter_widget ul.tweet_list li span.tweet_time a{

	color: #999;

    display: block;

    font-size: 10px;

    padding-right: 10px;

    text-align: right;

}



/* Calendar */

#calendar_wrap {

	

	}

#wp-calendar { width: 100% }



#wp-calendar caption {

	text-align: center;

	margin: 10px 0;

}



#wp-calendar thead {font-size: 11px; color:#666 }



#wp-calendar thead th {

	padding: 5px 10px;

	font-weight: bold;

	border: 1px solid #CCCCCC;

}

#wp-calendar tr {

	border-bottom: 1px solid #CCCCCC;

	}

#wp-calendar tfoot tr:last-child {

	border-bottom:none;

	}

#wp-calendar tbody {color: #999 }



#wp-calendar tbody td {

	

	text-align: center;

	padding: 5px 8px;

}

#wp-calendar tbody td a {

	font-weight:700

}



#wp-calendar tbody .pad {border:none;}

#wp-calendar tbody .pad:hover {background:none; }

#wp-calendar tbody td:hover,#wp-calendar tbody td:hover a{

	background: #666;

	color:#fff;

	}



#wp-calendar tfoot #next {

	font-size: 11px;

	font-weight: bold;

	text-transform: uppercase;

	text-align: right;

	padding-top: 5px;

}



#wp-calendar tfoot #prev {

	font-size: 11px;

	font-weight: bold;

	text-transform: uppercase;

	padding-top: 5px;

}



/* RSS Widget*/



.widget_rss {

	

	}



.widget_rss ul {

	

	}

	

.widget_rss ul li {

	border-bottom: 1px solid #DDD;

    margin-bottom: 10px;

    padding-bottom: 3px;

}

.widget_rss ul li a {

	

	}

	

.widget_rss .rss-date {

	background:#EEE;

    border-radius:3px 3px;

    color: #888;

    float: right;

    font-size: 9px;

    margin: 5px 0;

    padding: 0 6px;

	}

	

.widget_rss .rssSummary {

	color: #999;

    font-size: 12px;

    line-height: 16px;

    margin: 5px 0;

	}

	

.widget_rss cite {

	color: #888;

    float: right;

    font-style: italic;

	font-size:12px;

	}

	

	

/* Embed Widget */

.embed {

	margin-top:12px;

	}

.embed iframe{

	max-width:100%;

	height:auto;

	}

.embed p{

	color: #666;

    margin: 5px 0 10px;

	}

	



/* Flickr Widget*/

	

#wrap_flickr {

	margin-top:10px;

	}

	

#wrap_flickr .flickr_badge_image{

	float:left;

	margin:4px;

	}	



#wrap_flickr .flickr_badge_image a{

	float:left;

	padding:4px;

	border:solid 1px #ccc;

	border-radius:5px;

	}

#wrap_flickr .flickr_badge_image a:hover{

	border:solid 1px #999;

	}

#wrap_flickr .flickr_badge_image a img{

	float:left;

	}





/* Ads Widget */



.ads {margin-top:12px;}

.ads a{

	border: 1px solid #CCC;

    float: left;

    margin: 0 7px 14px 6px;

    padding: 5px;

	border-radius:5px;

	}

.ads a img{

	float:left;

	}

.ads a:hover{border:solid 1px #999;}

.ads a img:hover{}





/* Combo Tabs */

.widget ul.tabs{

	margin-top:-5px;

	}

.widget .tab a{

	padding: 6px 10px 6px 11px;

	background:url(../images/bg_off2.png);

	}

.widget .tab a:hover{

	background:url(../images/bg_off.png);

	}

.widget .tab a.selected{

	padding: 6px 10px 6px 11px;

	background:none;

	}

.widget .tab:last-child a{

	border-radius: 0 5px 0 0;

    border-right: medium none;

    display: inline-block;

    padding: 6px 14px;

    width: 58px;

	}

.widget .tabswrap .panel{

	padding:15px 15px 0;

	background:none;

	}

.widget.widget_interio_combo_tabs .tabswrap .panel {border-radius:0 0 5px 5px}



.widget .recent {

	float: left;

    padding: 15px 15px 0;

	}



.widget .tabswrap .panel ul,.recent ul {

	list-style:none;

    margin: 0;

	float:left;

	width:100%;

	}



.widget .tabswrap .panel ul li,.recent ul li {

	margin-bottom: 10px;

	float:left;

	width:100%;

	}

.widget .tabswrap .panel ul li,.recent ul li {

	border-bottom: 1px solid #DDD;

	padding-bottom:15px;

	position:relative;

	}

.widget .tabswrap .panel ul.wp-tag-cloud li {

	border:none;

	padding-bottom:0;

	}

	

.widget .tabswrap .panel ul li a ,.recent ul li a{

	display:block;

	line-height: 19px;

	font-weight:700;

	}

.widget .tabswrap .panel ul li i, .recent ul li i {

	font-weight:400;

	}		

.widget .tabswrap .panel ul li .post-thumbnail,.recent ul li .post-thumbnail {

	float: left;

    margin-right: 10px;

	position:relative;

	}

	

.widget .tabswrap .panel ul li .post-thumbnail a,.recent ul li .post-thumbnail a{

	border: 1px solid #CCC;

    float: left;

    padding: 4px;

	border-radius:5px;

	}

.widget .tabswrap .panel ul li .post-thumbnail a:hover,.recent ul li .post-thumbnail a:hover{

	border: 1px solid #999;

	}

.widget .tabswrap .panel ul li .post-thumbnail a img ,.recent ul li .post-thumbnail a img {

	float: left;

	}

	

.widget .tabswrap .panel ul li span.date,.recent ul li span.date {

	background:#eee;

    border-radius:3px 3px 0 0;

    bottom:0;

    color: #888;

    float: right;

    font-size: 8px;

    line-height: 18px;

    padding: 0 7px;

    position: absolute;

    right: 0;

	}





.widget.widget_interio_popular_posts, .widget.widget_interio_recent_comments,

.widget.widget_interio_recent_posts, .widget.widget_tag_cloud,

.widget.widget_interio_portfolio{

	border:solid 1px #CCC;

	border-radius:5px;

	

	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);

       -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1);

			box-shadow: 0 0 7px rgba(0,0,0,0.1);	

	

	}



.widget.widget_interio_popular_posts h3.title, .widget.widget_interio_recent_comments h3.title,

.widget.widget_interio_recent_posts h3.title, .widget.widget_tag_cloud h3.title,

.widget.widget_interio_portfolio h3.title{

	border-bottom:solid 1px #CCC;

	padding:6px 12px;

	font-size:14px;

	background:url("../images/bg_off.png") repeat;

	}

		

.widget .tabswrap .panel ul li:last-child, .recent ul li:last-child{

	margin-bottom:-1px;

	}



.recent-portfolio ul li {

	margin-right:20px;

    width: 45%;

	border:none;

	margin-bottom:0;

	}



.recent-portfolio ul li:nth-child(2n) {margin-right:0}



a.mini-thumb img{

	width:110px;

	}

	

.recent-cap {

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);

    bottom: 0;

    color: #FFFFFF;

    opacity:0;

    font-weight: 700;

    height: 90%;

    line-height: 15px;

    margin: 4px 0;

    padding: 30px 4px 4px;

    position: absolute;

    text-align: center;

    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);

    width: 92%;

	overflow:hidden;

	

	-webkit-transform:scale(0);

	   -moz-transform:scale(0);

	     -o-transform:scale(0);

	    -ms-transform:scale(0);

	        transform:scale(0);

	

	-webkit-transition:all 0.3s ease-out;

	   -moz-transition:all 0.3s ease-out;

	     -o-transition:all 0.3s ease-out;

	    -ms-transition:all 0.3s ease-out;

	        transition:all 0.3s ease-out;

	}



.post-thumbnail:hover .recent-cap {

	opacity:1;

	

	-webkit-transform:scale(1);

	   -moz-transform:scale(1);

	     -o-transform:scale(1);

	    -ms-transform:scale(1);

	        transform:scale(1);

	}





/* Search Form */



#searchform {

	padding: 15px 0;

	float:left;

	width:100%;

	}



#searchform input {

	background: url("../images/bg_off2.png") repeat scroll 0 0 transparent;

    border: 1px solid #CCCCCC;

    float: left;

	height:31px;

    padding: 6px 7px;

    width: 70%;

	border-radius:5px;

	}

#searchform input:hover,#searchform input:focus {

	background: url("../images/bg_off.png") repeat scroll 0 0 transparent;

    border: 1px solid #aaa;

	}	

#searchform label{

	display:none;

	}

	

#searchform #searchsubmit {

	color: #666666;

    cursor: pointer;

    float: left;

    font-family: "Open Sans", sans-serif;

    font-weight: 700;

    line-height: 30px;

    margin-left: 2%;

    padding:0 0 4px;

    width: 28%;

	}



footer #searchform {

	padding:6px 10px;

	}



footer #searchform input {

    border: 1px solid #AAA;

	color: #EEE;

	border-radius:5px;

	}

footer #searchform input:hover,footer #searchform input:focus {

    border: 1px solid #CCC;

	}	

footer #searchform label{

	display:none;

	}

	

footer #searchform #searchsubmit {

	color: #EEE;

	font-size: 11px;

	font-weight:400;

	}	

	

		

/* Tag Cloud in Combo */

.widget .tabswrap .panel ul.wp-tag-cloud {

	width:100%;

	margin-bottom:10px;

	}



.widget .tabswrap .panel ul.wp-tag-cloud li{

	margin: 0 5px 10px;

    width: auto;

	}



.widget .tabswrap .panel ul.wp-tag-cloud li a{

	height:25px;

	line-height:22px;

	}







/* Dropdown in Widget */

.widget select {

	background: url(../images/bg_off2.png) repeat scroll 0 0 transparent;

    border: 1px solid #CCC;

    color: #666;

    margin: 15px 0;

    padding: 6px;

    width:100%;

	height:35px;

	border-radius:5px;

	line-height:28px;

	}

	

.widget select option{

	padding:7px

	}



/* PORTFOLIO ******************************************************/



.zoom img{

	-webkit-transition: all 0.3s ease-out;

	   -moz-transition: all 0.3s ease-out;

	     -o-transition: all 0.3s ease-out;

	    -ms-transition: all 0.3s ease-out;

	        transition: all 0.3s ease-out;

	

	}

	

ul.portfolio {

	float:left;

	-webkit-transition: height 0.4s ease-out;

	   -moz-transition: height 0.4s ease-out;

	     -o-transition: height 0.4s ease-out;

	    -ms-transition: height 0.4s ease-out;

	        transition: height 0.4s ease-out;

	}

.portfolio li {

	background:#FFF;

	float: left;

	margin-right: 20px;

	margin-bottom: 20px;

	border: 1px solid #ccc;

	padding:10px;

	position:relative;

	border-radius:8px;

	

	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);

       -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1);

			box-shadow: 0 0 7px rgba(0,0,0,0.1);

			

	}



.portfolio li p{

	color:#555;

	border-top: 1px solid #CCCCCC;

    color: #555;

    float: left;

    width: 100%;

	padding:10px 0 0;

	}

	

.portfolio a {

	display: block;

	text-decoration: none;

	position:relative;

	overflow:hidden

	}

	

.portfolio a h4 {

	font-size:15px;

	text-align:center;

	font-weight:700;

	padding:0

	}

	

.portfolio img {

	display: block;

	}

.portfolio a.zoom:hover img,.content article figure a.zoom:hover img {

	-webkit-transform:scale(1.2) rotate(6deg);

	   -moz-transform:scale(1.2) rotate(6deg);

	     -o-transform:scale(1.2) rotate(6deg);

	    -ms-transform:scale(1.2) rotate(6deg);

	        transform:scale(1.2) rotate(6deg);

	}



.portfolio-thumb {

	width:100%;

	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.2);

       -moz-box-shadow: 0 0 7px rgba(0,0,0,0.2);

			box-shadow: 0 0 7px rgba(0,0,0,0.2);

	}



.portfolio-thumb a{

	border-radius:5px;

	border: 1px solid #ccc;

	}

	

.portfolio-info{padding:10px}

.portfolio-info a{}





/* Related Portfolio */

#related-portfolio {

	float: left;

	margin: 20px 0 0;

	}

ul.related-portfolio {

	margin:6px 0 0 0;

	}

#related-portfolio .eleven .info-p4col h3.title {

	font-size: 13px;

	}









/* FILTER *********************************************/

ul.filter {

	float: left;

	margin: 6px 0 16px;

	width: 100%;

	}

.filter li {

	float: left;

	margin: 0 5px 10px 0;

	display:none;

	}

.filter li:last-child {

	margin: 0 0 10px 0;

	}



.portfolio .portfolio-info a.read-more-link{

	margin-top:10px;

	}

	

	

ul.filter li a:hover ,

ul.filter li.current a{

	opacity:1;

	color:#fff

	}





.portfolio-types {

	color: #999;

    float: left;

    font-size: 11px;

    padding:0 0 10px;

	margin:0;

    width: 100%;

	white-space:nowrap;

	overflow:hidden;

	}



/* PORTFOLIO DETAILS*/

.portfolio_detail_image a img {

	}

.portfolio_details {

	border-bottom: 1px solid #CCC;

    margin: 10px 0;

    padding-bottom: 10px;

	}

.portfolio_details .pdw{

	margin: 3px 0;

	}

.portfolio_details .pdw span.p_label{

	color: #888;

	}



.portfolio_details .pdw  span.p_text{

	color: #666;

    font-weight: 700;

	}



/*p1col*/

.portfolio.p1col li{width:940px;height:auto !important}

.thumb-p1col {width:67%;}

.thumb-p1col  a{width:100%;}

.info-p1col {float:left;width:32%;margin-left:1%;}

.info-p1col p {

	padding:0;

	}



.portfolio.p1col li a{

	float:left;

	display:inline-block;

	}

.portfolio.p1col li a.portfolio-title{

	float:left;

	width:100%;

	}

.portfolio.p1col li a.portfolio-title h4{

    text-align: left;

	margin-bottom:0;

	}

.info-p1col .portfolio-types {}





/*p2col*/

.portfolio.p2col li{width:460px}

.portfolio.p2col li:nth-child(2n){margin-right:0;}



.portfolio.p2col li a.portfolio-title h3,

.portfolio.p3col li a.portfolio-title h3,

.portfolio.p4col li a.portfolio-title h3

	{

    margin: 5px 0;

	text-align:center !important;

	

	} 



.info-p2col .portfolio-types,.info-p3col .portfolio-types ,.info-p4col .portfolio-types {text-align:center}

.info-p2col p ,.info-p3col p,.info-p4col p{

    margin-bottom: 10px;

	}



.portfolio .info-p2col a.read-more-link,

.portfolio .info-p3col a.read-more-link,

.portfolio .info-p4col a.read-more-link{

    margin: 12px auto 0;

	position:relative;

	bottom:auto;

	right:auto;

	display:inline-block;

}





/* p3col*/

.portfolio.p3col li{width:300px}



.portfolio.p3col li:nth-child(3n) { margin-right: 0; }





/*p4col*/

.portfolio.p4col li{width:220px}

.portfolio.p4col li:nth-child(4n) { margin-right: 0; }



.eleven.p4col li{width:145px}



.embeded-video {display:none}







/* Overlay */

.overlay {

	background:rgba(0,0,0,.5);

    display: block;

    height: 100%;

    position: absolute;

    top: 0;

    width: 100%;

	opacity:0;

	overflow:hidden;



	}



.overlay span{

	background: url(../images/overlay.png) no-repeat scroll 0 0 #000;

    display: block;

    height: 40px;

    position: absolute;

    width: 40px;

	opacity:0;

	top:44%;

	border-radius:5px;

	}

.overlay span:hover{

	-webkit-box-shadow:0 0 10px rgba(255,255,255,.3);

	   -moz-box-shadow:0 0 10px rgba(255,255,255,.3);

	        box-shadow:0 0 10px rgba(255,255,255,.3);

	}	

.overlay span.ov-lb{}

.overlay span.ov-ol{background-position:-80px 0}

.overlay span.ov-to{background-position:-40px 0}

.overlay span.ov-vd{background-position:-120px 0}



.overlay:hover span.ov-lb,

.overlay:hover span.ov-ol,

.overlay:hover span.ov-to {/*top: 45%;opacity:1;*/}





/* Project Navigation */



.project-nav{

	position: absolute;

    right: 0;

    top: 24px;

	}



.project-nav a .ibox:before {

	color: #BBB;

    display: block;

    height: 25px;

    line-height: 23px;

    margin: 0;

    width: 25px;

	font-size:18px;

	

	}

.project-nav a:hover .ibox:before {

	color: #FFF;

	}

	

.project-nav .nav-icon {

	background:url("../images/bg_off.png") repeat scroll 0 0 transparent;

	display: block;

	float: left;

	margin:0 10px 9px 0;

	width:25px;

	height:25px;

	border-radius:5px;

}



.project-nav .nav-icon a{

	border-radius:5px;

	text-align:center;

	display:inline-block;

	width:25px;

	height:25px;

	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;

       -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;

			box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;

}

.project-nav .nav-icon a:hover{

	background:url("../images/bg_on.png") repeat scroll 0 0 transparent;

	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;

       -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;

			box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;

	

}







/* 404 Error */

.error404i {margin:50px 0;}

.error404i h3{margin-bottom:20px;}

.error404i h4{}





/* FOOTER ********************************************************/

footer.footer {

	background:url(../images/footer_top.png) repeat-x top center,

			   url(../images/footer_bg.png) repeat,

			   url(../images/footer_bottom.png) repeat-x bottom center;

	padding: 20px 0;

	}



footer.bottom {

	background:#FFF;

	}	

footer.bottom .container {

	padding:10px 0 20px;

	}	

footer .copyright {

	float:left;

	color:#666;

	font-size:12px;

	line-height:15px;

	margin-top:15px;

	}

	

footer .copyright a{

	text-decoration:none;

	color:#555;

	}

footer .copyright a:hover{

	color:#333;

	}	

footer .gototop {

	margin: 9px auto;

	}

footer .gototop a{

	

	background: url(../images/bg_off.png) repeat;

    border-radius: 5px 5px 5px 5px;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;

    display: block;

    font-family: fontello;

    font-size: 15px;

    height: 25px;

    line-height: 23px;

    margin: auto;

    text-align: center;

    width: 25px;

	color:#999;

	

	}

	

footer .gototop a:hover{

	color:#cc0000;

	}	



footer h3.logo{

	 margin: 3px 0 10px;

	}

footer h3.logo a{

	display:block;

	width:112px;

	height:19px;

	background:url(../images/logo_bottom.png) no-repeat;



	font:0/0 a;

	text-shadow:none;

	color:transparent;

	

	}

	

footer h4.title{

	font-size:15px;

	color:#DDD !important;

	font-weight:700;

	padding: 7px;

	border:none;

	text-shadow:1px 1px 1px rgba(0,0,0,.6);

	background:url(../images/footer_separator.png) repeat-x bottom center;

	

	}



/* Footer Widgets */



footer .widget {

	margin:0;

	border:none !important;

	-webkit-box-shadow:none !important;

       -moz-box-shadow:none !important;

			box-shadow:none !important;

			

}

	

footer p,footer .address,footer .address a {

	color:#DDD;

	text-shadow:1px 1px 1px rgba(0,0,0,.6);

	font-size:13px;

	}



footer ul{

	margin-bottom:10px;

	}

footer ul li {

	margin:0 9px;

	overflow: hidden;

	text-shadow:1px 1px 1px rgba(0,0,0,.6);

	color:#AAA !important;

    }



footer .widget_recent_entries ul li{

	text-overflow: ellipsis;

    white-space: nowrap;

	}	



footer ul li a{

	font-size:13px;

	color:#FFF !important;

	text-decoration:none;

	

	opacity:.65;

	padding-left:13px;

	background:url(../images/list-style.png) left center no-repeat;

	}



footer ul li a:hover{

	opacity:1;

	}



footer #wrap_flickr .flickr_badge_image a img{width:55px}

footer #wrap_flickr .flickr_badge_image a {border:solid 1px #999}

footer #wrap_flickr .flickr_badge_image a:hover {border:solid 1px #CCC}



footer .widget.widget_interio_portfolio{border:none;}



footer .widget .recent-portfolio{

	padding: 5px 0;

	margin-bottom:-5px;

	width:100%;

	}

footer .widget .recent-portfolio ul li{

	margin: 0 5px -3px;

	width: 45%;

	border:none;

	}

footer .widget .recent ul li a,footer .tabswrap ul li a{

	background:none;

}

footer .widget .recent ul li .post-thumbnail a{

	opacity:1;

	border-color:#AAA;

	}

footer .widget .recent-portfolio ul li .post-thumbnail a.mini-thumb img{

	width:88px

	}

footer .widget .recent-cap{

    font-size: 11px;

    height: 85%;

    padding: 22px 1px 4px;

	width:90%;

	margin:5px 0;

	}

footer span.date{color:#bbb !important}



/* Hide extra widgets in footer, if you want to add more than 1 row you can remove these 4 lines: */

footer .widget.four:nth-child(n+115){display:none}

footer .widget.one-third:nth-child(n+4){display:none}

footer .widget.eight:nth-child(n+3){display:none}

footer .widget.sixteen:nth-child(n+2){display:none}

/* end */



footer .twitter_widget ul.tweet_list{margin: 5px 0;}

footer .twitter_widget ul.tweet_list li{margin: 0 5px 15px;}

footer .twitter_widget ul.tweet_list li a{background:none;}

footer .twitter_widget ul.tweet_list li a.tweet_avatar{padding:0}



footer ul li.recentcomments a{background:none;}



footer .recent ul li{

	border-bottom:solid 1px #555;

	}



footer .widget_interio_facebook iframe {

	border:none;

	}

footer .widget ul.tabs {margin-top:-2px;}	

footer .widget .tabswrap {

	background-color:transparent;

	-webkit-box-shadow:none;

       -moz-box-shadow:none;

			box-shadow:none;

	

	}

	

footer .widget .tabswrap ul li{

	margin:0 -1px 0 0;	

	border-bottom-color:#555 !important;

	}	

	

footer .widget .tabswrap ul li a{

	font-size:11px;	

	}

	

footer .widget .tabswrap .panel ul li span.date, footer .recent ul li span.date {

	background:#555;

	}



footer .widget .tab a{padding:2px 7px}

footer .widget .tab:last-child a{padding:2px 7px;width:auto;border-radius:0;}

footer .widget .tab a.selected {padding:2px 7px;border-bottom-color:#333}





footer #lang_sel a.lang_sel_sel{background-color:transparent;}



footer .ads a {border-color:#AAA}



/* Text Widget */

footer .textwidget a{

	color:#FFF !important;

	opacity:.7;

	}

footer .textwidget a:hover{opacity:1}



/* Address */

.address{

	padding:0 5px;

	color:#666;

	margin-top:12px;

	}

.address p{

	margin-bottom:8px;

	}

.address a{

	text-decoration:none;

	}

.address .icons{

	padding:0 0 0 20px;

	margin:0 10px 0 25px;

	font-size:13px !important;

	text-align:left !important; 

	background:url(../images/contact_icons.png) no-repeat;

	}

.address .icon_tel{

	background-position: 0 -75px;

	}

.address .icon_email{

	background-position: 0 -100px;

	}

.address .icon_pin{

	background-position: 0 -126px;

	}	



footer .address .icon_tel{

	background-position: 0 -1px;

	}

footer .address .icon_email{

	background-position: 0 -25px;

	}

footer .address .icon_pin{

	background-position: 0 -51px;

	}

	

	





/* SOCIAL ICONS ****************************************************/

.social{

	float: right;

    text-align: right;

	}			



.social ul{

	 margin:0;

	}



.social ul li{

	 display: block;

     float: left;

     margin: 6px 0 0 4px;

     padding: 0;

	 font:0/0 a;

	 text-shadow:none;

	 color:transparent;

	

	}



.social ul a{

	display:block;

	}





.social_icons .icon a{

	width:20px;

	height:20px;

	display:inline-block;

	background:url(../images/social.png) no-repeat ;

	opacity: 0.35;

	margin:5px 2px;

	}

.social_icons .icon a:hover{

	opacity:.75;

	}

		

.social_icons .icon.facebook a{

	background-position:-20px 0;

	}

.social_icons .icon.ihavegot a{

	background-position:-40px 0;

	}

.social_icons .icon.vimeo a{

	background-position:-60px 0;

	}

.social_icons .icon.google a{

	background-position:-80px 0;

	}	

.social_icons .icon.youtube a{

	background-position:-100px 0;

	}	

.social_icons .icon.flickr a{

	background-position:-120px 0;

	}

.social_icons .icon.pinterest a{

	background-position:-140px 0;

}

.social_icons .icon.dribbble a{

	background-position:-160px 0;

}

.social_icons .icon.linkedin a{

	background-position:-180px 0;

}

.social_icons .icon.rss a{

	background-position:-200px 0;

}

.social_icons .icon.sitemap a{

	background-position:-220px 0;

}	

.social_icons .icon.email a{

	background-position:-240px 0;

}	





	



/* contact Form* ***************************************************/

.wpcf7{

	float:left;

	width:100%;

	}

	

.wpcf7 p{

	float:left;

	width:100%;

	margin:0 0 14px;

	color:#555;

	}

	

.wpcf7 p br{float:none}



.wpcf7 p small{

	color:#777;

	}	





.wpcf7 input,.wpcf7 textarea,.wpcf7 select{

	background: url("../images/bg_off2.png") repeat scroll 0 0 transparent;

    border: 1px solid #CCC;

    float: left;

    padding: 6px 7px;

	margin-top:4px;

	width:70%;

	border-radius:5px;

	

	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) inset;

       -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) inset;

	 		box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) inset;

	}



.wpcf7 input:focus,.wpcf7 textarea:focus, .wpcf7 select:focus{

	background: url("../images/bg_off.png") repeat scroll 0 0 transparent;

    border: 1px solid #AAA;

	

	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.20) inset;

       -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.20) inset;

	 		box-shadow: 0 0 6px rgba(0, 0, 0, 0.20) inset;

			

	}

	

.wpcf7 input.wpcf7-not-valid {border-color:#cc0000;}



.wpcf7 textarea{

	width:95%;

	height:120px;

	}



.wpcf7 .wpcf7-submit{

	width:90px;

	}



div.wpcf7 img.ajax-loader {margin:12px 0 0 10px !important}



div.wpcf7-response-output {

	float: left;

    margin: 5px 0 0 !important;

    padding: 6px 12px !important;

    width: 95%;

	background:url(../images/t10.png) repeat scroll 0 0 ;

	border-radius:5px;

	} 



div.wpcf7-validation-errors,div.wpcf7-mail-sent-ng {

	background-color: #FFE9E9 !important;

    border-color: #E99F9F !important;

    color: #bb0000 !important;

	border-width:1px !important;

	}

	

div.wpcf7-mail-sent-ok{

	background-color: #d8fdc8 !important;

    border-color: #69b947 !important;

    color: #1a5600 !important;

	border-width:1px !important;

	}



.wpcf7-not-valid-tip{display:none !important}

.widget .wpcf7 {margin-top:12px;}



.wpcf7-quiz-label{float: left;margin: 10px;}

div.wpcf7 .wpcf7-quiz{width: 20% !important;} 



.wpcf7-checkbox, .wpcf7-radio {float: left;margin: 10px;width: 94%;}

.wpcf7-list-item {float: left;}

.wpcf7-list-item input {float: right; width: 20px;}

.wpcf7-list-item-label {float: left;}



div.wpcf7 .wpcf7-file{margin: 7px 0;}





/* WPML **********************************************************/



.interio_icl_lang_selector{

	float:right;

	margin:8px 0 0 10px;	

	}

	

#lang_sel {

	font-family:Tahoma, Geneva, sans-serif;

	z-index:9;

	}



#lang_sel a.lang_sel_sel{

	

	}



#lang_sel li,#lang_sel ul ul {

	width:90px;

	list-style-image:none;

	}



#lang_sel a, #lang_sel a:visited {

	

	border-radius:5px;

	font-size:12px;

	padding-left:7px;

	}

	

#lang_sel ul ul {border-top:none;}

#lang_sel ul ul a, #lang_sel ul ul a:visited {border-width:1px;}



#lang_sel.icl_rtl .lang_sel_sel{background-position:left center;padding-right:7px;}



.widget #lang_sel{margin:10px 0 0}

.widget #lang_sel li,#lang_sel ul ul {width:280px}



/* Misc **********************************************************/

.center {text-align:center}

.hide {display:none}