/*  
Theme Name: REMUNERAR
Theme URI: http://www.evision.art.br
Description: Website desenvolvido para REMUNERAR
Author: eVision Studios
Author URI: http://www.evision.art.br
License: GNU General Public License
License URI: license.txt
Tags: one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-menu, editor-style, theme-options, translation-ready
*/



/* Generated by Font Squirrel (http://www.fontsquirrel.com)*/
@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu-R-webfont.eot');
    src: url('fonts/Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Ubuntu-R-webfont.woff') format('woff'),
         url('fonts/Ubuntu-R-webfont.ttf') format('truetype'),
         url('fonts/Ubuntu-R-webfont.svg#Ubuntu-R-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuBold';
    src: url('fonts/Ubuntu-B-webfont.eot');
    src: url('fonts/Ubuntu-B-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Ubuntu-B-webfont.woff') format('woff'),
         url('fonts/Ubuntu-B-webfont.ttf') format('truetype'),
         url('fonts/Ubuntu-B-webfont.svg#Ubuntu-B-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
a img {
	border: none;
}

*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}

#divBg{position:absolute; z-index:10; width:200; left:0; height:100; clip:rect(0,10,10,0)}
#divMenu{position:absolute; left:15; top:6; font-weight:bold}
#divArrowLeft{position:absolute; width:20; height:20; left:0; top:9}
#divArrowRight{position:absolute; width:20; height:20; top:9}


/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
#imagemsubmenu {heigth:16px;background:url(images/base.png) #ffffff no-repeat;}
.imagemsubmenu {heigth:16px;background:url(images/base.png)  #ffffff no-repeat;}

#lasteventimg {width:150px;overflow-x:scroll;overflow-y:hidden;}
.lasteventimg  ul {list-style:none; display:block;white-space:nowrap;}
.lasteventimg li {width: 100px;display:inline;}


body {
	font-family:Arial, Verdana;
	font-size:13px;
	margin:0 auto;
	padding:0;
	color:#666666;
	line-height:20px;
	background:#eaeaea;
}

/* links */
a, a:visited{text-decoration:none; color:#aaa;}
.colortext, .colortext:visited{color:#E31A22}
a:hover{text-decoration:bold;size:16px;}
a img{border:none}




/* heading */
h1, h2, h3{margin-bottom:20px;}
h4, h5, h6{margin-bottom:10px;}
h1 {font-size:26px; line-height:28px;}
h2 {font-size:18px; line-height:20px;}
h3 {font-size:16px; line-height:20px;}
h4 {font-size:15px; line-height:18px;}
h5{font-size:14px; line-height:16px;}
h6 {font-size:13px; line-height:15px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-family:'Ubuntu',  Arial; color:#252525}
.title_with_pattern{ background:url(images/pattern_title.gif) repeat-x left center}
.title_with_pattern span{ background:#fff; padding:0 10px 0 0}
.pagetitle{font-size:18px; line-height:20px; margin-bottom:35px; padding:0; background:none;}
.pagetitle span{ background:#fff; padding:0 25px 0 0}
.pagetitle, .pagetitle a, .pagetitle a:visited{color:#252525;}
.pagetitle a:hover{text-decoration:none;}

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear, .clr {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

/* Text elements */
hr {
	border-width:0;
	height:1px;
	line-height:0;
	margin:30px 0px !important;
	page-break-after:always;
	text-align:center;
	width:100%;
	clear:both;
	color:#e9e9e9;
	background-color:#e9e9e9;
	background-repeat:repeat-x
}

p {
	margin-bottom:20px;
}

body p:last-child{margin-bottom:0;}

ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 2.2em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}

blockquote, .quote {
	margin:0px 0 20px 0px;
	padding:0px 10px 0px 50px;
	background-image:url(images/quote.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	clear:both;
	font-style:italic;
	font-size:16px;
	line-height:22px;	}
	
blockquote p{ margin:0px;}
blockquote div{}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}

code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:solid 4px #ebebeb;
	padding:15px 10px;
}

pre {
	border-left:solid 4px #ebebeb;
	line-height: 18px;
	margin-bottom: 18px;
	padding:20px;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}


/* CONTAINER
-------------------------------------------------------------- */
#outer-container{
	width:100%;
}
#container{
	width:1020px;
	margin:0px auto;
	padding:0 0 0 0;
}
#top{height:128px; background:#fff}
#header{height:301px; clear:both; background:#fff}
#content{clear:both; padding:0 0; background:#fff; }
#content.innerpage{margin:0px 0 0 0}
#main{padding:40px 40px}
#content.innerpage #main{padding:30px 40px 40px 40px;}
#maincontent{width:650px; padding-right:20px; float:left}
#maincontent.positionright{float:right; padding:0 0 0 20px}
#sidebar{width:220px; padding-left:20px; float:left;}
#sidebar.positionleft{padding:0 20px 0 0;}
#footer{background:#252525; color:#aaa}




/* TOP AREA & MENU
-------------------------------------------------------------- */
#logo{float:left; height:63px; margin-left:15px;margin-top:25px;}
#logo h1{ font-size:40px; line-height:42px; margin-bottom:0}
#logo h1 a, #logo h1 a:visited{color:#252525;}
#logo h1 a:hover{text-decoration:none;}
#logo h1{margin:20px 0 0 35px; font-weight:bold}
#logo .desc{margin-left:35px;}


#nav{position:relative;	z-index:100; float:right; margin:45px 28px 0 0;}

#topnav{
	margin:0;
	padding:0;
	list-style-type:none;
	overflow:visible;
	position:relative;
	float:left;
	font-size:13px;
	font-family:'Ubuntu',  Arial;
  }
.sf-menu a {
	text-decoration:none!important;
	display:		block;
	position:		relative;
	padding: 		0 12px 0 12px !important;
	text-decoration:none;
	font-weight:normal;
	text-transform:uppercase;
	color:#9a9a9f;

}
.sf-menu li.sfHover a:hover{color:#252525;}

#topnav ul li a{color:#8B1016;}
#topnav li a:hover,
#topnav .current_page_item > a, #topnav  .current_page_item > a:hover,
#topnav .current_page_parent > a, #topnav .current_page_parent > a:hover,
#topnav .current-menu-parent > a, #topnav .current-menu-parent > a:hover,
#topnav .current-menu-item > a, #topnav .current-menu-item > a:hover
{color:#252525;}


/* Drop down menu */
.sf-menu ul a:hover {}
.sf-menu li li {
	text-align:left;
	line-height:20px;
	margin:0;
}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-size:13px;
	
}
.sf-menu {
	line-height:100%;
	position:absolute;
	right:0;
	bottom:0;
	float:left;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			27em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	margin:0;
}

.sf-menu li li{margin:0px 0px;}


.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			-2px;
	top:			2.6em; /* 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:			-1px;
	margin-left:	0px;
}
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:			-1px;
	
}
.sf-menu ul li a{
	padding:8px 0px 8px 20px!important;
	text-transform:capitalize;
}

.sf-menu ul li a:hover{}
.sf-menu li ul {
	padding:0px;
}
.sf-menu a.sf-with-ul {
	padding-right: 	0px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			10px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}

.sf-menu li li, .sf-menu li li:hover, .sf-menu li li.sfHover{background:#fcfcfc; text-transform:capitalize;color:#9a9a9f;}
.sf-menu li li:hover{background:#f3f3f3}
li.sfHover ul li:first-child a{background-image:url(images/arrow_menu.gif); background-repeat:no-repeat; background-position:30px 0px; margin-top:-8px; padding-top:16px !important}

.sf-menu ul{border:solid 1px #e1e1e1;}
.sf-with-ul{}
.sf-menu li li {border-bottom:solid 1px #e1e1e1;}
.sf-menu li li:last-child{ border-bottom:0}


/* HEADER AND SLIDER
-------------------------------------------------------------- */
#slider_container{
	height:301px;
	position:relative;
	overflow:hidden;


}
#slider{list-style-type:none; margin:0; padding:30px 0 0 0; width:1020px; height:301px;}
#slider li{margin:0; padding:0; width:1020px; height:301px; position:relative}
#slider a,slider a:hover{color:#E31A22;}
.slidertext{ background:url(images/opacity.png) repeat; width:auto; padding:13px 20px 25px 20px; color:#ffffff; font-size:16px; position:absolute; top:0px; left:680px; z-index:30; width:250px;height:300px}
.slidertext h1, .slidertext h1 a, .slidertext h1 a:visited, slidertext a{color:#ffffff;}

#slideprev, #slidenext{width:23px; height:23px; position:absolute; z-index:22; cursor:pointer; padding:0px !important}
#slideprev{background:#252525 url(images/slideprev.png) no-repeat center; bottom:20px; right:20px}
#slidenext{background:#252525 url(images/slidenext.png) no-repeat center; bottom:53px; right:20px}
#slideprev:hover, #slidenext:hover{background-color:#E31A22;}



/* CONTENT
-------------------------------------------------------------- */
.menu_box{list-style-type:none; margin:0; padding:0; font-family:'Ubuntu', Arial; }
.menu_box li {float:left; width:165px; height:65px; margin-right:11px; margin-left:0px; border:solid 1px #f5f5f5; text-align:left;padding:8px 5px; background:url(images/arrow2.png) no-repeat 15px 15px}
.menu_box li.last, .menu_box > li:last-child{width:70x;}
.menu_box a span{ display:block; padding:20px 0 0 0}
.menu_box a, .menu_box a:visited {display:block; color:#666666; font-size:13px; text-transform:none;}	
.menu_box li .more{background:#ffffff; background-repeat:no-repeat; width:16px; height:15px; padding:0; margin-top:10px; float:right }
.menu_box a:hover{text-decoration:none;}
.menu_box li:hover, .menu_box li.current{background:#E31A22 url(images/arrow.png) no-repeat 15px 15px; border:solid 1px #E31A22;}
.menu_box li:hover a, .menu_box li:hover a:visited, .menu_box li.current a, .menu_box li.current a:visited{color:#fff;}
.menu_box li:hover .more, .menu_box li.current .more{background:#ffffff; background-repeat:no-repeat;}



.menu_box2{list-style-type:none; margin:0; padding:0; font-family:'Ubuntu', Arial; }
.menu_box2 li {float:left; padding:8px 15px; }
.menu_box2 li.last, .menu_box2 > li:last-child{width:68px;}
.menu_box2 a span{ display:block; padding:20px 0 0 0}
.menu_box2 a, .menu_box2 a:visited {display:block; color:#252525; font-size:14px; text-transform:uppercase}	
.menu_box2 li .more{background: padding:0; margin-top:10px; float:right }
.menu_box2 a:hover{text-decoration:none;}
.menu_box2 li:hover, .menu_box2 li.current{ border:solid 0px #E31A22;}
.menu_box2 li:hover a, .menu_box2 li:hover a:visited, .menu_box li.current a, .menu_box li.current a:visited{color:#fff;}
.menu_box2 li:hover .more, .menu_box2 li.current .more{background:none;}






/* form & button */
form{margin:0; padding:0;}
input[type="text"],
textarea {
	border:0;
	margin:4px 4px 8px 0px; 
	padding:8px; 
	vertical-align:middle; 
	font-size:11px;
	background:#cccccc;
	color:#999;
}
textarea:focus{outline:0;}

#main-footer input[type="text"],
#main-footer textarea {
	background:#1a1a1a;
}

.button, .button:visited, input[type="submit"]{
	border:0;
	background:#555;
	color:#ebebeb;
	font-family:"Ubuntu", Arial;
	padding:7px; 
}

.button:hover, input[type="submit"]:hover{
	text-decoration:none;
	color:#252525;
	background:#E31A22;
}

#sidebar #searchform input[type="text"]{width:95%; padding:10px 8px}


/* Separator */
.separator {
	display:block;
	padding:15px 0;
	text-align:center;
	width:100%;
	clear:both;
}

.separator.line {
	display:block;
	text-align:center;
	width:100%;
	clear:both;
	padding:30px 0;
	margin:0 0 20px 0 !important;
	background:url(images/hr.gif) repeat-x left center
}


/* Column Layouts */
.one_half, .one_third, .two_third, 
.three_fourth, .one_fourth, .one_fifth, 
.two_fifth, .three_fifth, .four_fifth, 
.one_sixth, .five_sixth{margin-right: 2%; margin-left:2%; position:relative; float:left;}

.one_half									{ width:48%; }
.one_third									{ width:30.6666%;}
.one_fourth								{ width:22%; }
.one_fifth									{ width: 16.8%;}
.one_sixth 								{ width: 13.3333%;}

.two_third									{ width: 65.3332%;}
.two_fourth 								{ width: 48%;}
.two_fifth 									{ width: 37.6%;}
.two_sixth 								{ width: 30.6666%;}

.three_fourth							{ width:74%;}
.three_fifth 								{ width: 58.4%;}
.three_sixth 								{ width: 47.9998%;}

.four_fifth 								{ width: 79.2%;}
.four_sixth 								{ width: 65.3332%;}

.five_sixth 								{ width: 82.6665%;}
.firstcols										{ margin-left:0px !important; }
.last, .lastcols							{ margin-right:0px !important; clear:right; }


/* Tables */
table {border-collapse:separate;border-spacing:0;width:100%; margin-bottom:18px;}
table,td,th { text-align:center;}
th{padding:10px;text-transform:uppercase; background:#E31A22; border-bottom: 0px solid #ebebeb;}
td{padding:10px;}
tfoot td{border:0px;}
th,tr:hover{}
table {
	border: 0px solid #ebebeb;
	border-bottom:0;
	text-align: left;
	margin: 0 -1px 24px 0;
	width: 100%;
}
tr th,
thead th {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
tr td {
	border-bottom: 0px solid #ebebeb;
	padding: 6px 24px;
}
tr.odd td {
	background: #F2F7FC;
}



/* CONTACT */
.wpcf7 p{margin-bottom:10px;}
.wpcf7 label{display:block; width:80px; float:left;}
.wpcf7 input[type="text"]{
	margin-bottom:6px;
	font-size:11px;
}
.wpcf7 textarea{
	margin-bottom:7px;
	padding:8px 5px;
	font-size:11px;
	width:90%
}

/* BLOG STYLE
-------------------------------------------------------------- */
.sticky{
	background: #f1f0eb;
	border-top: 4px solid #edecea;
	padding: 0px;
}
.post{padding:0 0 0 0; margin:0 0 50px 0}
.posttitle, .posttitle a, .posttitle a:hover, .posttitle a:visited{ text-decoration:none; color:#252525}
.postimg{float:left; width:300px; height:210px; overflow:hidden; position:relative}
.postimg img{max-width:100%;}
.postimg .posttag{
	display:block;
	background:#E31A22;
	opacity:0.9;
	position:absolute;
	z-index:11;
	top:20px;
	left:0px;
	font-size:16px;
	padding:10px 20px;
	text-align:center;
	color:#252525
}

.entry-content{padding:0 0 0 0; clear:both;}
#postblog.entry-content{background:#f7f7f7;}
.posttext{overflow:hidden; padding:20px 25px 20px 25px}
.postdate, .postcat, .postcat a, .postcat a:visited .postcomment, .postcomment a, .postcomment a:visited{color:#858585;}
/*.postcat a, .postcat a:visited{background:#dcdcdc; color:#555; padding:3px 6px;}
.postcat a:hover{background:#E31A22; text-decoration:none}*/
.post .button{float:right; padding:4px 12px 6px 12px}
.entry-utility{background:#D1D1D1; margin-top:5px; padding:6px 25px; text-align:right}
.entry-utility a, .entry-utility a:visited{color:#555;}
.entry-utility .avatar{vertical-align:middle; padding:0 !important}

#singlepost .post{margin-bottom:50px; padding-bottom:0}
#singlepost .postimg{ float:none; width:auto; height:auto}

#searchresult .posttitle{margin:0; font-size:15px}
#searchresult .entry-content{padding:5px 0px 10px 0;}
#searchresult .hentry{margin-bottom:10px; padding:10px 0 0 0}



/* author */
h2.title-author{ font-size:16px}
#entry-author-info {
	clear: both;
	padding:10px;
	margin-bottom:30px;
	position:relative;
	border:solid 1px #edecea;
	background:#E31A22;
}
#entry-author-info #author-avatar {
	margin: 0 0 0 0;
	position:absolute;
	top:10px;
}
.avatar{padding:5px !important}
#entry-author-info #author-description {
	margin: 0 0 10px 85px; vertical-align:top;
}
#entry-author-info #author-description  h2{font-size:15px; margin-bottom:0}
#author-description span.author{ font-weight:bold; display:block}

/* attachment pages wordpress */

.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}


/* images content */
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 3px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-top: 5px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignnone,
img.alignnone {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
}
img.alignleft, 
img.alignright, 
img.aligncenter,
img.alignnone {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 11px;
}
#content .wp-smiley {
	margin:0;
}
#content .gallery {
	margin: auto;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: left;
	
}
#content .gallery img {
	border: 5px solid #ffffff;
}
#content .gallery .gallery-caption {
	color: #888;
	font-size: 11px;
	margin: 0 0 12px;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 15px solid #ffffff;
}
#content .gallery br+br {
	display: none;
}
.tag-links{padding:10px 0; display:block}


/* navigation  */
.navigation {

	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	text-decoration: none;
	color:#666
}
.navigation a:active,
.navigation a:hover {
}
.nav-previous {
	float: left;
	font-size:13px;
	font-family:"Ubuntu", Arial;

}
.nav-next {
	float: right;
	text-align: right;
	font-size:13px;
	font-family:"Ubuntu", Arial;
}

.nav-previous a, .nav-previous a:visited, .nav-next a, .nav-next a:visited{
	background:#555;
	color:#ebebeb  !important;
	padding:4px 12px;
	display:block
}
.nav-previous a:hover, .nav-next a:hover{
	color:#252525  !important;
	background:#E31A22;
}


#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: 20px 0 10px 0;
}


/* Comments */
#comments{
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title{
	line-height:24px;
	padding:0px 0px;
	margin:0 0 20px 0;
	font-size:18px;

}

h3#reply-title {
	line-height:24px;
	margin:0 0 15px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
	margin-bottom:0px;
}
.commentlist li.comment {
	margin: 0 0 0px 0px;
	padding: 0 0 10px 0px;
	position: relative !important;
}
.commentlist li.comment ul.children{margin:0 0 0 0; margin-left:13%; padding:0px 0 0 0;}
.commentlist li.comment ul.children li{border-bottom:0 !important; margin:0; padding:0}
#comments .comment-body ul,#comments .comment-body ol {
	margin-bottom: 0;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	padding:0px;
	background-color:transparent;
}
.comment-body cite {
	font-size:14px;
	line-height:14px;
	font-style:normal;
}
.comment-body cite  a, .comment-body cite  a:visited{color:#8c8c8c;}
.comment-body cite  a:hover{text-decoration:none}
.comment-author .says {	font-style: normal;}
.comment-meta {	font-size: 11px;	margin: 0 0 18px 0;}
.comment-meta a:link,
.comment-meta a:visited {
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {}
.commentlist .bypostauthor {}
.reply {
	padding: 0 0 0px 0px;
	font-size:10px;
	 
}
.reply a.comment-reply-link{padding-right:12px; color:#555}
.edit-link{float:right;}
a.comment-edit-link {
	color:#555;
}
a.comment-edit-link:hover {
	text-decoration:none
}
.commentlist .children {
	list-style: none;
}
.commentlist .children li {}
.nopassword, .nocomments {display: none;}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	display: block;
	font-size: 11px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 12px;
}
.con-comment{padding:0 0 0 0}
.commentlist .comment-author{ float:left; margin-top:0px;}
.commentlist .comment-body{width:auto; margin-bottom:20px !important; margin-left:80px; padding:20px; background:#f7f7f7}
.commentlist .comment-body .time{display:block;}
.commenttext{overflow:hidden; margin:10px 20px 0 0}
.commentlist .comment-body p{margin-bottom:20px !important}
.commentlist ul.children .comment-author{}
.commentlist ul.children .comment-body{}
*+html .commentlist .comment-body{margin-top:-15px}
.comment-body .time{margin-bottom:11px; font-size:10px; }
.comment-body .time a, .comment-body .time a:visited{color:#878787;}
.comment-body .boldtext{font-weight:normal; font-size:22px}

/* Comments form */
#commentform{padding:0; }
#commentform label{margin-top:0px; padding:5px 0; display:inline-block;}
#commentform .required{}
#commentform code{padding:0; margin:10px 0; border:0}

#commentform input[type=text]{ 
	margin-bottom:3px;
	padding:8px 5px;
	vertical-align:middle;
	width:50%;
	font-size:12px;
	font-family:arial;
	display:block;
	page-break-after:always
	
	}

#commentform textarea{ 
	height:150px;
	width:450px;
	margin-bottom:12px;
	padding:8px 5px;
	vertical-align:top;
	font-size:12px;
	font-family:arial;
	display:block;
	}
	
#respond .comment-reply{
	font-size: 20px;
	line-height:24px;
	padding:0px 0px;
	margin:0 0 10px 0;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 0px 0 0;
}
.cancel-comment-reply{ font-size:12px;}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
	padding:0;
}
#cancel-comment-reply-link {
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
}
#respond label {
}
#respond input {
}
#respond textarea {
}
#respond .form-allowed-tags {
}
#respond .form-allowed-tags code {
}
#respond .form-submit {
	margin: 12px 0;
	clear:both;
}
#respond .form-submit input {
}

