/* --------------------------------------------------------------
    Default CSS styles for all common browsers
    Brothers in art
    http://www.brothersinart.net
---------------------------------------------------------------*/

/*  Base
---------------------------------------------------------------*/
body {
	font-size: 12px;
	line-height: 18px;
}
i, em {
	font-style: italic;
}
b, strong {
	font-weight: bold;
}
.right {
	float: right;
}
.left {
	float: left;
}
.image_left {
	float: left;
	margin: 0.5em 0.5em 0.5em 0;
}
p.center {
	text-align: center;
}
p.MsoNormal {
	font-family: 'Trebuchet MS', Verdana, 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 12px !important;
}
p.MsoNormal span {
	font-family: 'Trebuchet MS', Verdana, 'Helvetica Neue', Arial, sans-serif !important;
	font-size: 12px !important;
}
.blue{
	color: #47c3f3;
}
/*  Page Layout
---------------------------------------------------------------*/
#container {
	margin: 0 auto;
	width: 800px;
}
#header {
	width: 100%;
}
#content {
	background: #FFF;
	width: 100%;
}
#main {
	margin: 0;
	width: 100%;
}
#footer{
	clear: both;
	height: 50px;
	padding: 12px 0 0 0;
}
#main .onethird{
	width: 245px;
}
#main .onethirdMiddle{
	width: 245px;
	margin: 0 29px 0 0;
}
#main .twothird{
	width: 520px;
}
/*  Logo and Page Title
---------------------------------------------------------------*/
#header h1 {
	margin: 7px 0;
}
#logo{
	float: left;
	margin: 10px 0;
}
#logosubtext{
	margin: 20px 0 0 0;
	float: right;
}
.line{
	height: 3px;
	clear: both;
	width: 100%;
	background: url(/gfx/line.gif) repeat-x 0 50%;
	font-size: 2px;
}
.lineBlue{
	height: 3px;
	clear: both;
	width: 100%;
	background: url(/gfx/line_blue.gif) repeat-x 0 50%;
	font-size: 2px;
}

#headerAd{
	background-color: #47c3f3;
	width: 800px;
	height: 100px;
	margin: 6px 0 12px 0;
}
/*  Navigation
---------------------------------------------------------------*/
.menuContainer{
	background: url(/gfx/line.gif) repeat-x 0 0;
	height: 30px;
}
ul#nav {
	height: 20px;
	clear: both;
	margin: 10px 0 0 0;
}
ul#nav li {
	text-transform: uppercase;
	float: left;
	position: relative;
	font: bold 11px/18px 'Trebuchet MS', Verdana, 'Helvetica Neue', Arial, sans-serif;
	letter-spacing: 1px;
}
ul#nav li a {
	display: block;
	color: #999;
	padding: 0 10px 0 0;
	text-decoration: none;
}
ul#nav li a:hover {
	color: #00AEEF;
}
ul#nav li.active a {
	color: #47c3f3;
}
.languages{
	margin: 1.2em 0 0 0;
	float: right;
}
.languages a{
	display: block;
	line-height: 0;
	padding: 0;
	float: left;
	height: 12px;
	width: 17px;
	text-decoration: none;
	margin: 0 .2em 0 0;
}
.languages a.spanish					{background: url(/gfx/countries.gif) no-repeat 0 -12px;}
.languages a.brazilian				{background: url(/gfx/countries.gif) no-repeat 0 -24px;}
.languages a.chinese					{background: url(/gfx/countries.gif) no-repeat 0 -36px;}
.languages a.spanish:hover		{background: url(/gfx/countries.gif) no-repeat -17px -12px;}
.languages a.brazilian:hover	{background: url(/gfx/countries.gif) no-repeat -17px -24px;}
.languages a.chinese:hover		{background: url(/gfx/countries.gif) no-repeat -17px -36px;}
div#breadcrumb {
	margin: 0 0 12px 0;
	clear: both;
	background: url(/gfx/line.gif) repeat-x 0 25px;
	height: 27px;
}
div#breadcrumb a, div#breadcrumb span{
	font: bold 11px/16px 'Trebuchet MS', Verdana, 'Helvetica Neue', Arial, sans-serif;
	letter-spacing: 1px;
	float: left;
	display: block;
	color: #999;
	text-decoration: none;
	padding: 0 2px 6px 2px;
	text-decoration: none;
}
div#breadcrumb a.home{
	color: #cccaca;
}
div#breadcrumb ul li span{
	color: #cdcdcd;
}
div #breadcrumb ul li {
	float: left;
	position: relative;
}
div#breadcrumb a:hover {
	color: #00AEEF;
}
div#breadcrumb ul li.active a {
	background: #fff url(/gfx/line1.gif) repeat-y 0 0;
	color: #47c3f3;
	height: 20px;
	margin-right: 1px;
	padding: 0 4px 6px 4px;
}
div#breadcrumb ul li.active {	
	background: url(/gfx/line1.gif) repeat-y right 0;
}
/*  Main
---------------------------------------------------------------*/
/*  Base font size/line height and family */
#main {
	font: 12px/20px 'Trebuchet MS', Verdana, 'Helvetica Neue', Arial, sans-serif;
	color: #8E8A8A;
}
#main b, strong{

	color: #444;
}

