@charset "utf-8";
/* CSS Document */
/** zerando e padronizando as tags **/
* {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	text-decoration: none;
}
hr {display: none;}
h1, h2, h3, h4, h5, h6 {line-height:100%;vertical-align: top;}
input, textarea {background: #fff url(images/bg-input.jpg) no-repeat left top; border:1px solid #eee;} 
input:focus, textarea:focus {border-color:#2386a6;}
.imgleft {float:left;margin: 0 5px 5px 0;}
.imgright {float:right;margin: 0 5px 5px 0;}
.jfa,.jfa a {display: none !important;}
.nb {border: none ;margin-right: 0 ;padding-right: 0;}
html {
	background: #839db8;
}
body {
	/* background: transparent url(images/bg-orelha.jpg) no-repeat right bottom; */
	background: #e7ebf0 url(images/bg.jpg) repeat-x left bottom;
	font-family: Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	/*height: 100%; */
	text-align: center;
}


/***********
 corrigindo bug do firefox para o bloco pai contemplar os filhos
***********/
div:after, ol:after, form:after, dl:after, ul:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
/***********
 corrigindo bug do firefox para o bloco pai contemplar os filhos
***********/

#geral {
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	position: relative;
	width: 982px;
	height: 100%;
	background:#fff url(images/bg-geral.jpg) repeat-x left top;
	padding-bottom: 88px;
}
#header {
	padding: 0 10px 0 80px;
}
#footer {
	overflow: hidden;
	text-align: left;
	position: absolute;
	bottom: 0;
	left:0;
	width: 982px;
	height: 88px;
	background: transparent url(images/bg-footer.jpg) repeat-x left top;
}


/***********
 acessibilidade
***********/
.ac-bar {
	height: 35px;
	overflow: hidden;
	padding:0 10px;
}
.ac-ac {
	height: 30px;
	width:470px;
	float:left;
	padding-left: 355px;
}
.ac-ac li {
	display: inline;
	font: normal 12px/30px Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	vertical-align: middle;
	color:#959494;
	border-right: 1px solid #959494;
	padding: 0 5px;
	height:30px;
}
.ac-ac li a{
	font: normal 12px/100% Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	color:#959494;
}
.ac-ac .hc {color:#000;}
.ac-ac li a:hover {text-decoration: underline;}
.ac-ac li span {display:none;}
.ac-ac .email {color:#206e87;text-decoration: underline;}


.ac-lang {
	float:right;
	width:130px;
	height:30px;
}
.ac-lang li {
	float:left;
	width: 42px;
	height: 30px;
}
.ac-lang li a{
	display: block;
	width: 42px;
	height: 30px;
	text-indent: -999px;
	overflow: hidden;
	cursor: pointer;
}
.ac-lang-en {background: transparent url(images/icon-en-on.jpg) no-repeat left top;}
.ac-lang-pt {background: transparent url(images/icon-pt-on.jpg) no-repeat left top;}
.ac-lang-es {background: transparent url(images/icon-es.jpg) no-repeat left top;}


.en .ac-lang-en {background: transparent url(images/icon-en.jpg) no-repeat left top;}
.pt .ac-lang-pt {background: transparent url(images/icon-pt.jpg) no-repeat left top;}
.es .ac-lang-es {background: transparent url(images/icon-es-on.jpg) no-repeat left top;}





/***********
 elementos do topo
***********/
#header h1{
	width: 215px;
	height: 75px;
	float: left;
	overflow: hidden;
	cursor: pointer;
	margin: 0 0 0;
}
#header h1 a{
	width: 215px;
	height: 75px;
	display:block;
	overflow: hidden;
	text-indent: -99999px;
	background: transparent url(images/bravo-media-webdesign.jpg) no-repeat left top;
	cursor: pointer;
}

.about #header h1 a, .portfolio #header h1 a, .clients #header h1 a, .services #header h1 a, .outsourcing #header h1 a, .contact #header h1 a, .sitemap #header h1 a{background: transparent url(images/bravo-media.jpg) no-repeat left top;}

#nav {
	width: 611px;
	float:right;
	height:50px;
	background: transparent url(images/bg-nav.jpg) no-repeat left bottom;
	text-align: center;
	padding: 0 2px;
	margin-top: 15px;
}
#nav li {
	float:left;
	font: normal 13px Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	color:#474747;
	display: block;
	width:101px;
	height:28px;
	padding-top: 22px;
	text-align: center;
	background: transparent none;
	/*background: transparent url(images/line.jpg) no-repeat right 26px;	 */
}
#nav li a{
	font: normal 13px Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	color:#474747;	
}
#nav li a:hover {color:#1a8a9e;}
#nav .nb {background: none !important;}


