html, body {font-size:100.01%;}
body{
  margin:0;
  font:64% Verdana, sans-serif;
  background:#cde5ff url(../images/body-bg.jpg) repeat-x;
  color:#566753;
}
h2{
  font:bold 115% "Lucida Sans", "Trebuchet MS", Verdana, Helvetica, sans-serif;
  margin:0;
  padding:11px 0 6px;
  letter-spacing: 2px;
}
.blue-area h2 {
  background:url(../images/h2-blue-border.png) repeat-x 0 100%;
}
.orange-area h2 {
  background:url(../images/h2-orange-border.png) repeat-x 0 100%;
}
.green-area h2 {
  background:url(../images/h2-green-border.png) repeat-x 0 100%;
}
a{color:#566753;}
a:hover{ text-decoration:none;}
#main{
  margin:0 auto;
  width:965px;
  overflow:hidden;
  background:url(../images/main-bg.gif) repeat-y;
}
/*-- content --*/
#content{
  padding:18px 0 0;
  width:965px;
  background:url(../images/sprite2.png) no-repeat -10px -10px;
  overflow:hidden;
  clear:both;
}
.bottom-bg{
  padding:0 8px 0 7px;
  width:950px;
  overflow:hidden;
  clear:both;
  background:url(../images/sprite2.png) no-repeat -995px top transparent;
  height: 26px;
}
h3{margin:0;}
h4{ margin:0;}
/*-- column --*/
.column{
  padding: 0;
  width:197px;
  float:left;
}
/*-- logo --*/
.column h1{
  float:left;
  display:inline;
  text-indent:-3000px;
  overflow:hidden;
  margin:1px 0 0 16px;
  height:268px;
}
.column h1 a{
  display:block;
  background:url(../images/logo.jpg) no-repeat;
  width:169px;
  height:268px;
}
ul {
    font-size: 110%;
}
ul.nav{
  overflow:hidden;
  clear:both;
  width:150px;
  margin:0 22px 0 25px;
  padding:7px 0 0;
  font-size: 95%;
}
ul.nav li{
  padding:5px 0;
  border-bottom:1px solid #c4ccc3;
  list-style:none;
}
ul.nav li a{
  text-decoration:none;
  color:#133564;
  font:110%/120% "Lucida Sans", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
ul.nav li a:hover{ text-decoration:underline;}
ul.nav li ul{
  margin:0;
  padding:0;
  font-size: 105%;
}
ul.nav li ul li{
  padding:5px 0 0 10px;
  border:none;
}
ul.nav li ul a{
  color:#719c62;
  display: block;
}
a.test, a.elearning {
  background:url(../images/sprite1.png) no-repeat -10px -10px;
  width:152px;
  height:107px;
  margin:15px 0 20px 26px;
  text-indent:-3000px;
  display:block;
  clear:both;
  overflow:hidden;
}
a.elearning {
  background:url(../images/sprite1.png) no-repeat -10px -137px;
}
/*-- column-1 --*/
.column-1{
  padding:22px 20px 26px 0;
  float:right;
  width:733px;
}
ul.list{
  overflow:hidden;
  clear:both;
  margin:13px 0 0;
  padding:0 0 15px 4px;
}
ul.list li{
  padding:0 0 13px 7px;
  background:url(../images/sprite1.png) no-repeat -10px -1355px;
  list-style:none;
}
a.see-all{
  font-size:110%;
  float:right;
}

.img-border{
  display:inline;
  margin:0 9px 0 7px; 
  float:left;
  background:url(../images/img-border.png) no-repeat;
  width:147px;
  height:113px;
}
.img-border img{
  margin:3px 0 0 3px;
  display:block;
}


/*-- info --*/
.info{
  background:#cde5ff;
  width:965px;
  clear:both;
  overflow:hidden;
  padding:0 0 15px;
}
.info a.contact{
  margin:9px 0 0 23px;
  display:inline;
  overflow:hidden;
  float:left;
  text-indent:-3000px;
  background:url(../images/sprite1.png) no-repeat -10px -1195px;
  width:104px;
  height:47px;
}
.info ul{
  margin:0;
  list-style:none;
  padding:10px 0 0 23px;
  float:left;
  width:180px;
  font-size: 100%;
}
.info ul li{
  font:120%/120% "Trebuchet MS", sans-serif;
  color:#666;
}
.info ul.logos{
  width:405px;
}
.info ul.logos li{
  float:left;
  padding:0 15px 0 0;
}
.info ul.logos li img{
  border:none;
  display:block;
}
/*-- footer --*/
#footer{
  height:40px;
  width:965px;
  background:#cde5ff url(../images/sprite1.png) no-repeat -3px -1262px;
  padding:11px 0 0;
  overflow:hidden;
  clear:both;
}
#footer ul{
  width:auto;
  float:left;
  margin:0;
  padding:0 0 0 18px;
}
#footer ul li{
  padding:0 9px;
  background:url(../images/sprite1.png) no-repeat -10px -1416px;
  float:left;
  list-style:none;
}
#footer ul li a{
  display:block;
  padding:2px 0 4px 19px;
  text-decoration:none;
  color:#999;
  font:bold 110%/100% "Lucida Sans", "Trebuchet MS", Verdana, Helvetica, sans-serif;
  background-repeat:no-repeat;
}

