@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(http://bravomedia.co.uk/newsite/php/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 !important;margin-right: 0 !important;padding-right: 0 !important;}
html {
	background: #839db8;
	font-size: 100%;
}
body {
	position: relative;
	/* background: transparent url(http://bravomedia.co.uk/newsite/php/images/bg-orelha.jpg) no-repeat right bottom; */
	background: #e7ebf0 url(http://bravomedia.co.uk/newsite/php/images/bg.jpg) repeat-x left bottom;
	font-family: Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	text-align: center;
	font-size: 0.75em;
	height: 100%;
}


/***********
 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: auto;
	background:#fff url(http://bravomedia.co.uk/newsite/php/images/bg-geral.jpg) repeat-x left top;
}
#header {
	padding: 0 10px 0 80px;
}
#footer {
	overflow: hidden;
	text-align: left;
	position: relative;
	width: 982px;
	height: 88px;
	background: transparent url(http://bravomedia.co.uk/newsite/php/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 1em/2.5em 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 1em 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(http://bravomedia.co.uk/newsite/php/images/icon-en.jpg) no-repeat left top;}
.ac-lang-pt {background: transparent url(http://bravomedia.co.uk/newsite/php/images/icon-pt.jpg) no-repeat left top;}
.ac-lang-es {background: transparent url(http://bravomedia.co.uk/newsite/php/images/icon-es.jpg) no-repeat left top;}


.en .ac-lang-en {background: transparent url(http://bravomedia.co.uk/newsite/php/images/icon-en-on.jpg) no-repeat left top;}
.pt .ac-lang-pt {background: transparent url(http://bravomedia.co.uk/newsite/php/images/icon-pt-on.jpg) no-repeat left top;}
.es .ac-lang-es {background: transparent url(http://bravomedia.co.uk/newsite/php/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(http://bravomedia.co.uk/newsite/php/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{background: transparent url(http://bravomedia.co.uk/newsite/php/images/bravo-media.jpg) no-repeat left top;}

#nav {
	width: 611px;
	float:right;
	height:50px;
	background: transparent url(http://bravomedia.co.uk/newsite/php/images/bg-nav.jpg) no-repeat left bottom;
	text-align: center;
	padding: 0 2px;
	margin-top: 15px;
}
#nav li {
	float:left;
	font: normal 1.083em 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(http://bravomedia.co.uk/newsite/php/images/line.jpg) no-repeat right 26px;	 */
}
#nav li a{
	font: normal 1em 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(http://bravomedia.co.uk/newsite/php/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(http://bravomedia.co.uk/newsite/php/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(http://bravomedia.co.uk/newsite/php/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(http://bravomedia.co.uk/newsite/php/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(http://bravomedia.co.uk/newsite/php/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(http://bravomedia.co.uk/newsite/php/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: 530px;
	height: 290px;
	margin-top:15px;
	float:right;
	background: transparent url(http://bravomedia.co.uk/newsite/php/images/lastj.jpg) no-repeat left top;
}




/***********
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 1.167em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: middle;
	color:#474747;
	background: transparent url(http://bravomedia.co.uk/newsite/php/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(http://bravomedia.co.uk/newsite/php/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 0.917em/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(http://bravomedia.co.uk/newsite/php/images/bg-sec-contact.jpg) no-repeat left top;
	height: 157px;
	padding: 10px 10px 0 10px;
}
.sec-contact p {
	color:#6b6b6b;
	font: normal 0.917em/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 1.167em/1.4em Helvetica, Arial, 'trebuchet ms', verdana, sans-serif;
}
.sec-contact ul li a, .sec-contact2 ul li a{
	color:#206e87;
	font: normal 0.917em/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(http://bravomedia.co.uk/newsite/php/images/icon-email.gif) no-repeat left center;}
.sec-contact li.tel, .sec-contact2 li.tel {background: transparent url(http://bravomedia.co.uk/newsite/php/images/icon-cel.gif) no-repeat left center;}
.sec-contact li.skype, .sec-contact2 li.skype {background: transparent url(http://bravomedia.co.uk/newsite/php/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 1.083em  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(http://bravomedia.co.uk/newsite/php/images/bts.png) no-repeat left top;
	text-decoration: none;
}
.sec-contact .contact-nav li a, .sec-contact2 .contact-nav li a{
	font: normal 1.083em 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(http://bravomedia.co.uk/newsite/php/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 1.167em/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 0.917em/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	margin: 0.3em 0 0.5em 0;
}
.sec-coffee p {
	color:#6b6b6b;
	font: normal 0.917em/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(http://bravomedia.co.uk/newsite/php/images/icon-news.jpg) no-repeat left 10px;
	padding-left: 70px;
}
.sec-news label {
	color:#6b6b6b;
	font: normal 0.917em/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 0.917em/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	color:#6b6b6b;
	margin-top: 10px;
	float:left;
}
#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 1em/1em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	vertical-align: middle;
	color:#fff;
	background: transparent url(http://bravomedia.co.uk/newsite/php/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 0.917em/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 1.167em/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(http://bravomedia.co.uk/newsite/php/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(http://bravomedia.co.uk/newsite/php/images/icon-wedid.jpg) no-repeat left top;}
.sec-whochose p {background: transparent url(http://bravomedia.co.uk/newsite/php/images/icon-whochose.jpg) no-repeat left top;}
.sec-coffee p {background: transparent url(http://bravomedia.co.uk/newsite/php/images/icon-coffee.jpg) no-repeat left top;}
.sec-request p {background: transparent url(http://bravomedia.co.uk/newsite/php/images/icon-request.jpg) no-repeat left top;}
.sec-brochure p {background: transparent url(http://bravomedia.co.uk/newsite/php/images/icon-adobe.jpg) no-repeat left top;}
.sec-outsourcing p {background: transparent url(http://bravomedia.co.uk/newsite/php/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 0.917em/1.1em   Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: top;
	padding: 0 5px;
}
.footer-nav li a{
	font: normal 1em/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 0.917em/1em   Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: top;
	color:#fff;
}
#footer small a{
	font: normal 1em/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 1.917em  Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	color:#595858;
	vertical-align: middle;
}
h2 img{vertical-align: middle;}
.brdc {
	color:#595858;
	font: normal 0.75em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	display: block;
	height: 100%;
}
.brdc a{
	color:#595858;
	font: normal 1em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	text-decoration: underline;
}

.lista-01 li{
	list-style: outside url(http://bravomedia.co.uk/newsite/php/images/seta.gif);
	color:#6b6b6b;
	font: normal 0.917em/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.917em/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 1em/2.5em Helvetica, Arial, 'trebuchet ms', verdana, sans-serif;
}
.contact-info ul li a{
	color:#206e87;
	font: normal 0.917em/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(http://bravomedia.co.uk/newsite/php/images/icon-address.jpg) no-repeat 10px center;height: 44px;line-height: 1.2em;}
.contact-info ul li.email {background: transparent url(http://bravomedia.co.uk/newsite/php/images/icon-email.gif) no-repeat left center;}
.contact-info ul li.tel {background: transparent url(http://bravomedia.co.uk/newsite/php/images/icon-cel.gif) no-repeat left center;}
.contact-info ul li.blogger {background: transparent url(http://bravomedia.co.uk/newsite/php/images/icon-blogger-small.jpg) no-repeat 12px center;line-height: 26px;}
.contact-info ul li.skype {background: transparent url(http://bravomedia.co.uk/newsite/php/images/icon-skype-small.jpg) no-repeat 12px 2px;height: 30px;line-height: 1.2em;}
.contact-info ul li.jg {background: transparent url(http://bravomedia.co.uk/newsite/php/images/icon-jg-small.jpg) no-repeat 12px center;line-height: 20px;}
.contact-info ul li.twitter {background: transparent url(http://bravomedia.co.uk/newsite/php/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(http://bravomedia.co.uk/newsite/php/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 1.083em 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 1.083em 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(http://bravomedia.co.uk/newsite/php/images/nav-aba-on.png) no-repeat right top;
	color:#1a8a9e;
}
.contact-sub-nav li.request-quote.on {background: transparent url(http://bravomedia.co.uk/newsite/php/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(http://bravomedia.co.uk/newsite/php/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(http://bravomedia.co.uk/newsite/php/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 0.917em/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 0.917em/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	color:#6b6b6b;
}
.contact-area form select {
	height: 18px;
	width: 218px;
	font: normal 0.917em/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	color:#6b6b6b;
	background: #fff url(http://bravomedia.co.uk/newsite/php/images/bg-input.jpg) no-repeat left top;
	border:1px solid #eee;
}
.contact-area form textarea {
	height: 130px;
	width: 210px;
	padding: 4px;
	font: normal 0.917em/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 1em/1em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	vertical-align: middle;
	color:#fff;
	background: transparent url(http://bravomedia.co.uk/newsite/php/images/bt-send.png) no-repeat left top;
	cursor: pointer;
}


a.attach {
	margin:0;
	padding:0;
	font: normal 1.083em  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(http://bravomedia.co.uk/newsite/php/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 1.083em  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(http://bravomedia.co.uk/newsite/php/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.917em/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	margin: 0.5em 15px 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 1.167em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: middle;
	color:#1a8a9e;
	margin:0.5em 15px 1em;
}

.bt-action {
	font: normal 1.083em 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(http://bravomedia.co.uk/newsite/php/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 1.167em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: middle;
	color:#1a8a9e;
	margin:0.5em 0 1em;
	clear:both;
}
.services-content h4{
	font: bolder  1.083em 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.917em/1.2em Arial, 'trebuchet ms', verdana, Helvetica, sans-serif;
	margin: 0.5em 0 1em;
	clear:both;
}
.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.917em/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: 500px;
	height: 100%;
	overflow: hidden;
	font: normal 0.917em/1em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
}

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

.service-list {
	width: 323px;
	height: 100%;
	float:right;
	overflow: hidden;
	font: normal 0.917em/1em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
}
.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.917em/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 1.167em/1.4em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: middle;
	color:#6b6b6b;
	padding-top:14px;
}
.service-list dd, .service-homelist dd{
	font: normal 0.917em/1em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: middle;
	color:#6b6b6b;
}
.service-list dl a:hover, .service-homelist dl a:hover{color:#1a8a9e;}
.icon-socialmedia {
	background: transparent url(http://bravomedia.co.uk/newsite/php/images/icon-socialmedia.jpg) no-repeat left top;
	padding: 0 0 0 50px;
}
.icon-commerce {
	background: transparent url(http://bravomedia.co.uk/newsite/php/images/icon-commerce.jpg) no-repeat left top;
	padding: 0 0 0 50px;
}
.icon-webdesign {
	background: transparent url(http://bravomedia.co.uk/newsite/php/images/icon-webdesign.jpg) no-repeat left top;
	padding: 0 0 0 50px;
}
.icon-development {
	background: transparent url(http://bravomedia.co.uk/newsite/php/images/icon-development.jpg) no-repeat left top;
	padding: 0 0 0 50px;
}
.icon-flash {
	background: transparent url(http://bravomedia.co.uk/newsite/php/images/icon-flash.jpg) no-repeat left top;
	padding: 0 0 0 50px;
}
.icon-seo {
	background: transparent url(http://bravomedia.co.uk/newsite/php/images/icon-seo.jpg) no-repeat left top;
	padding: 0 0 0 50px;
}

.seo-content {
	background: transparent url(http://bravomedia.co.uk/newsite/php/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 1.167em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: middle;
	color:#1a8a9e;
	margin:0.5em 0 1em;
}
.about-content p{
	color:#6b6b6b;
	font: normal 0.917em/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 0.917em/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 0.917em/1em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	padding-top: 170px;
}

.portfolio-content  {
	padding: 10px;

}
.portfolio-content h3{
	font: bolder 1.167em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: middle;
	color:#1a8a9e;
	margin:0.5em 0 1em;
}
.portfolio-content p{
	color:#6b6b6b;
	font: normal 1em/1.3em 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;}

.showcase {position: relative; margin: 20px 0;}
.presentation {position: relative; top: 60px; margin-bottom: 60px; width: 794px; margin: 0 auto; background: url(../images/showcase-middle.png) center repeat-y;}
.presentation-bottom {position: relative; padding-bottom: 40px; background: url(../images/showcase-bottom.png) center bottom no-repeat;}
.presentation-top {padding-top: 30px; background: url(../images/showcase-top.png) center top no-repeat; text-align: center;}
a.zoom {display: block; position: absolute; right: 14px; bottom: 0; overflow: hidden; width: 85px; height: 38px; text-indent: -500px; outline: none;}

.slider {position: absolute; top: 0; left: 66px; z-index: 5; overflow: hidden; width: 785px; height: 86px; margin: 0 auto;}
.slider ul {position: absolute; left: 0; top: 6px; margin: 0; padding: 0; list-style: none;}
.slider li {position: relative; z-index: 1; float: left; width: 137px; height: 75px; margin: 0 -7px 0 0;}
.slider li a, .slider li a:visited {display: block; float: left; width: 137px; height: 75px; background: url(../images/slider-img-back.png) no-repeat; line-height: 75px; text-align: center;}
.slider li a img {position: absolute; left: 2px; z-index: 2; margin: 7px 6px;}
.slider li img.back {display: none; position: absolute; z-index: 1; width: 100%; height: 100%; margin: 0;}

.slider li.selected a, .slider.selected li a:visited {background: none;  outline: none;}
.slider li.selected a img, .slider.selected li a:visited img {position: absolute; left: 2px; z-index: 2;}
.slider li.selected img.back {display: block; position: absolute; z-index: 1; margin: 0;}

p.slider-controls {position: absolute; top: 13px; left: 33px; z-index: 2; width: 850px; height: 59px; margin: 0 auto; }
a.slide-forward, a.slide-forward:visited {display: block; float: right; overflow: hidden; width: 34px; height: 59px; background: url(../images/slider-arrows.png) 100% 0 no-repeat; text-indent: -500px; outline: none;}
a.slide-forward:hover {background-position: 100% -59px;}
a.slide-forward:active {background-position: 100% -118px;}
a.slide-back, a.slide-back:visited {display: block; float: left; overflow: hidden; width: 34px; height: 59px; background: url(../images/slider-arrows.png) 0 0 no-repeat; text-indent: -500px; outline: none;}
a.slide-back:hover {background-position: 0 -59px;}
a.slide-back:active {background-position: 0 -118px;}

ul.project-descr {position: relative; left: 100px; top: 40px; width: 500px; margin-bottom: 20px;}
ul.project-descr li {margin: 0; padding: 0;}
ul.project-descr li h3 {margin: 0; font-weight: 400;}

.secret {position: absolute; width: 1px; height: 1px; overflow: hidden; visibility: hidden;}

.overlay {display: none; position: absolute; left: 0; top: 0; z-index: 50; width: 100%; height: 100%; background: #000; opacity: 0.31; filter: alpha(opacity=31);}
.modal {display: none; position: absolute; left: 50%; top: 110px; z-index: 51; margin-left: -338px; padding-top: 25px;}
.modal a.close, .modal a.close:visited {position: absolute; top: 0; right: 10px; z-index: 1; overflow: hidden; width: 82px; height: 52px; background: url(../images/modal-close.png) no-repeat; text-indent: -500px; outline: none;}

.modal-img-wrapper {min-height: 200px; padding: 0; background: #fff url(../images/modal-gradient.png) top repeat-x; text-align: center;}
.modal-img-wrapper .loader {display: none; width: 200px; height: 200px; margin: 50px auto; background: url(../images/loader.gif) center center no-repeat;}

.modal-nw {position: relative; z-index: 5; float: left; width: 25px; padding-top: 25px; background: url(../images/modal-nw.png) left top no-repeat;}
.modal-w {background: url(../images/modal-w.png) left repeat-y;}
.modal-w-shadow {width: 25px; height: 227px; background: url(../images/modal-gradient-w.png) right top no-repeat;}

.modal-ne {position: relative; z-index: 5; float: right; width: 25px; padding-top: 25px; background: url(../images/modal-ne.png) right top no-repeat;}
.modal-e {background: url(../images/modal-e.png) right repeat-y;}
.modal-e-shadow {width: 25px; height: 227px; background: url(../images/modal-gradient-e.png) left top no-repeat;}

.modal-top {float: left; position:relative; z-index: 4; height: 25px; padding-top: 25px; background: url(../images/modal-n.png) top repeat-x;}

.modal-bottom {clear: both; margin: 0; padding: 0; height: auto; overflow: hidden;}
.modal-bottom-top {margin: 0 25px; padding: 20px 0 0 0; background: url(../images/modal-bottom-top.png) left top repeat-x;}
.modal-bottom-bottom {margin: 0; padding: 0; background: url(../images/modal-bottom-bottom.png) left bottom repeat-x;}
.modal-bottom-middle {margin: 0; padding: 0; background: #f6f6f6;}
.modal-bottom-nw {position: relative; float: left; width: 25px; padding-top: 20px; background: url(../images/modal-bottom-nw.png) left top no-repeat;}
.modal-bottom-sw {padding-bottom: 15px; background: url(../images/modal-bottom-sw.png) left bottom no-repeat;}
.modal-bottom-w {background: url(../images/modal-bottom-w.png) left top repeat-y;}
.modal-bottom-ne {position: relative; float: right; width: 25px; padding-top: 20px; background: url(../images/modal-bottom-ne.png) left top no-repeat;}
.modal-bottom-se {padding-bottom: 15px; background: url(../images/modal-bottom-se.png) left bottom no-repeat;}
.modal-bottom-e {background: url(../images/modal-bottom-e.png) left top repeat-y;}

.modal-bottom ul {float: right; margin: 0; padding: 0; list-style: none;}
.modal-bottom li {float: left; margin: 0; padding: 0; font-weight: 700; font-size: 1.3em;}
.modal-bottom li a, .modal-bottom li a:visited {margin: 0; padding: 0 3px; color: #6B6B6B; text-decoration: none;}
.modal-bottom li a:hover, .modal-bottom li a.current, .modal-bottom li a.current:visited {color: #397285;}
.modal-bottom-middle p {margin: 0; padding: 0 20px 0 0; color: #6B6B6B; font-size: 0.917em; line-height: 1.2em; text-align: left; }
.modal-bottom p strong {color: #467B8D; font-size: 1.2em; font-weight: 400;}

.modal a.next, .modal a.next:visited {display: block; position: absolute; right: 7px; top: 150px; overflow: hidden; width: 36px; height: 98px; margin: 0; background: url(../images/modal-next-prev.png) 100% 0 no-repeat; text-indent: -500px; outline: none;}
.modal a.next:hover {background-position: 100% -98px;}
.modal a.next:active {background-position: 100% -196px;}
.modal a.prev, .modal a.prev:visited {display: block; position: absolute; left: 7px; top: 150px; overflow: hidden; width: 36px; height: 98px; margin: 0; background: url(../images/modal-next-prev.png) 0 0 no-repeat; text-indent: -500px; outline: none;}
.modal a.prev:hover {background-position: 0 -98px;}
.modal a.prev:active {background-position: 0 -196px;}
div.ac-bar * {font-size: 12px;}



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

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

.clients-list {
	width: 520px;
	height: 100%;
	float:left;
	overflow: hidden;
	font: normal 0.917em/1em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	padding-top:38px;
}
.clients-list ul{
	width: 423px;
	margin: 0 auto;
	height: 100%;
	border-top: 1px solid #e8e7e7;
	border-left:1px solid #e8e7e7;
}
.clients-list ul li{
	float:left;
	width: 210px;
	height:101px;
	border-bottom: 1px solid #e8e7e7;
	border-right:1px solid #e8e7e7;
}
.clients-content  {
	width: 410px;
	float:right;
	height: 100%;
	overflow: hidden;
}
.clients-content h3 {
	font: normal 1.083em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	vertical-align: middle;
	color:#474747;
	background: transparent url(http://bravomedia.co.uk/newsite/php/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 1em/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 1em/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 1em/1em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	color:#585858;
	height:143px;
	padding:0 30px;
	background: #fdfdfd url(http://bravomedia.co.uk/newsite/php/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(http://bravomedia.co.uk/newsite/php/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 1em/1em Arial, Helvetica, 'trebuchet ms', verdana, sans-serif;
	color:#585858;
}
.portfolio_image_link{display:inline; float:left; margin-top:20px; margin-left:20px;}