/** on **/

.about #nav li.nav-01{background: transparent url(images/nav-aba-on.png) no-repeat right bottom;color:#1a8a9e;}
.about #nav li.nav-01 a{color:#1a8a9e;}

.portfolio #nav li.nav-02{background: transparent url(images/nav-aba-on.png) no-repeat right bottom;color:#1a8a9e;}
.portfolio #nav li.nav-02 a{color:#1a8a9e;}

.clients #nav li.nav-03{background: transparent url(images/nav-aba-on.png) no-repeat right bottom;color:#1a8a9e;}
.clients #nav li.nav-03 a{color:#1a8a9e;}

.outsourcing #nav li.nav-04{background: transparent url(images/nav-aba-on.png) no-repeat right bottom;color:#1a8a9e;}
.outsourcing #nav li.nav-04 a{color:#1a8a9e;}

.services #nav li.nav-05{background: transparent url(images/nav-aba-on.png) no-repeat right bottom;color:#1a8a9e;}
.services #nav li.nav-05 a{color:#1a8a9e;}

.contact #nav li.nav-06{background: transparent url(images/nav-aba-on.png) no-repeat right bottom;color:#1a8a9e;}
.contact #nav li.nav-06 a{color:#1a8a9e;}




/***********
last job section
***********/
.destaque {
	height: 305px;
	clear:both;
	position: relative;
}
.robot {
	position: relative;
	top: 0;
	left:20px;
	background: transparent;
	width: 293px;
	height: 251px;
	float:left;	
}
.lastj {
	width: 510px;
	height: 295px;
	margin-top:15px;
	float:right;
}
.lastj a {
	color:#6b6b6b;
	font: normal 11px/1.1em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
}
.lastj a span {
	color:#6b6b6b;
	font: normal 11px/1.1em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0 50px;
	width: 400px;
	display: block;
	height: auto;
}




/***********
who we are
***********/

.sec-who {
	width: 637px;
	height:205px;
	float:left;
	padding-left:10px;
	margin: 0 10px 10px 0;
}

