/*  
Theme Name: Colored Theme
Description: Responsive WordPress theme
Theme URI: http://wpbox.net
Author: Vergo
Author URI: http://wpbox.net
Version: 1.3
Tags: dark, light, white, black, gray, two-columns, right-sidebar, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
License: GNU/GPL Version 2 or later. 
License URI: http://www.gnu.org/licenses/gpl.html 
Copyright: (c) 2013 Vergo.
 
*/



/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}

body{
}


ol, ul {
	list-style:none; margin:0;
}

a,a:hover{
	text-decoration:none; 
}

a,.nav li a{
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in; 
	transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
}

small{
	line-height:11pt;
}

/* @the grid
********************************************************************************************
********************************************************************************************/

.container{
width: 100%;
max-width: 960px;
margin: 0 auto 0 auto;
padding:0 100px;
overflow:hidden;
position:relative;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol,.fifthcol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-left:0;
float: left;
min-height: 1px;
overflow:hidden;
}

.twocol {
width: 10.75%;
margin-left:5%;
float:left;
}

.threecol {
width: 23.3%;
margin-left:2.2%;
float:left;
}

#footer .threecol {
width: 22%;
margin-left:4%;
margin-bottom:0px;
}

.fourcol {
width: 30%;
margin:0 0 0 0;
padding:0;
float:left;
position:relative;
}

.fifthcol {
width: 16%;
padding:0;
margin:0 0 0 4%;
float:left;
margin-bottom:40px;
}

.eightcol {
width: 67%;
padding-right:0;
padding-left:0;
margin:0 3% 0 0;
float:left;
}

.sixcol {
width:47.5%;
margin-left:5%;
}

.twelvecol {
width: 90%;
float: left;
}

.first {
margin-left: 0px !important;
}

object, embed {
max-width: 100%;
}


/* @vergo classes
********************************************************************************************
********************************************************************************************/

.small{
	font-size:85% !important;
}

.tagline{
	font-size:12px; opacity:.8;
}

.hrline,.hrlineB,.hrlineS{
	width: 100% !important;
	overflow:hidden;
	padding:0;
	height:1px;
	position:relative;
	background: url(images/line-h-l.png) 0 0 repeat-x;
}

.hrlineB{
	margin-bottom:40px !important;
}

.hrlineS{
	height:15px !important;
	margin-bottom:40px !important;
	opacity:.5;
}

.hrline span,.hrlineB span{
	width:60px;
	background:#999;
	height:1px;
	position: absolute;
	top:0;
	left:50%;
	margin-left:-30px;
}

.sserif{
	font-family:"Questrial",serif; text-transform:uppercase; margin-bottom:15px;
}
	
.fl{
	float:left !important; overflow:hidden;
}

.fr{
	float:right !important; overflow:hidden;
}

.bottomzero{
	padding-bottom:0 !important;
}

.rad,a.itembutton{
	-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
}

.boxshadow{
	-moz-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:  0 1px 2px rgba(0, 0, 0, 0.6);
	box-shadow:  0 1px 2px rgba(0, 0, 0, 0.6);
}

.boxshadow2{
	-moz-box-shadow:  0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:  0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow:  0 1px 1px rgba(0, 0, 0, 0.1);
}

.shadow-inset{
	-moz-box-shadow:  0px 0px 45px rgba(0, 0, 0, 1) inset;
	-webkit-box-shadow:  0px 0px 45px rgba(0, 0, 0, 1) inset;
	box-shadow: 0px 0px 45px rgba(0, 0, 0, 1) inset;
}

.breadcrumb{
	margin:15px 0 10px 0;font-size:12px; text-transform:uppercase; max-width:30%;
}

.top-fix{ padding-top:60px !important;}

.bottom-fix{
	margin-bottom:10px;
}

.slant{
	font-size:85%;font-weight:normal; font-style:italic;
}

.upper{
	text-transform:uppercase !important;
}

.lower{ 
	text-transform: lowercase !important;
}

.italic{
	font-style:italic !important;
}

.fat{
	font-weight:bold !important;
}



/* @titles
********************************************************************************************
********************************************************************************************/

h1{
	margin:0px 0 20px 0;
	padding:1;
	letter-spacing: 1.00em;
	text-transform:uppercase;
}
	
h2{
	margin:10px 0;
	padding:0;
	letter-spacing:-0.04em;
}
	
h2.leading{
	margin:-5px 0 10px 0;
	padding:0;
}
	
h2.heading{
	margin:5px 0 15px 0;
	padding:0;
	line-height:.9;
	font-size:40px;
	letter-spacing:-0.04em;
}
	
h3{
	margin:10px 0;
	padding:0 0 0 1px;
}	
	
h4{
	margin:12px 0;
	padding:0;
}	
	
h5,h6{
	margin:5px 0;
	padding:0;
	}	


h3.title{
	padding:0 0 11px 0; margin: 0; font-size:14pt; text-shadow:none;
}

h4.leading{
	margin:-5px 0 30px 0;
}


/* @header
********************************************************************************************
********************************************************************************************/



#header{
	width:100%;
	position:relative;
	float:left;
	z-index:999;
	margin-bottom:-35px;
}

#header img{
	display:block;
	float:none;
	margin:45px auto 40px auto;
	height:130px;
}

#header h1{
	margin:45px auto 40px auto;
	line-height:1;
	float:none;
	overflow:hidden;
	text-align:center;
}

#header h1 a{
	text-shadow:none;
}

/* @navigations - home
********************************************************************************************
********************************************************************************************/

#nav .current a {
	border-bottom:4px solid #E8D116;
	padding: 0 15px 6px 15px ;
}

#nav{
	display:inline-block;
	list-style:none;
	float:right;
	margin-top:0px;
}

#nav li{
	float:left;
}
	
#nav li a{
	display: block;	
	font-weight: ;
	padding: 0 15px 9px 15px ;
	text-decoration: none;
	font-size: 12px;
	text-transform:uppercase;
	border-bottom:1px solid #666;
}	
	
#nav li a:hover{
	color: #ccc !important;
}
	
#nav ul li.active a{
}



/* @core
********************************************************************************************
********************************************************************************************/

#homecontent{ margin-top:60px !important;}

#homecontent>h2{ line-height:1; margin-bottom:25px;letter-spacing:-0.08em;}

#content,#sidebar{margin-bottom:40px;}

#foliocontent,#foliosidebar{ margin-top:40px;}

#foliosidebar{ width:27%; float:left; margin-right:4%;}

#foliocontent{ width:69%; float:left;}

/* @navigations
********************************************************************************************
********************************************************************************************/


.navigation_wrap{ min-height:55px;}

#navigation{ text-align:center;}

.nav {
	z-index: 999;position:relative;text-align:center; display:inline-block; 
}

.nav a {
	position: relative;
	color: #888888;
	display: block;
	z-index: 100;
	padding: 12px 0;
	text-decoration: none;
	text-shadow:none;
}

.nav>li>a{
	display: block;	
	padding:15px 20px ;
	text-decoration: none;
	color: #fff;
	text-transform:uppercase;
}

.nav>li>a:hover{
	text-shadow:none;
}

