html, body {
	height:100%;
}

/* stick footer to bottom */
body {
  background: url(/images/layout/bg-body.png) top center repeat-x;
	width:100%;
}

.wrapper {
	position:relative;
	width:980px;
	margin:0px auto;
	min-height:100%;
	height:auto !important;
	height:100%;
}

/* main elements */
#header{
  width: 100%;
  height: 120px;
}

#logo{
  float: left;
  width: 300px;
  height: 120px;
}

#topmenu{
  width: 650px;
  float: left;
  padding-top: 50px;
}

  #topmenu ul{
    display: block;
    float: right;
  }

    #topmenu ul li{
      display:block;
      float:left;
      font-weight: bold;
      font-size: 1.15em;
      color: #606060;
      height: 30px;
      padding: 0px 10px;
      line-height: 30px;
    }

      #topmenu ul li a{
        display: block;
        float: left;
        color: #808080;
        text-decoration: none;
        line-height: 30px;
        height: 30px;
        padding: 0px 10px;
        background: url(/images/layout/bg-topmenu.png) top center repeat-x;
      }

      #topmenu ul li a:hover{
        color: #404040;
        background: url(/images/layout/bg-topmenu-hover.png) top center repeat-x;
      }

      #topmenu ul li span a{
        color: #202020;
        height: 100%;
        line-height: 30px;
        display: block;
        padding: 0px 10px;
        background: url(/images/layout/bg-topmenu-selected.png) top center repeat-x;
      }


#left-column{
  width: 210px;
  float: left;
}

  #left-column div.content{
    padding: 0px 10px 10px 10px;
  }

#middle-column{
  width: 510px;
  float: left;
}

  #middle-column div.content{
    padding: 15px 10px 10px 10px;
  }

#right-column{
  width: 260px;
  float: left;
}

  #right-column div.content{
    padding: 15px 10px 10px 20px
  }