.sec-who h3, .sec-contact h3{
	font: normal 14px   Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: middle;
	color:#474747;
	background: transparent url(images/nav-aba-on.png) no-repeat right top;
	width:101px;
	height:25px;
	padding-top: 11px;
	text-align: center;
	margin-left: 5px;
}
.sec-who h3 em, .sec-contact h3 em{color:#1a8a9e;font-style:normal;}

.sec-who div {
	border:1px solid #eee;
	background: #fff url(images/bg-sec-who.jpg) no-repeat left top;
	height: 167px;
	width: 425px;
	padding: 0 30px 0 180px;
	overflow: hidden;
}
.sec-who p {
	color:#6b6b6b;
	font: normal 11px/1.4em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	width:430px;
	margin: 1.5em 0;
}
.sec-who div p a {color:#1a8a9e;text-decoration: underline;}


.sec-contact {
	width: 313px;
	height:205px;
	float:left;
	margin: 0 10px 10px 0;
}
.sec-contact div {
	border:1px solid #eee;
	background: #fff url(images/bg-sec-contact.jpg) no-repeat left top;
	height: 157px;
	padding: 10px 10px 0 10px;
}
.sec-contact p {
	color:#6b6b6b;
	font: normal 11px/1.4em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	margin: 0.3em 0 0.5em 6px;
}
.sec-contact ul li, .sec-contact2 ul li {
	height: 28px;
	padding-left: 55px;
	margin: 0;
	color:#206e87;
	font: bolder 14px/1.4em Helvetica, Arial, 'trebuchet ms', verdana, sans-serif;
}
.sec-contact ul li a, .sec-contact2 ul li a{
	color:#206e87;
	font: normal 11px/1.4em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	text-decoration: underline;
}
.sec-contact ul li span, .sec-contact2 ul li span{display:none;}

.sec-contact li.email, .sec-contact2 li.email {background: transparent url(images/icon-email.gif) no-repeat left center;}
.sec-contact li.tel, .sec-contact2 li.tel {background: transparent url(images/icon-cel.gif) no-repeat left center;}
.sec-contact li.skype, .sec-contact2 li.skype {background: transparent url(images/icon-skype.gif) no-repeat left center;}

.sec-contact .contact-nav, .sec-contact2 .contact-nav {height:38px;width:240px;margin:0.2em auto;}
.sec-contact .contact-nav li, .sec-contact2 .contact-nav li {
	float:left;
	margin:0;
	padding:0;
	font: normal 13px  Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: top;
	color:#474747;
	display: block;
	width:119px;
	height:26px;
	padding-top: 12px;
	text-align: center;
	background: transparent url(images/bts.png) no-repeat left top;
	text-decoration: none;
}
.sec-contact .contact-nav li a, .sec-contact2 .contact-nav li a{
	font: normal 13px Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	text-decoration: none;
	color:#474747;
}
.sec-contact .contact-nav li a em, .sec-contact2 .contact-nav li a em{color:#1a8a9e;display:inline; font-style: normal;}
.sec-contact .contact-nav li a:hover, .sec-contact2 .contact-nav li a:hover {color:#1a8a9e;}

.sec-news, .sec-socmedia, .sec-tagcloud, .sec-wedid, .sec-whochose, .sec-coffee, .sec-request, .sec-brochure, .sec-outsourcing, .sec-contact2 {
	float:left;
	height: 155px;
	border:1px solid #eee;
	margin-right: 10px;
	position: relative;
	left:10px;
	background: #fff url(images/bg-secs.jpg) no-repeat right top;
	padding: 20px 10px 10px;
	overflow: hidden;
}
.sec-news {width: 291px;}
.sec-socmedia {width: 312px;padding: 20px 0px 10px;}
.sec-tagcloud {width: 291px;}

.sec-wedid {width: 312px;padding: 20px 0px 10px;clear:both;}
.sec-whochose {width: 312px;padding: 20px 0px 10px;}
.sec-coffee {width: 312px;padding: 20px 0px 10px;}
.sec-request {width: 312px;padding: 20px 0px 10px;margin-right:0;}
.clients .sec-request {width: 312px;padding: 20px 0px 10px;margin-right: 10px;}
.sec-brochure {width: 312px;padding: 20px 0px 10px;}
.sec-outsourcing {width: 312px;padding: 20px 0px 10px;margin-right:0;}
.sec-contact2 {width: 312px;padding: 20px 0px 10px;margin-right:0;}

.sec-news h3, .sec-socmedia h3, .sec-tagcloud h3,.sec-wedid h3, .sec-whochose h3, .sec-coffee h3, .sec-request h3, .sec-brochure h3, .sec-outsourcing h3, .sec-contact2 h3{
	font: normal 14px/100%   Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	color:#474747;
	margin-bottom: 0px;
}
.sec-socmedia h3, .sec-wedid h3, .sec-whochose h3, .sec-coffee h3, .sec-request h3, .sec-brochure h3, .sec-outsourcing h3, .sec-contact2 h3{margin-left: 10px;}
.sec-tagcloud h3 {margin-bottom: 10px;}

.sec-news p, .sec-socmedia p, .sec-tagcloud p, .sec-wedid p, .sec-whochose p, .sec-coffee p, .sec-request p, .sec-brochure p, .sec-outsourcing p, .sec-contact2 p {
	color:#6b6b6b;
	font: normal 11px/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	margin: 0.3em 0 0.5em 0;
}
.sec-coffee p {
	color:#6b6b6b;
	font: normal 11px/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	padding-top: 0.3em;
	margin: 0 0 0.5em 0;
}
.sec-news h3 em, .sec-socmedia h3 em, .sec-tagcloud h3 em,.sec-wedid h3 em, .sec-whochose h3 em, .sec-coffee h3 em, .sec-request h3 em, .sec-brochure h3 em, .sec-outsourcing h3 em, .sec-contact2 h3 em {color:#1a8a9e;font-style:normal;}

.sec-news form {
	background: transparent url(images/icon-news.jpg) no-repeat left 10px;
	padding-left: 70px;
}
.sec-news label {
	color:#6b6b6b;
	font: normal 11px/24px Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	display: block;
	clear:left;
	float: left;
	width:35px;
	height: 24px;
	margin-top: 10px;
	vertical-align: middle;
}
.sec-news input {
	height: 14px;
	width: 173px;
	padding: 4px;
	font: normal 11px/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	color:#6b6b6b;
	margin-top: 10px;
	float:left;
}
#sec-news submit {
	border:none;
	float:left;
	padding: 0 0 4px;
	height:31px;
	width:59px;
	font: bolder 12px/1em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	vertical-align: middle;
	color:#fff;
	background: transparent url(images/bt-send.png) no-repeat left top;
	cursor: pointer;
}
#news-email {
	float:left;
	margin-right: 3px;
	width: 110px;
}
#news-submit {
	border:none;
	float:left;
	padding: 0 0 4px;
	height:31px;
	width:59px;
	font: bolder 12px/1em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	vertical-align: middle;
	color:#fff;
	background: transparent url(images/bt-send.png) no-repeat left top;
	cursor: pointer;
}

.sec-socmedia dl {
	width: 140px;
	height: 55px;
	float:left;
	margin: 5px 0 10px 0;
	padding-left: 10px;
}
.sec-socmedia dt {
	float:left;
	width: 40px;
	margin: 5px 5px 5px 0;
	height: 100%;
}
.sec-socmedia dd {
	color:#6b6b6b;
	font: normal 11px/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	margin: 0.2em 0 0.2em;
}
.sec-socmedia dd a{color:#6b6b6b;}
.sec-socmedia dd a:hover {text-decoration: underline;}


.sec-tagcloud a {color:#176a84;padding:2px;font: normal 14px/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;}
.sec-tagcloud a:hover {
	color:#fff;
	background:#2286a6;
	padding:2px;
}

.sec-wedid p, .sec-whochose p, .sec-request p, .sec-coffee p, .sec-brochure p, .sec-outsourcing p {
	background: transparent url(images/icon-wedid.jpg) no-repeat left top;
	padding-left: 110px;
	margin: 20px 10px 10px 0;
}
.sec-contact2 p {
	padding-left: 45px;
	margin: 20px 10px 10px 0;
}
.sec-contact2 ul {padding-left: 40px;}

.sec-wedid p {background: transparent url(images/icon-wedid.jpg) no-repeat left top;}
.sec-whochose p {background: transparent url(images/icon-whochose.jpg) no-repeat left top;}
.sec-coffee p {background: transparent url(images/icon-coffee.jpg) no-repeat left top;}
.sec-request p {background: transparent url(images/icon-request.jpg) no-repeat left top;}
.sec-brochure p {background: transparent url(images/icon-adobe.jpg) no-repeat left top;}
.sec-outsourcing p {background: transparent url(images/icon-outsourcing.jpg) no-repeat left top;}












.footer-share {
	width:325px;
	height:100%;
	float:right;
	margin: 50px 0 0;
}

.footer-nav {
	width: 530px;
	float:left;
	height:16px;
	overflow: hidden;
	padding: 0 2px;
	margin: 50px 10px 0 45px;
}
.footer-nav li {
	height:12px;
	display: inline;
	border-right: 1px solid #fff;
	font: normal 10px/1.1em   Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: top;
	padding: 0 5px;
}
.footer-nav li a{
	font: normal 11px/1em   Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: top;
	color:#fff;
}
.footer-nav li a:hover {text-decoration: underline;}
.footer-nav .nb a {background: none !important;}

#footer small {
	width: 530px;
	float:left;
	display: block;
	height:16px;
	overflow: hidden;
	margin: 0 0 0 45px;
	padding: 0 7px;
	font: normal 11px/1em   Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: top;
	color:#fff;
}
#footer small a{
	font: normal 11px/1em   Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	color:#fff;
}
#footer small a:hover {text-decoration: underline;}





/**************
page flip peeling
**************/

.canva_flip {
	height: 140px;
	width: 140px;
	position: relative;
	overflow: hidden;
	float:right;
	margin-top: -140px;
}
#pageflip {
	position: absolute;
	right:0;
	bottom: 0;
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; bottom: 0;
}
#pageflip .msg_block {
	width: 60px; height: 50px;
	overflow: hidden;
	position: relative;
	right: 0; top: 0;
	background: url(subscribe.png) no-repeat right top;
	
}







