html {
	margin: 0px 0px 1px 0px;
	padding: 0px;
    height:100%;
    }

body {	
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif, MS Gothic, Osaka;	
	background-image: url(../img/header_body.jpg); background-repeat: repeat-x;
	}

#wrapper {
	position: relative;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: left;
	width: 950px;
	background-color: #ffffff;
	}

#headerbox {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(../img/header.jpg); background-repeat: no-repeat; background-position: center;
	height: 90px;
}


#language {
	display: block;
	position: relative;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 810px;
	text-align: right;
	height: 0px;
}

.spacerHeader {
	background-image:url(../img/spacer_header.gif); background-repeat: no-repeat; background-position: left;
	}
	
.navalign {
	position: absolute;
	top: 55px;
	margin-top: 0px;
	padding-top: 10px;
	margin-left: 55px;
	display: block;
	}
	
.nav a {
	background-image: url(../img/nav.gif);  background-repeat: no-repeat; background-position: center;
	width: 132px;
	line-height: 38px;
	float: left;
	text-align: center;
	text-decoration: none;
	font-weight: bolder;
	font-size: 12px;
	color: #015C7F;
	margin-right: 4px;
	}

.nav a:hover {
	background-image:url(../img/nav_over.gif); background-repeat: no-repeat;
	text-decoration: underline;
	color: #B1ABA4;
	}
	
.navon a {
	background-image:url(../img/nav_over.gif); background-repeat: no-repeat;
	width: 132px;
	line-height: 38px;
	float: left;
	text-align: center;
	text-decoration: none;
	font-weight: bolder;
	font-size: 12px;
	color: #B1ABA4;
	margin-right: 4px;
	}

#content {
	background-color: #FFFFFF;
	display: block;
	margin-top: 20px;
	font-size: 12px;
	line-height: 18px;	
	overflow: hidden;
	margin-left: 55px;
	padding: 0px;
	width: 810px;
	text-align: justify;
	min-height: 500px;	
	}
	
#footer {
	margin-top: 15px;
	font-size: x-small;
	color: #015C7F;
	margin-left: 65px;	
	}
	
p {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	display: block;
	clear: left;
	}
	
p.marginRight {
	margin-right: 145px;
	}
	
a {	
	color: #015C7F;	
	text-decoration: none;
	font-weight: bolder;
	}

a:hover {
	color: #B1ABA4;	
	text-decoration: underline;
	}
	
a.footer {	
	color: #015C7F;	
	text-decoration: none;
	font-weight: normal;
	}

a.footer:hover {
	color: #B1ABA4;	
	text-decoration: underline;
	}

a.anchor {	
	color: #000000;	
	text-decoration: none;
	font-weight: bolder;
	}

a.anchor:hover {
	color: #015C7F;
	text-decoration: underline;
	}
	
a.top {
	color: #B1ABA4;
	text-decoration: none;
	font-size: smaller;
	}

a.top:hover {
	color: #015C7F;
	text-decoration: none;
	}
	
a.reference {
	color: #B1ABA4;
	text-decoration: none;
	font-style: italic;
	font-size: smaller;
	margin-left: 40px;
	}
	
a.reference:hover {
	color: #81817C;
	text-decoration: underline;
	}	

.right {
	font-size: 12px;
	position: relative;
	float: right;
	width: 375px;
	line-height: 20px;
	color: #0EB2F0;
	padding-top: 12px;
	}
	
.bigBlueBox {
	background-image: url(../img/big_box_blue.jpg); border:none; background-repeat: no-repeat;
	float: left;
	width: 500px;
	min-height: 250px;
	_height: 250px; /*Required for IE6 purposes to ensure box bottom is displayed */
	padding: 10px 22px 15px 0px;
	display: block;
	clear: left;
	margin-right: 5px;
	}

span.BlueBoxRight {
	position: relative;
	float: right;
	font-size: 12px;
	width: 310px;
	display: block;
	padding-right: 18px;
	padding-top: 7px;
	clear: right;
	}

	
span#iconBullet1 {
	position: relative;
	float: left;
	background-image: url(../img/icon_consultation.gif); background-repeat: no-repeat; background-position: left;
	min-height: 32px;
	_height: 32px;  /*Required for IE6 purposes to ensure box bottom is displayed */
	text-indent: 40px;
	color: #39B5E4;
	font-size: 12px;
	font-weight: bold;
	border-bottom: solid 1px;
	border-bottom-color: #39B5E4;
	clear: left;
	display: block;
	width: 145px;
	padding-top: 10px;
	padding-left: 10px;
	margin-left: 7px;	
	}
	
span#iconBullet2 {
	position: relative;
	float: left;
	background-image: url(../img/icon_design.gif); background-repeat: no-repeat; background-position: left;
	min-height: 32px;
	_height: 32px;  /*Required for IE6 purposes to ensure box bottom is displayed */
	text-indent: 40px;
	color: #39B5E4;
	font-size: 12px;
	font-weight: bold;
	border-bottom: solid 1px;
	border-bottom-color: #39B5E4;
	clear: left;
	display: block;
	width: 145px;
	padding-top: 10px;
	padding-left: 10px;
	margin-left: 7px;			
	}
	
span#iconBullet3 {
	position: relative;
	float: left;
	background-image: url(../img/icon_ecommerce.gif); background-repeat: no-repeat; background-position: left;
	min-height: 32px;
	_height: 32px;  /*Required for IE6 purposes to ensure box bottom is displayed */
	text-indent: 40px;
	color: #39B5E4;
	font-size: 12px;
	font-weight: bold;
	border-bottom: solid 1px;
	border-bottom-color: #39B5E4;
	clear: left;
	display: block;	
	width: 145px;
	padding-top: 10px;
	padding-left: 10px;
	margin-left: 7px;				
	}
	