#main h1 b			{	color: inherit;}
#main h1 strong	{	color: inherit;}
#main h2 b			{	color: inherit;}
#main h2 strong	{	color: inherit;}
#main h3 b			{	color: inherit;}
#main h3 strong	{	color: inherit;}

#main a {
	color: #47c3f3;
	text-decoration: none;
}
#main a:hover {
	color: #47c3f3;
}
#main a:focus {
	color: #47c3f3;
}
#main ol{
	list-style-type: decimal;
	margin: 0;  padding: 0px 0 10px 5px; 
}
#main ol li{
	list-style-position: inside;
	line-height: 20px;
	margin: 0; 
	padding: 0 0 0 10px; 
	letter-spacing: 1px;
}
#main ul{ 
	list-style: none;  
	margin: 0;  padding: 0px 0 10px 5px; 
}
#main ul li{ 
	background: url(/gfx/icon_bullet.gif) no-repeat 0 .7em;
	line-height: 20px;
	margin: 0; 
	padding: 0 0 0 10px; 
	letter-spacing: 1px;
}
#main h1 {
	color: #47c3f3;
	font: bold 14px/20px 'Trebuchet MS', Verdana, 'Helvetica Neue', Arial, sans-serif;
	letter-spacing: 1px;
}
#main h2 {
	color: #47c3f3;
	font: bold 12px/18px 'Trebuchet MS', Verdana, 'Helvetica Neue', Arial, sans-serif;
	letter-spacing: 1px;
}
#main h3 {
	font: bold 12px/18px 'Trebuchet MS', Verdana, 'Helvetica Neue', Arial, sans-serif;
	letter-spacing: 1px;
}
#main p {
	letter-spacing: 1px;
}
#main img.icon {
	vertical-align: middle;
	margin-top: -1px;
}
#main a.pdf{
	font-size: 12px;
	color: #999;
}
#main .bookmark{
	padding: 0.5em 0 0 0;
}
#main .sendafriend{
	font-size: 12px;
	color: #999;
	display: block;
	clear: both;
}
div.contactform div form {
	text-align: left;
}
#main .previous a{
	margin-top: 10px; 
	float: left;
	color: #999;
	background: url(/gfx/arrowback.gif) no-repeat 0 5px;
	padding: 0 0 0 18px;
}
#main .next a{
	margin-top: 10px;
	float: right;
	color: #999;
	background: url(/gfx/arrow.gif) no-repeat 100% 5px;
	padding: 0 18px 0 0;
}


