html {
  position: relative;
  min-height: 100%;
}
body {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 18px;
    font-weight: 200;
    color: #54565b;
    margin: 0 0 84px;
}
#blocktitle {
    clear: both;
    background-color: #54565b;
    color: #e6e8ee;
    font-weight: 400;
    font-size: 24px;
    text-align: center;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 40px;
}
#maincontent {
    margin: 0;
    width: 100%;
}
p {
    text-align: center;
}
b {
    font-weight: bold;
}
img {
    margin: 20px;
}
ul.download-options {
    display: block;
    text-align: center;
    list-style-type: none;
    padding: 0;
}
ul.download-options li {
    /*display: inline-block;*/
}
#warningimage {
    text-align: center;
}
#cologo {
    text-align: right;
    width: 40%;
    float: right;
}
#wrlogo {
    float: left;
    width: 40%;
}

/*classes*/
.logo-bar a > img {
  height: 40px;
}
.wr-logo {
  /*positon: absolute;*/
  float: right;
  right: 0;

}
.cust-logo {
  float: left;
  width: 40%;
}


/*footer section*/
/*copied from gsm*/

#footer {
  position: absolute;
  height: 42px;
  width: 100%;
  bottom: 42px;
  background-color: #e6e8ee;
  color: #94969b;
  font-size: 14px;
  overflow: hidden;
}

#footer p {
   margin: 13px;
   padding-left: 15px;
   display: inline-block;
}

#footer p a {
   margin-left: 10px;
   padding-left: 10px;
   border-left: 1px solid #94969b;
   color: #0083c1;
   text-decoration: none;
}

#footer p a:hover {
   text-decoration: underline;
}

#social {
   float: right;
   margin: 12px 0 0;
   height: 16px;
   display: inline-block;
}

#social a {
   height: 16px;
   width: 16px;
   margin: 0 10px 0 0;
   display: inline-block;
   float: left;
}

#social a.fb {
   background: url(/images/facebook.gif) no-repeat left top;
}

#social a.twit {
   background: url(/images/twitter.gif) no-repeat left top;
}

#social a.gplus {
   background: url(/images/googleplus.gif) no-repeat left top;
}

#social a.linked {
   background: url(/images/linkedin.gif) no-repeat left top;
}

#social a.youtube {
   background: url(/images/youtube.gif) no-repeat left top;
}

/*shrinking code for tiny resoultions*/
@media all and (max-height: 460px) {
  body {
    /*background-color: lightgreen;*/
    /*display: none;*/
  }
  div:not(#blocktitle) {
    display: none;
  }
}