@import "reset.css";

body {
-x-system-font:none;
background:#000205 url(../img/backgrounds/body.jpg) no-repeat scroll 50% 0;
color:#F9F9F9;
font-family:"Segoe UI", Arial, "Myriad Pro", "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}

a {
color:#A3CEEA;
}

#wrapper-container {
background:transparent url(../img/backgrounds/wrapper.png) no-repeat scroll 0 0;
margin:0 auto;
width:990px;
}

#wrapper {
margin:0 auto;
width:960px;
}

#header {
height:82px;
position:relative;
}

#content {
background:transparent url(../img/backgrounds/content.png) no-repeat scroll 0 0;
}

#content-main {
  float:left;
  width:470px;
  margin: 0px 0px 0px 20px;
}

#content-main h1 {
  font-size: 18px;
  padding:0px;
  margin: 36px 0px 0px 20px;
  line-height: 18px
}

#content-main p, li {
  font-size: 13px;
  line-height: 18px;
/*   padding-left:50px; */
}

#content-main p {
  margin: 18px 0px 0px 20px;
}

#content-main li{
  margin: 18px 0px 0px 40px;
  list-style-type: disc;
  list-style-position:outside;
}

#content-main form p {
  margin: 2px 0px 0px 20px;
}

#content-side {
float:right;
width:440px;
}

#side-container {
background:transparent url(../img/backgrounds/side.png) no-repeat scroll left top;
margin-top:30px;
overflow:hidden;
padding-left:30px;
padding-right:20px;
padding-bottom: 20px;
}

#side-container h3 {
  font-weight: bold;
  font-size: 20px;
  padding: 10px;
}

#side-container p {
  font-weight: normal;
  font-size: 12px;
  padding: 6px;
  line-height: 18px;
}

label { 
  display: block;
  padding-top: 12px;
}
input, textarea { 
  margin: 3px 0px 3px 0px;
  border: none;
  background-color: #262D35;
  color: white;
  width: 90%;
  padding: 6px;
}

button { 
  margin: 12px 0px;
}

#logo {
left:20px;
position:absolute;
top:0px;
width:300px;
}

#logo h1 {
background:transparent url(../img/backgrounds/logo.png) no-repeat scroll 0 0;
height:70px;
text-indent:-99999em;
width:300px;
}

#logo h1 a {
display:block;
height:60px;
left:0;
position:absolute;
top:0;
width:300px;
}

#logo h2 {
font-size:20px;
margin-left:10px;
position:relative;
top:-5px;
}

#flags {
       position: absolute;
       top: 0px;
       left: 215px;
}

#flags li {
       float: left;
       width: 28px;
}

#menu {
bottom:0;
position:absolute;
right:0;
width:660px;
}

#menu li {
border-right:2px solid #0163C0;
float:left;
height:30px;
line-height:1.1em;
margin-bottom:5px;
margin-right:5px;
position:relative;
width:120px;
}

#menu li.last {
border-right:medium none;
margin-right:0;
}

a.menulink {
  display: block;
  position: absolute;
  bottom: 0px;
  font-size: 12px;
  left: 0px;
  color: #CDCDCD;
  text-decoration: none;
  line-height: 1.1;
}

a.menulink:hover {
  color: red;
}

a.menulink-active { 
  color: red;
}



#content-footer {
clear: both;
/* background:transparent url(../img/backgrounds/footer.png) no-repeat scroll 0 0; */
bottom:-30px;
font-size:11px;
height:115px;
padding-top:20px;
position:relative;
width:500px;
padding-bottom: 25px;
}

#content-footer p {
padding-left:50px;
padding-top: 25px;
margin-bottom:10px;
}

#search {
background:transparent url(../img/backgrounds/search.png) no-repeat scroll 0 0;
height:105px;
position:relative;
width:440px;
}

#search form {
left:60px;
position:absolute;
top:15px;
width:318px;
}

#search form h4 {
font-size:14px;
margin-top:-2px;
position:relative;
}

#search form h4 a {
position:absolute;
right:0;
}

#search form span {
background:transparent url(../img/backgrounds/search-input.gif) no-repeat scroll 0 0;
display:block;
height:46px;
padding:14px 5px 5px;
}

#search form .text {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #000000;
padding:5px 3px;
width:300px;
}

#credits {
background:transparent url(../img/backgrounds/stripes.gif) repeat scroll 0 0;
margin-top:20px;
padding:20px 0;
}

#credits .box {
margin-bottom:20px;
}

#credits .box-header h5 {
background:#2F2F2F url(../img/backgrounds/tab-left.jpg) no-repeat scroll left top;
color:#A3CEEA;
display:block;
float:left;
padding-left:10px;
}

#credits .box-header h5 span {
background:#2F2F2F url(../img/backgrounds/tab-right.jpg) no-repeat scroll right top;
display:block;
padding:5px 10px 5px 0;
}

#credits .box-content {
background:#1E1E1E url(../img/backgrounds/gradient-big.jpg) repeat-x scroll 0 0;
clear:both;
padding:10px;
}

#credits p {
font-size:10px;
line-height:1.2em;
}



.left {
float:left;
}

.right {
float:right;
}

.clr {
min-height:1px;
}

* html .clr {
height:1%;
}

.clr:after {
clear:both;
content:".";
display:block;
height:0;
overflow:hidden;
visibility:hidden;
}


#topmenu {
  font-size: 1em;
  line-height: 3;
  position: absolute;
  bottom: 0px;
  left: 330px;
  width: 720px;
  z-index: 2;
}

#topmenu li { 
  position: relative;
  height: 30px;
  float: left;
  line-height: 1.2em;
  margin-bottom: 5px;
  margin-right: 5px;
  width: 95px;
}

ul.buttonbar { 
  display: inline;
}

ul.buttonbar li { 
  display: inline;
  list-style: none;
/*   float: left; */
  width: 2.5em;
}

a.headerlink { 
  text-align: left;
  line-height: 1.2;
  margin: 0px 0.2em;
  padding: 0.6em 0.6em 0.5em 0.6em;
  font-size: 1.1em;
  background-color: transparent;
  text-decoration: none;
}

.middle { 
  border-right: 2px solid #0163c0;
}

.last { 
  border-right: 0px solid #0163c0; 
}