/*  Main MultiplePages
---------------------------------------------------------------*/
#main #page-index{
	margin: 2em 0 0 0;
	padding: 0;
}
#main #page-index li{
	padding: 1.2em 0 .5em 0;
	background: url(/gfx/line.gif) repeat-x 0 100%;
}
#main #page-index li a{
	color: #666;
	font: 13px/20px 'Trebuchet MS', Verdana, 'Helvetica Neue', Arial, sans-serif;
	background: url(/gfx/arrow.gif) no-repeat 100% 50%;
	display: block;
	width: 245px;
}
#main #page-index li.active a{
	color: #47c3f3;
}

/*  home
---------------------------------------------------------------*/
.home .twothird{
	margin: 0.5em 0 0 0;
}
.home #flashContainer{
	margin: 1.3em 0 0 0;
}
.home #main .title{
	background: url(/gfx/line.gif) repeat-x 0 100%;
}
.home #main .title h3{
	font: bold 11px/16px 'Trebuchet MS', Verdana, 'Helvetica Neue', Arial, sans-serif;
	letter-spacing: 1px;
	background: #fff url(/gfx/line1.gif) repeat-y 100% 0;
	float: left;
	padding: 0 1em .5em 0;
}
.home #main .newsTitle{
	position: relative;
	background: url(/gfx/newsBg.gif);
}
.home #main .newsTitle h3{
	font: bold 11px/16px 'Trebuchet MS', Verdana, 'Helvetica Neue', Arial, sans-serif;
	letter-spacing: 1px;
	margin: .3em .5em 0 .9em;
	padding: 0 0 .2em 0;
	background: url(/gfx/line.gif) repeat-x 0 100%;
	margin-bottom: 6px;
}
.home #main .newsTitle .rss{
	position: absolute;
	right: 10px;
	top: 5px;
}
.home #main .newsList{
	padding: .4em 0 0 0;
	background: url(/gfx/newsBg.gif);
}
.home #main .newsList .item {
	margin: 0 10px;
	height: 68px;
	background: url(/gfx/line.gif) repeat-x 0 99.9%;
}
.home #main .newsList .item div{
	float: left;
}
.home #main .newsList .item h1{
	padding-top: 5px;
	line-height: 18px;
	letter-spacing: 0px;
}
.home #main .newsList .item .hidden{
	display: none;
}
.home #main .newsList .item p{
	font: 12px/16px 'Trebuchet MS', Verdana, 'Helvetica Neue', Arial, sans-serif;
	letter-spacing: 0px;
}
.home #main .newsList .item .readmore {
	top: 44px;
	height: 11px;
	width: 11px;
	background-position: 0 0;
}
.home #main .newsList .vacancies{
	height: 78px;
	background-color: #969696;
	padding: 0 1em;
	color: #FFFFFF !important;
}
.home #main .newsList .vacancies h3 {
	letter-spacing: 0px;
	padding-top: 10px;
}
.home #main .newsList .vacancies a {
	color: #FFFFFF !important;
}
.home #main .newsList .vacancies p {
	letter-spacing: 0px;
}


/*  format page & homepage items
---------------------------------------------------------------*/
.format  #main .item div, .home  #main .item div{
	float: left;
}
.format  #main .item .txt h1, .home  #main .item .txt h1 {
	margin: 0 0 7px 0;
	line-height: 18px;
}
.format  #main .item .txt, .home  #main .item .txt{
	overflow: hidden;
	height: 100px;
	width: 135px;
	padding-left: 9px;
}
.format  #main .item .txt p, .home  #main .item .txt p{
	margin-right: 10px;
	font-size: 12px;
	line-height: 18px;
}

.format  #main .item, .home  #main .item{
	cursor: pointer;
	position: relative;
	background: url(/gfx/line.gif) repeat-x 0 109px;
	margin: 0 0 10px 0;
	height: 110px;
}

.format  #main .item .readmore, .home  #main .item .readmore {
	position: absolute;
	right: 4px;
	top: 80px;
	display: block;
	float: right;
	height: 20px;
	width: 20px;
	background: url(/gfx/arrow2.gif) no-repeat 100% 6px;
}