/****

internas

*****/
#content {
	clear:both;
	padding: 10px 40px;
}
h2{
	font: normal 23px  Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	color:#595858;
	vertical-align: middle;
}
h2 img{vertical-align: middle;}
.brdc {
	color:#595858;
	font: normal 0.7em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	display: block;
	height: 100%;
}
.brdc a{
	color:#595858;
	text-decoration: underline;
}

.lista-01 li{
	list-style: outside url(images/seta.gif);
	color:#6b6b6b;
	font: normal 0.8em/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	margin: 0.5em 0 1em;
}
ol.lista-01 li{
	list-style: outside decimal;
	color:#6b6b6b;
	font: normal 0.8em/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	margin: 0.5em 0 1em;
}







/***** contact *****/
.contact-info {
	width: 323px;
	padding-left: 35px;
	float:left;
	overflow: hidden;
	margin-top:20px;
}

.contact-info ul {
	height:100%;
	width: 323px;
	margin-bottom:30px;
}
.contact-info ul li {
	height:30px;
	margin-bottom: 2px;
	padding-left: 45px;
	color:#595858;
	font: normal 12px/30px Helvetica, Arial, 'trebuchet ms', verdana, sans-serif;
}
.contact-info ul li a{
	color:#206e87;
	font: normal 11px/1.4em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	text-decoration: underline;
}
.contact-info ul li span{display:none;}


