/* iix index */
/* rxx resets */
/* sxx basic and general setup */
/* mmx setup page specific menus */
/* hpx home page setup */
/* apx home page setup */
/* clx clients page */
/* ctx contact page */
/* vpx vacancies page */
/* srx services page */
/* scx sectors page */
/* fxx setup footer */

/* rxx resets */
*{
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Arial, Sans-Serif;
}
html{
  font-size:100%;
  text-align: justify;
}
table{
  border-collapse: collapse;
}
p{
  color: #000000;
  font-size: 1.4em;
  line-height: 1.5;
  margin-bottom: 1em;
}
#content li{
  font-size: 1.4em;
  margin-left: 1.4em;
}
h2{
  color: #00b8ff;
  font-size: 1.6em;
  line-height: 1.6;
}
img{
  font-size: 1.4em;
}
.label{
  font-weight: bold;
}
.item{
  font-style: italic;
}
.item a{
  text-decoration: none;
  color: #000000;
}
div.label,
div.item{
  font-size: 1.4em;
  line-height: 1;
}

/* sxx basic and general setup */
body{
  background: #050505 url('../img/global/bg.jpg') repeat-x;
  font-size:0.625em;
  text-align: center;
}
#body{
  background: url('../img/global/bg_alu.png') no-repeat top left;
  width: 895px; /* 965/895 */
  height: 618px; /* 678/618 */
  padding: 30px 35px;
  margin: 0 auto;
  text-align: justify;
}
#container{
  padding: 15px;
}
#menuside{
  float: left;
  width: 131px;
  height: 592px;
}
#contentside{
  float: right;
  width: 720px;
  height: 100%;
  position: relative;
}

/* mxx menu setup */
#menuside .title{
  font-size: 1.4em;
  position: relative;
  top: 258px;
  text-align: right;
  padding-right: 8px;
  color: #000000;
}
#menuside ul{
  font-size: 1.2em;
  position: relative;
  top: 258px;
  list-style-type: none;
  padding-left: 7px;
  line-height: 2;
}
#menuside a{
  color: #000000;
  text-decoration: none;
}

/* mmx setup page specific menus */
#homepage #menuside{
  background: url('../img/home/bg_menu.png') no-repeat top left;
}
#aboutpage #menuside{
  background: url('../img/about/bg_menu.png') no-repeat top left;
}
#sectorspage #menuside{
  background: url('../img/sectors/bg_menu.png') no-repeat top left;
}
#servicespage #menuside{
  background: url('../img/services/bg_menu.png') no-repeat top left;
}
#clientspage #menuside{
  background: url('../img/clients/bg_menu.png') no-repeat top left;
}
#vacanciespage #menuside{
  background: url('../img/vacancies/bg_menu.png') no-repeat top left;
}
#contactpage #menuside{
  background: url('../img/contact/bg_menu.png') no-repeat top left;
}

/* hpx home page setup */
#homepage #content{
  background: url('../img/home/bg_content.png') no-repeat top left;
  height: 100%;
}
#homepage #content h2{
  width: 490px;
  padding-top: 420px;
  float: left;
}
#homepage #content p{
  width: 490px;
  float: left;
}
#homepage #content img{
  float: right;
  margin-right: 15px;
}

/* apx about page setup */
#aboutpage #content .p{
  width: 490px;
  float: left;
}
#aboutpage #content img{
  display: block;
  margin-bottom: 10px;
}
#aboutpage #content .img{
  float: right;
  text-align: center;
}

/* clx clients page setup */
#clientspage img{
  margin: 0px 10px 10px 0px;
  padding: 0px;
}

/* ctx contact page */
#contactpage #contentside{
  text-align: center;
}
#contactpage #content{
  text-align: left;
  display: block;
  width: 649px;
  margin: auto auto;
  background: url('../img/contact/bg_content.png') no-repeat top left;
  height: 433px;
  padding: 80px 30% 0px 30%;
  margin-top: 50px;
}

/* clx clients page setup */
#clientspage img{
  margin: 0px 10px 10px 0px;
  padding: 0px;
}

/* vpx vacancies page */
#vacanciespage #content{
  background: url('../img/vacancies/bg_content.png') no-repeat top left;
  height: 100%;
}
#vacanciespage #content h2{
  width: 490px;
  padding-top: 410px;
  float: left;
}
#vacanciespage #content p{
  width: 490px;
  float: left;
}
#vacanciespage #content img{
  float: right;
  margin-right: 30px;
}
#vacanciespage #content a{
  color: #000000;
}

/* srx services page */
#servicespage #content .p{
  width: 490px;
  float: left;
}
#servicespage #content .p ul{
  width: 200px;
  float: left;
  line-height: 3;
}
#servicespage #content .p ul a{
  color: #000000;
}
#servicespage #content .p .p2{
  width: 280px;
  float: left;
  font-size: 0.8em;
}
#servicespage #content .p .p2 img{
  display: block;
  text-align: center;
  margin: auto auto;
}
#servicespage #content img{
  margin-bottom: 10px;
}
#servicespage #content .img img{
  display: block;
  margin-bottom: 20px;
}
#servicespage #content .img{
  float: right;
  text-align: center;
  margin-right: 10px;
}
/* scx sectors page */
#sectorspage #content .p{
  width: 400px;
  float: left;
}
#sectorspage #content img{
  display: block;
  margin-bottom: 10px;
}
#sectorspage #content .img{
  float: right;
  text-align: center;
  width: 245px;
  margin-right: 30px;
}
#sectorspage .label{
  color: #00b8ff;
  float: left;
  clear: left;
  margin-bottom: 11px;
}
#sectorspage .item{
  float: right;
  clear: right;
  margin-bottom: 11px;
  width: 60%;
  text-align: right;
}

/* fxx setup footer */
#footer{
  text-align: left;
  border-top: 1px solid #00b8ff;
  color: #00b8ff;
  width: 100%;
  float: right;
  clear: both;
  position: absolute;
  bottom: 30px;
  left: 0px;
  font-size: 1.2em;
}
#footer a{
  color: #00d8ff;
  text-decoration: none;
}
#footer .left{
  float: left;
  width: 550px;
}
#footer .right{
  float: right;
  text-transform: uppercase;
}