@charset "UTF-8";
/* CSS Document */

* {
margin:0;
padding:0;
}

body {
text-align:center;
background-color:#3e4b63;
}

p {
font:normal 13px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding-top:10px;
color:#4E4E4E;
}

ul {
font:normal 13px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding:10px 0  0 30px;
color:#4E4E4E;
}

p.small {
font-size:11px;
line-height:20px;
}

h1 {
font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#003366;
padding-top:15px;
}

h2 {
font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#000;
padding-top:20px;
}

h3 {
font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#000;
padding-top:20px;
}

em, strong {
font-weight:bold;
}

.addresshead {
font-weight:bold;
color:#003366;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* DIVs
======== */

#wrapperUpper {
width:997px;
margin:0 auto;
background:#3e4b63 url(../images/background.png) top right no-repeat;
}

#wrapperLower {
width:997px;
margin:0 auto;
background:#3e4b63 url(../images/background_lower.png) bottom left no-repeat;
}

#mainContentUpper {
width:767px;
margin:0 auto;
text-align:left;
}

#header {
width:100%;
height:93px;
margin:0;
}

#identity {
width:389px;
float:left;
}

#languages {
width:200px;
float:right;
color:#CCC;
text-align:right;
margin:70px 10px 0 0;
}

#languages a:link,
#languages a:visited {
color:#CCCCCC;
text-decoration:none;
border-bottom:none;
}


#languages a:link img,
#languages a:hover img,
#langages a:active img,
#languages a:visited img {
padding:0;
border-bottom:1px solid #3e4b63;
}

#languages a:hover img,
#langages a:active img {
border-bottom:1px solid #CCC;
}

#flashZone {
width:100%;
height:227px;
background:transparent url(../images/base_flashzone.png) top center no-repeat;
text-align:center;
padding-top:23px;
}

#navbar {
width:767px;
height:33px;
background:transparent url(../images/base_navbar.png) top center no-repeat;
}

#mainContentLower {
width:767px;
margin:0 auto;
text-align:left;
background:#3e4b63 url(../images/base_content.png) top center repeat-y;
}

#contentHolder {
width:767px;
background:#3e4b63 url(../images/base_content.png) top center repeat-y;
}

#mainText {
width:510px;
float:right;
margin:10px 0 0 0px;
padding:0 30px 0 21px;
border-left:1px solid #FFF;
}

#sidebar {
width:172px;
float:left;
position:relative;
margin:10px 0 0 25px;
display:inline;
}

#sidebar p {
font:11px/18px Arial, Helvetica, sans-serif;
padding-top:16px;
color:#272727;
}

#contentBase {
width:767px;
height:41px;
clear:both;
background:transparent url(../images/base_contentbottom.png) top center no-repeat;
}

#footer {
width:749px;
margin:0 auto;
text-align:left;
padding:0 8px 70px 10px;

}

#footer p {
	font:11px Arial, Helvetica, sans-serif;
	padding-top:5px;
	color:#CCCCCC;
}

#footer a:link,
#footer a:visited {
color:#CCC;
border-bottom:1px solid #CCC;
}

#footer a:hover,
#footer a:active {
color:#FFF;
border-bottom:1px solid #FFF;
}


#tickerHolder {
width:300px;
float:right;
padding-top:73px;
}

/* ROUNDED CORNER SIDEBAR BOXES
====================================== */

.sidebarBox {
width:167px;
background:#FFF url(../images/sidebarbox_bottom.png) no-repeat left bottom;
margin:15px 0 0 0;
}

.sidebarBox p {
  background: url(../images/sidebarbox_top.png) no-repeat left top;
  padding:0px 15px 17px 15px;
  border:none;
  margin:0;
}


.sidebarBox img, 
.sidebarBox a:link,
.sidebarBox a:visited {
border-bottom:none;
text-decoration:none;
padding:0;
}

/* ROUNDED CORNER PARTNER LOGOS BOXES
====================================== */

.partnerBox {
width:504px;
background:#FFF url(../images/partnerbox_bottom.png) no-repeat left bottom;
margin:15px 0 0 0;
}

