/*
Theme Name: Eltorn Premium Wordpress Theme
Theme URI: http://themeforest.net/user/ZERGE/portfolio
Description: Eltorn Premium Theme For WordPress
Author: ZERGE
Author URI: http://themeforest.net/user/ZERGE
Version: 1.03
Tags: light, two-columns, fixed-width, custom-background, threaded-comments
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

/*
	Link Color: #5882a6
*/



/* for HTML5 blocks */
header, footer, aside, nav, article, section { display: block; }  

::selection { background:none; }
::-moz-selection { background:none; }
/* 
   ---------------------------------------------------------------------------------------------------------
							Body
   ---------------------------------------------------------------------------------------------------------		
*/
body, .body-class {
	color: #555;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 	
 	font-size: 12px;
 	line-height: 20px;
	overflow:hidden;
	height:100%; 
	width:100%;
}

#bgimg {
    position:absolute;    
    z-index: -1;
}

#realBody{
    position:absolute;
    z-index: 5;    
    overflow:auto;
    height:100%;
    width:100%;

}

/* 
   ---------------------------------------------------------------------------------------------------------
							Clear Floats
   ---------------------------------------------------------------------------------------------------------		
*/

.clear { clear: both; }

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

/* 
   ---------------------------------------------------------------------------------------------------------
							Wrapper
   ---------------------------------------------------------------------------------------------------------		
*/

#wrapper {
	background-color: #FFF;
	margin: auto;
	min-height: 100%;
	height: auto;
	width: 980px;	
	position: relative;
	box-shadow: 0px 0px 15px rgba(0,0,0,.3);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,.3);	
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.3);	
	-o-box-shadow: 0px 0px 15px rgba(0,0,0,.3);		
}

#wrapper .top-line {
	background-color: #444; 
	margin-bottom: 5px;
	height: 5px;
	width: 100%;
}


#wrapper .divider-1px, #wrapper .divider-1px-dotted, .divider-1px {
	border-bottom: 1px solid #eaebec;
/*	height: 1px;
	line-height: 1px;*/
	width: 100%;	
}

#wrapper .divider-1px-dotted {
	border-bottom: 1px dotted #eaebec;
}

#wrapper .divider-1px-solid {
	height: 1px; border-top: 1px solid #eaebec; width: 100%; padding: 10px 0; margin-top: 10px;
}

.dotted-divider {
	padding: 5px; 
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;	
}

/* 
   ---------------------------------------------------------------------------------------------------------
							Logo
   ---------------------------------------------------------------------------------------------------------		
*/

#logo {
	float:left;
	margin-left: 20px;
	margin-bottom: 30px;
	margin-top: 30px;
/*	height: 40px;*/
}

#logo h1 	{ margin-bottom: 0 !important; }
#logo span  { color: #777; text-transform: lowercase }

/* 
   ---------------------------------------------------------------------------------------------------------
							Slider Area for Static Image and Video Block
   ---------------------------------------------------------------------------------------------------------		
*/

#slider-area {
    width:980px; 
    min-height:360px; 
	position:relative;
	margin-bottom:15px;
    border-bottom: 1px solid #F4F3F3;  
    line-height: 0 !important
}
#slider-area > img, #slider-area > iframe {
	margin-bottom: 0 !Important;
	padding-bottom: 0 !important
}

/* 
   ---------------------------------------------------------------------------------------------------------
	Lists
   ---------------------------------------------------------------------------------------------------------		
*/
ul { list-style-type: none;	list-style-position: inside; margin-bottom: 15px; }

/* default lists */
ul.unordered { list-style: none;           }	
ul.ordered 	 { list-style: inside decimal; }	
ul.square 	 { list-style: inside square;  }	
ul.circle 	 { list-style: inside circle;  }
ul.bullets	 { list-style: inside disc }

ul.arrow li { background: url('images/list-arrow.png') left center no-repeat; padding-left: 15px; }

/* 
   ---------------------------------------------------------------------------------------------------------
							Small Colored Lines
   ---------------------------------------------------------------------------------------------------------		
*/

.small-4px {
	width: 40px; 
	background-color: #579dcf; /* changing this property */
	height:4px;
	float:left
}

.small-1px {
	width:40px; 
	height:1px; 
	background-color: #aaa; /* changing this property */
	margin-bottom: 10px; 
	margin-top: 10px;
}
.small-1px.left-divider {
	float: left	!important;
	margin-top: 5px !important
}
.small-5px {
	width: 220px; 
	height: 5px; 
	background-color: #579dcf; /* changing this property */
}

.header-top-line, .header-top-line-footer {
	height:4px; 
	background-color: #333; 
	height: 4px; 
	margin-bottom: 10px;
	padding:0;
	border: none !important;
	width: 100%
}

.header-top-line-footer {
	background-color: #444
}



/* 
   ---------------------------------------------------------------------------------------------------------
							Welcome Block
   ---------------------------------------------------------------------------------------------------------		
*/

#welcome {
	background: url(images/bg.png) left top repeat;
	min-height: 100px;
	padding: 5px 0px;
	position: relative;
	width: 980px;

}
#welcome blockquote {
	padding: 20px;
	padding-top: 20px;
	padding-left: 20px;
	margin-left: 0px;
	color: #f2f2f2;
	font-size: 18px;
	font-style: italic;
	line-height: 24px;
}

#separator {
	background: url(images/bg.png) left top repeat;
	height: 80px;
	padding: 5px 0px;
	position: relative;
	width: 980px;

}

.map-class {
	height: 250px !important
}

#map-margin {
	margin-left: -20px !important
}

.error-class {
	height: 120px !important
}

#welcome .stich, 
#welcome .stich-last,
#separator .stich, 
#separator .stich-last  
{ background: url(images/stich.png) left top repeat-x; height: 4px; width: 100%; }

#welcome .stich-last,
#separator .stich-last {
	position: absolute;
	bottom: 5px;
	left: 0;
}

h1.welcome-text {
	color:#fff; margin-left: 20px; margin-top: 20px; margin-bottom: 0px; font-size: 20px
}

p.welcome-description {
	color: #FFF; font-size: 12px; margin-left: 20px;
}
#separator {
	color: #FFF
}
#separator h1, #separator h2, #separator h3, #separator h4, #separator h5, #separator h6 {
	color: #FFF;
	margin-top: 9px
}

.left { float: left }
.right { float: right }


.num-block {	
	float:left; 
	margin-right: 10px; 
	margin-bottom: 5px; 
	height: 20px; 
	border: 2px solid #333; 
	text-align: center;
	width:20px; 	
}

.num-block .number { 
	color:#333; 
	line-height:20px; 
	text-align: center; 
	font-size: 13px
}
.one_fourth.underline, .one_third.underline {
	border-bottom: 1px solid #EAEBEC;
			-webkit-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
			-transition: all 0.2s linear;		
}

.one_fourth.underline:hover, .one_third.underline:hover {
	border-bottom: 1px solid #579dcf;
}

.top-header {
	width: 210px; 
	margin-right: 20px; 
	height: 4px; 
	background-color: #333;
	margin-bottom: 10px;
}



.media-thumb {
	width: 213px; height: 135px; position:relative;
	margin-bottom: 10px
}


.media-thumb .mask {
	position: absolute;
	left:0;
	top:0;
	background-color: #579dcf;
	opacity: 0.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);	

	cursor: pointer;
	width: 0;
	height: 100%;
			-webkit-transition: all 0.3s linear;
			-moz-transition: all 0.3s linear;
			-o-transition: all 0.3s linear;
			-transition: all 0.3s linear;		
	
}
.media-thumb:hover .mask {
	opacity: .7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=70);	
	width: 100%
}