.contact-info ul li.address {background: transparent url(images/icon-address.jpg) no-repeat 10px center;height: 44px;line-height: 1.2em;}
.contact-info ul li.email {background: transparent url(images/icon-email.gif) no-repeat left center;}
.contact-info ul li.tel {background: transparent url(images/icon-cel.gif) no-repeat left center;}
.contact-info ul li.blogger {background: transparent url(images/icon-blogger-small.jpg) no-repeat 12px center;line-height: 26px;}
.contact-info ul li.skype {background: transparent url(images/icon-skype-small.jpg) no-repeat 12px 2px;height: 30px;line-height: 1.2em;}
.contact-info ul li.jg {background: transparent url(images/icon-jg-small.jpg) no-repeat 12px center;line-height: 20px;}
.contact-info ul li.twitter {background: transparent url(images/icon-twitter-small.jpg) no-repeat 12px center;line-height: 20px;}


.contact-sub {
	width: 510px;
	float:right;
	height: 100%;
	overflow: hidden;
}
.contact-sub-nav  {
	width: 434px;
	height:40px;
	background: transparent url(images/bg-contact-sub-nav.jpg) no-repeat left bottom;
	text-align: center;
	overflow: hidden;
	float:right;
}
.contact-sub-nav li {
	float:left;
	font: normal 13px Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	color:#474747;
	display: block;
	width:101px;
	height:25px;
	padding-top: 16px;
	text-align: center;
	background: transparent none no-repeat right 22px;	
}
.contact-sub-nav li.request-quote {width:126px;}

