/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 12-May-2015, 10:41:52
    Author     : Neil
*/
@media only screen and (min-width:760px) {
    
    header, nav, .row, footer {
        max-width:1140px;
        margin: 0 auto;
    }
    
    div#colorbar {
        height: .5em;
        
    }
    
    nav ul {
        margin-left: 2%;
        border-left: solid 1px rgba(255,255,255,0.3);
    }
    
    nav ul li {
        float: left;
        
    }
    
    nav ul li a {
        display: block;
        /*color: #FFF;*/
        color: yellow;
        text-decoration: none;
        border-right: solid 1px rgba(255,255,255,0.3);
        font-size: 0.9em;
        padding: .7em .9em;
        transition: background 0.3s linear;
    }
    
    nav ul li a:hover{
        background-color: rgba(0,0,0,0.2);
        text-decoration: none;
    } 
    
    nav ul li.active > a {background-color:#ff7200;/* tan */
                            } 
    
    nav ul li ul {
        z-index: 99;
        position: absolute;
        margin: 0;
        left: -999em;
        width: 10em;
   /*     background-color: #B00;*/
	background-color: #F68D5E; /* orange hex colour */
    }
    
    nav ul li ul li {
        border-bottom: 1px solid rgba(0,0,0,0.3);
        float: none;
        border-right:none;
    }
    nav li:hover ul {
        left: auto;
    }
    
    #navWrapper {

/*        background-color: #e22121; original orange

                background-color: #8C004A;  burgundy */

                background-color: #E7107B; /*hex pink */

    }


    
    .column-12 {
       width:100%;
        float:left;
    }
    
    .column-8 {
        width:66%;
        float:left;
    }
    
    .column-6 {
        width:50%;
        float:left;
    }
    
     .column-4 {
        width:33.3333%;
        float:left;
    }
    
    .column-3 {
        width:25%;
        float:left;
    }
    
    .column-2 {
        width:17%;
        float:left; 
    }

.column-12, .column-10,.column-8, .column-6, .column-4, .column-3 {
    padding: .5em 2%;
}

.column-2 {
    padding: .5em 1%;
}

#tapestry {
    width:70%;
}

.homeimagediv {
        margin-left:105px;
}

#flourish, #hex, #footerWrapper {
	display:block;
}

}