.media-thumb .view_project {
	position: absolute;
	right: 0;
	top: 41%;
	padding: 5px 5px;
	line-height: 18px;
	background-color: #FFF;
	border-left: 4px solid #579dcf;
	color: #FFF;
	text-align: center;
	width: 80px;
	font-weight: bold;
			-webkit-transition: all 0.3s linear;
			-moz-transition: all 0.3s linear;
			-o-transition: all 0.3s linear;
			-transition: all 0.3s linear;		
}
.media-thumb:hover .view_project {
	width: 199px;
}

/*
	media-thumb for portfolio
*/
.portfolio-4 .media-thumb {
	width: 220px;
}

.portfolio-4 .media-thumb:hover .view_project {
	width: 206px;
}

.portfolio-3 .media-thumb {
	width: 300px;
	height: 180px;
}

.portfolio-3 .media-thumb:hover .view_project {
	width: 286px;
}

.portfolio-3 .media-thumb .view_project {
	top: 44%
}

span.page-numbers, a.page-numbers, a.next.page-numbers, a.prev.page-numbers, a.current, a.next.page-numbers, a.prev.page-numbers {
	position: relative;
	display: block;
	text-align: center;
	font-size: 11px;
	padding: 2px 7px;
	line-height: 20px;
	float: left; 
	margin-left: 5px;
	border-bottom: 1px dotted #CCC !important;
	background: #FFF;
	color: #CCC !important;
			-webkit-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
			-transition: all 0.2s linear;		
	
}

a.page-numbers:hover, span.current {
		border-bottom: 1px solid #999 !important;
		color: #777 !important
}

.pagination {
	display: block;
	height: 30px;
	text-align: right;
	float: right;
	margin-top: -30px;
}

.nomedia {
	border: 1px solid #eee
}


/* 
   ---------------------------------------------------------------------------------------------------------
							Typography
   ---------------------------------------------------------------------------------------------------------		
*/
.media-thumb.gallery-img img {
width:213px;
height: 135px;
	display: block;
	float: left;


}

blockquote.home-page, blockquote.post-page  {
	background:#f9f9f9;
	border-left:4px solid #ccc;
	padding:10px;
	quotes:"\201C""\201D""\2018""\2019";
	width: 193px;
	font: italic normal 12px/18px Georgia;
	color: #888;
}

blockquote.home-page:after {
	content:none
}

blockquote.home-page {
	height: 115px;
}

blockquote.home-page:before, blockquote.post-page:before {
	color:#ccc;
	content:open-quote;
	font-size:4em;
	line-height:.1em;
	margin-right:.25em;
	vertical-align:-.4em;
}

blockquote.post-page:after {
	content:none
}
blockquote.post-page {
	margin-bottom: 15px;
}

.post-quote-copyright {
	font-style: italic; 
	float: right; 
	margin-top: 15px; 
	color: #AAA
}
blockquote.home-page p, blockquote.post-page p {
	display:inline;
}
blockquote span.copy_author {
	text-align: right;
	float: right;
	font-size: 11px;
	color: #aaa;
}


.colored {
	background-color:#579dcf; 
	color: #FFF;
	padding: 0 5px;
}

p {
	margin-bottom: 15px;
}

h1,h2,h3,h4,h5,h6 { 
	color: #333;
	line-height: 18px;
	margin-bottom:15px;
	font-weight: bold;
}
h1 {
	 background: none;
	 font-size: 24px;
	 line-height:28px;
 	 padding:0;
}
h2 { 
	font-size: 20px; 
	line-height: 24px; 
}

h3 { font-size: 16px; line-height: 20px; }
h4 { font-size: 14px; line-height: 18px }
h5 { font-size: 13px; margin-bottom: 5px;  line-height: 18px }
h6 { font-size: 12px; margin-bottom: 5px; line-height: 16px }

h5.project-title {
	font-size: 13px;
	line-height: 18px; 
	margin-bottom:0
}
span.project-date-category {
	color:#aaa; 
	font-size: 11px; 
	margin-bottom: 10px
}
span.project-date a, span.project-date a:link, span.project-date a:visited {
	color:#aaa;	
			-webkit-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
			-transition: all 0.2s linear;		
}
span.project-date a:hover {
	color: #777
}

a,a:link,a:visited, h6 a, h6 a:link, h6 a:visited {
	color: #333;
	text-decoration: none;
	border: none;
			-webkit-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
			-transition: all 0.2s linear;		
}
a:hover, h6 a:hover { 
	color: #579dcf;
	text-decoration: none  !important;
	border: none !important;
}

a.link,a.link:link,a.link:visited {
	color: #579dcf;
	text-decoration: none;
	border: none;
			-webkit-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
			-transition: all 0.2s linear;		
}
a.link:hover { 
	color: #333;
	text-decoration: none  !important;
	border: none !important;
}

a[rel=tag] {
	background-color: #F1F2F1;
	color: #333;
	padding: 2px 5px; 
	-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
				-transition: all 0.2s linear;
}
a[rel=tag]:hover {
	background-color: #333;
	color: #FFF	
}
a img:hover, a.zoom img:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=70);	

}

#footer a img:hover {
	opacity: 1.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);	

}

.readmore {
	color: #FFF; font-size: 11px; position: relative; margin-bottom: 15px; width: 76px; 
}

.readmore a.readmore-link {
	background-color: #333; padding: 3px 7px 3px 11px; height: 20px; line-height: 20px; color: #FFF;
	-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
				-transition: all 0.2s linear;

}
.readmore-left-block {
	width: 4px; background-color: #5882a6; float: left; position: absolute; left:0; top:0; height: 20px; margin-right: 5px;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
				-transition: all 0.2s linear;

}

.readmore:hover .readmore-left-block {
	width: 0px;
}

.readmore:hover a.readmore-link {
	padding-left: 7px
}
/* 
   ---------------------------------------------------------------------------------------------------------
							Margins
   ---------------------------------------------------------------------------------------------------------		
*/

/* top margins */
.margin-5t  { margin-top: 5px; }
.margin-8t  { margin-top: 8px; }
.margin-10t { margin-top: 10px; }
.margin-15t { margin-top: 15px; }
.margin-20t { margin-top: 20px; }
.margin-25t { margin-top: 25px; }
.margin-30t { margin-top: 30px; }
.margin-35t { margin-top: 35px; }
.margin-40t { margin-top: 40px; }
.margin-45t { margin-top: 45px; }
.margin-50t { margin-top: 50px; }
.margin-55t { margin-top: 55px; }
.margin-60t { margin-top: 60px; }

/* bottom margins */
.margin-5b  { margin-bottom: 5px; }
.margin-8b  { margin-bottom: 8px; }
.margin-10b { margin-bottom: 10px; }
.margin-15b { margin-bottom: 15px; }
.margin-20b { margin-bottom: 20px; }
.margin-25b { margin-bottom: 25px; }
.margin-30b { margin-bottom: 30px; }
.margin-35b { margin-bottom: 35px; }
.margin-40b { margin-bottom: 40px; }
.margin-45b { margin-bottom: 45px; }
.margin-50b { margin-bottom: 50px; }
.margin-55b { margin-bottom: 55px; }
.margin-60b { margin-bottom: 60px; }

.no-margin-b { margin-bottom: 0; }
.no-margin-t { margin-top: 0; }

.project-media {
	margin-bottom: 15px;
	position: relative;
	line-height: 0;
}
.project-media img {
	 line-height: 0
}