.partnerBox h2 {
  background: url(../images/partnerbox_top.png) no-repeat left top;
  padding:20px 15px 15px 15px;
  line-height:1;
  border:none;
  margin:0;
}

.partnerBox p {
  padding:0 15px 10px 15px;
}

.partnerBox img, 
.partnerBox a:link,
.partnerBox a:visited {
border-bottom:none;
text-decoration:none;
padding:5px;
}

/* NAVIGATION 
============= */

#navbar ul {
  margin:0 0 0 12px;
  padding:0;
  width:743px;
  list-style: none;
}

#navbar ul li {
  float: left;
}

#navbar ul a {
	display:block;	
	float:left;
	font:bold 10px Arial, Helvetica, sans-serif;
	width:123px;
	height:33px;
	line-height:33px;
	text-decoration: none;
	border-bottom:none;
	text-align:center;
	color: #004E76;
}

/* NAV ENGLISH BUTTONS
=================== */

#navbar .company a {
width:163px;
background:url(../images/btn_companyoverview.png) no-repeat left top;
}
#navbar .clients a {
width:118px;
background:url(../images/btn_ourclients.png) no-repeat left top;
}
#navbar .services a {
width:130px;
background:url(../images/btn_ourservices.png) no-repeat left top;
}
#navbar .partners a {
width:135px;
background:url(../images/btn_ourpartners.png) no-repeat left top;
}
#navbar .contactus a {
width:117px;
background:url(../images/btn_contactus.png) no-repeat left top;
}
#navbar .links a {
width:80px;
background:url(../images/btn_links.png) no-repeat left top;
}

/* NAV FRENCH BUTTONS
=================== */

#navbar .companyfr a {
width:163px;
background:url(../images/btn_companyoverview_fr.png) no-repeat left top;
}
#navbar .clientsfr a {
width:118px;
background:url(../images/btn_ourclients_fr.png) no-repeat left top;
}
#navbar .servicesfr a {
width:130px;
background:url(../images/btn_ourservices_fr.png) no-repeat left top;
}
#navbar .partnersfr a {
width:135px;
background:url(../images/btn_ourpartners_fr.png) no-repeat left top;
}
#navbar .contactusfr a {
width:117px;
background:url(../images/btn_contactus_fr.png) no-repeat left top;
}
#navbar .linksfr a {
width:80px;
background:url(../images/btn_links_fr.png) no-repeat left top;
}

/* NAV CHINESE BUTTONS
=================== */

#navbar .companych a {
width:163px;
background:url(../images/btn_companyoverview_ch.png) no-repeat left top;
}
#navbar .clientsch a {
width:118px;
background:url(../images/btn_ourclients_ch.png) no-repeat left top;
}
#navbar .servicesch a {
width:130px;
background:url(../images/btn_ourservices_ch.png) no-repeat left top;
}
#navbar .partnersch a {
width:135px;
background:url(../images/btn_ourpartners_ch.png) no-repeat left top;
}
#navbar .contactusch a {
width:117px;
background:url(../images/btn_contactus_ch.png) no-repeat left top;
}
#navbar .linksch a {
width:80px;
background:url(../images/btn_links_ch.png) no-repeat left top;
}

#navbar a:hover, 
#navbar .selected a {
  background-position: left bottom; 
}

/* IMAGES 
========== */

img, img a {
border:none;
text-decoration:none;
padding:0;
}

.floatleft {
float:left;
margin-right:15px;
margin-top:6px;
}

.floatright {
float:right;
padding-left:10px;
}

#header img {
padding:17px 0 0 14px;
}

/* PSEUDO CLASSES
================= */

a:link, a:visited {
	color:#002A80;
	border-bottom: 1px dotted #002A80;
	text-decoration:none;
}

a:hover, a:active {
color:#000;
border-bottom: 1px solid #002A80;
}

/* SITE ENTRY BUTTONS
============================= */

.submitButton {
  margin:0;
  padding:6px 0 0 0;
  width:504px;
  list-style:none;
}

.submitButton a {
	display:block;	
/*	float:left; */
	font:bold 12px Arial, Helvetica, sans-serif;
	width:504px;
	height:33px;
	line-height:35px;
	text-decoration: none;
	background:url(../images/buttonback_wide.png) no-repeat left top;
	text-align:center;
	color: #004E76;
	border-bottom:none;
}