.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment{}
.comment-form-comment{ width:100%;}
.form-submit{ clear:both;}

/* Calendar */
.widget_calendar #wp-calendar {
	width: 98%;
	text-align:left;
	border: 0px !important;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
	padding:3px !important;
	border: 0px !important;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 800;
	padding: 5px 0 3px 0 !important;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	font-weight: bold;
	padding:3px !important
}
.widget_calendar #wp-calendar tfoot td {
}
#today{font-weight:bold}

/* SIDEBAR */
.widget-title{
	font-weight:normal;
	font-size:18px;
	padding:0 0 8px 0;
	margin-bottom:18px !important;
	
}
#sidebar .widget-title .title-bg{background:#fff; padding:0 18px 0 0}

#sidebar ul{
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0;
	
}
#sidebar ul li{
	list-style-type:none;
	margin:0;
	padding:0;
}
#sidebar .widget-container{margin-bottom:40px;}
#sidebar li li{
	list-style-type:none;
	margin:0 0 5px 0;
	padding:0 0 4px 0;
}

#sidebar li li a{ color:#555; padding:3px 6px !important; background:#f5f5f5; display:inline-block}
#sidebar li li a:hover{color:#ffffff;text-decoration:none; background:#E31A22;}

#sidebar .latestpost li{clear:left; padding:0 0 12px 0; margin-bottom:12px;}
#sidebar .latestpost li h2 a, #sidebar .latestpost li h2 a:visited{font-weight:bold;}
#sidebar .latestpost li a{ background:transparent; padding:0 !important; display:inherit !important}
#sidebar .latestpost li a:hover, #sidebar .latestpost li h2 a:hover{ background:transparent !important}
.lp-date{display:block; color:#b2b2b2; margin-bottom:5px}


#sidebar ul.sub-menu, #sidebar ul.children{margin:9px 0 0 15px; }
#sidebar ul.sub-menu li, #sidebar ul.children li{margin-bottom:5px; background:url(images/list-default.png)  2px 4px no-repeat; padding-bottom:4px}
#sidebar ul.sub-menu li:last-child, #sidebar ul.children li:last-child{padding-bottom:0px; margin-bottom:0; border-bottom:0; }

ul.sn{list-style-type:none; margin:0 0 0 0; padding:0;} 
ul.sn li{list-style-type:none; margin:0; padding:0 2px 0 0 !important; display:inline; background:transparent !important} 
ul.sn li a{background:transparent !important; padding:0 !important}
ul.sn span{height:34px; width:34px; display:inline;display:inline-block}
.icon-img{background-position:0 0;}
.icon-img:hover{}
#sidebar ul.sn li a{padding:0 !important;}




/* PLUGIN
-------------------------------------------------------------- */

/* WP-PageNavi  Plugin  */
.wp-pagenavi {clear:both; padding:20px 0px 20px 0px;}
.wp-pagenavi a, .wp-pagenavi a:visited{
	padding:5px 8px !important;
	margin:0 5px 0 0 !important;
	background:#f7f7f7;
	border:solid 1px #eaeaea !important;
	color:#555 !important;
}

.wp-pagenavi a:hover{
	padding:5px 8px !important;
	margin:0 5px 0 0 !important;
	background:#f3f3f3;
	border:solid 1px #eaeaea !important
}
.wp-pagenavi .current{
	padding:5px 8px !important;
	margin:0 5px 0 0 !important;
	background:#f3f3f3;
	border:solid 1px #eaeaea !important
	}
.wp-pagenavi .pages{
	padding:5px 8px !important;
	margin:0 5px 0 0 !important;
	background:transparent;
	border:0 !important
}
/* Flickr Plugin  */
#flickr {text-align:left !important; padding:0}
#flickr img {
	margin:0 8px 3px 0px !important;
	padding:0px !important;
	width:69px;
	height:69px;
	border:0 !important;
}
.flickr_badge_image{ display:inline-block !important}
* html .flickr_badge_image, *+html .flickr_badge_image{display:inline !important}



