﻿body {
    font-family:'Roboto', Arial, sans-serif;
    color:#FFF;
    background:#f7f7f7 url(images/bg-texture.png) repeat;
    
}
#wrap{
    background: -moz-linear-gradient(top,  rgba(247,247,247,0) 0%, rgba(247,247,247,1) 70%, rgba(247,247,247,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,0)), color-stop(70%,rgba(247,247,247,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(247,247,247,0) 0%,rgba(247,247,247,1) 70%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(247,247,247,0) 0%,rgba(247,247,247,1) 70%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(247,247,247,0) 0%,rgba(247,247,247,1) 70%,rgba(247,247,247,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(247,247,247,0) 0%,rgba(247,247,247,1) 70%,rgba(247,247,247,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f7f7', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
    width:auto;
}

#main{
    padding-top:4%;
    padding-bottom:15%;
    text-align:center;
    margin:auto;
}

#main img{margin:auto auto 30px; display:block;}
#main h1{
    text-align:center;
    font-size:3.6em;
    font-weight:normal;
    padding:0 10px;
    padding-top: 50px;
    padding-bottom: 10px;
}
#main h1 span{
    padding:5px 10px;
    background:#5895ca;
    color:#fff;
}
#main h2{
    
    font-size:2.4em;
    font-weight:normal;
    padding:45px 10px 0px;
    color:#5895ca;
    
}

#main h2 span{
    border-bottom:1px double #5895ca;
}

#main ul{
    text-align:center;
    display:inline-block;
    margin:0px auto 0;
}
#main ul li{
    float:left;
    margin:10px;
}
#main ul li a img{
    opacity:1;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}
#main ul li a:hover img{
    opacity:0.8;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}

#main p{
    color: #5895ca;
    font-size: 1.5em;
    line-height: 22px;
    padding: 0 50px;
    padding-top: 20px;
    
}