.submitButton a:hover {
  background-position: left bottom;
  text-decoration:underline; 
}

/* CONTACT FORM
=================== */
form {
font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#4E4E4E;
width:480px;
}


/* fieldset styling */
fieldset {
	margin: 1em 0; /*  space out the fieldsets a little*/
	padding:7px;
	border : 1px solid #FFF;
	background-color:#ebf0f4;
}

/* legend styling */
legend {
	font-weight: bold;
	text-transform:uppercase;
	color:#000;
}

form p {
  position: relative;
	width: 100%;
}

/* style for  labels */
label {
	width:300px;
	position:relative;
}

#remember-me label {
  width: 4em;
}

/* style for required labels */
label .required {
	font-size: 0.83em;
	color:#760000;
}

/* style error messages */
label .feedback {
	position: absolute;
	margin-left: 11em;
	left: 200px;
  right: 0;
	font-weight: bold;
	color:#760000;
	padding-left: 18px;
	background: url(images/error.png) no-repeat left top;
}

/* :KLUDGE: Explicitly set the width for IE6- */
* html .feedback{
  width: 10em;
}

input {
  width: 390px;
  padding:4px;
}

input[type="text"], textarea {
border:1px solid #CCCCCC;
background-color:#FFFFFF;
}

input.checkbox, input.submit {
  width: auto;
  margin-right:10px;
  margin-top:5px;
}

input.checkbox {
float:left;
position:relative;
}

input.submit, imput.reset {
background:transparent url(../images/buttonback_form.png) no-repeat center top;
border:none;
color:#004E76;
display:inline;
font:bold 12px Arial, Helvetica, sans-serif;
line-height:28px;
height:33px;
width:100px;
}

/* style form elements on focus */
input:focus, textarea:focus {
	background: #3e4b63;
	color:#FFF;
}

input.radio {
float: left;
margin-right: 1em;
}

textarea {
width: 390px;
height: 100px;
padding:4px;
}

.checkboxrange {
width:390px;
margin:0;
padding:0;
}

/* Color form styling */
#favoriteColor {
  margin: 0;
	padding: 0;
	border: none;
	background: transparent;
}

#favoriteColor h2 {
width: 8em;
float: left;
padding-top:14px;
font-weight:normal;
color:#4E4E4E;
text-transform:none;
}

#favoriteColor div {
  width: 330px;
float: left;
padding-bottom:15px;
}

#favoriteColor label {
  /*width: 3em;*/
	float: none;
	display: inline;
}

/* Table in contact us form 
========================== */

table {
width:440px;
border:none;
padding:2px;
}

/* RSS TICKER BOX STYLING
========================== */

.titlefield { /*CSS for RSS title link in general*/
text-decoration: none;
font-weight:bold;
}

.labelfield { /*CSS for label field in general*/
color:brown;
}

.datefield { /*CSS for date field in general*/
color:gray;
}

#example2, 
#example3 { /*Demo 3 main container*/
width: 159px;
padding:0 2px 0 2px;
border:none;
}

#example2 p,
#example3 p { /*Demo 3 P element that separates each entry*/
margin:0;
border:none;
padding:0px 10px 17px 15px;
background:none;
}

code { /*CSS for insructions*/
color: red;
}

.sidebarBoxFeedNews {
width:167px;
height:430px;
background:#FFF url(../images/sidebarbox_bottom.png) no-repeat left bottom;
margin:15px 0 0 0;
}

.sidebarBoxFeedData {
width:167px;
height:130px;
background:#FFF url(../images/sidebarbox_bottom.png) no-repeat left bottom;
margin:15px 0 0 0;
}

.sidebarBoxFeedTop {
width:167px;
background: url(../images/sidebarbox_top.png) no-repeat left top;
}

.sidebarBoxFeedTop p {
padding:10px 15px 5px 15px;
font-weight:bold;
}

/*
.sidebarBox p {
  background: url(../images/sidebarbox_top.png) no-repeat left top;
  padding:0px 15px 17px 15px;
  border:none;
  margin:0;
}