#footer ul li.agents a{
  background-image:url(../images/sprite1.png);background-position:-10px -1384px;}
#footer ul li.faq a {background-image:url(../images/sprite1.png);background-position:-10px -1323px;}
#footer ul li.sitemap a {
  background-position:-10px -1448px;
  background-image:url(../images/sprite1.png);
}
#footer ul li a:hover{text-decoration:underline;}
#footer p{
  font:110% "Trebuchet MS", sans-serif;
  color:#999;
  float:right;
  margin:0;
  padding:0 28px 0 0;
}
.none-separator{ background:none !important;}
/*----------------------------- inner --------------------------*/
.inner .column-1{ padding-bottom:57px;}
.blue-area ul.list{
  margin-top:0;}
.blue-area ul.list li {
  margin:9px 0 0;
  padding:0 0 5px 7px;
}
ul.list-1,
ul.list-2{
  margin:0;
  padding:0;
  list-style:none;
}
ul.list-1 {
  padding-top:7px;
  padding-bottom:17px;}
ul.list-1 li,
ul.list-2 li{font-size:110%;}
ul.list-2 li{padding:0 0 0 36px;}
.orange-area p,
.blue-area p,
.green-area p{
  font-size:110%;
  margin:0;
  padding:10px 20px 3px 0;
}
/* HEADER : MESSAGE */
#welcome-message {
  position:absolute;
  top:37px;
  width:290px;
  z-index:400;
  margin-left:450px;
}
#welcome-message p {
  margin-top: 0;
}
#welcome-message .left {
  width: 130px;
  float: left;
  margin: 0;
}
#welcome-message .right {
background: transparent url(../images/sprite1.png) no-repeat 0px -266px;
float:left;
padding-top:75px;
width:140px;
margin:5px 0 0;
}
/* HEADER : ROTATING PICTURES */
#rotating-pictures {
  list-style: none;
  margin: 0;
  padding:0;
  /*
   * Difficult to use like that as we need to deal with z-index as well
  background: transparent url(../images/sprite1.png) no-repeat -10px -363px;
  */
}
#rotating-pictures li {
  margin: 9px 0 0 11px;
  display: none;
}
#rotating-pictures li:first-child {
  display: block;
}
div.innerfade-title{
  position: absolute;
  bottom: 8px;
  left: 0;
  z-index: 200;
  width: 447px;
  background: #69b;
  height: 20px;
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: .7;
}
h2.innerfade-title {
  color: white;
  margin: 0;
  padding: 0;
  text-align:center;
  line-height: 1.2;
  font:bold 13px "Lucida Sans", "Trebuchet MS", Verdana, Helvetica, sans-serif;
  z-index:201;
  position:absolute;
  bottom:11px;
  width:447px;
}