/* CSS Document */

body {
	font-family: Arial Unicode MS, Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
	height:100%; /*  this is the key! DON'T DELETE */
	color: #000;
	background: #fff url(images/top-bkg.gif) repeat-x left top;
}
img { border: 0;}

/* Layout */

#ContainerBody {
	position: relative;
	padding: 0px;
	width: 970px;
	margin: 0 auto;
}
#ContainerTop {
	position: relative;
	padding: 0px;
	height: 114px;
	background: url(images/top-ornament-bkg.jpg) repeat-x center top;
}
#TopNavigation {
	text-align: right;
	float: right;
	color: #fff;
}
#ContainerBanner {
	background: transparent url(images/big-banner-bkg.png) no-repeat left top;
	height: 291px;
	width: 947px;
	position: relative;
	padding-top: 20px;
	padding-left: 23px;
}
div.Banner {
	height: 257px;
	width: 924px;
	position: relative;
}
#banner1 {
	background: url(images/banner-1.jpg) no-repeat left top;
}
#banner2 {
	background: url(images/banner-2.jpg) no-repeat left top;
}
#banner3 {
	background: url(images/banner-3.jpg) no-repeat left top;
}
#banner4 {
	background: url(images/banner-4.jpg) no-repeat left top;
}
#banner5 {
	background: url(images/banner-5.jpg) no-repeat left top;
}
#banner6 {
	background: url(images/banner-6.jpg) no-repeat left top;
}

#ContainerContent {
	position: relative;
	height: 100%;
	padding-bottom: 20px;
	padding-top: 20px;
}
#Column1 {
	width: 570px;
	float: left;
}
#Column2 {
	width: 390px;
	float: right;
}
#SingleColumn {
	width: 760px;
	float: left;
}
#SingleColumn2 {
	width: 200px;
	float: right;
}
#ContentColumn1 {
	width: 680px;
	float: left;
}
#ContentColumn2 {
	width: 230px;
	float: right;
	padding-right: 10px;
}
#Boxes {
	height: 392px;
	width: 555px;
}
#ServiceBoxes {
	height: 392px;
	width: 750px;
}
#IndustryBoxes {
	height: 392px;
	width: 750px;
}
#LanguageBoxes {
	height: 392px;
	width: 555px;
}
#ContainerFooter {
	clear: both;
	border-top: solid  1px #646464;
	padding: 10px 0px;
	margin-top: 20px;
	color: #646464;
}
#FooterMenu {
	clear: both;
	margin: 20px 0;
}
#LinksPoints {
	float: right;
	width: 500px;
}
.clearer {clear: both;}

/* Buttons & Images */
#logo {
	width: 187px;
	height: 49px;
	float: left;
	margin-top: 23px;
}
#logo a {
	background: transparent url(images/logo-white.png) no-repeat left top;
	display: block;
	width: 187px;
	height: 49px;
	outline: none;
}
#logo a span { display: none;}

div.button-orange#one {
	position: absolute;
	top: 197px;
	left: 8px;
	height: 44px;
	width: 219px;
}
div.button-orange#two {
	position: absolute;
	top: 197px;
	left: 236px;
	height: 44px;
	width: 219px;
}
.button-orange a, .button-orange a:link, .button-orange a:visited {
	color: #000;
	display: block;
	height: 44px;
	width: 219px;
	text-align: center;
	font-size: 14px;
	line-height: 38px;
	text-decoration: none;
	outline: none;
	background: transparent url(images/button-orange.png) no-repeat left top;
}
.button-orange a:hover, .button-orange a:active { background-position: left bottom;}

.readmore a, .readmore a:link, .readmore a:visited  {
	color: #fff;
	display: block;
	float:left;
	height: 44px;
	width: 135px;
	text-align: center;
	font-size: 14px;
	line-height: 38px;
	text-decoration: none;
	outline: none;
	background: transparent url(images/button-blue.png) no-repeat left top;
}
.readmore a:hover, .readmore a:active { background-position: left bottom;}


.readmoreBody a, .readmoreBody a:link, .readmoreBody a:visited  {
	color: #fff;
	display: block;
	height: 44px;
	width: 135px;
	text-align: center;
	font-size: 14px;
	line-height: 38px;
	text-decoration: none;
	outline: none;
	background: transparent url(images/button-blue.png) no-repeat left top;
}
.readmoreBody a:hover, .readmoreBody a:active { background-position: left bottom;}