/*  format page
---------------------------------------------------------------*/
.format .thirdparty .item h1 a{
	color: #999 !important;
}
.format #main .bg{
	height: 100px;
	background-color: #fff;
}
.format #main .bgOn{
	background-color: #f4f4f4;
	height: 100px;
}
.format #main .title{
	background: url(/gfx/line.gif) repeat-x 0 100%;
	margin: 0 0 10px 0;	
}
.format #main .title h3{
	font: bold 11px/16px 'Trebuchet MS', Verdana, 'Helvetica Neue', Arial, sans-serif;
	letter-spacing: 1px;
	background: #fff url(/gfx/line1.gif) repeat-y 100% 0;
	float: left;
	padding: 0 1em .5em 0;
}

/*  contact pages
---------------------------------------------------------------*/
#main .contactform{
	width: 245px;
	background: url(/gfx/line2.gif) 0 0;
	border: 1px solid white;
}
#main .contactform h1 {
	margin: 0;
	padding: 0 0 6px 0;
}
#main .contactform p {
	margin: 0;
}
#main .contactform div{
	background-color: #fff;
	margin: 1px;
	padding: 5px 10px;
}
#main .contactform input{
	width: 220px;
	border-bottom: 1px solid #777;
	border-right: 2px solid #777;
	
	border-top: 0;
	border-left: 0;
}

#main .contactform textarea{
	border-bottom: 1px solid #777;
	border-right: 2px solid #777;
	border-top: 0;
	border-left: 0;
	width: 220px;
	height: 60px;
}
#main .contactform .btn{
	text-transform: uppercase;
	margin: 0.5em 0 0 0;
	color: #47c3f3;
	background: none;
	border: 0;
}
#main .contactform .form_error{
	color: #da332b;
}

/*  Press
---------------------------------------------------------------*/
#main .downloadItem{
	display: block;
	width: 230px;
	height: 100px;
	background: url(/gfx/line.gif) repeat-x 0 100%;
	float: left;
	margin: 0 12px 12px 12px; 
}
#main .downloadItem a{
	display: block;
	clear: both;
	float: right;
	font-size: 0.8em;
	color: #999;
	padding-right: 18px;
	background: url(/gfx/arrow.gif) no-repeat 100% 50%;
}

/*  Footer
---------------------------------------------------------------*/
#footer {
	color: #B8BABF;
	font: bold 11px/16px 'Trebuchet MS', Verdana, 'Helvetica Neue', Arial, sans-serif;
}
#footer div span {
	font: bold 13px/16px 'Trebuchet MS', Verdana, 'Helvetica Neue', Arial, sans-serif;
}
#footer div a {
	color: #398BDF;
	padding: 0 3px;
	text-decoration: none;
}
#footer div a:hover {
	background-color: #EDF4FC;
	color: #398BDF;
	text-decoration: underline;
}
#footer div a:focus {
	color: #398BDF;
	text-decoration: underline;
}
#footer div.col1of2 {
	margin: 5px 0;
	float: left;
	padding: 2px 0 0 0;
}
#footer div.col2of2 {
	margin: 5px 0;
	float: right;
}
#footer div.col2of2 p input.field{
	background-color: #f0f0f0;
	border: 0;
	color: #666;
	padding: 4px 0 0 5px;
	font-size: 12px;
	width: 220px;
	height: 17px;
	vertical-align: middle;
}
#footer div.col2of2 p button.btn{
	border: 0;
	width: 15px;
	background: #fff url(/gfx/arrow.gif) no-repeat 100% 50%;
	cursor: pointer;	
	vertical-align: middle;
}
#footer div.col2of2 p button.btn span {
	visibility: hidden;
}

#copyright {
	padding: 3px 0;
	color: #B8BABF;
	font: 11px/16px 'Trebuchet MS', Verdana, 'Helvetica Neue', Arial, sans-serif;
}

/*  Misc
---------------------------------------------------------------*/
div.clear {
	clear: both;
	font-size: 4px;
	height: 4px;
	line-height: 1;
}
/* distribution swf spacer */
div.spacer{
	height: 13px;
	clear: both;
}