﻿@media only screen and (min-width: 960px) {
  body {
    color: #000000;
    font-family: Helvetica, Arial;
    height: 80em;
  }
  h1 {
    color: white;
    font-size: 30px;
    margin-bottom: 40px;
  }
  h1 .center {
    color: white;
    font-size: 30px;
    margin-bottom: 40px;
    text-decoration: solid;
  }
  h4 {
    font-size: 15px;
    margin-bottom: 20px;
  }
  p {
    margin-bottom: 20px;
  }
  p .white {
    color: white;
    margin-bottom: 20px;
  }
  p .center {
    text-align: center;
  }
  hr {
    clear: both;
    margin-top: 40px;
    margin-bottom: 40px;
    border: 0;
    border-top: 1px solid #aaaaaa;
  }
  .slide {
    width: 300px;
    height: 500px;
    overflow-x: scroll;
  }
  .slider {
    float: left;
    width: 300px;
    height: 500px;
  }
  .holder {
    width: 300%;
  }
  /* Client supplied image*/
  #slide1 {
    position: relative;
    float: left;
  }
  /* Client supplied image*/
  #slide2 {
    position: relative;
    float: left;
  }
  /* Client supplied image*/
  #slide3 {
    position: relative;
    float: left;
  }
  /* Client supplied image*/
  #slide4 {
    position: relative;
    float: left;
  }
  /* Client supplied image*/
  #image1 {
    position: relative;
    float: left;
  }
  /* Client supplied image*/
  #image2 {
    position: relative;
    float: left;
  }
  /* Client supplied image*/
  .left_small-slide {
    position: relative;
    left: 50px;
    float: left;
  }
  /* Client supplied image*/
  .right_small-slide {
    position: relative;
    right: -50px;
    float: right;
  }
  .break-out-area {
    color: lighter(#aaaaaa, 40%);
    position: relative;
    float: left;
    left: 150px;
  }
}
@media only screen and (max-width: 850px) {
  /*
    *   Reserved for hand-held devices
    */
}
/*# sourceMappingURL=projectview.css.map */