/* CSS Document */
* {margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;}
body{background:url(elements/background.gif) 0 0 repeat-x #636363;
	font-size: 75%;}
ul{list-style-type:none;
color:#262627;
}
p {color:#262627;}

a{color:#3f62a9;
	text-decoration: none;}
a:hover{color:#f4002a;} 

img {
	border:none;}
	
h1{font-size:1.5em; 
	color: #f00202;
	font-weight:bold;
	padding:30px 0 30px 60px;
}
h2{font-size:1.2em; 
	padding:25px 0 10px 60px;
	color:#2d3192;
	font-weight:bold;
}
h5{font-size:1.1em; 
	padding:15px 0 10px 20px;
	color:#2d3192;
	font-weight:bold;
	text-transform:uppercase;
}
p.text{font-size:1.1em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:1.4em;	
	margin:10px 110px 10px 40px;
	color:#262627;
	font-weight:normal;
	text-align:justify;	
}
p.text span{font-size:1em;
	color:#f00202;		
}
p.text image.partners{width:15%; 
	height:15%;
	position:relative;
}
p.question{font-size:1em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:1.1em;	
	margin:10px 110px 0 30px;
	color:#262627;
	font-weight:bold;
	text-align:justify;
	font-style:italic;	
}
p.question span{font-size:1em;
	color:#f00202;			
}
p.answer{font-size:1.1em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:1.4em;	
	margin:2px 110px 10px 40px;
	color:#262627;
	font-weight:normal;
	text-align:justify;	
}
p.answer span{font-size:1em;
	color:#f00202;		
}
p.answer span.it{font-size:1em;
font-style:italic;
color:#262627;
}


/* - jobs on home page */
p.jobs{font-size:1.1em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:1.8em;	
	margin:10px 110px 10px 60px;
	font-weight:normal;
	text-align:justify;	
}
p.jobs a{
	border-bottom:thin dotted;
	color:#707070;
}


ul.contact{margin:10px 0 0 80px;
}
ul.contact li.address{background:url(elements/address.jpg) 0 35px no-repeat;
	padding:40px 0 0 50px; 
}
ul.contact li.tel{background:url(elements/phone.jpg) 0 35px no-repeat;
padding:40px 0 0 50px; 
}
ul.contact li.fax{background:url(elements/fax.jpg) 0 20px no-repeat;
padding:40px 0 0 50px; 
}
ul.contact li.email{background:url(elements/mail.jpg) 0 20px no-repeat;
padding:40px 0 0 50px; 
}
ul.contact li.email a{ 
}

/* ----------------------------------------------------------- BUTTONS --------------------------------------------------------------------------*/
input.apply-button {
	width: 45px;
	float: left;
	height:53px;
	background:url(elements/apply.png) 0 0 no-repeat;
	border:none;
}
input.apply-button:hover{
	width: 45px;
	float: left;
	height:53px;
	background:url(elements/apply_hover.png) 0 0 no-repeat;
	border:none;
}


/* -------------------------------------- Contact ------------------------------*/
#contactArea {

	position:relative;
	font-size:1.1em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:1.2em;	
	margin:10px 110px 10px 40px;
	color:#262627;
	font-weight:normal;
	
}
#contactArea input, #contactArea textarea {
	padding:5px;
	width: 370px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}
#contactArea textarea {
	height: 90px;
}
#contactArea textarea:focus, #contactArea input:focus {
	border: 1px solid #004c7d;
}
#contactArea input.send-button{
	width: 45px;
	float: left;
	height:53px;
	background:url(elements/send.png) 0 0 no-repeat;
	border:none;
}
#contactArea input.send-button:hover{
	background:url(elements/send_hover.png) 0 0 no-repeat;
	border:none;
}
#contactArea input.quote-button{
	width: 45px;
	float: left;
	height:53px;
	background:url(elements/free_quote.png) 0 0 no-repeat;
	border:none;
}
#contactArea input.quote-button:hover{
	background:url(elements/free_quote_hover.png) 0 0 no-repeat;
	border:none;
}

/* -------------------------------------- PICTURE GALLERY ------------------------------*/




#Carousel{position:relative;
	width:100%;
	height:400px;
	left:25%;
	top:50px;
}	

/* ----------------------------------------------------------- HEADER --------------------------------------------------------------------------*/
#page-wrap {
	background:url(elements/background.gif) 0 0 repeat-x #636363;
	min-width:780px;
	max-width:1260px;
	margin:0 auto;
	width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1262? "1260px" : "auto");}
#page-wrap #inside {
	margin:0 auto;
	padding-top:50px;
	padding-bottom:10px;}
	