/*
.nav>li:first-child>a{-moz-border-radius: 5px 0 0 5px;-khtml-border-radius:5px 0 0 5px;-webkit-border-radius: 5px 0 0 5px;border-radius:5px 0 0 5px;}
.nav>li:last-child>a{-moz-border-radius: 5px 0 0 5px;-khtml-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;}
*/

.nav>li.sfHover>a,
.nav>li.current-menu-item>a{}

.nav li { float:left; margin:0; padding:0; display: inline; line-height:1; 
}

.nav>li {
	margin:0;
}
  
.nav li ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:150px;
	position: absolute;
	z-index: 999;

}

.nav li ul .sf-sub-indicator {
	background: url(../images/arrow-superfish-right.png) no-repeat;
	top: 34%;
}
.nav li ul li a {
	padding:12px 0;
	margin:0 20px;
	background:url(images/line-h-l.png) repeat-x bottom;
	text-align:left;
	font-size:12px !important;
	font-weight:400 !important;
}

.nav li ul li:last-child a {background:none;}

.nav>li>ul{border-top:none;margin:0 0 0 0;
	-moz-border-radius:0 0 5px 5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:0 0 5px 5px; background:inherit !important;}

.nav>li>ul>li{width:100%;}

.nav li ul li:first-child a {
} 

.nav li ul li a:hover {
}

.nav li ul li a.sf-with-ul {
	padding-right: 0;
}

.nav li ul li.current_page_item a,
.nav li ul li.current_page_parent a,
.nav li ul li.current-menu-ancestor a,
.nav li ul li.current-cat a,
.nav li ul li.li.current-menu-item a,
.nav li ul li.sfHover a {
}

.current_page_ancestor ul li a{
}

.nav li ul ul{
	margin: -44px 0 0 195px;
}


.nav li a.sf-with-ul {
  	padding-right: 25px;
}

.nav li.current_page_item a,
.nav li.current_page_parent a,
.nav li.current-menu-ancestor a,
.nav li.current-cat a,
.nav li.li.current-menu-item a,
.nav li.sfHover a {
}


.nav .sf-sub-indicator {
	background: url(images/arrow-superfish-inv.png) no-repeat;
	position: absolute;
	display: block;
	right: 8px;
	top:40%;
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	opacity:.7;
}

.nav li ul {
	position: absolute;
	left: -999em;
}

.nav li:hover, .nav li.hover {
  	position: static;
}

.nav li:hover ul ul,
.nav li.sfhover ul ul,
.nav li:hover ul ul ul,
.nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul,
.nav li.sfhover ul ul ul ul {
  	left: -999em;
}

.nav li:hover ul,
.nav li.sfhover ul,
.nav li li:hover ul,
.nav li li.sfhover ul,
.nav li li li:hover ul,
.nav li li li.sfhover ul,
.nav li li li li:hover ul,
.nav li li li li.sfhover ul {
  	left: auto;
}

.nav li ul {
}

.nav li ul li a {
}

.nav li ul li a:hover {
}


.hidenav{ display:none !important;}

.shownav{ display: inline-block !important;}



/* @mobile menu 
********************************************************************************************
********************************************************************************************/

a#trigger{
text-indent:-9999px;
padding:8px;
height:30px;
width:30px;
background-image: url(images/icons/zoom.png);
background-position:50% 50%;
background-repeat:no-repeat;
margin:20px auto 30px auto;
display:none;
}

a#trigger:hover{
background-image: url(images/icons/zoom.png);
}

a#trigger.trigger{
background-image: url(images/icons/minus.png);
}



.showtrig{ display: block !important; float:none; overflow:hidden;}



/* @folio navigation 
********************************************************************************************
********************************************************************************************/

#portfolio-filter{
	font-size: 10pt;	
	margin:0 0 20px 0;
	overflow:hidden;
	float:left;
}

#portfolio-filter li span{
	position:relative;display:block; z-index:100; padding:11px 10px 10px 0; line-height:18px;text-decoration:none;
}

#portfolio-filter ul {
	display:inline-block;
	list-style:none; 
}

* html #portfolio-filter ul { /* Target IE6 */
	display:inline;
}

*+html #portfolio-filter ul { /* Target IE7 */
	display:inline;
}

#portfolio-filter li {
	margin-right:10px;
	line-height:1.6;
	float:left;
}

#portfolio-filter a {
	text-decoration:none;
	line-height:1.3;
	font-size:9pt !important;
	text-shadow:none;
	text-transform:uppercase;
	padding:0; /* variable width */
}

#portfolio-filter .current-cat a { font-weight:900;}

ul#portfolio-filter li:before {
    color: #aaa !important;
    content: "|";
	margin-right:10px;
}	

ul#portfolio-filter li:first-child:before {
    content: "";
	margin:0;
	line-height:1.6;display:block;
}


/* @twins 
********************************************************************************************
********************************************************************************************/

#head{
	border-top:1px solid #ddd; border-bottom:1px solid #ddd;padding-top:10px; padding-bottom:10px; margin:0 0 0 0;
}

.twinsbox{
	overflow:hidden;
	margin:0 0 30px 0;
	position:relative;
	padding:0;
	float:none;
	clear:both;
}

.last{
	margin:0 0 0 0;
}

/* @intro
********************************************************************************************
********************************************************************************************/

