/* WVO  STYLESHEET
	Last Update: 16/05/2010
*/

/* EXCLUSIVE FONTS - @FONT-FACE
----------------------------------------------------------------------------------*/

@font-face{
	font-family: 'TitilliumText400wt';
	src: url('../fonts/TitilliumText400wt-webfont.eot');
	src: local('/'), url('../fonts/TitilliumText400wt-webfont.woff') format('woff'), url('../fonts/TitilliumText400wt-webfont.ttf') format('truetype'), url('../fonts/TitilliumText400wt-webfont.svg#webfont') format('svg');
}

@font-face {
	font-family: 'TitilliumText600wt';
	src: url('../fonts/TitilliumText600wt-webfont.eot');
	src: local('/'), url('../fonts/TitilliumText600wt-webfont.woff') format('woff'), url('../fonts/TitilliumText600wt-webfont.ttf') format('truetype'), url('../fonts/TitilliumText600wt-webfont.svg#webfont') format('svg');
}

@font-face {
	font-family: 'TitilliumText999wt';
	src: url('../fonts/TitilliumText999wt-webfont.eot');
	src: local('/'), url('../fonts/TitilliumText999wt-webfont.woff') format('woff'), url('../fonts/TitilliumText999wt-webfont.ttf') format('truetype'), url('../fonts/TitilliumText999wt-webfont.svg#webfont') format('svg');
}


/* PRIMARY TAGS
----------------------------------------------------------------------------------*/

body{
	margin:0;
	padding:0;
	font-family: 'TitilliumText400wt', Arial, sans-serif;
	color: #333;
}

h1,h2,h3,ul,form{
	margin: 0;
	padding:0;
}

li{
	list-style-type:none;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration:underline;
}

img{
	border: none;
}

input, textarea{
	font-family: 'TitilliumText400wt', Arial, sans-serif;
}


/* GENERICS
----------------------------------------------------------------------------------*/

.container{
	width: 950px;
	margin: 0 auto;
	position: relative;
}	

.clear{
	clear: both;
}

.left{
	float:left;
}

.right{
	float:right;
}



/* HEADER
----------------------------------------------------------------------------------*/

#header{
	background: url('../images/bg_top.gif') repeat-x 0 0;
	
	color: #fff;
}

	#header .headerContainer{
		background: url('../images/bg_header.jpg') no-repeat center 0;
		height: 446px;
	}

	#header .selectLanguage{
		background: url('../images/bg_selectlanguage.gif') no-repeat 0 0;
		width: 152px;
		height: 21px;
		margin: 0 auto;
		display: block;
		font-size: 13px;
		padding: 4px 0 0 8px;
		color: #000;
	}
	
		#header .selectLanguage img{
			vertical-align: middle;
			margin-right: 9px;
		}
	
	#header h1{
		background: url('../images/world_voiceovers.gif') no-repeat 0 0;
		width: 247px;
		height:71px;
		text-indent: -9999px;
		font-size: 0;
		float:left;
		margin-top: 17px;
	}
	
	#header h2{
		clear:both;
		font-size: 33px;
		padding-top: 45px;
		width: 520px;
	}
	
	#header span.description{
		margin-top: 20px;
		display: block;
		width: 590px;
		height: 100px;
	}
	
	#header p{
		margin-top: 30px;
	}
	
	#header  img.illustration{
		position: absolute;
		top: 45px;
		right:0;
	}


/* STEPS
----------------------------------------------------------------------------------*/
#steps{
	background: url('../images/bg_stepsBg.gif')repeat-x 0 0;
	color: #fff;
	font-size: 13px;
}