.contact-sub-nav li a{
	font: normal 13px Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	color:#474747;	
}
.contact-sub-nav li a:hover{color:#1a8a9e;}
.contact-sub-nav li.on{
	background: transparent url(images/nav-aba-on.png) no-repeat right top;
	color:#1a8a9e;
}
.contact-sub-nav li.request-quote.on {background: transparent url(images/nav-sub-aba-on.png) no-repeat right top;padding-left:0;}
.contact-sub-nav li.on a{color:#1a8a9e;}
.contact-sub-nav li a:hover {color:#1a8a9e;}
.contact-sub-nav .nb {background: none !important;}


.contact-area {
	background: #f6f6f6 url(images/bg-contact-area.jpg) no-repeat center top;
	border:1px solid #e8e8e8;
	height: 100%;
	padding: 15px 0 15px 15px;
	clear:both;
}
.contact-area-03 {
	background: #f6f6f6 url(images/bg-contact-area.jpg) no-repeat center top;
	border:1px solid #e8e8e8;
	height: 330px;
	padding: 0;
	clear:both;
}
.contact-area form {height:100%; position: relative;}
.contact-area form div {
	width: 232px;
	float:left;
	margin-right: 13px;
}
.contact-area form  label {
	color:#6b6b6b;
	font: normal 11px/24px Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	display: block;
	height: 24px;
	margin-top: 6px;
	vertical-align: middle;
}
.contact-area form input {
	height: 14px;
	width: 210px;
	padding: 4px;
	font: normal 11px/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	color:#6b6b6b;
}
.contact-area form select {
	height: 18px;
	width: 218px;
	font: normal 11px/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	color:#6b6b6b;
	background: #fff url(images/bg-input.jpg) no-repeat left top;
	border:1px solid #eee;
}
.contact-area form textarea {
	height: 130px;
	width: 210px;
	padding: 4px;
	font: normal 11px/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	color:#6b6b6b;
	margin-bottom: 46px;
}
#contact-01-submit, #contact-02-submit, #contact-04-submit {
	border:none;
	position: absolute;
	bottom: 0;
	right: 25px;
	padding: 0 0 4px;
	height:31px;
	width:59px;
	font: bolder 12px/1em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	vertical-align: middle;
	color:#fff;
	background: transparent url(images/bt-send.png) no-repeat left top;
	cursor: pointer;
}


a.attach {
	margin:0;
	padding:0;
	font: normal 13px  Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: top;
	color:#474747;
	display: block;
	width:119px;
	height:26px;
	padding-top: 12px;
	text-align: center;
	background: transparent url(images/bts.png) no-repeat left top;
	text-decoration: none;
}
a.attach:hover {color:#1a8a9e;}

.SI-FILES-STYLIZED label.contact-filename
{
	margin: 9px 0 0 0;
	padding:0;
	font: normal 13px  Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: top;
	color:#474747;
	display: block;
	width:119px;
	height:26px;
	overflow: hidden;
	padding-top: 12px;
	text-align: center;
	background: transparent url(images/bts.png) no-repeat left top;
	text-decoration: none;
	cursor: pointer;
}

.SI-FILES-STYLIZED label.contact-filename input.filename
{
	position: relative;
	height: 100%;
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	margin:0;
	padding:0;
	top:-22px !important;
	left:0 !important;
	cursor: pointer;
}



/****

outsourcing

*****/

.outsourcing .contact-info {float:right;}

.outsourcing-content  {
	width: 510px;
	float:left;
	height: 100%;
	overflow: hidden;
	padding-top:30px;
}
.outsourcing-content p{
	color:#6b6b6b;
	font: normal 0.8em/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	margin: 0.5em 0 1em;
}

.outsourcing-content p a{color:#1a8a9e;}
.outsourcing-content p a:hover {text-decoration: underline;}

.outsourcing-content ul, .outsourcing-content ol{
	/*border:1px solid #f1f1f1; */
	/*padding:15px 15px 20px 15px;*/
	padding:5px 15px 10px 15px;
	height:100%;
}
.outsourcing-content ul li, .outsourcing-content ol li {margin-left: 15px; }
.letsmeet {
	display: block;
	margin:-27px 0 20px 15px;
}
.outsourcing-content h3{
	font: bolder 1em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: middle;
	color:#1a8a9e;
	margin:1.5em 0 0.7em;
}

.bt-action {
	font: normal 13px Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: top;
	text-decoration: none;
	color:#1a8a9e;
	display: block;
	width:119px;
	height:26px;
	padding-top: 12px;
	text-align: center;
	background: transparent url(images/bts.png) no-repeat left top;
	position: absolute;
	right:40px;
	bottom: 10px;
}





.services-content  {
	width: 510px;
	float:left;
	height: 100%;
	overflow: hidden;
	padding: 15px 0 0 0;
}

.services-content h3{
	font: bolder 1em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: middle;
	color:#1a8a9e;
	margin:1.5em 0 0.7em;
	clear:both;
}
.services-content h4{
	font: bolder 1.2em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: middle;
	color:#595858;
	margin:0.3em 0 0;
}
.services-content p{
	color:#6b6b6b;
	font: normal 0.8em/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	margin: 0.5em 0 1em;
	clear:both;
}

.services-content p a{color:#1a8a9e;}
.services-content p a:hover {text-decoration: underline;}

.services-content object {margin-bottom: 20px;}
.services-content dl {
	width: 100%;
	height: 35px;
	margin: 15px 0 0;
	clear:both;
}
.services-content dt {
	float:left;
	width: 40px;
	margin: 5px 10px 5px 0;
	height: 100%;
}
.services-content dd {
	color:#6b6b6b;
	font: normal 0.8em/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	padding: 10px 0;
	width: 440px;
	float:right;
}
.services-content dd a{color:#6b6b6b;}
.services-content dd a:hover {text-decoration: underline;}

.service-homelist {
	width: 505px;
    overflow: hidden;
	font: normal 0.8/1em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
}

.services-content .service-homelist dl{
	height: 100%;
	width: 190px;
	margin-bottom:20px;
	float:left;
	margin-right: 10px;
	clear:none;
}

.service-list {
	width: 323px;
	height: 100%;
	float:right;
	overflow: hidden;
}
.service-list dl{
	height: 45px;
	width: 100%;
	margin-bottom:7px;
}
.services-content .service-homelist dt {width: 220px;float:none;margin:0;height:auto;}
.services-content .service-homelist dd {
	color:#6b6b6b;
	font: normal 0.8em/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	padding: 0;
	width: 190px;
	float:none;
}

.service-list dt a, .service-homelist dt a{
	font: bolder 14px/1.4em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: middle;
	color:#6b6b6b;
	padding-top:14px;
}
.service-list dl dd, .service-homelist dd {
	font: normal 0.8em/1em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	vertical-align: middle;
	color:#6b6b6b;
}



.service-homelist dd a{color:#1a8a9e;}
.service-homelist dd a:hover {text-decoration: underline;}


.service-list dl a:hover, .service-homelist dl a:hover{color:#1a8a9e;}
.icon-socialmedia {
	background: transparent url(images/icon-socialmedia.jpg) no-repeat left top;
	padding: 0 0 0 45px;
}
.icon-commerce {
	background: transparent url(images/icon-commerce.jpg) no-repeat left top;
	padding: 0 0 0 45px;
}
.icon-webdesign {
	background: transparent url(images/icon-webdesign.jpg) no-repeat left top;
	padding: 0 0 0 45px;
}
.icon-development {
	background: transparent url(images/icon-development.jpg) no-repeat left top;
	padding: 0 0 0 45px;
}
.icon-flash {
	background: transparent url(images/icon-flash.jpg) no-repeat left top;
	padding: 0 0 0 45px;
}
.icon-seo {
	background: transparent url(images/icon-seo.jpg) no-repeat left top;
	padding: 0 0 0 45px;
}
.icon-rich {
	background: transparent url(images/icon_rich.jpg) no-repeat left top;
	padding: 0 0 0 45px;
}

.icon-brochure {
	background: transparent url(images/icon_brochure.jpg) no-repeat left top;
	padding: 0 0 0 45px;
}


.seo-content {
	background: transparent url(images/bg-seo.jpg) no-repeat right 20px; 
	padding-right: 220px;
	height: 100%;
}
.seo-content h3 {margin: 0.2em 0 0;}

.flash-video {
	width: 240px;
	overflow: hidden;
	height: 100%;
	float:right;
	margin-left: 15px;
}
.flash-content {
	float:left;
	width: 255px;
	height: 100%;
	overflow: hidden;
}







/**************
About us
**************/
.about-content  {
	width: 520px;
	float:left;
	height: 100%;
	overflow: hidden;
	padding-left: 15px;
	padding-top:30px;
}
.about-content h3{
	font: bolder 1em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: middle;
	color:#1a8a9e;
	margin:1.5em 0 0.7em;
}
.about-content p{
	color:#6b6b6b;
	font: normal 0.8em/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	margin: 0.5em 0 1em;
}
.about-content p a{color:#1a8a9e;}
.about-content p a:hover {text-decoration: underline;}


.member-list {
	width: 520px;
	height: 100%;
	float:left;
	overflow: hidden;
	font: normal 11px/1em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	padding:5px 0 30px;
}
.suppliers {width: 259px;}
.suppliers ul {width: 258px;}
.member-list ul{
	width: 518px;
	margin: 0 auto;
	height: 100%;
	border-top: 1px solid #e8e7e7;
	border-left:1px solid #e8e7e7;
}
.member-list ul li{
	float:left;
	width: 128px;
	height:68px;
	border-bottom: 1px solid #e8e7e7;
	border-right:1px solid #e8e7e7;	
}



/**************
portfolio
**************/
.portfolio #content {padding: 10px 10px 10px 35px;}
.portfolio-list {
	width: 189px;
	height: 100%;
	float:left;
	overflow: hidden;
	font: normal 11px/1em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	padding-top: 170px;
}

.portfolio-content  {
	width: 745px;
	float:right;
	height: 100%;
	overflow: hidden;
}
.portfolio-content h3{
	font: bolder 1em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: middle;
	color:#1a8a9e;
	margin:1.5em 0 0.7em;
}
.portfolio-content p{
	color:#6b6b6b;
	font: normal 0.8em/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	margin: 0.5em 0 1em;
}
.portfolio-content p a{color:#1a8a9e;}
.portfolio-content p a:hover {text-decoration: underline;}





/**************
Clients
**************/

.clients #content {padding: 10px 10px 10px 40px;}

.clients-list {
	width: 520px;
	height: 100%;
	float:left;
	overflow: hidden;
	padding-top:38px;
}
.clients-list p{
	color:#6b6b6b;
	font: normal 0.8em/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	margin: 0.5em 0 1em;
	width:480px;
}
.clients-list p a{color:#1a8a9e;}
.clients-list p a:hover {text-decoration: underline;}

.clients-list ul{
	width: 468px;
	margin: 0;
	height: 100%;
	border-top: 1px solid #e8e7e7;
	border-left:1px solid #e8e7e7;
}
.clients-list ul li{
	float:left;
	width: 155px;
	height:68px;
	border-bottom: 1px solid #e8e7e7;
	border-right:1px solid #e8e7e7;	
}
.clients-content  {
	width: 410px;
	float:right;
	height: 100%;
	overflow: hidden;
	font: normal 11px/1em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
}
.clients-content h3 {
	font: normal 1.4em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: middle;
	color:#474747;
	background: transparent url(images/nav-aba-on.png) no-repeat right top;
	width:101px;
	height:25px;
	padding-top: 11px;
	text-align: center;
	margin-left: 310px;
}
.clients-content h3 em{color:#1a8a9e;font-style:normal;}

.testimonials {
	height: 100%;
	border-bottom: 1px solid #e8e7e7;
	*margin-bottom:10px;
}
.testimonials a.ui-accordion-header {
	display:block;
	border-top: 1px solid #e8e7e7;
	border-left: 1px solid #e8e7e7;
	border-right: 1px solid #e8e7e7;
	font: bolder 12px/1em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	color:#318eac;
	height:27px;
	padding:6px 30px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;

}
.testimonials a.ui-accordion-header em{display:block;height:auto;font: italic 12px/1.2em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;color:#585858;}

.testimonials div {
	display:block;
	border-left: 1px solid #e8e7e7;
	border-right: 1px solid #e8e7e7;
	font: normal 12px/1em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	color:#585858;
	height:143px;
	padding:0 30px;
	background: #fdfdfd url(images/bg-testimonials.jpg) no-repeat right -39px;
	overflow: hidden !important;
}
.ui-state-default {background: #f7f7f7;	border-bottom: 1px solid #fff;}
.ui-state-hover {background: #fff;}
.ui-state-active {background: #fff url(images/bg-testimonials.jpg) no-repeat right top;	border-bottom: none;}
.testimonials div blockquote {
	height: 110px;
	width: 255px;	
	padding: 10px 0 0 60px;
	font: normal 12px/1em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	color:#585858;
}





/**************
Sttemap
**************/
.sitemap-content  {
	width: 575px;
	float:left;
	height: 100%;
	overflow: hidden;
	padding-left: 15px;
	padding-top:30px;
	padding-bottom:30px;
	background: transparent url(images/bg-sitemap.jpg) no-repeat left bottom;
	margin-bottom:40px;
}
.sitemap-content ul {height: auto;}
.sitemap-content ul li {
	float:left;
	width: 95px;
}
.sitemap-content ul li a{
	font: bolder 0.8em/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	color:#585858;
	border-bottom: 1px solid #eeeeee;
	padding: 2px 0;
	display: block;
	height: 20px;
}
.sitemap-content ul li a:hover{color:#1a8a9e;}
.sitemap-content ul li ul {
	width: 95px;
	margin: 5px 0 0;
}
.sitemap-content ul li ul li{
	float:none;
	border-bottom: none;
}
.sitemap-content ul li ul li a{
	color:#1a8a9e;
	font: normal 0.75em/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	border-bottom: none;
	padding: 2px 0;
	display: block;
	height: auto;
}
.sitemap-content ul li ul li a:hover {
	text-decoration: underline;
	color:#1a8a9e;
	font: normal 0.75em/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
}

.sitemap-list {
	width: 275px;
	height: 100%;
	float:right;
	overflow: hidden;
	padding-top:30px;
}
.sitemap .sec-whochose {clear:both;}

.activate  {
	width: 800px;
	float:left;
	height: 100%;
	overflow: hidden;
	padding:0 0 0 145px;
	margin-bottom:40px;
}