#Icons {
	width: 250px;
	float:right;
	text-align: right;
}

/* Text Formatting */

a:link {
	color: #36F;
	text-decoration: underline;
}
a:visited {
	color: #369;
	text-decoration: underline;
}
a:hover {
	color: #d47d01;
	text-decoration: underline;
}
a:active {
	color: #d47d01;
	text-decoration: underline;
}

h1, h2, h3, h4 {color:#1067C8; margin: 0 0 1em;}
h1 {font-size: 24px; font-weight:lighter; color:#1067C8;}
h2 {font-size: 20px; font-weight:lighter; color:#1067C8;}
h3 {font-size: 18px; color:#EA8A00;}
h4 {font-size: 16px;color:#1067C8;}

#tel-number {
	font-size: 20px;
	line-height: 50px;
	margin-right: 5px;
	font-weight: lighter;
}

#TopLanguages a {
	font-size: 12px;
	line-height: 22px;
	color: #FFF;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
}
#TopLanguages a:hover, #TopLanguages a:active {
	color: #FFF;
	text-decoration: underline;
}

a#login:after {
	content: " \25BA";
	display: inline;
	font-size: 4px;
}

#TopMenu a {
	font-size: 12px;
	line-height: 22px;
	color: #FFF;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;}
#TopMenu a:hover, #TopMenu a:active {
	color: #FFF;
	text-decoration: underline;
}
#TopMenu2 a {
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
	padding: 7px;
	display: block;
	float: left;
	font-weight: bold;
}
#TopMenu2 a:hover, #TopMenu2 a:active {
	color: #FFF;
	background: url(images/top-menu-bkg2.png) repeat-x left center;
}
.footer-title {
	color: #235F8D;
	font-size: 18px;
	line-height: 40px;
}
.emphasize {
	color: #235F8D;
	font-weight: bold;
	font-style: normal;
}

#ContainerFooter td {
	vertical-align: top;
}

#ContainerFooter a, #ContainerFooter a:link, #ContainerFooter a:visited {
	color: #646464;
	text-decoration: none;
}
#ContainerFooter a:hover, #ContainerFooter a:active {
	color: #235F8D;
	text-decoration: underline;
	
}
#ContainerFooter a.special, #ContainerFooter a.special:link, #ContainerFooter a.special:visited {
	color: #235F8D;
	font-weight: bold;
	text-decoration: none;
}
#ContainerFooter a.special:hover, #ContainerFooter a.special:active {
	color: #d47d01;
	text-decoration: underline;
	
}

#FooterMenu a, #FooterMenu a:link, #FooterMenu a:visited {
	color: #646464;
	font-weight: normal;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
#FooterMenu a:hover, #FooterMenu a:active {
	color: #36F;
	text-decoration: underline;
}

/* icons */
#Icons { width: auto;}
#Icons a.twitter {background-image: url(images/icon-twitter.jpg);}
#Icons a.linkedin {background-image: url(images/icon-linkedin.jpg);}
#Icons a.facebook {background-image: url(images/icon-facebook.jpg);}
#Icons a {
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 50px;
	width: 50px;
	float: left;
	margin-left: 20px;
	outline: none;
}
#Icons a:hover,
 #Icons a:active {
	background-position: left bottom;
}
#Icons a span { display:none;}

#LinksPoints a {
	display: block;
	line-height: 14px;
	color: #EA8A00;
	text-decoration: none;
}
#LinksPoints a:hover, #LinksPoints a:active {
	text-decoration: underline;
}
#LinksPoints a:before {
	content: "\25BA  ";
	display: inline;
	font-size: 4px;
}
.testimonial {
	color: #235F8D;
}

/* Text Boxes */

.TextBox {
	height: 185px;
	width: 180px;
	float: left;
	margin-top: 0px;
	margin-bottom: 12px;
	margin-right: 5px;
	display: block;
}
.TextBox a {
	color: #6a6a6a;
	text-decoration: none;
	display: block;
	height: 74px;
	width: 148px;
	font-size: 13px;
	padding: 73px 16px 38px 16px;
	overflow:hidden;
	outline:none;
}
#box1 a {background: url(images/text-box-1.gif)  no-repeat  left top;}
#box2 a {background: url(images/text-box-2.gif)  no-repeat  left top;}
#box3 a {background: url(images/text-box-3.gif)  no-repeat  left top;}
#box4 a {background: url(images/text-box-4.gif)  no-repeat  left top;}
#box5 a {background: url(images/text-box-5.gif)  no-repeat  left top;}
#box6 a {background: url(images/text-box-6.gif)  no-repeat  left top;}

