/* LAYOUT */
body {
  padding: 0px; margin: 0px;
  background-image: url("images/bg-body.png"); background-repeat: repeat-x;
  text-align: center; font-size: 0.8em;
}

#header, #header-content, #prefix-content, #content-content, #footer-content {
  padding: 0px; margin: 0px;
  width: 980px; margin: 0em auto; text-align: left;
}
#header, #prefix, #content, #footer { clear: both; }


/* header */
#header { background-image: url("images/logo.png"); background-repeat: no-repeat; }
#header a.logo { display: block; width: 118px; height: 104px; }
#header hr, #header a.logo span { display: none; }

#motto { 
  clear: both; color: #185593; font-size: 1.7em; font-style: italic;
  width: 650px; line-height: 2em;
}

#header-content {
  height: 270px;
  background-image: url("images/box.png"); background-position: right bottom; background-repeat: no-repeat;
}

#nav-logo { float: left; width: 140px; }

/* nav-lang */
#nav-lang { float: right; width: 500px; }
#nav-lang ul { list-style-type: none; padding: 0px; margin: 20px 0px; }
#nav-lang li { display: block; float: right; line-height: 25px; margin-left: 20px; }
#nav-lang a { 
  display: block; margin: 0px 5px; text-decoration: none;
  -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px;
}
/*#nav-lang a.act { background-color: #e4f0fe; border: 1px solid #d6e5f5; }*/ 

/*#content { margin-top: 40px; }*/

#footer { margin: 30px 0px; }

/* Boxes */

.sw-box { float: left; width: 33%; margin: 30px 0px 30px 0px; }
.sw-box img { float: left; height: 80px; }
.sw-box p { padding: 10px 15px 0px 15px; clear: both; }
/*.sw-box h2, .sw-box p { padding-left: 140px; }*/
/*.sw-box p { width: 660px; }*/
.sw-box h2 { font-size: 2em; /*padding-top: 20px;*/ }
.sw-box button {
  width: 160px; height: 60px; background-image: url("images/btn-more-info.png");
  background-color: #fff; border: 0px; margin: 0px 0px 0px 5px;
  /*float: right;*/ 
}
.sw-box button a { 
  display: block; line-height: 60px; width: 140px; height: 70px; padding: 0px;
  color: #000; text-decoration: none; font-size: 1.1em; font-weight: bold;
}

.contact-box { 
  border: 1px solid #D9EAFE; margin: 15px; margin-top: 40px; 
  background-color: #ECF5FF; 
}
.contact-box h3 {
  margin: 0px 0px 0px 15px; font-size: 1.8em; font-weight: normal; 
  /*float: right; width: 33%;*/ 
  /*padding: 0px 15px;*/ 
}

#prefix {
  padding: 5px 10px 5px 20px; background-color: #D9EAFE; background-color: #ECF5FF;
  /* border-bottom : 1px solid #e5e5e5; border-top: 1px solid #c5daf1;*/
 border: 1px solid #D9EAFE;
}

#prefix p { float: left; width: 450px;  }
#prefix h2 { margin: 10px 0px 0px 0px; padding: 0px; }
#prefix-content .first { margin-right: 30px; }


/* DESIGN */

body {
  font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
}

a { color: #185593; }
p { line-height: 1.6em; text-align: justify; }
a img { border: 0px; }


/* classes ////////////////////////////////////////////////////////////////// */
.ifl { float: left; margin: 0em 1em 1em 0em; }
.ifr { float: right; margin: 0em 0em 1em 1em; }
.cb { clear: both; font-size: 1px; line-height: 1px; }
.cl { clear: left; line-height: 0px; }
.cr { clear: right; line-height: 0px; }
.asterix { color: #d60713; }
.note { font-size: 0.9em; color: #888; }
.nw { white-space: nowrap; }