
body{
    min-width: 280px; 
}

@font-face
{
    font-family: GeoLightSans;
    src: url('../fonts/GeosansLight.ttf')
}

h1,h2,h3{
    color:#474747;
    font-family: GeoLightSans;
    font-weight: lighter;
}

h1{
    font-size: 45px;
    color:#fff;
}

h2{
    font-size: 30px;
}

a{
    color:#000;
}

p{
    color: #666666;
    font-size: 14px;
}

.offset1 {
    margin-left: 30px;
    margin-right: 30px;
}

.clear{
    margin-left: 0px !important;
    margin-right: -10px;
}

#wrapper {
    height: auto;

}

#logo{
    margin-top: -40px;
}

#logo img{
    padding-top: 16px;
    padding-bottom: 14px;
}

#banner{
    height: 380px;
    border-top:1px solid #474747;
    border-bottom: 5px solid #474747;
    background: #444;
    position:relative;
    overflow: hidden;
    margin-top: -50px;
}

#banner .banner-image{
    position: absolute;
    right: 31px;
    top: 40px;
}

#banner .banner-image-tablet{
    position: absolute;
    right: -459px;
}

#banner .banner-image-phone{
    display: none;
}

#banner .row .span4, #banner .row .span5{
    margin-top: 125px;
}

#banner p{
    font-family: serif;
    font-size: 22px;
    line-height: 1.1;
    color: lightgray;
}

#banner.visible-tablet h1{
    font-size: 36px;
}

#banner.visible-phone{
    height:auto;
}

#banner.visible-phone .row .span4{    
    margin-bottom: 30px;
    margin-top: 30px;
}

#banner.visible-phone h1{
    font-size: 27px;
}

#banner.visible-phone p{
    font-size: 18px;
}

#section1{ 
    margin: 45px 0;
}

#section2{ 
    background: #fbfbfb;
    border-top:1px solid #eceaea;
    border-bottom:1px solid #eceaea;
    padding: 20px 0 30px 0;
    margin: 45px 0;
}

#section3{
    margin: 45px 0;

}

#section3 img{ 
    margin-left: -12px;
}

#section4{ 
    background: #fbfbfb;
    border-top:1px solid #eceaea;
    border-bottom:1px solid #eceaea;
    padding:20px 0 30px 0;
    margin: 45px 0 30px 0;
}

#footer{
    color:#999898;
    text-align: center;
    font-size: 13px;
    font-family: arial, sans-serif;
    margin-bottom: 30px;
}


