


<style>
div.background_preview {
  width: 100%;
  background: blue;
  padding: 0;
}
div#background_preview img {
  width: 100%;
  border: 1px solid #ccc;
  padding: 2px;
}
div#features div {
  padding-bottom: 2%;
}
div#features img {
  width: 76%;
  padding: 13%;
  padding-bottom: 1%;
}
div#features p {
  font-size: 11px;
  font-weight: bold;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 11px;
}
ul#main_nav, ul#main_nav2 {
clear: both;
width: 100%;
float: none;
}
/* Styles */
  div.content-inner {
    max-width: 1024px;
    width: 1024px;
    margin: 0 auto;
  }
  div#features {
    float: right;
    width: 50%;
    padding-top: 0;
  }
  div#background_preview {
    width: 48%;
    float: left;
    margin-bottom: 2%;
  }
  div#background_preview img {
  }
  ul#main_nav {
    clear: left;
    float: left;
    width: 45%;
    margin-left: 2%;
    margin-right: 2%;
  }
  ul#main_nav2 {
    clear: right;
    float: right;
    width: 43%;
    margin-right: 4%;
    margin-left: 2%;
  }

@media only screen
and (max-width : 650px) {
  div#background_preview {
    width: 100%;
    float: none;
    margin-bottom: 0;
  }
  div#features {
    float: none;
    width: 100%;
    padding-top: 0;
  }
  div.content-inner {
    max-width: 1024px;
    width: auto;
    margin: 0 auto;
  }
  ul#main_nav {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  ul#main_nav2 {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen
and (max-width : 1024px) {
  div#background_preview {
    margin-bottom: 0;
  }
  div#features {
    padding-top: 0;
  }
  div.content-inner {
    max-width: 1024px;
    width: auto;
    margin: 0 auto;
  }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
  div.content-inner {
    max-width: 1024px;
    margin: 0 auto;
  }
  div#features {
    float: none;
    width: 100%;
    padding-top: 0;
  }
  div#background_preview {
    width: 100%;
    float: none;
    margin-bottom: 0;
  }
  div#background_preview img {
  }
  ul#main_nav {
    clear: both;
    width: 100%;
    margin: 0;
    margin-top: 25px;
  }
  ul#main_nav2 {
    clear: both;
    width: 100%;
    margin: 0;
    margin-top: 20px;
  }
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
</style>