/* ---------------------------------------- border of body ----------------------------------------------------*/
.bl {background:url(elements/corner_left_bottom.gif) 0 100% no-repeat}
.br {background:url(elements/corner_right_bottom.gif) 100% 100% no-repeat}
.tl {background:url(elements/corner_left_top.gif) 0 0 no-repeat; padding:0 0 0 10px}
.tr {background:url(elements/corner_right_top.gif) 100% 0 no-repeat; padding:4px}
.t {background:url(elements/border_vert.gif) 0 0 repeat-x #FFF}
.b {background:url(elements/border_vert.gif) 0 100% repeat-x}
.l {background: url(elements/border.gif) 0 0 repeat-y}
.r {background: url(elements/border.gif) 100% 0 repeat-y}

/* ---------------------------------------- horizontal bars ----------------------------------------------------*/
.bar{width:90%;
	top:10px;
	padding:10px 0 0 20px;
	height:4px;
}
.greybar {background: url(elements/grey_bar.gif) 0 0 repeat-x;
	width:95%;
	float:right;
	position:relative;
	top:0;
}
.blackbar {background: url(elements/black_bar.gif) 0 0 repeat-x;
	width:5%;
	position:relative;
	float:left;
	top:0;
}
.redbar {background: url(elements/red_bar.gif) 0 0 repeat-x;
	width:5%;
	position:relative;
	float:left;
	top:0;}
.bluebar {background: url(elements/blue_bar.gif) 0 0 repeat-x;
	width:5%;
	position:relative;
	float:left;
	top:0;}
/*------------------ Bullet List Home -----------------------*/	
ul.bullet{background:none; 
height:auto;
} 
ul.bullet li{height:1.3em; padding:0 0 0 15%;}

ul.bullet li a{height:1.3em; 
	background:url(elements/bullet_blue.gif) 0 0.4em no-repeat #fff; 
	color:#3f62a9; 
	font-size:1.1em; 
	font-weight:normal; 
	line-height:1.3em; 
	text-decoration:none; 
	padding:0 0 0 4%;
}
ul.bullet li a:hover{height:1.3em; 
	background:url(elements/bullet_red.gif) 0 0.4em no-repeat #fff; 
	color:#f4002a; 	
	line-height:1.3em;  
	text-decoration:none;
}
ul.bullet li a span{height:1.3em; 
	background:url(elements/bullet_red.gif) 0 0.4em no-repeat #fff; 
	color:#f4002a; 	
	font-size:1em; 
	font-weight:normal; 
	line-height:1.3em; 
	text-decoration:none; 
	padding:0 0 0 4%;
}

/* ---------------------------------------- list ----------------------------------------------------*/
ul.list{background:none; 
height:auto;
width:75%;
margin:10px 5px 5px 10px;
	font-size:1.1em; 
	padding:0 0 0 50px;
	line-height:1.5em;
} 
ul.list li.level1{
padding:0 0 0 20px;
background:url(elements/bullet_blue.gif) 0 0.4em no-repeat #fff; 
}
ul.list li.level1 span{color:#f4002a; 	
	font-size:1em; 
}
ul.list li.level1 a{color:#3f62a9; 
	font-weight:normal; 
	text-decoration:none; 
}
ul.list li.level1 a:hover{color:#f4002a; 	
}

ul.list li.level2{height:auto; 
padding:0 0 0 50px;
background:url(elements/bullet_red.gif) 30px 0.4em no-repeat #fff; 
}
ul.list li.level2 a{height:1.3em; 	
	color:#3f62a9; 
	font-weight:normal; 
	text-decoration:none; 
}
ul.list li.level2 a:hover{color:#f4002a; 	
}
ul.list li.level3{height:auto; 
padding:0 0 0 70px;
}
ul.list li.level3 a{height:1.3em; 	
	color:#3f62a9; 
	font-weight:normal; 
	text-decoration:none; 
}
ul.list li.level3 a:hover{color:#f4002a; 	
}


/* ---------------------------------------- main content ----------------------------------------------------*/
#mainContent {
	background: #FFF;
	padding: 0;
}
/* ---------------------------------------- Top menu ----------------------------------------------------*/
#menuPan{width:100%;
	position:relative; 
	top:0; 
	padding:5px;
	margin:0 auto;
	left:0;
	font:1.4em Arial, Helvetica, sans-serif; 
	font-weight:bold;
}
/* ------------ Menu pages -----------------------*/
#menuPanLeft{width:90%;
	position:relative; 
	margin:0 auto;
	float:left;		
}
#menuPanLeft ul{width:90%; 
	position:relative; 
	top:0; 	 
	padding:0 0 0 20%;
}
#menuPanLeft ul li{float:left;
	text-align:center; 
	line-height:40px;
    width:auto;
	background:url(images/menu_normal.jpg) 0 0 no-repeat;
	padding:0 0 0 20px;
}
#menuPanLeft ul li a{
	color:#2e3027; 
	text-decoration:none;
}
#menuPanLeft ul li a span{color:#3f62a9; 
	background:url(images/menu_pressed.jpg) top center no-repeat ;
	display:block;
}
#menuPanLeft ul li a:hover{
	color:#3f62a9;
	background:url(images/menu_hover.jpg) top center no-repeat;
	display:block;	
}
#menuPanLeft ul li.sitemap{float:right;
	  width:41px;
}
#menuPanLeft ul li.sitemap a{background:url(elements/sitemap.png) 0 0 no-repeat;
	display:block;
}
#menuPanLeft ul li.sitemap a:hover{background:url(elements/sitemap_hover.png) 0 0 no-repeat;
	display:block;
}
#menuPanLeft ul li.sitemap a span{background:url(elements/sitemap_hover.png) 0 0 no-repeat;
	display:block;
}
#menuPanLeft ul li.contact{float:right;
	line-height:40px;
    width:41px;
}
#menuPanLeft ul li.contact a{background:url(elements/contact.png) 0 0 no-repeat;
	display:block;
}
#menuPanLeft ul li.contact a:hover{background:url(elements/contact_hover.png) 0 0 no-repeat;
	display:block;
}
#menuPanLeft ul li.contact a span{background:url(elements/contact_hover.png) 0 0 no-repeat;
	display:block;
}
/* ---------------------------------------- Pictures header ----------------------------------------------------*/
#header{width:100%; 
	
	position:relative; 
	top:0; 
 	background:url(images/right_corner.jpg) 100% 100% no-repeat #FFF; 
}
/* -------------------------- Languages -------------------------*/
#header ul{
	position:relative; 
	top:0; 	 
	padding:10px 5px 0 20%;
}
#header ul li.en{float:right;
	line-height:12px;
	width:22px;	
}
#header ul li.en a{background:url(elements/en_flag.gif) 0 0 no-repeat;
		display:block;
}
#header ul li.en a:hover{background:url(elements/en_flag_hover.gif) 0 0 no-repeat;
	display:block;	
}
/* ---------- French -----------*/
#header ul li.fr{float:right;
	line-height:12px;
	width:22px;	
}
#header ul li.fr a{background:url(elements/fr_flag.gif) 0 0 no-repeat;
	display:block;
}
#header ul li.fr a:hover{background:url(elements/fr_flag_hover.gif) 0 0 no-repeat;
	display:block;	
}
/* ---------- German -----------*/
#header ul li.ge{float:right;
	line-height:12px;
    width:22px;
}
#header ul li.ge a{background:url(elements/ge_flag.gif) 0 0 no-repeat;
		display:block;
}
#header ul li.ge a:hover{
	background:url(elements/ge_flag_hover.gif) 0 0 no-repeat;
	display:block;	
}
#header img.iso{position:relative;
padding: 0 20% 0 0;
}