.linhaSteps{
	background: url('../images/bg_linhaSteps.gif')repeat-x 0 0;
	height: 4px;
}

	#steps .containerSteps{
		background: url('../images/bg_steps.jpg') no-repeat center -1px;
		padding-bottom: 10px; 
	}

	#steps ul li {
		width: 270px;
		float: left;
		margin-right: 67px;
	}
	
		#steps ul li.last{
			margin: 0;
		}
			#steps ul li input,#steps ul li textarea{
				color: #888;
				font-size: 12px;
				border:none;
				background: url('../images/bg_form.gif') repeat-y 0 0;
				padding: 2px 10px;
				width: 220px;
				margin: 0;
				float:left;
			}
			
				#steps ul li input.upload{
					background-color: #FFF;
				}
			
				#steps ul li img.borderBottom{
					margin-bottom: 10px;
				}
			
			#steps ul li input.active,#steps ul li textarea.active{
				color: #000;
				font-size: 12px;
			}
			
			#steps ul li span.select{
				display:block;
				color: #6a2b8c;
				font-size: 48px;
				line-height: 40px;
				padding: 15px 0 0 55px;
				font-family: TitilliumText999wt;
			}
			
			#steps ul li span.language{
				color: #000;
				font-size: 30px;
				margin-left: 55px;
				display:block;
				margin-bottom: 10px;
			}
		
		#steps ul li div.stepContainer{
			margin-top: 50px;
		}
		
		#steps ul li label.error{
			float:left;
		}
		
		/* STEP 1 */
		#steps ul li.step1 select{
			display:none;
		}
		
		#steps ul li.step1 a.addLanguage{
			background: url('../images/bt2.gif') no-repeat 0 1px;
			padding-left: 15px;
			color: #3c005d;
			font-size: 12px;
		}
			
			#steps ul li.step1 div.stepContainer1{
				position: relative;
			}
			
				#steps ul li.step1 div.stepContainer1 a.close{
					background: url('../images/bt1.gif') no-repeat 0 0;
					width: 10px;
					height: 10px;
					float:right;
					margin: 10px 30px 0 0;
					display:none;
				}
			
				#steps ul li.step1 div.stepContainer div.customizeSelect{
					margin-bottom: 15px;
				}
				
				#steps ul li.step1 div.stepContainer div.customizeSelect span{
					display: block;
					background: url('../images/bg_select.gif') no-repeat 0 0;
					width: 207px;
					padding: 7px 0 0 10px;
					height:21px;
					cursor:pointer;
				}
				
				#steps ul li.step1 div.stepContainer div.customizeSelect span.active{
					background: url('../images/bg_select.gif') no-repeat 0 -28px;
				}
				
				#steps ul li.step1 div.stepContainer div.customizeSelect div.selectListContainer{
					position: relative;
					float:left;
				}
				
					#steps ul li.step1 div.stepContainer div.customizeSelect ul{
						overflow: auto;
						height: 150px;
						position: absolute;
						top: 0;
						left: 4px;
						background-color: #6a2b8c;
						width: 207px;
						padding: 2px;
						display:none;
						z-index: 100;
					}
					
						#steps ul li.step1 div.stepContainer div.customizeSelect ul li{
							width: 180px;
							padding: 2px 0 2px 10px;
							margin-right: 0;
						}
							
							#steps ul li.step1 div.stepContainer div.customizeSelect ul li a{
								color: #FFF;
							}
		
		
		/* STEP 2 */
		#steps ul li.step2 div.listOptions{
			background: url('../images/bg_options.gif') no-repeat 0 -28px;
			width: 159px;
			height: 28px;
			margin-bottom: 15px;
		}
		
			#steps ul li.step2 div.listOptions.uploadActive{
				background: url('../images/bg_options.gif') no-repeat 0 0;
			}
		
			#steps ul li.step2 div.listOptions a{
				color: #333;
				line-height: 28px;
				font-size: 12px;
				padding: 0 10px;
				font-family: TitilliumText600wt;
			}
			
			#steps ul li.step2 div.listOptions a.active{
				color: #FFF;
				padding: 0 13px;
			}
			
				#steps ul li.step2 div.option1 textarea{
					height: 150px;
				}
				
				#steps ul li.step2 div.option2 {
					display:none;
				}
				#steps ul li.step2 div.option2 p {
					color:#666;
					font-size:11px;
					font-style:italic;
				}
			
		/* STEP 3 */	
		#steps ul li.step3 input, #steps ul li.step3 textarea{
			display: block;
		}
		
		#steps ul li.step3 input.submit{
			width: auto;
			height: 28px;
			float: right;
			background:  url('../images/bg_bt.gif') repeat-x 0 0; 
			color: #FFF;
			font-weight: bold;
			cursor:pointer;
		}
		
		#steps ul li.step3 img.borderRight{
			margin-right: 30px;
		}
		

/* HIGHLIGHTS
----------------------------------------------------------------------------------*/		

