.grid {
    width: 1180px;
    padding: 20px;
    font-size: 1.4em;
}

.row {position:relative; margin-left:-20px;}
.gu1 .row {width: 100px;}
.gu2 .row {width: 200px;}
.gu3 .row {width: 300px;}
.gu4 .row {width: 400px;}
.gu5 .row {width: 500px;}
.gu6 .row {width: 600px;}
.gu7 .row {width: 700px;}
.gu8 .row {width: 800px;}
.gu9 .row {width: 900px;}
.gu10 .row {width: 1000px;}
.gu11 .row {width: 1100px;}
.gu12 .row {width: 1200px;}

.col {padding-left:20px; float:left; position:relative;}
.gu1{width: 80px;}
.gu2{width: 180px;}
.gu3{width: 280px;}
.gu4{width: 380px;}
.gu5{width: 480px;}
.gu6{width: 580px;}
.gu7{width: 680px;}
.gu8{width: 780px;}
.gu9{width: 880px;}
.gu10{width: 980px;}
.gu11{width: 1080px;}
.gu12{width: 1180px;}

/* template */

.logo {
        background-image: url('../assets/template/nzebc-logo-456.png');
        background-size: 456px 80px;
        background-repeat: no-repeat;
        width: 456px;
        height: 80px;
}

nav.menu {
    line-height: 115px;
}

.row.desktop {
    margin-bottom: 20px;
}

.row.content {
    margin-top: 20px;
}


/* image styles */
img.inline_left {
    float: left;
    margin: 5px 20px 15px 0px;
}

img.inline_right {
    float: right;
    margin: 5px 0px 20px 10px;
}

img.columnimage {
    border: 8px solid #eeedea;
    width: 364px;
}

.link_box {
    max-width: 105px;
}

.basenavigation li {
    margin-left: 0px;
    padding-left: 5px;
    font-size: 1.2em;
}

.subscribe h1 {
    padding: 0px 10px;
}

.subscribe .small {
    font-size: .8em;
    padding: 0px 10px;
}