.intro,.intro_alt{ margin:0 0 40px 0; padding:80px 0 30px 0; border-top:1px solid #ddd;border-bottom:1px solid #ddd;}

.intro .container,.intro_alt .container{ margin-bottom:0 !important;}

.intro_alt{ padding-bottom:0 !important; margin-bottom:-10px !important}

.intro p{ margin:0 0 10px 0; padding:0; font-size:10pt; width:70%;}

.intro a{}

.intro p a{ border-bottom:1px solid rgba(255, 255, 255, 0.4);}

.intro p a:hover{ border-bottom:1px solid rgba(0, 0, 0, 0.1);}


.intro h1{margin:5px 0 30px 0; font-size:35px; letter-spacing:-3px; line-height:1; float:left; padding-right:3px; max-width:64%}

.intro #portfolio-filter{margin:15px -10px 30px 0;}


/* @blog page
********************************************************************************************
********************************************************************************************/

.blogpage{
	margin-top:25px !important;
}



/* @post styles
********************************************************************************************
********************************************************************************************/

.singlepost{
	background:#fff;
	padding-top:40px !important;
	padding-bottom:40px !important;
}

ul.medpost{
	padding:1px 0;
}
	
ul.medpost>li{ 
	margin-bottom:35px  !important; overflow:hidden;
}
	
ul.medpost li p{
	margin:0 0 15px 0;
}

img.headimg,
img.singleimg,
.postslider img,
.format-video iframe{ float:left; margin:0; overflow:hidden; width:100%;}

p.image{
	margin:10px 0 8px 0 !important; font-size:12pt; font-weight:bold;
}

p.image i{
	margin:0 7px 0 0;
}

ul.medpost li a.mainbutton{
	margin:-35px 0 5px 0;
}

.post-inn{
	margin:0;
}

.blogposts{ position:relative;}

.entry{
	margin:0;
	padding:0 2% 15px 0;
	overflow:hidden;
}

.foliopost .entry{
	margin:0;
	padding:0 0 15px 0;
	overflow:hidden;
}

.foliopost iframe{
	width:100%;
}

.blogposts .entry{
	padding:20px 3% 15px 0;
	margin:0;
}

.fullentry{
	margin:0;
	padding:20px 0 10px 0;
	overflow:hidden;
}

.entry_item{
	width:75%; margin-top:65px;
}

.entry p a:hover{
}

.entry p,.fullentry p{
	margin:8px 0 5px 0;
}

.entryfull{
	margin:30px 0 0 0; overflow:hidden
}

.entryfull p{
	margin:0 0 10px 0;
}

h2.single{
	padding:0; margin:-5px 0 15px 0;
}

h2.singlefull{
	padding:0; margin:-5px 0 15px 0;
}

.format-video>iframe,
.format-audio>iframe{
	margin:0 0 0 0;
	padding:0;
	position:relative;
	z-index:0;
	float:left;
}

.folioitem>iframe{
	margin:0 0 35px 0;
}

.widgetmeta,.meta,.comment-meta{
	font-size:12px !important;
	line-height:1.4;
	font-family:Lato, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	overflow:hidden;
}

.widgetmeta{
	line-height:1.2 !important;
	padding:0 0 0 0 !important;
}

.buttons{
	overflow:hidden; padding:0 0 0 0; margin:15px 0;
}

.buttons iframe{
	overflow:hidden; margin:0 5.9em 0 0 !important
}

.buttons a{
	margin-top:-5px !important; float:right;
}

.tagssingle{
	overflow:hidden; margin-bottom:10px !important; padding-top:12px; padding-bottom:12px;
}

.tagssingle a{
	margin:0 10px 5px 0 !important;
	white-space:nowrap;
	float:left;
}

h3.additional{
	margin:0 0 6px 0;
}

.postauthor {
	overflow:hidden; margin:0 30px 40px 0; padding-top:10px;
}

.postauthor img{
	float:left; margin:0 30px 5px 0; padding:2px; background:url(images/transparent.png);
}

.authordesc{
	margin-top:20px;
}


.related{
	float:left; width:103.33%; overflow: hidden; margin:0 0 40px 0;
}

.related li{
	float:left; width:45%; margin-right:4.33%;overflow: hidden; position:relative; height:80px; padding:20px 0 0 0;
}

.related li h2,.archivepost li h2{
	font-size:12pt; line-height:14pt; margin:5px 0; padding:0; background:none; letter-spacing:0;
}

.related li h2{
	font-size:10pt; line-height:12pt;
}

.related li a img {
	float:left; margin:8px 20px 0 0;
}

.related li .meta {
	margin:0 !important; width:auto; float:left;
}

.archivecontent{
	padding:5px 10% 0 6% !important; min-height:340px;
}

.archivepost {
	margin:0 0 20px 0;
}

.archivepost li{
	padding:0 0 0 0; overflow:hidden; position:relative; margin:35px 0 0 0;
}

.archivepost li:first-child{
	margin:0 0 0 0;
}

.archivepost img{
	float:left; margin:0 25px 0px 0;
}


.archivepost h3{
	margin:20px 0 10px 0; font-size:14px; text-transform:uppercase;
}

.archivepost .meta{
	margin:0 0 5px 0; padding:0; width:auto;
}

.archivepost p{
	font-size:90%; line-height:2
}


/* @formats 
********************************************************************************************
********************************************************************************************/

ul.medpost li.format-image{
	background-image:url(images/icons/search-submit.png);
	background-repeat:no-repeat;
	background-position: 4% 2%;
}

ul.medpost li.format-image img{
	overflow:hidden;
	float:left;
}

ul.medpost li.format-image a.imgwrap{
	overflow:hidden;
	float:left;
}


ul.medpost li.format-quote{
	text-shadow:none; padding:60px 55px 40px 55px;text-align:center;font-size:16pt; line-height:1.5;
	border:1px solid #ddd;
}

p.quuote_author{ font-size:10pt}

ul.medpost li.format-quote blockquote {
	display: block;
	padding: 0 60px;
}

ul.medpost li.format-quote blockquote p {
	padding:60px 0 50px 0; font-weight:bold;
}

ul.medpost li.format-quote blockquote:before, 
ul.medpost li.format-quote blockquote:after {
	display: block;
	font-size: 700%;
	width: 50px;
}


ul.medpost li.format-quote blockquote:before {
	content: '\201C';
	height: 0;
	margin-left: -0.55em;
	margin-top: -70px;
}


ul.medpost li.format-quote blockquote:after {
	content: '\201D';
	height: 50px;
	margin-top: -70px;
	margin-left: 400px;
}



/* @comments 
********************************************************************************************
********************************************************************************************/

#comments {
	clear: both;
	margin-top:20px;
}

#comments .navigation {
	padding:20px 0;
	clear: both;
	overflow:hidden;
}

h3#comments-title{
	margin:0 0 10px 0;
}

h3#reply-title {
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	border-bottom:1px solid #eee;
}

.commentlist {
	list-style: none;
	margin:0 0 0 0;
}

.commentlist li.comment {
	background: url(images/line-h-l.png) top repeat-x;
	line-height: 24px;
	margin: 0 0 15px 0;
	padding: 30px 0 0 80px;
	position: relative;
}

.commentlist li:first-child {
	background: none;
}

#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}

#comments .comment-body p:last-child {
	margin-bottom: 6px;
}

#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}

.commentlist ol {
	list-style: decimal;
}

.commentlist .avatar {
	position: absolute;
	padding:1px;
	background:url(images/transparent.png);
	top: 30px;
	left: 0;
}

.comment-author {
}

.comment-author cite {
	font-weight: bold;
	font-style:normal;
	font-size:16px;
	color:#000;
}

.comment-author .says {
	display:none;
}

.comment-meta {
	margin: 0 0 20px 0;
}

.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}

.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}

.commentlist .even {
}

.commentlist .bypostauthor {
}

.reply {
	padding: 0 0 10px 0;
	overflow:hidden;
}

.reply a,
a.comment-edit-link {
	font-size: 10px !important;
	font-weight: normal;
	line-height: 0;
	margin:15px 0 !important;
	float:left;
}

a.comment-edit-link {
	float:right;
}

.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}

.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	list-style: none;
	border: none;
	margin: 0;
}

.nopassword,
.nocomments {
	display: none;
}

#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}

.commentlist li.comment+li.pingback {
	margin-top: -6px;
}

#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}

#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

input[type=submit] { color:#fff !important;}

#respond {
	margin:0;
	overflow: hidden;
	position: relative;
}

#respond p {
	margin: 0;
	clear:right;
}

.comment-form-author,
.comment-form-email,
.comment-form-url{
	width:29.6%; float:left; margin-right:30px !important;
}

.comment-form-url{
	margin-right:0 !important;
}

.fullsingle .comment-form-author,
.fullsingle .comment-form-email,
.fullsingle .comment-form-url{
	width:31.2%;
}

.fullsingle #respond textarea{
	width:96.5%;
}

input#author,
input#email,
input#url{
	width:89% !important; margin-bottom:20px !important;
}

#respond .comment-notes{
	margin-bottom:30px;
	opacity:.7;
	font-size:85%;
}

.form-allowed-tags{
display: none;
}

.children #respond{
	margin: 0 48px 0 0;
}

#comments-list #respond{
	margin:0;
}

#comments-list ul #respond {
	margin: 0;
}