/*-------------------------------------------------------------------------------------------------*/
	/*SUPERFISH MENU */
/*-------------------------------------------------------------------------------------------------*/

#menu {
	float:right; 
	margin-top:28px;
	margin-right: 20px
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index:9499;
}
.sf-menu {
	line-height: 1.0;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 160px; /* left offset of submenus need to match (see below) */

}

.sf-menu ul li {
	width: 157px;
	border-left:1px solid #f2f2f2;
	border-right:1px solid #f2f2f2;	
}

.sf-menu ul li:first-child {
	border-top: 1px solid #579dcf;
}	

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

.sf-menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
	
}

.sf-menu li ul li:hover {
	border-bottom: 1px solid #f2f2f2;
}

.sf-menu li {
	float: left;
	position: relative;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 31px; /* 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: 10em; /* match ul width */
	top: 0;
}
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: 10em; /* match ul width */
	top: 0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float: right;
/*	margin-bottom: 1em;*/
	font-size:12px;
}
.sf-menu a {
	padding: 12px 9px 9px 9px;
	text-decoration:none;
	text-shadow:1px 1px #ffffff;
	
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #777;
	-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
				-transition: all 0.2s linear;

}
.sf-menu li {	
	top:1px;
	border-bottom: 1px solid #f5f8f9;

}

.sf-menu li li {
	background: #ffffff;
	font-size:11px;
	border-bottom:1px solid #f2f2f2;
	

}
.sf-menu li li li {
	background: #ffffff;
	left:47px;
	border-bottom:1px solid #f2f2f2;
	top:-1px;
}



.sf-menu li ul li {
	border-bottom:1px solid #f2f2f2;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
				-transition: all 0.2s linear;

}
.sf-menu li ul li:hover {
	border-bottom-color: #ccc;
}

.sf-menu li ul li ul li:first-child {
	border-top: 1px solid #579dcf;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .active a{
	outline: 0;
/*	background-color: #f9fbfc; uncoment for bg menu hover */
	color:#000000;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 30px;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: 15px;
	top: 40px; /* 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 */
	top: 15px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* 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*/
}

ul.sub-menu {
	z-index: 9999
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; top: 9px }
.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*/
}



.center-block, .center-block-response {

	padding: 15px 20px 15px 20px;
	margin-bottom: 20px;
}
.center-block {
	width: 940px;	
}

.center-block-response {
	width: 100%;
	padding: 15px 0;
	margin-bottom: 0
}
/* 
   ---------------------------------------------------------------------------------------------------------
							Columns
   ---------------------------------------------------------------------------------------------------------		
*/

.one_half 		{ width: 48%; }
.one_third 		{ width: 30.66%; }
.two_third 		{ width: 65.33%; }
.one_fourth 	{ width: 22%; }
.three_fourth 	{ width: 74%; }
.one_fifth 		{ width: 16.8%; }
.two_fifth 		{ width: 37.6%; }
.three_fifth 	{ width: 58.4%; }
.four_fifth 	{ width: 67.2%; }
.one_sixth 		{ width: 13.33%; }
.five_sixth 	{ width: 82.67%; }

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	position: relative;
	margin-right: 4%;
	float: left;
}

.column-last {
	margin-right: 0!important;
	clear: right;
}



/* 
   ---------------------------------------------------------------------------------------------------------
							Buttons
   ---------------------------------------------------------------------------------------------------------		
*/