/* ---------------------------------------- login ----------------------------------------------------*/
#loginPan{width:300px;
	 height:53px; 
	 padding:40px 0 0 20px; 	 
	 margin:0 0 0 10px;
}
#loginPan form{width:250px; 
	height:51px; 
	background:url(elements/login_bar.gif) 0 0 repeat-x;
	color:#705D20; 
	position:relative; 
	border:1px solid #000; 
	margin:0 auto; 
}
#loginPan form input{width:130px; 
	height:12px; 
	font-size:10px; 
	display:block; 
	margin:5px 0 0 9px;
}

#loginPan form input.button{width:59px; 
	height:22px; 
	display:block; 
	position:absolute; 
	top:8px; 
	left:170px; 
	background:url(elements/button.gif) 0 0 no-repeat;
	border:solid 1px #000; 
	font-size:11px; 
	text-align:center; 
	padding:0px;
}

/* ---------------------------------------- Search ----------------------------------------------------*/
#searchPan{width:300px;
	 height:31px;
	 padding:0 0 0 20px; 	 
	 margin:0 0 0 10px;
}
#searchPan form{width:250px; 
	height:31px; 
	background:url(elements/search_bar.gif) 0 0 repeat-x;
	color:#705D20; 
	position:relative; 
	border:1px solid #000; 
	margin:0 auto; 
}
#searchPan form input{width:130px; 
	height:12px; 
	font-size:10px; 
	display:block; 
	margin:5px 0 0 9px;
}
#searchPan form input.button{width:59px; 
	height:22px; 
	display:block; 
	position:absolute; 
	top:4px; 
	left:170px; 
	background:url(elements/button.gif) 0 0 no-repeat;
	border:solid 1px #000; 
	margin:0; 
	font-size:11px; 
	text-align:center; 
	padding:0px;
}


