@charset "UTF-8";

/*medium screens (put wdith here) */

.nav-small { display: none; }
.nav-small-btn {display: none; }


body {
    margin-top: 50px;
}

h1      {font-size: 3.5em; font-weight: normal; font-family: 'Roboto Slab', serif; color: #6aa404; margin: 0 0 .5em 0;}
h2      {font-size: 2.5em; font-weight: normal; font-family: 'Roboto Slab', serif; color: #fff; margin: 0 0 1em 0;}
h3      {font-size: 2.5em; line-height: 1em;  font-weight: normal; font-family: 'Roboto Slab', serif; color: #6aa404; margin: 0 0 1em 0;}
p, ul li{font-size: 1.2em; margin: 0 0 1em 0;}

a:HOVER { text-decoration: underline; }
a.logo {
    display: block;
    float: left;
    width: 423px;
    height: 76px;
    background: url(../images/logo-xl.gif) no-repeat;
    border: none;
 }

header {
    padding-bottom: 40px;
}

.hero {
    width: 100%;
    height: 830px;
    padding-top: 30px;
    background: url(../images/home-hero-xl.gif) center no-repeat;
}

nav { 
    float: right; 
    margin-top: 40px; 
}

nav a { 
    font-size: 1.2em; 
    font-weight: normal; 
    font-family: 'Roboto Slab', serif; 
    color: #159ac8;
    margin-right: 30px;
}

.content-top {
    height: 403px;
    background: url(../images/bg-large.gif) repeat-x;
    padding-top: 30px;
}

.content-about {
    height: 309px;
    margin: 0 0 0 0;
    padding: 40px 100px 0 320px;
    background: url(../images/content-about.png) no-repeat left;
}

.content-faq {
    height: 309px;
    margin: 0 0 0 0;
    padding: 40px 100px 0 320px;
    background: url(../images/content-faq.png) no-repeat left ;
}

.content-products {
    height: 309px;
    margin: 0 0 0 0;
    padding: 40px 100px 0 320px;
    background: url(../images/content-products.png) no-repeat left ;
}

.content-estimate {
    height: 309px;
    margin: 0 0 0 0;
    padding: 40px 100px 0 320px;
    background: url(../images/content-estimate.png) no-repeat left ;
}

.content-thankyou {
    height: 309px;
    margin: 0 0 0 0;
    padding: 30px 100px 0 320px;
    background: url(../images/content-thankyou.png) no-repeat left ;
}

.content-bottom {
    padding: 0 50px 0 320px;
}

.offset-digital { background: url(../images/products-one.gif) no-repeat left top;}
.repacking      { background: url(../images/products-three.gif) no-repeat left top; }
.creative       { background: url(../images/products-two.gif) no-repeat left top; }

.content-bottom a {
    color: #2aa9d5;
    text-decoration: none;
}

form input { width: 300px; height: 30px; }