#highlights{
	margin-top: 20px;
	font-size: 13px;
}
	
	#highlights .container{
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 20px;
	}
	
	#highlights ul li{
		float: left;
		width: 300px;
	}

	#highlights ul li.highlight3{
		width: 350px;
		margin-right: 0;
	}

		#highlights ul li h2{
			font-family: TitilliumText600wt;
			font-size: 30px;
			border-bottom: 1px solid #e5e5e5;
			padding-bottom: 5px;
			margin-bottom: 10px;
			width: 250px;
		}
		
		#highlights ul li.highlight3 h2{
			width: 340px;
		}
		
		/* HIGHLIGHT 1 */
		#highlights ul li.highlight1 ul li{
			margin-bottom: 10px;
			padding-left: 40px;
			width: 240px;
			height: 30px;
			line-height: 30px;
		}
			
			#highlights ul li.highlight1 ul li.agencies{
				background: url('../images/ico_agencies.gif') no-repeat 0 0px;
			}
			
			#highlights ul li.highlight1 ul li.video{
				background: url('../images/ico_video.gif') no-repeat 0 0px;
			}
			
			#highlights ul li.highlight1 ul li.translation{
				background: url('../images/ico_translation.gif') no-repeat 0 0px;
			}
			
			#highlights ul li.highlight1 ul li.multimedia{
				background: url('../images/ico_multimedia.gif') no-repeat 0 0px;
			}
			
			#highlights ul li.highlight1 ul li.eLearning{
				background: url('../images/ico_eLearning.gif') no-repeat 0 0px;
			}

			
	/* HIGHLIGHT 2 */
	#highlights ul li.highlight2 ul li{
		color: #632685;
		padding: 5px;
		clear:both;
		width: 240px;
	}
	
		#highlights ul li.highlight2 ul li a{
			float:right;
			margin-left: 5px;
			width: 12px;
			height:14px;
		}
		
		#highlights ul li.highlight2 ul li a.play{
			background: url('../images/bt_play.gif') no-repeat center center;
		}
		
		#highlights ul li.highlight2 ul li a.stop{
			background: url('../images/bt_stop.gif') no-repeat center center;
		}
		
		#highlights ul li.highlight2 ul li a.pause{
			background: url('../images/bt_pause.gif') no-repeat center center;
		}
		
	/* HIGHLIGHT 3 */
	#highlights ul li.highlight3 img.photo{
		padding: 13px;
		background: url('../images/bg_photo.gif') no-repeat 0 0;
		float: left;
	}
	
	#highlights ul li.highlight3 div.testimonialsContainer{
		float: left;
		width: 180px;
		margin-left: 10px;
		font-family: TitilliumText600wt;
	}
	
		#highlights ul li.highlight3 div.testimonialsContainer span{
			display:block;
			margin-bottom: 10px;
		}
	
		#highlights ul li.highlight3 div.testimonialsContainer span.name{
			color: #1992bf;
			font-size: 20px;
		}
		
		#highlights ul li.highlight3 div.testimonialsContainer  span.whoIs{
			color: #999;
			font-size:11px;
		}
		
		
/* CLIENTS
----------------------------------------------------------------------------------*/		
#clients{
	margin-top: 0;
	padding-bottom: 20px;
	font-size: 13px;
}		
		
	#clients .container{
		border-bottom: 1px solid #e5e5e5;
		padding: 0 0 5px 0;
	}

		#clients h2{
			font-family: TitilliumText600wt;
			font-size: 30px;
			float: left;
			line-height: 130px;
		}		

		#clients ul,#clients ul li{
			float: left;
			height: 130px;
			line-height: 130px;
		}
		
			#clients ul li{
				padding-left: 90px;
			}
		
			#clients ul,#clients ul li img{
				vertical-align: middle;
			}
	

/* LINGUAS
----------------------------------------------------------------------------------*/		
#linguas{
	font-family: "TitilliumText600wt";
	font-size: 13px;
	margin:10px 0 0 0;
}	

	#linguas .container{
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 30px;
		padding-left:100px;
	}

		#linguas ul li{
			float: left;
			width: 235px;
			margin-bottom: 10px;
		}

			#linguas ul li{
				color: #777;
			}
			
				#linguas ul li img{
					margin-right: 5px;
				}
	

/* COPYRIGHT
----------------------------------------------------------------------------------*/
	#copyright{
		margin: 10px 0 20px 0;
	}
	
		#copyright span{
			font-family: "TitilliumText600wt";
			font-size: 12px;
			color: #b2b2b2;
		}
		
		#copyright span a{
			color:#666;
		}