.button, .button span {
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

}
.button {
	white-space: nowrap;
	line-height:1em;
	position:relative;
	outline: none;
	overflow: visible; /* removes extra side padding in IE */
	cursor: pointer;
	border: 1px solid #999;/* IE */
	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 2px rgba(0,0,0,.2);	
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */

	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	margin-bottom:10px;
	margin-right: 10px;
}
.button.full, .button.full span {
	display: block;
}
.button:hover, .button.hover {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.button:active, .button.active {
	top:1px;
}
.button span {
	position: relative;
	color:#fff;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	border-top: rgba(255, 255, 255, .2) 1px solid;
	padding:0.6em 1.3em;
	line-height:1em;
	text-decoration:none;
	text-align:center;
	white-space: nowrap;

}

.button.small span {
	font-size:12px;
}
.button.medium span {
	font-size:14px;
}
.button.large span {
	font-size:18px;
}
.button.black {
	background-color: #333333;
}
.button.gray {
	background-color: #666666;
}

.button.white {
	background-color: #FFFFFF;
}
.button.white span{
	color: #666666;
}
.button.red {
	background-color: #ff3333;
}
.button.orange {
	background-color: #ff5c00;
}
.button.magenta {
	background-color: #A9014B;
}
.button.changed {
	background-color: #579dcf;
}

.button.yellow {
	background-color: #ffb515;
}
.button.blue {
	background-color: #579dcf;
}
.button.pink {
	background-color: #e22092;
}
.button.green {
	background-color: #91bd09;
}
.button.rosy {
	background-color: #F16C7C;
}
.button.brown {
	background-color: #804000;
}
.button.purple {
	background-color: #800080;
}
.button.cyan {
	background-color: #46C7C7;
}
.button.gold {
	background-color: #D4A017;
}


.buy-button {
/*	background: url(images/icons/buy-ico.png) 20px center no-repeat;
	padding-left: 45px;*/
	float: right;
	margin-right: 20px;
/*	background-color: #f9f9f9 !important;
	border: 5px solid #333 !important;*/
}

.buy-button span {
/*	color: #555 !important;	*/
}
.buy-button:hover {
/*	border: 5px solid #ccc !important;
	background: url(images/icons/buy-ico.png) 20px center no-repeat;*/
}
/* 
   ---------------------------------------------------------------------------------------------------------
							Icons
   ---------------------------------------------------------------------------------------------------------		
*/

.icon-block { line-height: 22px; margin-right: 10px; display: block; clear: both }
.icon-block.left { float: left; }
.icon-block.right { float: right; }

.icon {
	background: transparent url(images/icons/icons_sprites.png) center center no-repeat;
	float: left;
	width: 24px;
	height: 24px;
}
.icon + p {
	float: left;
	margin-bottom: 5px;
	margin-left: 5px;
}
.icon.alarm { background-position: 0 0 }
.icon.alarm-clock { background-position: -24px 0 }
.icon.alert { background-position: -48px 0 }
.icon.archive { background-position: -72px 0 }
.icon.arrow-down { background-position: -96px 0 }
.icon.arrow-left { background-position: -120px 0 }
.icon.arrow-right { background-position: -144px 0 }
.icon.arrow-up { background-position: -168px 0 }
.icon.blocks { background-position: -192px 0 }
.icon.book { background-position: -216px 0 }
.icon.camera { background-position: -240px 0 }
.icon.clock { background-position: -264px 0 }
.icon.cloud { background-position: -288px 0 }
.icon.day-calendar { background-position: -312px 0 }
.icon.delicious { background-position: -336px 0 }
.icon.digg { background-position: -360px 0 }
.icon.download { background-position: -384px 0 }
.icon.dribbble { background-position: -408px 0 }
.icon.facebook { background-position: -432px 0 }
.icon.film { background-position: -456px 0 }
.icon.film-camera { background-position: -480px 0 }
.icon.frames { background-position: -504px 0 }
.icon.glass { background-position: -528px 0 }
.icon.globe { background-position: -552px 0 }
.icon.google-buzz { background-position: -576px 0 }
.icon.help { background-position: -600px 0 }
.icon.home { background-position: -624px 0 }
.icon.ipad { background-position: -648px 0 }
.icon.ipod { background-position: -672px 0 }
.icon.laptop { background-position: -696px 0 }
.icon.lastfm { background-position: -720px 0 }
.icon.link { background-position: -744px 0 }
.icon.link2 { background-position: -768px 0 }
.icon.list { background-position: -792px 0 }
.icon.load-bar { background-position: -816px 0 }

.icon.locked { background-position: 0 -24px }
.icon.mail { background-position: -24px -24px }
.icon.map { background-position: -48px -24px }
.icon.marker { background-position: -72px -24px }
.icon.media { background-position: -96px -24px }
.icon.month-calendar{ background-position: -120px -24px }
.icon.myspace  { background-position: -144px -24px }
.icon.notebook { background-position: -168px -24px }
.icon.phone { background-position: -192px -24px }
.icon.plixi { background-position: -216px -24px }
.icon.preview { background-position: -240px -24px }
.icon.printer { background-position: -264px -24px }
.icon.refresh { background-position: -288px -24px }
.icon.refresh2 { background-position: -312px -24px }
.icon.refresh3 { background-position: -336px -24px }
.icon.repeat { background-position: -360px -24px}
.icon.rss { background-position: -384px -24px }
.icon.shuffle { background-position: -408px -24px }
.icon.skype { background-position: -432px -24px }
.icon.sound { background-position: -456px -24px }
.icon.speech-bubble{ background-position: -480px -24px }
.icon.speech-bubble2 { background-position: -504px -24px}
.icon.speech-bubbles { background-position: -528px -24px}
.icon.speech-bubbles2 { background-position: -552px -24px}
.icon.stubleupon  { background-position: -576px -24px}
.icon.tags { background-position: -600px -24px}
.icon.trash { background-position: -624px -24px }
.icon.tumbler { background-position: -648px -24px }
.icon.twitter { background-position: -672px -24px }
.icon.twitter2 { background-position: -696px -24px }
.icon.unlocked { background-position: -720px -24px }
.icon.upload { background-position: -744px -24px }
.icon.vimeo { background-position: -768px -24px }
.icon.youtube { background-position: -792px -24px }
.icon.youtube2 { background-position: -816px -24px }



ul.stay-in-touch li span {
	padding-left: 30px;
	width: 24px;
	height: 24px;
	background: transparent url(images/icons/icons_sprites.png) center center no-repeat;	
}

ul.stay-in-touch li span.facebook { background-position: -432px 0 }


/* 
   ---------------------------------------------------------------------------------------------------------
							Tabs
   ---------------------------------------------------------------------------------------------------------		
*/


.block-a, .block-b, .block-c {
	width:286px; 
	min-height: 170px; 
	background-color: #f5f8f9; 
	border-right: 1px solid #ddd; 
	border-top: 1px solid #ccc; 
	float:left; 
	padding-top: 0px; 
	padding-bottom: 15px;
	padding-left: 20px; 
	padding-right:20px;

}
.block-c {
	border-right: none;
}

.block-a>h5, .block-b>h5, .block-c>h5 {
	background:#333; color:#FFF; margin-left:-20px; margin-bottom: 15px; height:40px; padding:0 20px 0 20px; display:inline-block; line-height: 40px; font-size: 12px;
}

.proximos_eventos {
	display: block;
	clear: both;
	position: relative;
	top: 25px;
}

.nohover:hover {
        border:0px;
        background-color: transparent !important;
}

.nohover img:hover {
        border:0px;
}

span.circle-number {
	width:20px; 
	height:20px; 
	text-align: center; 
	line-height:20px; 
	color:#333; 
	background:#fff; 
	  -moz-border-radius: 20px; 
		  -webkit-border-radius: 20px;
			  -khtml-border-radius: 20px;
				  border-radius: 20px;
	float:left; 
	display:inline-block; 
	margin-top: 10px; 
	margin-right: 10px
}

.tabnav {
	 float: left;
}
	.tabnav li {
		display: block;
		list-style: none;
		padding: 0;
		line-height: 20px;
		border-bottom: 1px dashed #ddd;
	}

.tabnav li.first {
	height:4px; 
	background-color: #333; 
	height: 4px; 
	padding:0;
	border: none !important
}	



		.tabnav li a {
		text-decoration: none;
		color: #888;
		font-weight: bold;
		display: block;
		font-size: 13px;
		padding: 6px 0;
		font-size: 12px;
		outline: none;
			-webkit-transition: color 0.2s linear;
			-moz-transition: color 0.2s linear;
			-o-transition: color 0.2s linear;
			-transition: color 0.2s linear;	
		}
		
		.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
			color: #333;
			text-decoration: none;
		}
		.tabnav li.ui-tabs-selected a {
			background-image: url(images/cont-arrow.png);
			background-position: 190px 9px;
			background-repeat: no-repeat;
		}
		.tabnav li.ui-tabs-2 a {
			background-image: url(images/cont-arrow.png);
			background-position: 190px 9px;
			background-repeat: no-repeat;
			color: #333;
		}
	.tabdiv {
	margin-top: 2px;
	background: #fff;
	float: left
	}
	.tabdiv img {
}
.tabdiv img:hover {
	cursor: pointer
}
.tabdiv img.last-item {
	margin-right: 0
}

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

		#featuredvid {
		text-align: center;
		}
		
			.fvid {
			margin-bottom: 5px;
			}
		
			.vidselector li {
			text-align: left;
			list-style: none;
			background: #ffffff;
			border: 1px solid #dedbd1;
			text-transform: uppercase;
			margin-bottom: 5px;
			}




/*
-------------------------------------------------------------------------------------------------
	Shortcode Tabs
-------------------------------------------------------------------------------------------------	
*/