#cancel-comment-reply-link {
	font-size: 10px !important;
	font-weight: normal;
	line-height: 1;
	margin-left:10px;
}

#respond .required {
	color: #ff4b33;
	font-weight: bold;
	margin-left:3px;
}

#respond label {
	color: #888;
	font-size: 12px;
}

#respond input {
	margin:0;
	width: 96%;
}

#respond textarea {
	width: 96%;
}

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

#respond .form-allowed-tags code {
	display: none;
}

#respond .form-submit {
	margin: 12px 0;
}

#respond .form-submit input {
	font-size: 14px;
	width: auto;
	margin:20px 1px 20px 1px;
}



/* @forms 
********************************************************************************************
********************************************************************************************/

input, textarea,input checkbox,input radio,select, file{
	border: 1px solid #eee;
	padding:10px;
	margin:0 10px 0 0;
	float:left;
	font-size:10px !important;
}


form#contactform fieldset input{
	float:none;
	width:320px;
	margin-top:30px;
}
	
form#contactform fieldset textarea{
	margin-top:30px;
	width:430px;
	border: 1px solid #eee;
	background:#fff;
}
	
form#contactform fieldset input#submit{
	width:150px; cursor:pointer;
}

#contact{
	padding:0 0 30px 0;
}


/* @search 
********************************************************************************************
********************************************************************************************/

.searchformhead {
	float: right;
	position:relative;
	margin:8px 0 0 0;
	width: 16%;
	width:190px;
	overflow:hidden;
	opacity:.7;
}
 
.searchform{
	position: relative;
	float: left;
	width:100%;
	margin: 0;
}
 
.searchformhead input.s{
	float: right;
	margin: 0;
	padding:4px 8px;
	line-height:1;
	float:left;
	width: 90%;
	border:1px solid #ddd;
}
 
.searchSubmit{
	background: url(images/icons/search-submit.png) 0 0 no-repeat;
	position: absolute;
	height: 12px;
	width: 12px;
	border: none;
	cursor: pointer;
	margin:0;
	overflow:hidden;
	top: 6px;
	right:0px;
}
	
.searchform input.s{
	padding:10px 4%;
	margin:0 0 30px 0;
	color:#999;
	font-style:normal;
	width:91%;
	
	
	border: 1px solid #d9d9d9;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
	-o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
}
 
.searchform .searchSubmit{
	height: 24px;
	top: 12px;
	right:8px;
}


/* @sidebar 
********************************************************************************************
********************************************************************************************/


#sidebar p {
	margin:0; padding:0 0 10px 0;
}

#sidebar h2 {
	margin:0 0 15px 0; 
	padding:0 0 12px 0;
	line-height:1;
	font-size:18px;
	border-bottom:1px solid #ccc;
	text-transform:uppercase;
}		
	
#sidebar a:hover {
	text-decoration:none;
}	

.widgetable{
	margin:0;
	overflow:hidden;
	float:left;
	width:100%;
}
	
	
.widgetable>ul,
.widgetable>div>ul{
	list-style:none;
	float:none;
	overflow:hidden;
	width:100%;
	margin-bottom:30px;
	}

.widgetable>ul>li>ul{
	margin:5px 0 0 15px !important;
	padding:0;
	list-style:none;
}

.widgetable>ul>li{
	background:url(images/line-h.png) bottom repeat-x ;
	padding:7px 0;
}
	
.widgetable>ul>li>ul>li>a,
.widgetable>ul>li>ul>li>ul>li>a{
	background:url(images/arrow-superfish-right.png) 0 3px no-repeat ;
	padding-left:15px;
}
	
.widgetable select{
	margin:15px 0 30px 0;
	width:100%;
	font-size:100% !important;
}
	
.widgetable	.searchform{
	margin:0 0 0 0;
	float:none;
	clear:both;
	width:100%;
}
	
/*.widgetable li.cat-item{ float:left; width:49%; margin-right:0.5%}*/

.textwidget{ margin:0 0 45px 0;}


/* @custom widgets 
********************************************************************************************
********************************************************************************************/

.tagcloud {
	margin-bottom:25px;
}
 
ul.lists{
	list-style:none; overflow:hidden; margin:0; width:106%
}

#footer ul.lists{
	margin-top:0;
}

ul.lists li ul, ul.lists li ul li{
	margin:0 0 0 0 !important;padding:0 0 0 0 !important; width:100%; background:none;
}

.lists a{
}

.lists a:hover{
}

.lists li{ 
	background:url(images/bull.png) 0 4px no-repeat;
	padding:0 10px 0 26px; 
	margin:0 3% 0 0; 
	float:left;
	width:31%;
	list-style:none;
	} 

ul.ad125{
	padding:0 0 0 0 !important; overflow:hidden; width:110% !important; margin:0 0 15px 0 !important;
}

ul.ad125 li{
	float:left; margin:0 25px 25px 0; padding:0; overflow:hidden; background:none !important;
}

ul.ad125 li img{
	float:left; margin:0; padding:0; overflow:hidden;
}

img.ad300{
	margin:0 0 30px 0;
	float:left;
	overflow:hidden;
	width:100%;
}

img.adFree{
	padding:0; margin:0 0 30px 0;
}

.ad125_fix {
	clear: both;
	margin: 0;
	height: 12px;
	overflow: hidden;
	float: left;
}

.widget_fix {
	clear: both;
	height:1px;
	overflow: hidden;
	float: none;
}

 
/* twitter  */
.tp_recent_tweets li{ padding-left:0 !important; padding-bottom:10px !important; background-image:none !important;}

.tp_recent_tweets li a{ font-weight:normal !important;}
 
 
/* flickr */
#sidebar h2 span,#footer h3 span {
	color: #0061D8; font-style:normal;
}
 
#sidebar h2 span span,#footer h3 span span,#archives h2 span span {
	color: #FF1183;
}
 
.flickwrap {
	position: relative;
	padding:0;
	overflow: hidden;
	width: 110%;
	margin:-5px 0 0 0;
}
 
 .flickwrap img {
	float: left;
	width:64px;
	margin:0 !important;
	padding: 0 !important;
}
 
 .flickr_badge_image{
	float: left;
	margin: 16px 16px 0 0!important;
	padding: 0 !important;
}
 
.flickwrap a:hover img {
	background:#ccc;
}

#footer .flickwrap{
	margin:-10px 0 0 0; width:110%;
}

#footer .flickwrap img{
	width:60px;
}


/* Blog Author Widget */
img.avatar {
background:url(images/transparent-light.png);
padding:3px;	
}
 
span.left {
	float: left;
	margin: 5px 20px 5px 0;
}
 
span.right {
	float: right;
	margin: 5px 0 5px 20px;
}
 
/* featured */
ul.featured {
	margin: 0 0 30px 0 !important;
	overflow: hidden;
	float: left;
}
 
.fblock {
	background:url(images/line-h-l.png) top repeat-x !important;
	padding:25px 0 !important;
	margin: 0 0 0 0 !important;
	overflow:hidden;
}
 
.fblock:first-child{
	background:none !important;padding:5px 0 25px 0 !important;
}

.fblock h3{
	font-weight:normal !important;
	font-size:14px;
	margin:0 0 12px 0;
}
 
.fblock img {
	margin:0 20px 0 0;
	padding:0;
	overflow:hidden;
	float:left;
}

