@media only screen and (min-width: 1141px) {
/*-----BODY -----*/
	body {
       background-image: url("../images/whirlpool.png");
    }
/*-----WRAPPER -----*/
	#wrapper {}

/*-----CONTAINER -----*/
	#container {
		margin: 2em auto;
		border: 1px solid #888;
	}

/*-----HEADER -----*/

/*------ Decorative Bar ------*/
    div.decorativeWrapper {
    display: none;
}


/*-----Navigation -----*/
    div.navWrapper {
        background-color: #0046eb; /* right color  */
    }
    div.navWrapper div.left {
        width: 91.666%; background-color: #df0800;  /* left color  */
    }
    div.navWrapper div.middle {
       margin-left: 18.1818%;
    }
    
    nav {
        width: 100%;
        float: none;
    } 
    
    nav ul {
    /*    background-color: transparent;  */
    /*    margin-left: 2%;   */
    }
    
    nav ul li {
        float: left;
        border-right: 1px solid rgba(0,0,0,0.2);
        border-left: 1px solid rgba(255,255,255,0.4);
    }
    
    nav ul li a {
        background: none;
        border: none; 
    }
    
    nav ul li a:hover {
        background: -moz-linear-gradient(top, rgba(214,214,214,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(214,214,214,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(214,214,214,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6d6d6d6', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    }


/*-----CONTENT -----*/
    div.contentWrapper {
        background-color: #ecf2f9; /* right color  */
    }
    div.contentWrapper div.left {
        width: 91.666%; background-color: #f0f0f0;  /* left color  */
    }
    div.contentWrapper div.middle {
       margin-left: 18.1818%;
 }
    
    #content {
        margin-left: 0;
    }
    #content article ul li {
     list-style-type: square;
    margin-left:2.5%;
}


/*----- FOOTER -----*/
    div.footerWrapper {
        background-color: #000; /* right color  */
    }
    div.footerWrapper div.left {
        width: 91.666%; background-color: #ebb512;  /* left color  */
    }
    div.footerWrapper div.middle {
       margin-left: 18.1818%;
       background-color: #d8d8d8; /* f3f3f3  */
    }
    
    #content {
        margin-left: 0;
    }
    
/* ---- Columns -----*/
    div.row article.col33 {
        width: 33.333%;
        float: left;
}
    
/*------- Images ------ */
    
    figure.w50 {
        width: 50%;
    }
}