#box1 a:hover,  #box1 a:active,
#box2 a:hover,  #box2 a:active,
#box3 a:hover,  #box3 a:active,
#box4 a:hover,  #box4 a:active,
#box5 a:hover,  #box5 a:active,
#box6 a:hover,  #box6 a:active {
	background-position: left bottom;
	color: #fff;
}

#service1 a {background: url(images/translation-box.gif)  no-repeat  left top;}
#service2 a {background: url(images/localization-box.gif)  no-repeat  left top;}
#service3 a {background: url(images/process-box.gif)  no-repeat  left top;}
#service4 a {background: url(images/dtp-box.gif)  no-repeat  left top;}
#service5 a {background: url(images/review-box.gif)  no-repeat  left top;}
#service6 a {background: url(images/qa-box.gif)  no-repeat  left top;}
#service7 a {background: url(images/adaptation-box.gif)  no-repeat  left top;}
#service8 a {background: url(images/certified-box.gif)  no-repeat  left top;}

#service1 a:hover,  #service1 a:active,
#service2 a:hover,  #service2 a:active,
#service3 a:hover,  #service3 a:active,
#service4 a:hover,  #service4 a:active,
#service5 a:hover,  #service5 a:active,
#service6 a:hover,  #service6 a:active, 
#service7 a:hover,  #service7 a:active, 
#service8 a:hover,  #service8 a:active {
	background-position: left bottom;
	color: #fff;
}

#industry1 a {background: url(images/hr-box.gif)  no-repeat  left top;}
#industry2 a {background: url(images/it-box.gif)  no-repeat  left top;}
#industry3 a {background: url(images/homeapp-box.gif)  no-repeat  left top;}
#industry4 a {background: url(images/homehard-box.gif)  no-repeat  left top;}
#industry5 a {background: url(images/marketing-box.gif)  no-repeat  left top;}
#industry6 a {background: url(images/transport-box.gif)  no-repeat  left top;}
#industry7 a {background: url(images/retail-box.gif)  no-repeat  left top;}
#industry8 a {background: url(images/business-box.gif)  no-repeat  left top;}
#industry9 a {background: url(images/environment-box.gif)  no-repeat  left top;}
#industry10 a {background: url(images/medical-box.gif)  no-repeat  left top;}
#industry11 a {background: url(images/realestate-box.gif)  no-repeat  left top;}
#industry12 a {background: url(images/consumer-box.gif)  no-repeat  left top;}

#industry1 a:hover,  #industry1 a:active,
#industry2 a:hover,  #industry2 a:active,
#industry3 a:hover,  #industry3 a:active,
#industry4 a:hover,  #industry4 a:active,
#industry5 a:hover,  #industry5 a:active,
#industry6 a:hover,  #industry6 a:active, 
#industry7 a:hover,  #industry7 a:active, 
#industry8 a:hover,  #industry8 a:active, 
#industry9 a:hover,  #industry9 a:active, 
#industry10 a:hover,  #industry10 a:active, 
#industry11 a:hover,  #industry11 a:active,
#industry12 a:hover,  #industry12 a:active {
	background-position: left bottom;
	color: #fff;
}

#language1 a {background: url(images/french-translation-box.gif)  no-repeat  left top;}
#language2 a {background: url(images/spanish-translation-box.gif)  no-repeat  left top;}
#language3 a {background: url(images/italian-translation-box.gif)  no-repeat  left top;}
#language4 a {background: url(images/portuguese-translation-box.gif)  no-repeat  left top;}
#language5 a {background: url(images/german-translation-box.gif)  no-repeat  left top;}
#language6 a {background: url(images/english-translation-box.gif)  no-repeat  left top;}

#language1 a:hover,  #language1 a:active,
#language2 a:hover,  #language2 a:active,
#language3 a:hover,  #language3 a:active,
#language4 a:hover,  #language4 a:active,
#language5 a:hover,  #language5 a:active,
#language6 a:hover,  #language6 a:active {
	background-position: left bottom;
	color: #fff;
}