/* CSS file generated by Responsify */
/* Columns: 12, Gutter Width: 1.5, Breakpoints: 480 */ 

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
} 

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}
body{
  font-size: 87.5%;
  color: #444;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.5em;
  background: #fff;
}

h1{
    color: #2d495d;
    font-size: 1.714285714em; /* 24 / 14 */
    line-height: 1.6em; /* 21 / 14 */
    margin:12px 0;
}

h2{
    color: #999;
    font-size: 1.3em; /* 21 / 14 */
    line-height: 1.5em; /* 21 / 14 */
    font-weight: 200;
    margin:12px 0;
}

p{
    font-size: 1em; /* 14 / 14 */
    line-height: 1.5em; /* 21 / 14 */
    margin-bottom: 1.4em; /* 21 / 14 */
}
.larger {font-size: 1.6em;}
img {margin:10px 20px;border-right:3px solid #e1e1e1;border-bottom:4px solid #e1e1e1;}
.wrapper {margin:0 auto;}
blockquote {margin-left: 15%;}
.images {margin:10px auto;width:100%;display: block;}
.images div {text-align:center;float:left;width:50%;font-size: 18px;color:#999;}
.images img {width:200px;height:242px;}
ul li, ol li {line-height: 150%;margin-left: 6%;}
.lead {  margin-bottom: 20px;
    font-size: 16px;
    font-weight: 200;
    line-height: 160%;}
.box-wrap {
    clear:both;
    padding:20px 10px 20px 20px;
    font-family: "Helvetica Neue Light", sans-serif;

    font-size: 13px;
    font-weight: 400;
    line-height: 200%;
    margin: 12px 60px 12px 20px;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
    border-top:2px groove #e1e1e1;
    border-left:1px groove #e1e1e1;
    border-right:3px solid #e1e1e1;
    border-bottom:4px solid #e1e1e1;
    background:#fafafa;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    /*-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.2);*/
    /*-moz-box-shadow:0px 2px 5px rgba(0,0,0,0.2);*/
    /*box-shadow:0px 2px 5px rgba(0,0,0,0.2)*/
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.float-right {float:right;}
header {
    background:#2d495d;
    border-bottom: 1px solid #fff;
    margin:0;
    padding:20px 15%;
    color: white;
    letter-spacing: 0.05em;
    font-size: 2em; /* 24 / 14 */

  }
header a:link, header a:hover, header a:visited {color:white;}
nav ul {margin:0;}
nav ul li {list-style: none;margin:6px 20px;padding-left: 15px;}
nav ul li a {display: block;}
#container{
    border-top:1px solid #eee;
    clear: both;
    position: relative;
    z-index: 999;
    background: white;
}
footer {
    clear:both;
    margin:10% 0 0 0;
    width:100%;
    padding:3px 0;
    display:block;
    color:#999;
    text-align: center;
    background: #e1e1e1;
    border-top:1px solid #ccc;
    font-size: 11px;
    z-index: 2;
}
a:link {color:#0069b4;text-decoration: none;}

a:visited {color:#0069b4;}
a:hover {color:#5697d0;}
 /*MEDIA QUERIES*/

 /*Responsify Defaults*/
@media screen and (min-width: 768px){
    .wrapper {width:70%;}
    aside {border-left:1px solid #eee;}
    aside {
        width:30%;
        float:left;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        padding:0 20px;
    }
    article {float:left;width:65%;padding-right: 20px;margin:12px 0;}
    .box-wrap {    width:86%;}
}
@media screen and (max-width: 768px){
    img {float:none;display:block;max-width: 100%;}
   aside{margin-left: 0;}

  #container, .inner{
    width: 90%;
    padding: 0 5% 0 5%;
  }
}