.section { background: #f9f9f9; }
ul.tabs {
	height: 28px;
	line-height: 25px;
	list-style: none;
	border-bottom: 1px solid #DDD;
	background: #fff;
	padding-left:0;
	margin-bottom:0;
}
.tabs li {
	float: left;
	display: inline;
	margin: 0 1px -1px 0;
	padding: 0 10px 1px;
	cursor: pointer;
	background: #F9F9F9;
	border: 1px solid #e9e9e9;
	border-bottom: 1px solid #f9f9f9;
	position: relative;
	color:#333333;
}
.tabs li:hover,
.vertical .tabs li:hover {
	padding: 0 10px;
	background: #ededed;
	border: 1px solid #e4e4e4;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.tabs li.current {
	background: #FFF;	
	padding: 0 10px 2px;
	border: 1px solid #d4d4d4;
	border-bottom: 1px solid #FFF;
}
.box {
	display: none;
	border: 1px solid #E6E5E5;
  	border-width: 0 1px 1px;
	background: #FFF;	
	padding: 15px 10px 15px;
	margin-bottom:30px;
}
.box.visible {
	display: block;
}
.box p{
	margin-bottom:15px;
}
.section.vertical {
	border-left: 160px solid #fff;
	margin-bottom: 30px;	
}
.vertical .tabs {
	width: 160px;
	float: left;
	display: inline;
	margin: 0 0 0 -160px;
}
.vertical .tabs li {
	padding: 0 13px;
	padding-top:10px;
	margin: 0 0 1px;
	border: 1px solid #E4E4E4;
	border-right: 1px solid #F9F9F9;
	width: 132px;
	height: 33px;
}
.vertical .tabs li:hover {
	padding: 0 13px;
	padding-top:10px;
	margin: 0 0 1px;
	border: 1px solid #E4E4E4;
	border-right: 1px solid #F9F9F9;
	width: 131px;
	height: 33px;
}
.vertical .tabs li.current {
	width: 133px;
	color: #444;
	background: #f3f3f3;
	border: 1px solid #D4D4D4;
	border-right: 1px solid #f3f3f3;
	margin-right: -1px;
}
.vertical .box {
  border-width: 1px;
  padding-top:15px;
}


/* 
   ---------------------------------------------------------------------------------------------------------
	Collapse
   ---------------------------------------------------------------------------------------------------------		
*/

.collapse-demo1 .active, .collapse-demo2 .active {background-position: 0 -21px; padding-left:25px;}
.collapse-styling .active {background-position: 0 -142px; padding-left:25px;}
.col {float: left; width:210px; margin-right:30px;}
.disclaim {margin:10px; padding:10px; background: red;}
.collapse-demo1 h6, .collapse-demo2 h6 {
	padding: 7px 5px 6px 5px;
	cursor: pointer;
	background: url('images/icons/state.png') no-repeat 0 5px;
	display: block;
	text-decoration: none;
	margin: 0;
	margin-top: 10px;
	padding-left:25px;
	border: 1px solid #E6E5E5;
	-webkit-transition: background-color 0.3s linear;
     -moz-transition: background-color 0.3s linear;
     -ms-transition: background-color 0.3s linear;
     -o-transition: background-color 0.3s linear;
     transition: background-color 0.3s linear;	
}
.collapse-styling h6 {
	padding: 5px 5px 6px 5px;
	cursor: pointer;
	background: url('images/icons/state.png') no-repeat 0 -115px;
	display: block;
	text-decoration: none;
	margin: 0;
	margin-top: 10px;
	padding-left:25px;
	border: 1px solid #E6E5E5;
-webkit-transition: background-color 0.3s linear;
     -moz-transition: background-color 0.3s linear;
     -ms-transition: background-color 0.3s linear;
     -o-transition: background-color 0.3s linear;
     transition: background-color 0.3s linear;	
}

.collapse-demo1, .collapse-demo2, .collapse-styling { margin-bottom:25px; }
.collapse-demo1 h6 a, .collapse-demo2 h6 a, .collapse-styling h6 a {color: #000; text-decoration:none;}
.collapse-demo1 h6:hover, .collapse-demo2 h6:hover, .collapse-styling h6:hover {color: #BF252F; text-decoration:none; background-color:#f4f4f4; }
.toggle-content {
	padding:15px;
	border: 1px solid #E6E5E5;
	border-top: none;
}

/* 
   ---------------------------------------------------------------------------------------------------------
							Inputs
   ---------------------------------------------------------------------------------------------------------		
*/



input[type=text], input[type=button], input[type=submit] {
	padding: 5px 5px;
	border: 1px dotted #ccc;
	font-size: 11px;
	color: #999;
	background-color: #fff;
			-webkit-transition: all .2s linear;
			-moz-transition: all .2s linear;
			-o-transition: all .2s linear;
			-transition: all .2s linear;		
}
input[type=text] {
	width: 220px
}

#s {
	background: url(images/icons/search-ico.png) 8px center no-repeat;
	padding-left: 35px;
	margin-top: 0px;
	width: 243px;
}
input[type=text]:hover, input[type=text]:focus, input[type=text]:active, input[type=button]:hover, input[type=submit]:hover  {
	background-color: #fafafa;
}
input[type=button]:hover, input[type=submit]:hover {
	cursor: pointer
}
input[type=text].user-ico, input[type=text].mail-ico, input[type=text].link-ico , input[type=text].subject-ico {
	padding-left: 35px;	
}
input[type=text].user-ico {
	background: url(images/icons/user-ico.png) 8px center no-repeat;
}
input[type=text].mail-ico {
	background: url(images/icons/mail-ico.png) 8px center no-repeat;
}
input[type=text].link-ico {
	background: url(images/icons/link-ico.png) 8px center no-repeat;
}

input[type=text].subject-ico {
	background: url(images/icons/subject-ico.png) 8px center no-repeat;
}

textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.respond-textarea {
	width: 98%;
	margin-bottom: 15px;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;	
	-o-transition: all 0.2s linear 0s;	
	transition: all 0.2s linear 0s;	
	
    background-color: #FFFFFF;
    border: 1px dotted #CCCCCC;
    color: #999999;
    font-size: 11px;
    padding: 5px;	
}
.respond-textarea.message-ico {
	background: url(images/icons/message-ico.png) 8px 6px no-repeat;
	padding-left: 35px;
}
input[type=text], textarea, .respond-textarea  {
	border-left: 4px solid #5882a6;
}

input[type=submit]  {
	border-left: 4px solid #5882a6;
	-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
				-transition: all 0.2s linear;
}
input[type=submit]:hover {
	background-color: #fafafa
}


.respond-textarea:hover, .respond-textarea:focus {
	background-color: #fafafa;
}

ul.contact-info span {
	color: #555;
	margin-right: 10px;
	padding: 4px;
	background-color: #EaEbEc
}

#note {
	margin-bottom: 10px;
}
/* 
   =========================================================================================================
	PORTFOLIO
   =========================================================================================================
*/

#filterby {

	background: #5882a6 url(images/icons/sort-ico.png) 5px center no-repeat;  
	background-color: #5882a6; 
	display: block; 
	width: 35px; 
	padding-left: 25px; 
	line-height: 18px;
	height: 19px;
	float: left; 
	color: #fff
}

#filter {	
	line-height: 14px;
	margin: 0 auto;
	margin-bottom:20px;
}

#filter a {
	color: #999;
	border-bottom: 1px dotted #CCC;
	padding: 2px 10px;
	font-size: 11px;
	line-height:18px;
	text-decoration:none;
		-webkit-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
				-o-transition: all 0.2s linear;
					-transition: all 0.2s linear;	
	
}

#filter a:hover, #filter a.active {
	 color: #fff; 
	 background-color:#333;
  	 border-bottom: 1px dotted #CCC;
}

ul#stage li { float:left; width: 290px; display: block; margin-bottom: 15px; margin-right: 20px; }

ul#stage li:last-child {
	 margin-right: 0
}
ul#stage { width: 960px; padding-left:0;}

.portfolio-date-text, .portfolio-info-blocks {
	height: 20px; background-color: #eaebec; float: left; margin-right: 10px; line-height: 20px; text-align: center
}

.portfolio-date-text {
	width: 40px;
}

.portfolio-date-text.text-title {
	background-color: #5882a6; color: #FFF; margin-right:0
}
.portfolio-info-blocks {
	padding: 0 4px;
	float: left 
}
span.date-month.portfolio-date-month {
	float: left; font-size: 12px; line-height: 20px; 
}

span.date-month.portfolio-date-month.text-month {
	background-color: #333; 
	color: #FFF; 
	padding:0 8px; 
	float:left; 
	display: block; 
	width: 232px; 
	font-size: 11px	
}

/*
	Separator
*/
#separator-container {
	width: 940px; background-color: #5882a6; padding: 20px 20px 20px 20px;
}

#separator-container h1 {
	padding: 5px; font-size: 20px; line-height: 20px; font-weight: normal; display: inline-block; margin-bottom: 0px;  /*background-color: #fff; text-transform: uppercase*/
}

#separator-container p.description {
	color: #FFF; font-size: 12px; margin-top: 5px; margin-bottom: 15px;
}