.serchwidget{
	overflow:hidden;margin-bottom:0;
}


/* comments widget */
.com_post{
	overflow:hidden;
	padding:15px 0 !important;
	background:url(images/line-h-l.png) top repeat-x;
	margin:0 !important;
}

.com_post:first-child{
	background:none;padding:0 0 15px 0 !important;
}

.com_post img{
	float:left; margin:8px 20px 5px 0;
}

.com_post span{
	float:left; margin-right:7px; font-style: normal;
}

.com_post p{
	padding:0 0 0 60px !important;
	margin:0 !important;
}




/* folio widget */
ul.widget-folio{
	width:112% !important; overflow:hidden; margin-bottom:15px;
}

ul.widget-folio li{
	overflow:hidden; float:left; margin:0 16px 16px 0 !important; padding:0;
	background: url(images/icons/search-submit.png) 50% 45% no-repeat;
}
	
ul.widget-folio li img{
	width:auto; float:left;
}




/* @tabs
********************************************************************************************
********************************************************************************************/

#hometab {
	float: left;
	width:100%;
	margin: 0 0 0 0;
	overflow: hidden;
	position: relative;
}
 
ul#serinfo-nav {
	position:relative;
	z-index: 6;
	margin:0;
	border-bottom:0px solid #ddd;
}
 
ul#serinfo-nav>li {
	padding:5px 0 6px 0;
	font-size:90%;
	float: left;
	margin-right: 0;
	width: 26%;
	text-align: center;
	text-shadow: none;
	cursor: pointer;
	background-image:none !important;
}

ul#serinfo-nav li a {}

ul#serinfo-nav li a:hover {}
 
#serinfo-nav li.current {
	color: #000 !important;
	position:relative;
	z-index: 6;
	border-top:none;
	overflow:hidden;
}
	
#serinfo-nav li.current a{
	color: #000;
}
 
li#serpane0,
li#serpane1,
li#serpane2,
li#serpane4,
li#serpane5{
	margin: 0 0 -2px 0;
	padding:0;
}

li#serpane3{
	padding: 15px;
}
 
ul#serinfo {
	position: relative;
	z-index: 5;
	float: left;
	padding: 0 0 0 0;
	overflow: hidden;
	width:99.5%;
	margin-top:-1px;
	border:1px solid #ddd;
}
 
.tab-post {
	height: 55px;
	overflow:hidden;
	background:url(images/line-h-l.png) bottom repeat-x;
	margin:0 0 0 0;
	padding:20px;
}
 
.tab-post img {
	padding:0;
	margin: 0 15px 10px 0 !important;
	float: left;
}

.tab-post h3 {
	letter-spacing: 0;
	padding: 0;
	margin:0 0 5px 0 !important;
	font-weight:normal !important;
	font-size: 13px !important;
	line-height:1.2;
}
	
.tab-post .meta{
	line-height:1 !important;
	font-size:11px !important;
}	

#serinfo-nav li.current{ border:1px solid #ddd; border-bottom:none;}

#serinfo,#serinfo-nav li.current{  }


/* @footer
********************************************************************************************
********************************************************************************************/

#footer {
	width: 100%;
	margin: 0;
	padding:0;
	overflow:hidden;
	position:relative;
	text-shadow:none;
	border-top: 1px solid #ddd;
}

#footer .container{
	padding:40px 0 0 0;
}
	
#footer .twinsbox{
	margin:0 0 30px 0;
}

#footer .fourcol{
	width:31%;
	margin-left:3.5%;
}
 
#footer h2{
	font-size:11pt;
	line-height:1;
	margin:5px 0 10px 0;
	padding:0 0 10px 0;
	overflow:hidden;
	background:url(images/line-h-l.png) bottom repeat-x;
}
	
#footer ul{
	margin: 0 0 30px 0; overflow:hidden;
}

#footer p{
	margin:3px 0 15px 0;
}

#footer li{
	margin: 0 0 10px 0;
}

#footer select{
	overflow:hidden;
	clear:both;
	float:none;
	margin: 0 0 30px 0;
}

#footer #wp-calendar tbody td{
	padding:2px;
}

#copyright {
	width: 100%;
	max-width: 1100px;
	margin:0 auto 35px auto;
	font-size: 10px;
	overflow:hidden;
	padding-top:12px;
	opacity:.7;
	background:url(images/line-h-l.png) top repeat-x ;
}
 
#copyright p {
	margin: 0;
	padding: 0 0;
}

.post-date{ padding-left:5px; font-style:italic;}
	
/* @images
********************************************************************************************
********************************************************************************************/

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

img.alignright,
img.alignleft {display: inline;}

.alignright {
	float: right;
	margin: 4px 1px 10px 20px !important;
}