span#iconBullet4 {
	position: relative;
	float: left;
	background-image: url(../img/icon_maintenance.gif); background-repeat: no-repeat; background-position: left;
	min-height: 32px;
	_height: 32px;  /*Required for IE6 purposes to ensure box bottom is displayed */
	text-indent: 40px;
	color: #39B5E4;
	font-size: 12px;
	font-weight: bold;
	border-bottom: solid 1px;
	border-bottom-color: #39B5E4;
	clear: left;
	display: block;	
	width: 145px;
	padding-top: 10px;
	padding-left: 10px;
	margin-left: 7px;					
	}
	
span#iconBullet5 {
	position: relative;
	float: left;
	background-image: url(../img/icon_localisation.gif); background-repeat: no-repeat; background-position: left;
	min-height: 32px;
	_height: 32px;  /*Required for IE6 purposes to ensure box bottom is displayed */
	text-indent: 40px;
	color: #39B5E4;
	font-size: 12px;
	font-weight: bold;
	border-bottom: solid 1px;
	border-bottom-color: #39B5E4;
	clear: left;
	display: block;
	width: 145px;
	padding-top: 10px;
	padding-left: 10px;
	margin-left: 7px;				
	}	
	
.both {
	clear: both;
	padding: 0px;
	margin: 0px;
	}

.3rdParty {
	float: right;
	padding: 0px;
	margin: 0px;
	border: 0;
	}
	
span.intro {
	position: relative;
	float: left;
	width: 650px;
	text-align: justify;
	}
	
span.red {
	color: #FF0000;
	margin-top: 5px;
	margin-bottom: 5px;	
	}
	
.rightImage {
	float: right;
	vertical-align: top;
	margin-right: 10px;
	}    

h1 {
	font-size: 16px;
	font-weight: bolder;
	color: #015C7F;
	}
	
h2 {
	background-image: url(../img/arrow.gif); border:none; background-repeat: no-repeat;
	margin-top: 15px;
	margin-bottom: 15px;
	text-indent: 20px;
	font-size: 12px;
	font-weight: bolder;
	color: #015C7F;
	float: left;
	clear: left;
	}

h3 {
	color: #015C7F;
	font-size: smaller;
	font-style: italic;
	margin-left: 40px;
	}

h4 {
	color: #81817C;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 5px;
	}
	
hr.cms {
	color: #015C7F;
	margin-right: 15px;
	}

.picContainer {
	position: relative;
	width: 650px;
	}

.picHeight {
	width: 650px;
	min-height: 140px;
	_height: 140px;   /*Required for IE6 purposes to ensure box bottom is displayed */
	padding-left: 25px;
	}
	
.picleft {
	position: relative;
	float: left;
	clear: left;
	margin-top: 10px;
	vertical-align: middle;
	}
	
.picleftText {
	position: relative;
	float: right;
	width: 380px;
	margin-right: 80px;
	margin-top: 40px;
	vertical-align: middle;
	}
	
.picright {
	position: relative;
	float: right;
	margin-right: 80px;
	margin-top: 10px;
	vertical-align: middle;
	}
	
.picrightText {
	position: relative;
	float: left;
	width: 380px;
	margin-top: 50px;
	vertical-align: middle;
	}
	
img.about {
	position: relative;
	float: left;
	margin-top: 20px;
	clear: left;
	}
		
	
/*FORM STYLES*/
	
form {
	font-size: smaller;
	font-weight: bolder;
	color: #015C7F;
	clear: left;
	margin-top: 10px;
	}

.send-btn {
	width: 132px;
	min-height: 40px;
	line-height: 40px;
	background-image: url(../img/nav.gif); background-repeat:no-repeat;
	background-color: #ffffff;
	outline: none;
	text-align: center;
	text-decoration: none;
	font-weight: bolder;
	font-size: 9px;
	color: #015C7F;
	border: 0;
	float: left;
}

.send-btn:hover {
	background-image: url(../img/nav_over.gif); background-repeat:no-repeat;
	color: #B1ABA4;
	outline: none;	
}

input {
	font-size: 10pt;
	width: 450px;
	border: solid 1px #015C7F;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
textarea {
	font-size: 10pt;
	width: 450px;
	border: solid 1px #015C7F;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	
input.checkbox {
	width: auto;
	border: 0;
	float: left;
	clear: left; 
	margin-left: 40px;
	}
	
em {
	color: #FF0000;
	font-size: 9px;
	}
	
select {
	font-size: 9px;
	color: #015C7F;
	width: 150px;
	}
	
.fixer {
	position: relative;
	line-height: 25px;
	padding: 0px;
	vertical-align: sub;
	clear: left;
	}
	
.note {
	font-size: 9px;
	font-style: italic;
	color:  #ff0000;
	padding: 0px;
	margin: 0px;
	}
	
.t1 {visibility: hidden;}
.t2 {visibility: visible; vertical-align: middle;  width: 293px;}
	
/* TEXT VERSION STYLES */

p.text { margin-left: 10px; } 
h1.black { color: #000000; margin-left: 10px; } 
h2.black { font-size: inherit; background-image:none; color: #000000; margin-left: 10px; } 
h3.black { color: #000000; margin-left: 10px;} 
b.text { font-size: smaller; } 
a.text { margin-left: 10px; cursor: default; } 
body.text { background-image: none; padding: 60px; }
b.cj { color: #00aeef; font-style: italic;  margin-left: 10px; font-size: large; }
b.webteam { color: #b0aaa4; font-style: italic; font-size: large; }