#separator-container p.description.pages {
	margin-bottom: 0
}
#separator-container .divider-line {
	height: 1px; width: 100%; background-color: #FFF; margin-bottom: 5px; 
	opacity: .7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=70);	
}
.prev-arrow {
	height: 15px;
	background: url(images/prev-arrow.png) left 0px no-repeat;
	margin-right: 5px;
	float: left;
	line-height: 16px; 
	padding-left: 10px;
	text-align: left;
	color: #FFF;
	font-size: 11px;		
}
.next-arrow {
	height: 15px;
	background: url(images/next-arrow.png) right 0px no-repeat;
	margin-left: 5px;
	float: right;
	padding-right: 10px;
	line-height: 16px;
	color: #FFF;
	font-size: 11px;	
}


.el_float_left {
	float:left; text-align: left;

}
.el_float_right {
	float:right !important; 
	text-align: right	
}


a[rel=prev], a[rel=next] {
	color: #FFF;
	font-size: 11px;
	padding: 0 5px;
				-webkit-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
			-transition: all 0.2s linear;

}

a[rel=prev]:hover, a[rel=next]:hover {
	color: #FFF;
	background-color: #FFF;
	color: #5882a6;
}

/*	Container for Portfolio  */

#container-sort{ display:block; overflow:hidden; width: 960px; }

#container-sort .portfolio-4 li { float:left; width: 220px; height:180px;  position: relative; margin-bottom: 40px; margin-right: 20px; list-style: none outside none; }
#container-sort .portfolio-3 li { float:left; width: 300px; height:230px;  position: relative; margin-bottom: 40px; margin-right: 20px; list-style: none outside none; }
#container-sort .portfolio-2 li { float:left; width: 460px; height:375px;  position: relative; margin-bottom: 40px; margin-right: 20px; list-style: none outside none; }
#container-sort .portfolio-dir li { float:left; width: 220px; height:240px;  position: relative; margin-bottom: 40px; margin-right: 20px; list-style: none outside none; }

#container-sort ul{	overflow:hidden; }

#container-sort ul.hidden { display:none; }

#container-sort .portfolio-4 li .small-1px, #container-sort .portfolio-3 li .small-1px {
	 margin-bottom: 0
}


/* 
   ---------------------------------------------------------------------------------------------------------
							Blog
   ---------------------------------------------------------------------------------------------------------		
*/
iframe {
	border: none !important
}
.post-item iframe {
	margin-bottom: 15px
}
h2.post-title {
	line-height: 36px;
}
.widget {
	 margin-bottom: 30px;
	 color: #777;
}

#tabvanilla.widget {
	margin-bottom: 10px
}
.widget a {
	 color: #555
/*	 	border-bottom: 1px dotted #ccc;*/
}

.widget ul li {
	padding: 5px 0;
	border-bottom: 1px dotted #ccc;	 	
}
span.date-number, span.date-month {
	float: right;
	text-align: right;
	font-size: 28px;
	line-height: 24px;
	font-weight: bold;
	color: #333;
	display: block;
}
span.date-month {
	 font-size: 16px;
	 text-transform: lowercase

}

.post-item h2 {
	margin-bottom: 5px;

}
.post-item img, .project-media img {
	margin-bottom: 15px;
			-webkit-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
			-transition: all 0.2s linear;		
	
}
.post-item img:hover, .project-media img:hover {
	margin-bottom: 15px;
}

.project-media img, .project-media img:hover {
	margin-bottom: 0
}
.post-item {
	 margin-bottom: 30px;
	 padding-bottom: 15px;
}

.post-item .small-1px {
	 float: right;
}

.post-item ul.meta-list li {
	font-size: 11px;
	 text-align: right;
	 display: block;
	 color: #777
}
.post-item ul.meta-list li a {
/*	border-bottom: 1px dotted #CCC*/
}

.post-item ul.meta-list li span {
	font-style: italic;
	
}

.first-comment {
	padding-top: 15px;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 15px;
}

ul.children {
	background-color: #f9f9f9;
    background: -moz-linear-gradient(left, #ffffff 0%, #f6f6f6 47%, #ffffff 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ffffff)); 
    background: -webkit-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ffffff 100%); 
    background: -o-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ffffff 100%); 
    background: -ms-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ffffff 100%); 
    background: linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ffffff 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); 

}

ul.children li p {
		padding-right: 10px;
}

img.avatar {
	border: 3px solid #dfdfdf;
	width: 36px;
	height: 36px;
	display: block;
	margin-bottom: 5px;
}

/* 
   ---------------------------------------------------------------------------------------------------------
							Footer
   ---------------------------------------------------------------------------------------------------------		
*/

.maps {
	background:url(images/maps.png) left top no-repeat;
	width: 100%;
	height: 144px;
}

ul.contacts-widget span {
	width: 40px;
	display: block;
	float: left
}

.thumbs { margin: 15px 0 0 0; padding: 0; overflow: hidden; width: 220px;}
.thumbs li { 
	list-style: none; 
	float: left; 
	padding: 3px;
	margin: 0 5px 10px 0;
	background-color: #444;
	-webkit-transition: background 0.2s linear;
    	-moz-transition: background 0.2s linear;
    		-ms-transition: background 0.2s linear;
    			-o-transition: background 0.2s linear;
    				transition: background 0.2s linear; 
}
.thumbs li a { }
.thumbs li img { display: block; width:40px; height:40px;}
.thumbs li a img { border: 1px solid #999;}
.thumbs li:hover { background: #BF252F;}

ul#recentcomments {
	list-style-type: none;
}

ul#recentcomments li {
	padding: 5px 0 5px 24px;
	border-bottom: 1px dotted #444;
	background: transparent url(images/icons/comments.png) left center no-repeat;
}

.widget ul#recentcomments li {
		background: transparent url(images/icons/comments.png) left center no-repeat;
		border-bottom: 1px dotted #CCC;
} 

#footer {
	background:url(images/bg.png) left top repeat;
	width:980px;
	color: #b2b2b2;
	font-size: 11px;
	line-height: 18px;
	padding-bottom: 20px;
}

#footer a {
	color: #eee;
			-webkit-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
			-transition: all 0.2s linear;		
	
}

#footer a:hover {
	color: #FFF;
	background-color: #579dcf
}

#footer a:hover img {
	background: none
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { 
	color: #FFF;
	font-size: 12px;
}
#footer .center-block { margin-top: 15px; margin-bottom: 0 }

.second-menu {
	background:url(images/dark_square.png); 
	width: 100%; 
	height: 40px; 
	border-bottom: 1px solid #222;
}

#footer .small-1px {
	padding-bottom: 5px;
	background: url(images/footer-head-line.png) left top repeat-x;
	margin-bottom: 10px
}
#footer .second-menu ul { list-style-type: none; background-color: #579dcf; height: 40px; line-height: 40px; display: inline-block; float:left; overflow:hidden; }
#footer .second-menu ul li { list-style-type: none; float: left; color: #FFF; background-color: #579dcf; }
#footer .second-menu ul li:first-child { margin-left: 20px; }
#footer .second-menu ul li:last-child { padding-right: 10px }
#footer .second-menu ul li a { color: #FFF; padding: 0 10px; font-size: 11px; font-style: italic }

.btn_arrow { 
	cursor: pointer; 
	height: 40px; 
	width: 40px; 
	color:#FFF; 
	float:left; 
	text-align: center; 
	line-height:40px;
	border-right: 1px solid #444;
	background-image: url(images/sprites.png);
	background-position: -100px 0; 
}

.btn_arrow.show {
	background-position: -100px 0; 
}

.btn_arrow.hide {
	background-position: -140px 0
}

