body {
background-color: #497848;
font-family: Ubuntu, sans-serif;
color: #000000;
margin: 0px;
}


table {
padding: 0px;
border-collapse: collapse;
}

a {
text-decoration: none;
border: 0px;
}


/*Fonts*/
@font-face {
font-family: Ubuntu;
src: url('woff/Ubuntu-R-webfont.woff') format('woff');
}

@font-face {
font-family: UbuntuLight;
src: url('woff/Ubuntu-L-webfont.woff') format('woff');
}

@font-face {
font-family: UbuntuBold;
src: url('woff/Ubuntu-B-webfont.woff') format('woff');
}

@font-face {
font-family: UbuntuItalic;
src: url('woff/Ubuntu-LI-webfont.woff') format('woff');
}

@font-face {
font-family: UbuntuCondensed;
src: url('woff/Ubuntu-C-webfont.woff') format('woff');
}

.text-center {
    text-align: center;
}

.bold {
    font-family: UbuntuBold;
}


/*Page header and menu*/
#page-header {
    position: relative;
}

#page-header #menu {
    width: 1024px;
    position: relative;
    text-align: center;
    font-family: Ubuntu, sans-serif;
    font-size: 16pt;
    margin: 0px auto 0px auto;
    background-color: #E7EFE1;
}

#page-header #menu #selected {
    background-color: #5C5C5C;
    color: #E7EFE1;
}

#page-header #menu .menu-link {
    display: inline-block;
    padding:  24px 24px 24px 24px;
    color: #5C5C5C;
}

#page-header #menu .menu-link:hover {
    background-color: #5C5C5C;
    color: #E7EFE1;
}

#page-header #site-logo {
    position: relative;
    width: 1024px;
    height: 140px;
    background-color: #2B2B2B;
    margin: 0px auto 0px auto;
}

#page-header #site-logo a {
    position: absolute;
    left: 24px;
    bottom: 12px;
    width: 512px;
    height: 65px;
}

#page-header #site-logo #rogers {
    position: absolute;
    right: 16px;
    bottom: 12px;
    width: 401px;
    height: 17px;
}

#page-header #main-image {
    position: relative;
    background: url('images/waterfall-crop-resize.jpg') no-repeat;
    width: 1024px;
    height: 313px;
    margin: 0px auto 0px auto;
}

#page-header #main-image-text {
    position: absolute;
    width: 480px;
    height: 220px;
    left: 48px;
    top: 32px;
    /*border: 1px solid yellow;*/
    font-size: 28pt;
    font-family: UbuntuLight, sans-serif;
}

#page {
    position: relative;
    width: 1024px;
    margin: 0px auto 0px auto;
}

#page .light-section {
    width: 984px;
    background-color: #E7EFE1;
    padding: 20px 20px 20px 20px;
}

#page .dark-section {
    width: 984px;
    background-color: #C7DABA;
    padding: 20px 20px 20px 20px;
}

.columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 36px;
    -moz-column-gap: 36px;
    column-gap: 36px;
    text-align: justify;
    column-rule: 1px solid #2B2B2B;
    -moz-column-rule: 1px solid #2B2B2B;
    -webkit-column-rule: 1px solid #2B2B2B;
}

.columns ul {
    display: inline-block;
}

.medium-width-container {
    width: 800px;
    margin: 0px auto 0px auto;
}

.small-image-holder {
    display: inline-block;
}

.small-image-holder img {
    display: block;
    border: 6px solid #DDDDDD;
    box-shadow: 4px 4px 6px #888888;
    margin: 1em auto 1em auto;
}

.small-image-holder figcaption {
    font-family: UbuntuItalic;
    font-size: 12pt;
}

table.two-column {
    width: 100%;
}

table.two-column tbody tr td {
    width: 50%;
    vertical-align: top;
}

/*Contact page*/
.contact-line {
    position: relative;
    width: 680px;
    margin: 8px auto 8px auto;
    font-size: 14pt;
}

.contact-left-side {
    display: inline-block;
    width: 200px;
    text-align: left;
}

.contact-right-side {
    display: inline-block;
    width: 472px;
    text-align: left;
}

.text-box {
    /*display: block;*/
    border: 1px solid #000000;
    background-color: transparent;
    width: 100%;
    font-size: 14pt;
    padding: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}

.text-box:focus {
    background-color: rgba(0, 255, 0, .1);
}

.text-area {
    display: block;
    width: 680px;
    height: 240px;
    border: 1px solid #000000;
    padding: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    background-color: transparent;
}

.text-area:focus {
    background-color: rgba(0, 255, 0, .1);
}

#contact-submit {
    display: block;
    width: 240px;
    height: 100px;
    text-align: center;
    font-size: 18pt;
    font-family: Ubuntu, sans-serif;
    background-color: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    border: 0px;
    margin: 1em auto 1em auto;
}


/*Footer*/
#page-footer {
    background-color: #2B2B2B;
    color: #FFFFFF;
    width: 984px;
    padding: 20px 20px 20px 20px;
    margin: 0px auto 0px auto;
    text-align: center;
}