.wrapper {
  max-width: 800px;
  margin: 0 auto; }

#header img {
  width: 100%;
  margin: 0px;
  display: block; }
#header .banner-s {
  display: none; }
#header .banner-m {
  display: none; }

.show-m, .show-s, .ssmall, .smid {
  display: none; }

.clr {
  clear: both; }

.gap15 {
  height: 15px; }

.pdt30 {
  padding-top: 30px; }

.left {
  float: left; }

.right {
  float: right; }

.imgleft {
  float: left;
  margin: 0px 10px 10px 0px; }

.imgright {
  float: right;
  margin: 0px 0px 10px 10px; }

.txt-right {
  text-align: right; }

.col10, .col20, .col30, .col40, col50, .col60, .col70, .col80, .col90,
.col15, .col25, .col75, .col85, .col33 {
  float: left;
  display: inline-block; }

.col10 {
  width: 10%; }

.col20 {
  width: 20%; }

.col30 {
  width: 30%; }

.col40 {
  width: 40%; }

.col50 {
  width: 50%; }

.col60 {
  width: 60%; }

.col70 {
  width: 70%; }

.col80 {
  width: 80%; }

.col90 {
  width: 90%; }

.col15 {
  width: 15%; }

.col25 {
  width: 25%; }

.col75 {
  width: 75%; }

.col85 {
  width: 85%; }

.col33 {
  width: 33%; }

.row:before,
.row:after {
  content: "";
  display: table; }

.row:after {
  clear: both; }

.row {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }

/* main nav ===============================*/
#mainnav {
  background: url(../img/mainnav-bg.jpg) repeat-x;
  display: block;
  height: 50px;
  font-weight: bold;
  font-size: 14px; }
  #mainnav li a img {
    max-width: 100%; }

/*Strip the ul of padding and list styling*/
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute; }

/*Create a horizontal list with spacing*/
li {
  display: inline-block;
  float: left;
  /*	margin-right: 1px;*/ }

/*Style for menu links*/
li a {
  display: block;
  /*	min-width:140px;*/
  height: 30px;
  text-align: center;
  line-height: 1.25em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background: #9967fe;
  text-decoration: none;
  padding-top: 20px; }

li a.t-line {
  height: 40px;
  padding-top: 10px; }

/*Hover state for top level links*/
li:hover a {
  color: #f8fe08; }

/*Style for dropdown links*/
li:hover ul a {
  color: #f4fc13;
  height: 40px;
  line-height: 40px; }

/*Hover state for dropdown links*/
li:hover ul a:hover {
  color: #f4fc13; }

/*Hide dropdown links until they are needed*/
li ul {
  display: none; }

/*Make dropdown links vertical*/
li ul li {
  display: block;
  float: none; }

/*Prevent text wrapping*/
li ul li a {
  width: auto;
  min-width: 100px;
  padding: 0 20px; }

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
  display: block; }

/*Style 'show menu' label button and hide it by default*/
.show-menu {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #fff;
  background: #8e5ef0;
  text-align: center;
  padding: 10px 0;
  display: none; }

/*Hide checkbox*/
input[type=checkbox] {
  display: none;
  -webkit-appearance: none; }

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu {
  display: block; }

#navigation {
  margin: 10px 0px; }

.side_links {
  margin: 10px 0px;
  display: block; }
  .side_links img {
    max-width: 100%; }

#main-content img {
  max-width: 100%; }

#aside img {
  max-width: 100%; }

@media screen and (max-width: 480px) {
  #header .banner {
    display: none; }
  #header .banner-m {
    display: none; }
  #header .banner-s {
    display: block; }

  .show {
    display: none; }

  .show-m {
    display: none; }

  .show-s {
    display: block; }

  .nsmall {
    display: none; }

  .ssmall {
    display: block; }

  .smid {
    display: none; } }
/*Responsive Styles*/
/*Responsive Styles for main nav*/
@media screen and (max-width: 800px) {
  /*Make dropdown links appear inline*/
  ul {
    position: static;
    display: none; }

  /*Create vertical spacing*/
  li {
    margin-bottom: 1px; }

  /*Make all menu links full width*/
  ul li, li a {
    width: 100%; }

  /*Display 'show menu' link*/
  .show-menu {
    display: block; } }
@media screen and (max-width: 599px) {
  .col10, .col20, .col30, .col40, col50, .col60, .col70, .col80, .col90,
  .col15, .col25, .col75, .col85, .col33 {
    float: none;
    display: inline-block;
    width: 100%; }

  .side_links {
    float: left;
    margin: 10px; } }
@media screen and (min-width: 481px) and (max-width: 599px) {
  #header .banner {
    display: none; }
  #header .banner-m {
    display: block; }

  .show {
    display: none; }

  .show-m {
    display: block; }

  .show-s {
    display: none; }

  .smid {
    display: block; }

  .olarge {
    display: none; } }
@media screen and (min-width: 600px) {
  #main-content div, #main-content p, #main-content img, #main-content h1, #main-content table {
    margin-right: 10px; } }
/*Only for main nav*/
@media screen and (min-width: 800px) {
  #mainnav li a {
    background: none;
    padding: 10px 10px 0px 10px;
    height: 40px; }
  #mainnav li {
    background: url(../img/mainnav-sep.jpg) no-repeat 0% 100%; }
  #mainnav li:first-child {
    background: none; }

  #manu li ::before {
    content: '1'; } }
/*#navigation_center li:first-child:before {
    content: '';
}*/

/*# sourceMappingURL=styles.css.map */