/* SHORTCODE
-------------------------------------------------------------- */
/* Dropcaps */
.dropcap1{
	text-shadow:1px 1px 0 #666;
	display:block;
	float:left;
	font-size:35px;
	line-height:35px;
	margin:2px 8px 0 0;
}
.dropcap2{
	background: transparent url(images/dropcaps.png) top left no-repeat;
	display:block;
	float:left;
	font-size:30px;
	line-height:40px;
	width:40px;
	height:40px;
	text-align: center;
	margin:0 8px 0 0;
}
.dropcap3{
	background-color:#ebe9e9;
	display:block;
	float:left;
	font-size:25px;
	line-height:40px;
	width:40px;
	height:40px;
	text-align: center;
	margin:6px 8px 0 0;
}

/* Highlight */
.highlight1{padding:2px 5px; background-color:#f7f7f7; border:solid 1px #ebebeb}	
.highlight2{padding:2px 5px; background-color:#ebebeb;  border:solid 1px #f7f7f7}


/* Bulleted List */
.bullet-arrow ul{
	margin:0 0 0 0;
	padding:0;
	list-style-type:none;
}	
.bullet-arrow li{
	background: transparent url(images/list-default.png);
	background-repeat:no-repeat;
	background-position:0 6px;
	margin:0;
	padding:0 0 8px 25px;
	list-style-type:none;
	line-height:25px
}	

.bullet-check ul{
	margin:0 0 0 0;
	padding:0;
	list-style-type:none;
}	
.bullet-check li{
	background: transparent url(images/arrow_check.png);
	background-repeat:no-repeat;
	background-position:0 3px;
	margin:0;
	padding:0 0 8px 25px;
	list-style-type:none;
	line-height:25px
}	
.bullet-down ul{
	margin:0 0 0 0;
	padding:0;
	list-style-type:none;
}	
.bullet-down li{
	background: transparent url(images/arrow_down.png);
	background-repeat:no-repeat;
	background-position:0 3px;
	margin:0;
	padding:0 0 8px 25px;
	list-style-type:none;
	line-height:25px;
}	
.bullet-plus ul{
	margin:0 0 0 0;
	padding:0;
	list-style-type:none;
}	
.bullet-plus li{
	background: transparent url(images/arrow_plus.png);
	background-repeat:no-repeat;
	background-position:0 3px;
	margin:0;
	padding:0 0 8px 25px;
	list-style-type:none;
	line-height:25px;
}	
.bullet-cross ul{
	margin:0 0 0 0;
	padding:0;
	list-style-type:none;
}	
.bullet-cross li{
	background: transparent url(images/arrow_x.png);
	background-repeat:no-repeat;
	background-position:0px 3px;
	margin:0;
	padding:0 0 8px 25px;
	list-style-type:none;
	line-height:25px;
}	

/* Pullquotes */
.pullquote-right,.pullquote-left{
	padding:0px 10px 0px 50px;
	background-image:url(images/quote.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:right;
	font-style:italic;
	font-size:16px;
	letter-spacing:0px;
	line-height:22px;
	margin:0px 2px 20px 20px;
	width:50%;
	}
.pullquote-left{float:left;margin-left:2px;margin-right:20px;}

/* Tabs */
.tabcontainer{margin:20px 0px 0px 0px; }

ul.tabs {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	height: 30px;
	width: 100%;

}
ul.tabs li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	height: 29px;
	line-height: 31px;
	background: #f7f7f7;
	overflow: hidden;
	position: relative;
	font-size:11px;
	border:solid 1px #ebebeb;
	
}
ul.tabs li:hover{}
ul.tabs li a {
	text-decoration: none;
	color: #121212;
	display: block;
	padding: 0 25px;
	outline: none;
}
ul.tabs li a:hover {
	background: #fff;
	text-decoration:none;
}
ul.tabs	 li.active{}
html ul.tabs li.active, html ul.tabs li.active a:hover  {background: #fff; color:#454545;}
html ul.tabs li.active a{ color:#454545; }
#tab-body{
	background: #fff;
	border:solid 1px #ebebeb;
}
.tab-content {padding: 30px 25px; margin-top:0px;}

/* jQuery Toggle */
h2.trigger {
	padding: 10px 20px 14px 20px;
	margin: 0 0 1px 0;
	font-size:14px;
	font-weight: normal;
	background:#f7f7f7;
	border: 1px solid #ebebeb;
	font-family:Arial;
}
h2.trigger span {
	text-decoration: none;
	display: block;
	color:#555;
	height:9px;
	background: url(images/trigger.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:20px;
	cursor:pointer;
	line-height:12px;
}
h2.active{}
h2.active span{background-position:0px -9px !important;}
h2.trigger a:hover {
	color: #454545;
}
h2.active { background:transparent;}
.toggle_container {
	margin: 0 0 1px 0;
	padding: 20px 25px;
	overflow: hidden;
	clear: both;
	border: 1px solid #ebebeb;
}
.toggle_container .block {
	padding: 0px;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}

/*  TESTIMONIAL  */
.ts-testimonial{padding:0 0 30px 0; margin-bottom:20px; border-bottom:solid 1px #eaeaea}
.ts-testimonial blockquote{margin:0 0 10px 0; padding:0; line-height:28px; font-size:16px; quotes: "\201C" "\201D"; background:transparent}
.ts-testimonial blockquote p{margin:0;}
.ts-testimonial blockquote p:before {
	content: '"'; 
}
.ts-testimonial blockquote p:after {
	content: '"'; 
}
.testi-desc{margin:0; font-size:14px; color:#2a2a2a}
	
/* PORTFOLIO */
#ts-display-pf-col{list-style-type:none; padding:0; margin:0; }
#ts-display-pf-col li{width:220px;  float:left}
#ts-display-pf-col li.nomargin{margin-right:0;}
#ts-display-pf-col .ts-display-pf-img{	width:220px; height:170px;}

.ts-display-pf-img{
	width:220px;
	height:170px;
	position:relative;
	overflow: hidden !important;
	position: relative;
	background:#7a7b7d;
	font-family:'Ubuntu', Arial;
}


.ts-display-pf-img img {
	width: 220px;
	height: 170px;
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	z-index:10;
}


.ts-display-pf-img .pftag{
	display:block;
	background:#E31A22;
	opacity:0.9;
	position:absolute;
	z-index:11;
	top:20px;
	left:0px;
	font-size:16px;
	padding:10px 20px;
	text-align:center;
	color:#000000
}
.ts-display-pf-img .pftag a, .ts-display-pf-img .pftag a:visited, .ts-display-pf-img .pftag a:hover{color:#000000; text-decoration:none}
.caption_slide{text-align:center; color:#333; margin-top:70px}
.caption_slide.nopftag{ margin-top:45px}
.caption_slide h2{color:#333; margin:0 0 8px 0; font-size:14px;}
.caption_slide p{ margin:0 0 5px 0; font-size:14px}
.caption_slide a:hover{text-decoration:none;}



#filter{line-height:22px; list-style-type:none; padding:0; margin:0 0 30px 0; float:left }
#filter li{list-style-type:none; float:left; margin-right:10px}
#filter li a, #filter li a:visited{color:#555; background:#f5f5f5; padding:4px 12px}
#filter li a:hover, #filter li.selected-1 a{text-decoration:none; background:#ebebeb}

.image-grid {  width: 940px; float:left;}

.image-grid:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.image-grid li {
  width: 220px;
  margin: 0 20px 20px 0;
  float: left;
  height:170px;
  overflow: hidden;
}

.image-grid li.nomargin{margin-right:0 !important;}


/* shortcode portfolio */
#rp-container-left{width:460px; float:left; margin-right:20px;}
#rp-container-left .ts-display-pf-img{width:460px; height:360px;}
#rp-container-left .ts-display-pf-img img {
	width: 460px;
	height: 360px;
}
#rp-container-left .caption_slide{margin-top:150px;}
#rp-container-left .caption_slide h2{font-size:24px;}

#rp-container-right{width:460px; float:left}
#rp-container-right .ts-display-pf-img{float:left; margin-right:18px;}
#rp-container-right .ts-display-pf-img.nomargin{margin-right:0;}
#rp-container-right .separator{height:20px; padding:0}

/* slideshow and client info in single portfolio */
.clienturl{margin-top:-15px;}
#portfolio-gallery #frame-slider-portfolio{width:608px; height:408px; float:left; position:relative; margin-right:20px;}
#portfolio-gallery #frame-slider-portfolio img{ width:608px;}
#portfolio-gallery #frame-slider-portfolio #sliderportfolio{list-style-type:none; margin:0; padding:0; height:408px; }

#portfolio-gallery #frame-slider-portfolio #slide-nav{position:absolute;  bottom:-30px; z-index:30; width:100%; text-align:center;}
#portfolio-gallery #slide-nav a{
	background: url(images/but-slide.png) no-repeat scroll 50% 50%;
	display:inline;
	display:inline-block;
	zoom:1;
	font-size:0px;
	width:11px;
	height:11px;
	margin:3px;
	outline-style:none;
	outline-width:medium;
	padding:0px;
	cursor:pointer;
}
#portfolio-gallery #slide-nav .activeSlide {background: url(images/but-slide-selected.png) no-repeat scroll 0% 50%;}


/* Taxonomy Portfolio */
.ts-portfolio-text-content{margin-bottom:20px}
.ts-portfolio-text-content .alignleft{margin-bottom:0;}


/* FOOTER */
#main-footer{padding:40px;}
#main-footer p{margin-bottom:15px;}
.indenleft{overflow:hidden; }
#main-footer .footcol1, #main-footer .footcol2, #main-footer .footcol3, #main-footer .footcol4{float:left; width:220px; margin-right:20px}
#main-footer .footcol4{margin-right:0px;}
#main-footer ul{list-style-type:none; margin:0; padding:0;}
#main-footer li.widget-container{list-style-type:none; margin:0 0 30px 0 !important; padding:0;}
#main-footer li.widget-container:last-child{margin:0;}
#main-footer .widget-title{font-size:18px; line-height:22px; margin:0 !important; padding:0 !important; color:#d0d0d0; background:none ;}
#main-footer .widget-title .title-bg{background:#252525; padding:0 18px 0 0}
#main-footer .dotline{background:url(images/dotline.gif) repeat-x left center; height:40px; margin-bottom:10px; display:block; clear:both;}
#main-footer li li{padding:0 0 3px 0px; margin:0 0 3px 0;}
#main-footer li li:hover{background:url(images/square_hover.gif) no-repeat 0 8px;}
#main-footer li a{color:#aaa;}
#main-footer li a:hover{color:#b8b8b8; text-decoration:none}

#main-footer  ul.sub-menu, #main-footer  ul.children{margin:5px 0 0 10px; }
#main-footer  ul.sub-menu li, #main-footer  ul.children li{margin-bottom:0px; padding-bottom:5px}
#main-footer  ul.sub-menu li:last-child, #main-footer  ul.children li:last-child{padding-bottom:0px; margin-bottom:0; border-bottom:0; }