/***************************************************************
 *
 * Styles for screens larger than 1000px wide.
 * IE 7 and older won't see this by default - they will get the mobile stylesheet
 * This is for IE8 and newer, and modern brouwsers of course :)
 *
 ***************************************************************/

html {
    min-height:100%;
    background:url(images/background.jpg) no-repeat center bottom fixed;
    background-size:cover;
}

body {
    background:transparent;
}

.site_content {
    border-top:5px solid #647f00;
    box-shadow:0 -20px 20px rgba(255,255,255,0.15), 0 20px 20px rgba(0,0,0,0.15);
}

.contentbox {
    max-width: 800px;
}

    .home .contentbox {
        max-width:960px;
    }

.sidebar {
    width: 31.111111111111%; /* 280/960=0.31111111111111 */
    float: right;
    clear: none;
}

article.narrow {
    width: 68.583333333333%; /* 620/960=0.64583333333333 */
    float: left;
}

article.wide {
    width: 100%;
    margin: auto;
    padding-right:0;
    padding-left:0;
}

article .latest_news {
    width:45%;
    margin:.5em 0 1em 1.5em;
    padding:0 2.5% 2%;
}

/***************************************************************
 *
 * Navigation
 *
 ***************************************************************/

header>nav {
    padding:0;
}

/* this is for the mobile nav icon and submenu */
.mobile_sub_menu {
    display: none;
}

.nav a {
    border-top:5px solid transparent;
    margin-top:-5px;
}

nav a:hover, nav a:active, nav .sfHover>a {
    border-top:5px solid rgba(255,255,255,0.5);
}

nav .current_page_item>a, .single-post nav .current_page_parent>a, nav .current_page_ancestor>a, nav .current-post-ancestor>a, nav .current-menu-item>a, nav .current-menu-ancestor>a/*, .single-aacommerce_product nav .menu-item-151>a */ {
    border-top:5px solid #fff;
}

/***************************************************************
 *
 * Main Content - <article> 960 or 620
 *
 ***************************************************************/

/* Put most of your typography in style.css - only desktop-specific stuff here */



/***************************************************************
 *
 * Contact Page template
 *
 ***************************************************************/

article .gform_wrapper {
    width: 45%;
    float: right;
    margin:0 0 3% 3%;
}

#google_map #map_canvas {
    height: 400px;
}