.alignleft {
	float: left;
	margin: 4px 20px 10px 1px !important;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
	
.wp-caption {
   text-align: center;
   padding-top:5px;
   border:1px solid #ddd;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   padding: 0 0 0 0;
   margin:0 0 5px 0;
}

img.wp-smiley {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
}
	
	
	
/* @social
********************************************************************************************
********************************************************************************************/


ul.social-menu {
	position: relative;
	overflow: hidden;
	padding: 0;
	margin:20px 0 30px 0;
	float:none;
}

#footer ul.social-menu {margin:0 0 30px 0 !important;}

#sidebar ul.social-menu {margin:10px 0 10px 0 !important;}
 
ul.social-menu li {
	display: inline;
	list-style-type: none;
	position: relative;
	line-height:1;
	float: left;
	width:34px !important;
	height:34px !important;
	margin: 0 10px 8px 0 !important;
	padding:0 0 0 0;
	overflow: hidden;
	background:url(images/transparent-light.png);
	text-align:center;
	-moz-transition: opacity 0.3s ease-in;
	-webkit-transition: opacity 0.3s ease-in; 
	-o-transition: opacity 0.3s ease-in;
	-moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;
}

	
ul.social-menu li:hover {
	opacity:1;
	-moz-transition: opacity 0.3s ease-in;
	-webkit-transition: opacity 0.3s ease-in; 
	-o-transition: opacity 0.3s ease-in;
}

ul.social-menu li a{
	margin: 0 0 0 0 !important;
	font-size:18px;
	width:34px !important;
	text-align:center;
	padding:9px 0;
	float:left;
}



/* @flex slider
********************************************************************************************
********************************************************************************************/


.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: 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 {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;}

.flexslider {margin: 0 0 60px; position: relative; -webkit-border-radius: 4px; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}



.flex-direction-nav li a {width: 50px; height: 50px; margin:0; display: block; position: absolute; top:370px; z-index:9; cursor: pointer; text-indent: -9999px;}

.flex-direction-nav li a:hover {opacity:.8;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}


.flex-control-nav { position: absolute; bottom: 55px; right:0px }
.flex-control-nav li {margin:0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 18px; height: 20px; display: block; background:url(images/icons/bullets.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;opacity:.7}
.flex-control-nav li a:hover {opacity:.7}
.flex-control-nav li a.flex-active {background:url(images/icons/bullets.png) no-repeat 0 -22px; cursor: default; opacity:1}



.flexfull_wrap{ overflow:hidden; height:600px; position:relative;width:100%; margin:0 0 0 0;}

.flexfull{ width:100%; height:600px; overflow:hidden;}

.flexfull img.attachment-full-slider{ width:100%;}

.flexfull>ul.slides>li{ position:relative;}

.hdslides img{ float:none; display:block; margin:0 auto; clear:both; overflow:hidden;}

img.attachment-slider1{ position:absolute; top:0; left:50%; margin-left:-960px;}
img.attachment-slider2{ position:absolute; top:0; left:50%; margin-left:-720px;}
img.attachment-slider1{ min-width:1920px;}
img.attachment-slider2{ min-width:1440px;}

.flexfull .inside{ position:absolute; top:90px; left:0; z-index:9; width:100%;}

.stuff h1,.stuff h2,.stuff h3,.stuff h4,.stuff p{ padding-left:3px; padding-right:5px; color:#fff !important; text-shadow:1px 1px 0 #000; /* margin-left:15% !important; margin-right:15% !important; */}

.stuff h1{
	padding-bottom:0; margin-bottom:5px; text-transform:uppercase; letter-spacing:0.00em; line-height:.9; 
}

.stuff h2{
	padding:40px 25px; font-size:50pt; font-weight:900; text-transform:uppercase; letter-spacing:-3px; line-height:1.1; border:5px solid #fff; 
	-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
}

.stuff p{line-height:1.4; font-weight:normal; padding-top:10px;}

.stuff iframe{ margin-top:-90px}

.flexfull .flex-direction-nav li a,
.folioslider .flex-direction-nav li a,
.postslider .flex-direction-nav li a {
	width: 80px; 
	height: 50px; 
	margin:0; 
	display: block; 
	position: absolute; 
	top:50%;
	margin-top:-25px;
	z-index:9; 
	cursor: pointer;
	text-indent: -9999px;
	border:2px solid #fff;
	/*background-color:#000 !important;*/
	background-color:transparent;
	
	-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	
	
	-moz-box-shadow:  0 0 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:  0 0 3px rgba(0, 0, 0, 0.3);
	box-shadow:  0 0 3px rgba(0, 0, 0, 0.3);
}

.flexfull .flex-direction-nav li .flex-next,
.folioslider .flex-direction-nav li .flex-next,
.postslider .flex-direction-nav li .flex-next
 {
	right:-30px;
	background-image:url(images/icons/zoom.png);
	background-position:20px 17px;
	background-repeat:no-repeat;
}

.flexfull .flex-direction-nav li .flex-next:hover,
.folioslider .flex-direction-nav li .flex-next:hover,
.postslider .flex-direction-nav li .flex-next:hover{
	right:-25px;
	}
		
.flexfull .flex-direction-nav li .flex-prev,
.folioslider .flex-direction-nav li .flex-prev,
.postslider .flex-direction-nav li .flex-prev {
	left:-30px;
	background-image:url(images/icons/minus.png);
	background-position:43px 17px;
	background-repeat:no-repeat;
}

.flexfull .flex-direction-nav li .flex-prev:hover,
.folioslider .flex-direction-nav li .flex-prev:hover,
.postslider .flex-direction-nav li .flex-prev:hover {left:-25px;}

.flexfull .flex-control-nav{ z-index:99; right:40px; opacity:.7}

li.hdslides img.bg{
  min-height: 100%;
  min-width: 1024px;
	
  width: 100%;
  height: auto;
  left: 0;
}

.folioslider .flex-control-nav{ bottom:20px; right:30px;}

.postslider{ margin:0 0 0 0;}

.postslider .flex-control-nav{ bottom:20px; right:30px;}


/* @elastislide
********************************************************************************************
********************************************************************************************/

.es-carousel-wrapper{
	margin:0 0 30px 0;
	position:relative;
}
.es-carousel{
	overflow:hidden;
}
.es-carousel ul{
	display:none;
}
.es-carousel ul li{
	float:left;
	margin-bottom:1px;
	display:block;
	position:relative;
	overflow: hidden;
	padding:0;
	background:#222;
	height:290px;
}

.es-carousel ul li .inn{
	/*border:2px solid #fff;*/
	color:#fff !important;
	margin:10px 4%;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	height:266px;
	z-index:1;
	opacity:0;
	
	
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.es-carousel ul li:hover .inn{
	opacity:1;
}

.inn h3 a,
.inn p,
.inn a{ color:#fff !important;}

.inn h3,
.inn p{padding:0 20px;}

.inn h3{ margin:40px 0 15px 0; font-size:18px !important; }

.inn p{ margin:10px 0; font-style:italic;}

.es-carousel ul li img{
	position: relative;
	overflow:hidden;
	float:left;
	opacity:1;
	z-index:0;
	
	
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.es-carousel ul li:hover img{
	opacity:.1;
}


.es-nav span{
	position:absolute;
	width: 35px; height: 35px; top:47.5%;
	left:16px;
	margin-top:-10px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:1;
	z-index:9999;
	overflow:hidden;
	border:2px solid #fff;
	
	-moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;
	
	-moz-box-shadow:  0 0 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:  0 0 3px rgba(0, 0, 0, 0.3);
	box-shadow:  0 0 3px rgba(0, 0, 0, 0.3);
}


.es-nav span.es-nav-next{
	right:-55px;
	left:auto;
	background: url(images/icons/zoom-inv.png) no-repeat 10px 10px;
}

.es-nav span.es-nav-prev{
	left:-55px;
	background: url(images/icons/minus-inv.png) no-repeat 10px 10px;
}
.es-nav span:hover{
	opacity:.8;
}



/* @portfolios
********************************************************************************************
********************************************************************************************/

.loop{ overflow:hidden; width:105%}

#folio_wrap{ width:100%; padding:60px 0 0 0; border-bottom:1px solid #ccc;border-top:1px solid #ccc;}

#portfolio-list{margin-bottom:0}

#portfolio-list li{ line-height:1.8 !important}

#portfolio-list .imgwrap,
.loop .imgwrap{
	background-image:url(images/icons/zoom.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	float:left;
	overflow:hidden;
}

#portfolio-list li img{ overflow:hidden; float:left;}

#portfolio-list li a i{ opacity:.3;}

	

.item_full{ position:relative; overflow:hidden;}

.item_full .foliotext,
.item_big .foliotext,
.item_small .foliotext{ position:relative; overflow:hidden; height:150px;}

.item_full img{position:relative; overflow:hidden; float:left;}

.item_full .hoverstuff{top:22%;}

.item_full h3{ text-transform:uppercase; letter-spacing:-1px; line-height:1.2;}

.item_full p.meta,
.item_big p.meta,
.item_small p.meta{ margin:10px 0; opacity:.7}

.item_small h3{ font-size:16px; letter-spacing:0;}

.item_big .foliotext{height:200px;}

.item_small .foliotext{height:180px;}

#portfolio-list li{ position:relative;}

span.none{ visibility:hidden; display:none;}



/* @services
********************************************************************************************
********************************************************************************************/

#services-wrap{
	overflow:hidden;
	width:104%;
	margin-bottom:10px;
}

.services{
	width:17.8%;
	/*width:25%;*/
	padding:130px 2% 25px 2%;
	margin:0 3% 30px 0;
	float:left;
	position:relative;
	background:#f2f2f2;
	text-align:center;
}

.services:first-child{}

.services img,
.services i{
	width:60px;
	position:absolute;
	top:48px;
	left:50%;
	margin-left:-30px;
	
	
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.services:hover img,
.services:hover i{
	transform:rotate(20deg);
	-ms-transform:rotate(20deg); 
	-moz-transform:rotate(20deg); 
	-webkit-transform:rotate(20deg); 
	-o-transform:rotate(20deg); 
}

.services i{
	text-align:center;
	font-size:55px;
	line-height:1 !important;
}

.services span.bgs{
	width:90px;
	height:90px;
	position:absolute;
	top:27px;
	left:50%;
	margin-left:-49px;
	background:#fff;
	opacity:.7;
	border:3px solid #eee;
	-moz-border-radius: 50%;-khtml-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;
	
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.services:hover span.bgs{
	opacity:1;
	
	
	width:100px;
	height:50px;
	top:22px;
	margin-left:-54px;
	
	
	/*-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;*/
}

.services h3 { font-size:16px;}


/* @clients
********************************************************************************************
********************************************************************************************/

.clients{
	overflow:hidden;
	margin:0 0 40px 0;
	background:#f5f5f5;
	border:1px solid #ddd;}

.clients li {
	float:left;
	margin:0;
	width:20%;
	position:relative;
	overflow:hidden;
}

.clients li img{
	float:none;
	overflow:hidden;
	display:block;
	margin:0 auto;
}


/* @pricing tabs
********************************************************************************************
********************************************************************************************/

.pricing-wrap{
	overflow:hidden;
	width:100%;
	margin-bottom:20px;
	float:left;
}

.pricing_main{
	overflow:hidden;
	float:none;
	margin:0 0 0 0;
	width:100.5%;
	padding:7px 0;
	font-family:Arial, Helvetica, sans-serif !important;
}

li.pricing{
	padding:0;
	margin:20px 0 20px -1px;
	float:left;
	text-align:center !important;
	border:1px solid #ddd;
	position:relative;
}

li.main{
	margin:0 0 0 -1px;
	-moz-box-shadow:  0 0 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:  0 0 10px rgba(0, 0, 0, 0.2);
	box-shadow:  0 0 10px rgba(0, 0, 0, 0.2);
	z-index:1;
}

li.pricing:first-child{
	margin-left:0;
}

li.pricing ul li{ padding:8px 0; margin:0 35px; border-top:1px dotted #eee;}

li.pricing ul li:first-child{border-top:none;}

li.pricing h3{
	background:#ddd;
	padding:10px 0;
	margin:0;
	font-size:20px;
	border-bottom:1px solid #ddd;
	text-transform:uppercase;
}

li.main h3{
	background:#000;
	color:#fff !important;
	padding:21px 1px;
	margin:-1px -1px 0 -1px;
	border-bottom:none;
}


li.main{
	border-color:#ccc;
}

.plan-head{ background:#f9f9f9; padding:20px 0 15px 0; border-bottom:1px solid #eee;}

.plan-price{ font-size:25pt; font-weight:bold; letter-spacing:-2px; line-height:1;}

.plan-bottom{ background:#f9f9f9; padding:15px 0; border-bottom:1px solid #eee;}

li.main .plan-bottom{padding:35px 0;}

.plan-bottom{ background:#f9f9f9; padding:25px 0; border-top:1px solid #eee;}

.plan-bottom a{ font-weight:bold; padding:8px 15px; background:#000; color:#fff !important; font-size:14px;}

li.main .plan-bottom a{padding:13px 22px; opacity:1;}

.plan-bottom a:hover,
li.main .plan-bottom a:hover{ opacity:.6}

li.pricing_three{
	width:33%;
}


li.pricing_four{
	width:24.7%;
}

/* @about us
********************************************************************************************
********************************************************************************************/

#about-us{
	overflow:hidden; margin:10px 0 25px 0; float:left;
}

#about-us h3{
	height:auto;
	padding:3px 0 8px 55px;
	margin-bottom:26px;
	border-bottom:1px solid #ddd;
}

#about-us h3 i{
	top:0;
	left:0;
	padding:6px;
	line-height:1.15;
}

#about-us iframe{
	margin:8px 0 0 0; overflow:hidden; float:left;
}

#about-us p{
	margin:0 0 25px 0;
}

img.aboutus{
	overflow:hidden; clear:both; margin: 5px 0 13px 0;
} 



/* @homeblog
********************************************************************************************
********************************************************************************************/

#blog_wrap{
	overflow:hidden;
	margin:0 0 30px 0;
}

ul.homeblog{}

ul.homeblog li{ position:relative; height:295px;}

ul.homeblog li .imgwrap{
	background-image:url(images/icons/arr-black.png);
	background-position:50% 80%;
	background-repeat:no-repeat;
	float:left;
	overflow:hidden;
}

ul.homeblog li .nobg{
	background-image: none !important;
}

ul.homeblog li img{ overflow:hidden; float:left;position:relative; z-index:1;}

ul.homeblog li h3{ font-size:14px; text-transform:uppercase; line-height:1.3; letter-spacing:0;}
ul.homeblog li p{ opacity:.7}

ul.homeblog li .inside{padding:5px 7%; width:86%;text-align:center; overflow:hidden; }

span.ribbon
{
	background:#FFDD00;
	z-index:8;
	position:absolute;
	top:-100px;
	left:-100px;
	width:140px;
	height:140px;
	overflow:hidden;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 
	-moz-transform:rotate(-45deg); 
	-webkit-transform:rotate(-45deg); 
	-o-transform:rotate(-45deg); 
}

span.ribbon_icon
{
	color:#fff;
	position:absolute;
	text-transform:uppercase;
	line-height:1;
	top:5px;
	left:4px;
	width:17px;
	height:15px;
	overflow:hidden;
	z-index:9;
	font-size:11px !important;
}

span.ribbon_icon i
{
	line-height:1.3 !important;
}

.ribbon_icon i.icon-play-circle{ padding-left:0 !important;}



/* @folio item
********************************************************************************************
********************************************************************************************/

.folio_item{
}

.itemtitle{ float:left; width:66%;}

.folio_item img.attachment-folio-item{
	width:100%;
}

.itembuttons{ position:relative; border-bottom:1px solid #ddd;}

a.itembutton{
	font-size:14px; line-height:1.1; padding:12px 23px;font-weight:900; text-transform:uppercase; margin:0 0 0 0 !important; float:right; overflow:hidden;text-align:center; 
}


.folio_item iframe{
	margin-bottom:10px;
}

.folio-meta{
	opacity:.8;
	margin:10px 0;
	line-height:1.9;
}

.folio-meta .metaitem{
	clear:both;
	width:90%;
}

.folio-meta .itembuttons{
	padding-bottom:15px;
}

.metaitem{
	float:left; margin:0 0 10px 0;position:relative; padding-left:26px;
}

.metaitem i{
	font-size:16px; position:absolute; top:3px; left:1px;
}


/* @tooltips
********************************************************************************************
********************************************************************************************/	

div.tooltip {
	display:none;
	position:absolute;
	text-align:center;
	line-height:normal;
	z-index:100000;
	opacity:1;
	filter:alpha(opacity = 95);
	background:#222;
	color:#eee;
	-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
}

div.tooltip p {
	padding:6px 8px 7px 8px;
	font-size:10px !important;
	line-height:1.4 !important;
	border-radius:2px;	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	text-shadow:none;
	max-width:150px;
	text-transform:capitalize;
}
	


/* @other
********************************************************************************************
********************************************************************************************/

.tagcloud{ width:104%; overflow:hidden;}

.tagcloud a{ float:left; font-size:10px !important; padding:0px 5px; border:1px solid rgba(0, 0, 0, 0.1); margin:0 8px 8px 0;}


/* calendar widget */
.widget_calendar {float: left;}
#wp-calendar {width: 100%; margin:0 0 40px 0;}
#wp-calendar caption { text-align: left; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

.sticky{}

#archives{ padding:20px 0 0 0;}

h2.archives-small{
	font-size:16pt;
	line-height:22pt;
	/*background:url(images/divider15.png) bottom repeat-x;
	text-align:center;
	padding-bottom:12px;
	margin-bottom:10px;*/}


::selection {
	background:#52C8EC; 
	color:#fff;
}
::-moz-selection {
	background:#52C8EC;
	color:#fff;
}

.scrollTo_top {
	position:fixed;
	bottom:30px;
	right:20px;
	opacity:1;
	overflow:hidden;
	z-index:99;
}



.scrollTo_top i{
	font-size:20px; padding:10px 14px;
	float:left;
	color:#fff;
	line-height:1 !important;
}

.scrollTo_top img{
	float:left;
}

.scrollTo_top a{
	float:left;
}

ul.error{
	margin-bottom:25px;
}

ul.error>li{
	float:none !important;  width:100%;
} 


/* @coin slider 
********************************************************************************************
********************************************************************************************/

 
.slpost {
	padding:0 0 0 0;
	overflow: hidden;
	margin:0 0 40px 0;
	max-height:440px;
	position: relative;
	}
 
 
.tabbig {
	width:100%;
	overflow: hidden;
	position:relative;
	float:left;
	z-index:0;
	max-height:440px;}
	
.onepost{
	width:100%;
	overflow: hidden;
	position:relative;
	float:left;}
	
.tabbig img{ float:right;
	padding:0 0 90px 0;}
	
.tabbig iframe{
	margin-bottom:15px;float:left; }
	
 
 .ui-tabs-panel>a{}

.inpost_bg {
	margin: 0;
	position: absolute;
	left:0;
	top:0;
	width:22%;
	height:100%;
	padding:30px 3.5%;
	overflow: hidden;
	}

.inpost {
	margin: 0;
	position: absolute;
	left:0;
	top:0;
	width:22%;
	height:100%;
	padding:30px 3.5%;
	color:#999;
	overflow: hidden;
	}

.inpost h3{
	-webkit-font-smoothing: antialiased;
	transform: translate3d(0, 0, 0);
	}
	
.tabbig p{
	margin: 15px 0;
	padding:0 0 0 0;
	overflow: hidden;
	}

 
a.slthumb { display: block; }
 

ul#thumbs {
	width:71%;
	overflow:hidden;
	padding:0 0;
	float:left;
	position:absolute;
	bottom:0;
	right:0;
	}

#thumbs li {
	float: left;
	overflow:hidden;
	position:relative;
	width:16.66%;
	margin: 0 0 0 0;
	padding:0;
	line-height:1.6;
	opacity:.6;
	}

#thumbs li a{
	float:left;
	}
 
#thumbs li img { float:left;}
 
#thumbs li a:link,#thumbs li a:visited {
	display: inline;
	float: left;
	padding: 0;
	overflow: hidden; }
 
ul#thumbs>li.ui-tabs-selected>img { opacity: 1 !important; }

ul#thumbs>li.ui-tabs-selected{
	opacity:1;
	background-image:url(images/transparent-light.png)}

.ui-tabs-hide { display: none; }




/* @themebuttons & pagination
********************************************************************************************
********************************************************************************************/

a.more-link {
	display: none;
	visiblity:hidden;
}

a.read-more {
	display: block;
	visibility:visible;
}

a.mainbutton,#submit,#comments .navigation a,.tagssingle a,.contact-form .submit,a.comment-reply-link{
	margin:1px;
	line-height:1;
	padding:7px 10px;
	background: #eee;
	color:#fff !important;
	border:none !important;
	font-weight:normal;
	-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
	 cursor:pointer;
}

a.mainbutton:hover,a.itembutton:hover,a.itembutton2:hover,#submit:hover,#comments .navigation a:hover,.tagssingle a:hover,.contact-form .submit:hover,a.comment-reply-link:hover{
	color:#fff !important;
	background: #353535 !important;
}	

a.themebutton { padding:4px 15px; float:left; margin-top:15px; text-transform:uppercase; font-style:normal; border:2px solid #fff; font-size:14px !important;}

.pagination{
	height:29px; margin:0 0 35px 0; float:none; overflow:hidden; padding:2px 0;
}

a.page-numbers,
.page-numbers.current{
	overflow:hidden;
	font-size: 9pt; 
	color: #3888ff;
	background:url(images/transparent-light.png); 
	padding:7px 10px;
	line-height:1;
	margin:1px 8px 0 0;
	-moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;
}

.page-numbers.current {
	font-weight:bold;
	color:#fff;
}

.dots {
	letter-spacing: 1px;margin:0 15px 0 0;
}

.wp-pagenavi a,
.wp-pagenavi span{
	border:none !important; padding:3px 10px 3px 0 !important; margin:0 10px 0 0 !important;
} 

.wp-pagenavi span.pages{
	display:none;
}

.postnav{
	margin:10px 0;
}


/* @wp gallery 
********************************************************************************************
********************************************************************************************/

.attachment  .headimg{
	display:none; visibility:hidden;
}

#content .wp-smiley {
	margin:0;
	
}
#content .gallery {
	margin:0 auto 30px auto;
	width:100%;
}

#content .gallery .gallery-item {
	float: left;
	margin:0 1px 1px 0;
	text-align: center;
	width:24.8%;
	height:auto;
	overflow:hidden;
	background-image:url(images/icons/zoom.png);
	background-position: 50% 50%;
	background-repeat:no-repeat;
}

#content .gallery img {
	border:0;
	float:left;
	width:100%;
}

#content .gallery .gallery-caption {
	margin-left: 0;
}

#content .gallery dl {
	margin: 0;
}

#content .gallery-caption {
	color: #888;
	font-size: 12px;
	margin:-24px 0 24px 0;
}

#content .gallery br+br,.gallery-caption {
	display: none;
}


.block{ position:relative; overflow:hidden; height:690px; background:#232323;}

.block li{ position:absolute; overflow:hidden;border:1px solid #fff;}

.block li img{ position:absolute; top:0; left:0; }

.block1{ width:275px; height:414px;}
.block2{ left:276px; width:345px; height:275px;}
.block3{ left:621px; width:345px; height:275px;}
.block4{ top:414px; width:414px; height:276px;}
.block5{ top:276px; left:414px; width:345px; height:414px;}
.block6{ top:276px; left:759px; width:207px; height:207px;}
.block7{ top:483px; left:759px; width:207px; height:207px;}
.block8{ top:276px; left:276px; width:137px; height:137px; text-align:center;}
.block8 a{ color:#999 !important; padding:40px 10%; float:left; width:80%; font-size:18px; font-weight:bold; text-transform:uppercase;}

img{ max-width:100%;}