/* CSS Document */
body {
  margin:0;
  background: url(/images/end.gif) repeat-y scroll 1280px top;
}

#layout {
  min-width: 980px;
  max-width: 1280px;
  -width:expression((document.body.clientWidth) <= 980 ? '980px' : (document.body.clientWidth) > 1280 ? '1280px' : 'auto');
  background: url(/images/header-bg.gif) left top repeat-x;
}

.container {
  position:relative;
}

.cleaner {
  clear:both;
  overflow:hidden;
  height:0;
}

.header, .content, 
.footer, .columns {
  width:100%;
  clear:both;
}

.content .left, .content .main,
.columns .l, .columns .r { float: left; }

.content .left { width:24.9%; -margin-right: -100%; }
.content .main { width: 75%; -margin-left: 24.9%; -display: inline; }

/* .columns .l { width: 70%; -margin-right: 29.9%; -display: inline;  } */
.columns .l { width: 99.5%; -margin-right: 29.9%; -display: inline;  }
.columns .r { width: 29.5%; -margin-left: -29.9%;}


/* - Header*/
.header {
  background:url(/images/main-board.jpg) right top no-repeat;
  height:158px;
  overflow:hidden;
}

.header .container { 
  margin: 0 1.5%;  padding: 6.6em 0 1em 235px ;
  -zoom:1;
}

.logo {
  position:absolute;
  left:0;
  top:2.5em;
  width:213px;
}

.shortcuts {
  position:absolute;
  right:400px;
  top:1em;
}

.keys {
  position:absolute;
  left:0;
  top:0.5em;
}


/* - Content*/
.content { padding:1em 0 2em 0; } 
.content .left .container {
  padding:0 10% 0 6%;
  margin:0;
  -zoom:1;
}

.columns .l .container {
  padding:0 5% 0 0;
  margin:0;
  -zoom:1;
}
.columns .r .container {
  padding:0 6% 0 0;
  margin:0;
  -zoom:1;
}


/* - Footer*/
.footer { border-top:1px solid #ccc;}

.footer .container {
  padding: 1em 300px 1em 350px;
  margin: 0 1.5%;
  -zoom:1;
  text-align: center;
}

.footer p { text-align:center;}
.footer .copy p { text-align:left;}

.footer .email {
  position:absolute;
  top:1em;
  right:0;
  z-index:1;
  width:50%;
  
}

.footer .email p { text-align:right;}

.footer .copy {
  position:absolute;
  top:1em;
  left:0;
  text-align:left;
}