ul.latest-posts-list li img {
	background-color: #ccc;
	border: 3px solid #FFF;
	margin-right: 10px;
	margin-bottom: 10px; 
	float: left;
	vertical-align: text-top;
	border-radius: 3px;
}

ul.latest-posts-list li {
	margin-bottom: 10px;
	padding-bottom: 5px;
}

#footer ul.latest-posts-list {
	margin-top: 15px
}
#footer ul.latest-posts-list li {
	border-bottom: 1px dotted #444
}

ul.latest-posts-list li {
	/*	border-bottom: 1px dotted #CCC*/
}
ul.latest-posts-list li span {
	display: block;
	font-size: 10px !important;
	margin-top: 0px;
	margin-bottom: 5px;
}

.post-image, 
.post-video, 
.post-quote, 
.post-standard, 
.post-gallery {

	float: left;
	margin-right: 10px;
	padding: 2px 4px;
	/*border-radius: 3px;*/
	width: 30px;
	height: 30px; 
	border: 1px solid #ccc;
	background: #fff url(images/icons/format-image.png) center center no-repeat;
	-webkit-transition: border 0.2s linear;
    	-moz-transition: border 0.2s linear;
    		-ms-transition: border 0.2s linear;
    			-o-transition: border 0.2s linear;
    				transition: border 0.2s linear; 	
}

#footer ul.latest-posts-list li .post-image, 
#footer ul.latest-posts-list li .post-video, 
#footer ul.latest-posts-list li .post-quote, 
#footer ul.latest-posts-list li .post-standard, 
#footer ul.latest-posts-list li .post-gallery {
	width: 26px;
	height: 26px; 
	margin-bottom: 10px;
	border: 3px solid #444;
	-webkit-transition: border 0.2s linear;
    	-moz-transition: border 0.2s linear;
    		-ms-transition: border 0.2s linear;
    			-o-transition: border 0.2s linear;
    				transition: border 0.2s linear; 
	
}
#footer ul.latest-posts-list li:hover .post-image,
#footer ul.latest-posts-list li:hover .post-video,
#footer ul.latest-posts-list li:hover .post-quote,
#footer ul.latest-posts-list li:hover .post-standard,
#footer ul.latest-posts-list li:hover .post-gallery {
/*	border: 3px solid #ff6c00;	*/
}
.post-video {
		background: #FFF url(images/icons/format-video.png) center center no-repeat;
}

.post-quote {
		background: #FFF url(images/icons/format-quote.png) center center no-repeat;
}

.post-standard {
		background: #FFF url(images/icons/format-standard.png) center center no-repeat;
}

.post-gallery {
		background: #FFF url(images/icons/format-gallery.png) center center no-repeat;
}

.post-image.right, .post-video.right, .post-quote.right, .post-standard.right, .post-gallery.right {
	float: right;
	margin-right: 0;
	margin-bottom: 15px;
}
#footer .copyright {
	color: #b2b2b2;
	font-size: 11px;
	width: 940px;
	margin-top: 10px;
	padding: 30px 20px 10px 20px;
	background: url(images/footer-head-line.png) left top repeat-x;
}

#footer .copyright p {
	margin-bottom: 0
}


/*
	---------------------------------------------------------------------------------------------------------
		Social Icons
	---------------------------------------------------------------------------------------------------------		
*/

ul#social-icons {
	list-style-type: none;
	list-style-position: inside;
	float: right;
}

ul#social-icons li {
	list-style-type: none;
	margin-left: 15px;
	height: 30px;
	float: right;
	width: 30px;
}

.widget ul#social-icons {
	float: left;
}

.widget ul#social-icons li {
	margin-right: 15px;
	margin-left: 0
}

ul#social-icons li .bg-icons {
	width: 32px;
	height: 33px;
	cursor: pointer;
}

ul#social-icons li .bg-icons.facebook {
	background:  transparent url(images/icons/facebook-ico.png) 0 0 no-repeat;
}
ul#social-icons li .bg-icons.facebook:hover {
	background-position: 0 -33px;
}

ul#social-icons li .bg-icons.dribbble {
	background:  transparent url(images/icons/dribbble-ico.png) 0 0 no-repeat;
}

ul#social-icons li .bg-icons.dribbble:hover {
	background-position: 0 -33px;
}

ul#social-icons li .bg-icons.twitter {
	background:  transparent url(images/icons/twitter-ico.png) 0 0 no-repeat;
}
ul#social-icons li .bg-icons.twitter:hover {
	background-position: 0 -33px;
}

ul#social-icons li .bg-icons.vimeo {
	background:  transparent url(images/icons/vimeo-ico.png) 0 0 no-repeat;
}
ul#social-icons li .bg-icons.vimeo:hover {
	background-position: 0 -33px;
}





/* 
   ---------------------------------------------------------------------------------------------------------
	Tweet - Twitter
   ---------------------------------------------------------------------------------------------------------		
*/

#footer .tweet { color: #CCC; font-size:11px; width: 220px; }
#footer .tweet a { font-size:11px; }
#footer .tweet_list { list-style: none;	margin: 0; padding: 0; overflow-y: hidden; }
#footer .tweet_list .awesome,
#footer .tweet_list .epic { text-transform: uppercase; }
#footer .tweet_list li { overflow-y: auto; overflow-x: hidden; display: block; background: url('images/icons/twitter.png') no-repeat 0 4px; padding-left: 23px; margin-bottom: 15px; }
#footer .tweet_list .tweet_even {		}
#footer .tweet_list .tweet_odd {  }
#footer .tweet_list .tweet_avatar { padding-right: .5em; float: left; }
#footer .tweet_list .tweet_avatar img { vertical-align: middle;	}
#footer .tweet_list .tweet_time a { color:#888; font-style:italic; margin-bottom: 15px; }
#footer .tweet_list .tweet_time a:hover {
	 color: #FFF;
}
.widget .tweet_list .tweet_time a {
	color: #CCC
}
#footer .tweet_list .tweet_first { padding-top: 0 !important; }


.widget .tweet { color: #333; font-size:11px; width: 220px; }

/*
	---------------------------------------------------------------------------------------------------------
		WordPress Calendar Widget
	---------------------------------------------------------------------------------------------------------		
*/

table#wp-calendar caption { color:#999; font-size:12px; }
table#wp-calendar th { padding:8px; color:#AAA; }
table#wp-calendar td { padding:10px; color:#666; background-color:#fff; border:1px solid #ccc; text-align:center; }
table#wp-calendar td:hover { background-color:#fff; color:#666; cursor:pointer; }
table#wp-calendar td:hover a { cursor:pointer;  }
table#wp-calendar a {
	color: #5882a6;
	text-decoration: none;
}

table#wp-calendar a:hover {
	text-decoration: none
}

table#wp-calendar td#today,table#wp-calendar td#today a { background-color:#fff;  }
table#wp-calendar td#prev a, table#wp-calendar td#next a {
	 color: #333;
}

table#wp-calendar td#today {
	background-color: #999;
	text-decoration: none;
	color: #FFF
}
table#wp-calendar td#prev a:hover, table#wp-calendar td#next a:hover{ }
table#wp-calendar td#prev:hover, table#wp-calendar td#next:hover{ background-color:#eee; }


/*
	---------------------------------------------------------------------------------------------------------
		WordPress Core
	---------------------------------------------------------------------------------------------------------		
*/

.gallery-caption { }
.bypostauthor 	 { }
.sticky 		 { }
.wp-caption		 { }
.wp-caption-text { } 
strong, b {
font-weight: bold;
}
em {
   font-style: italic;
}


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


/*
	styles
*/


