*                { padding: 0; margin: 0; }
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer,
header, hgroup, keygen, meter, nav, output, progress, section, source, video
                 { display: block; }
html, body       { margin:0; padding:0; height:100%; width:100%;  }
body {   color: #181818;
         font: 400 normal 100% Arial, Tahoma, Helvetica, Verdana, sans-serif;
         background: url(../images/back.jpg) no-repeat right center fixed;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
         }
#container {
         width: 1000px;
         margin:0 auto;
         min-height: 100%;
         height: auto !important;
         height: 100%;

         }
#logo {  text-align:center;
         }
#content { float: left;
        width:67.5%;
        padding:1em;
        margin-top:30px;
        margin-bottom:30px;
        background: rgba(255, 255, 255, 0.75);
        -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
        -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
        box-shadow: 1px 2px 3px rgba(0,0,0,.5);
        }
aside { background: rgba(255, 255, 255, 0.75);
        width:25%;
        float:right;
        display:inline-block;
        -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
        -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
        box-shadow: 1px 2px 3px rgba(0,0,0,.5);
        padding:1em;
        margin-top:30px;
        }
/* ##### LINKS ##### */
a, a:link, a:visited, .features {
   color: #1C63A5;
}
a:hover {
   color: #7e9b70;
}
p {     padding:0.75em 0 0.5em 0; }
.smaller { font-size: 0.85em; }
h1 {    color:#1C63A5; font-size: 1.5em; }
h2 {    font-size: 1.3em;
padding-top:0.5em;
        color:#7e9b70;  }
h3 {    margin:0.75em 0 0 0;
        color:#1C63A5;  }
ul {    padding:0 0 0 1em; }
li {    padding:0 0 0 0; margin:0 0 0 0; }
.box {  margin:1em; 
        text-align:center;
         border-radius:5px;
         -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.3);
         -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.3);
         box-shadow: 1px 2px 3px rgba(0,0,0,.3);
        border:1px solid #7e9b70;
        background-color:#d7d7d7;
        background-image: -ms-radial-gradient(right top, ellipse farthest-corner, #ffffff 30%, #d7d7d7  160%);
        background-image: -moz-radial-gradient(right top, ellipse farthest-corner, #ffffff 30%, #d7d7d7  160%);
        background-image: -o-radial-gradient(right top, ellipse farthest-corner, #ffffff 30%, #d7d7d7  160%);
        background-image: -webkit-gradient(radial, right top, 0, right top, 1000, color-stop(0.3, #ffffff), color-stop(1.6, #d7d7d7 ));
        background-image: -webkit-radial-gradient(right top, ellipse farthest-corner, #ffffff 30%, #d7d7d7  160%);
        background-image: radial-gradient(ellipse farthest-corner at right top, #ffffff 30%, #d7d7d7  160%);
}
.box h2 { padding:1em; }
hr {
         height:1px;
         width:100%;
        -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.3);
         -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.3);
         box-shadow: 1px 2px 3px rgba(0,0,0,.3);
         border: 1px solid #7e9b70;
}



@media only screen and (min-width: 700px) and (max-width: 999px) {
     img       { width:auto; max-width: 75%; height: auto; }
     #container {
     width:99%; margin:0 auto; }
     #content { width:60%; }
     aside { width:30%; }
}

@media only screen and (max-width: 699px) {
     img       { width:auto; max-width: 75%; height: auto; }
     #container {
     width:85%; margin:0 auto; }
     #content, aside {float:none;
     width:90%; margin:1em 0; padding:1em; }
     p {
        line-height:1.5em;
       }
}