/* ---------------------------------------- Jobs ----------------------------------------------------*/



/* -------------------------------------------------------------- MAIN -----------------------------------------------------------------------*/
#mainPanel{width:785px;
	position:relative; 
	top:20px; 
	height:auto;
	padding:0;
	margin:0 auto;	
}

/* ----------------------------------------------------------- Text Right --------------------------------------------------------------------------*/
#contentRight{margin:0 auto;
	float:right;
	position:relative;
	width:45%;
	padding:0;
}
/* ----------------------------------------------------------- Text Left --------------------------------------------------------------------------*/
#contentLeft{margin:0 auto;
	float:left;
	padding:0;
	width:45%;	
}
#contentLeft img.button{width:15%; 
	height:20%; 
	position:relative; 
	left:40%;
	top:80%;
}
#contentLeft img.get_started{width:26%; 
	height:60%; 
	padding:50px 0 50px 0; 
	position:relative; 
	left:150px;
	bottom:2px;
}
#contentLeft img{width:100%; 
	height:100%; 
	position:relative; 
}
#contentLeft img.outsource{width:60%; 
	height:60%; 
	position:relative; 
	left:30%;	
}

/* ---------------------------------------- Menu for strengths and services ----------------------------------------------------*/
#innerMenu{width:100%;
	height:auto;
	padding:20px ;
	top:0;
	float:left;
	font-size:10px;
}
#innerMenu ul li{width:150px;
	position:relative;
	float:left;
}
#innerMenu ul li{width:140px;
	height:24px; 
	border-bottom:1px dashed #999999; 
}
#innerMenu ul li a{width:140px; 
	height:24px; 
	display:block; 
	background-color:#fff; 
	color:#999999; 
	line-height:24px; 
	text-decoration:none;	
}
#innerMenu ul li a:hover{background:url(elements/blue_bar.gif) 0 bottom repeat-x #999999;
	color:#FFF; 
	text-decoration:none; 	
}
#innerMenu ul li span{width:140px; 
	height:24px; 
	display:block; 
	background:url(elements/red_bar.gif) 0 bottom repeat-x #999999;
	color:#FFF; 
	line-height:24px; 
	text-decoration:none;
	border:none; 
}
#innerMenu ul li.bottom{width:140px; 
	height:24px; 
	border-bottom:none;
}

/* ------------------ free quote ----------*/
#freeQuote{position:relative;
	width:100%;
	height:auto;
	top:0;
	display:block;
	margin:0 auto;			
}
#freeQuote img{position:relative;
	width:45px;
	height:53px;
	margin:30px 20px 20px 200px;
} 

#freeQuote p.quote{font-size:1.1em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:1.4em;	
	color:#262627;
	font-weight:bold;
	float:left;	
	width:50%;
	height:auto;
	margin:5% 0 5% 20%;
}
#freeQuote p.quote span{color:#f4002a;
}





/* ----------------------------------------------------------------- Bottom ----------------------------------------------------- */
#footermainPan{width:100%;
	padding:0 0 30px 0;
	clear:both;
	top:30px;
	height:auto;
	position:relative;
	display:block;
} 
/* ---------------- Menu Bottom ------------------ */
#footerPan{width:100%; 
	position:relative; 
	margin:0 auto;
	padding:0;	
}
#footerPan ul{width:75%; 
	position:relative; 
	top:10px; 
	left:25%;
}
#footerPan li{float:left; 
	font:11px Arial, Helvetica, sans-serif; 
	font-weight:normal;
}
#footerPan ul li a{padding:0 0 0 15px;
	color:#686868; 
	text-decoration:none;
}
#footerPan ul li a:hover{text-decoration:underline; 
	color:#3f62a9;
}
/* ---------------- Design Bottom ------------------ */
#footerdesign {width:20%; 
	position:relative;
	padding:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
}
#footerdesign a{
	color:#464646; 
	text-decoration:none;
}
#footerdesign a:hover{
	color:#3f62a9;
	text-decoration:underline; 
}
#footerdesign a span.nakala{
	color:#FF9933;
	font-weight:bold;
}
#footerdesign a span.alpha{
	color:#a0c200;
	font-weight:bold;
}