.italic { font-style:italic; }
.bold { font-weight: bold; }

blockquote {
	font-style: italic;
	 clear: right;
	 color:#7e7e7e;
	 padding: 10px;
	 quotes: "\201C" "\201D";
 }

blockquote:before	{ content: open-quote; font-weight: bold; font-size: 32px }
blockquote:after 	{ content: close-quote; font-weight: bold; font-size: 32px  }

code, pre {
	border-left: 2px solid #aaa;
	color:#333;
    display: block;
    font-size: 11px;
    line-height: 20px;
	padding:10px;
	margin-bottom: 15px;	
	white-space: pre-wrap;
	word-break:break-all;
}

.margin-top-10 { margin-top:10px; }
.margin-15 { margin-bottom: 15px; }
.margin-r15 { margin-right:15px; }

.highlight { padding: 1px 4px; color:#fff; background-color: #252525; }
.highlight.pink { background:#bd1e7b; }
.highlight.green { background:#668508; }
.highlight.red { background:#ef2d2d; }
.highlight.orange { background:#ff6600; }
.highlight.blue { background:#308aef; }
.highlight.yellow { background:#cb7a0b; }
.highlight.custom { background:#5882a6; }

p.dropcap:first-letter  {
    color: #333;
    display: block;
    float: left;
    font-size: 32px;
    line-height: 25px;
	margin: 3px 10px 4px 0;
}

p.dropcap.pink:first-letter   { color:#bd1e7b; }
p.dropcap.green:first-letter   { color:#668508; } 
p.dropcap.red:first-letter    { color:#ef2d2d; } 
p.dropcap.orangev:first-letter { color:#ff6600; } 
p.dropcap.blue:first-letter   { color:#308aef; } 
p.dropcap.yellow:first-letter { color:#cb7a0b; }
p.dropcap.custom:first-letter { color:#5882a6; }

.dropcap-circle:first-letter { 
	border-radius: 600px;
	background: #333; 
	color:#fff; 
	padding:16px 17px;; 
	font-size: 22px;    
	display: block;
    float: left;
    line-height: 20px;
	margin: 10px 10px 5px 0;
    text-align: center; 
}

.dropcap-circle.pink:first-letter   { background:#bd1e7b; }
.dropcap-circle.green:first-letter  { background:#668508; }
.dropcap-circle.red:first-letter    { background:#ef2d2d; }
.dropcap-circle.orangev:first-letter { background:#ff6600; }
.dropcap-circle.blue:first-letter   { background:#308aef; }
.dropcap-circle.yellow:first-letter { background:#cb7a0b; }
.dropcap-circle.custom:first-letter { background:#5882a6; }

/* align paragraphs */
p.text-left { text-align: left }
p.text-right { text-align: right }
p.text-center { text-align: center }
p.text-justify { text-align: justify }

/* 
   ---------------------------------------------------------------------------------------------------------
	Tables
   ---------------------------------------------------------------------------------------------------------		
*/

table.tablesorter {
	font-family:Arial, Helvetica, sans-serif;
	background-color: #f9f9f9;
	margin:10px 0pt 30px;
	font-size: 12px;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #f9f9f9;
	border: 1px solid #E6E5E5;
	font-size: 12px;
	font-weight:bold;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url('../images/ts-arrows.gif');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	padding: 4px;
	background-color: #fafafa;
	vertical-align: top;
	border: 1px solid #E6E5E5
}
table.tablesorter tbody tr.odd td {
	background-color:#333333;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url('../images/asc.gif');
}
table.tablesorter thead tr .headerSortDown {
	background-image: url('../images/desc.gif');
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #ededed;
}

/*
	Error Page
*/

.error-page-title {
	font-size: 120px; color: #FFF; font-weight: bold; line-height: 120px; text-align: center
}	

.error-page-text {
	font-size: 32px; text-align: center; line-height: 32px; margin-bottom: 45px;
}


/*
-------------------------------------------------------------------------------------------
	Three Block For Home Page
-------------------------------------------------------------------------------------------	
*/

.ca-menu{
    padding:0;
    margin:20px auto;
    width: 980px;
}
.ca-menu li{
	border-top: 1px solid #ddd;
    width: 326px;
    height: 270px;
    overflow: hidden;
    position: relative;
    float:left;
   background: #f9f9f9; 
    background: -moz-linear-gradient(left, #ffffff 0%, #f6f6f6 47%, #ffffff 100%); 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ffffff)); 
    background: -webkit-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ffffff 100%); 
    background: -o-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ffffff 100%); 
    background: -ms-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ffffff 100%); 
    background: linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ffffff 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); 
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2); 
    margin-right: 1px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-menu li:last-child{
    margin-right: 0px;
}
.ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.ca-icon-1, .ca-icon-2, .ca-icon-3 {
    font-size: 40px;
    color: #bbb;
    text-shadow: 1px 0px 1px rgba(255,255,255,0.8);
    line-height: 60px;
    position: absolute;
    width: 100%;
    height: 20%;
    left: 0px;
    top: 20px;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ca-icon-1 {
	background: url(images/icons/customize.png) center center no-repeat;
}
.ca-icon-2 {
	background: url(images/icons/generator.png) center center no-repeat;
}
.ca-icon-3 {
	background: url(images/icons/unlimcolors.png) center center no-repeat;
}
	
.ca-content{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 50%;
    top: 35%;
}

.ca-content .small-1px {
	margin:0 auto; margin-bottom: 15px;
}
.ca-main{
    font-size: 13px;
    color: #555;
    margin-bottom: 10px;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ca-sub{
    text-align:center;
    font-size: 12px;
    padding: 0 15px;
    color: #777;
    font-weight: normal;
    line-height: 18px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ca-menu li:hover{
    background:#5882a6;
}
.ca-menu li:hover .small-1px {
	background-color: #FFF
}
.ca-menu li:hover .ca-icon-1, .ca-menu li:hover .ca-icon-2, .ca-menu li:hover .ca-icon-3{
    color: #fff;
    font-size: 50px;
    -webkit-animation: moveFromLeft 400ms ease;
    -moz-animation: moveFromLeft 400ms ease;
    -ms-animation: moveFromLeft 400ms ease;
}

.ca-menu li:hover .ca-icon-1 {
	background: url(images/icons/customize-white.png) center center no-repeat;
}
	
.ca-menu li:hover .ca-icon-2 {
	background: url(images/icons/generator-white.png) center center no-repeat;
}

.ca-menu li:hover .ca-icon-3 {
	background: url(images/icons/unlimcolors-white.png) center center no-repeat;
}

.ca-menu li:hover .ca-main{
    color: #fff;
    -webkit-animation: moveFromRight 300ms ease;
    -moz-animation: moveFromRight 300ms ease;
    -ms-animation: moveFromRight 300ms ease;
}
.ca-menu li:hover .ca-sub{
    color: #fff;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}

@-webkit-keyframes moveFromLeft{
    from {
        -webkit-transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes moveFromLeft{
    from {
        -moz-transform: translateX(-100%);
    }
    to {
        -moz-transform: translateX(0%);
    }
}
@-ms-keyframes moveFromLeft{
    from {
        -ms-transform: translateX(-100%);
    }
    to {
        -ms-transform: translateX(0%);
    }
}

@-webkit-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
    }
    to {
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes moveFromRight {
    from {
        -moz-transform: translateX(100%);
    }
    to {
        -moz-transform: translateX(0%);
    }
}
@-ms-keyframes moveFromRight {
    from {
        -ms-transform: translateX(100%);
    }
    to {
        -ms-transform: translateX(0%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}