/*CSS Test File*/

/*Global changes*/
        
    /*Changing main body width*/
    body.site{
        margin: 0;
        padding: 0;
        width: 100%
        height: auto;
    }
    #top > div > nav > div.nav-collapse > ul > li  > a{
        color: #fff !important;
    }
    a{
        color: #95d0db !important;
    }
    .container {
        max-width: none;
    }
    #top > div.container{
        margin: 0;
        padding: 0;
        width: 100%;
        background-color: #325164;
        color: #fff;
    }

    /*Header stylings */
    #top > div > header.header {
        padding: 25px 0;
        clear: both;
        position: relative;
        background-color: #F1F1F1 ;
        margin-bottom: 5px;
    }

    /*Positioning header logo*/
    .pull-left {
        float: none;
        margin: 0;
    }
    
    #top > div > header > div.header-inner{
        width: 70%;
        margin: auto;
    }
    
    /*menu & search bar*/
    #top > div > nav.navigation{
        width: 100%;
        margin: auto;
        background: #1E303A;
        font: normal 13px/1.4em 'Ubuntu', arial, sans-serif;
        color: #ebebeb;
        -moz-box-shadow: 0 2px 2px rgba(0,0,0,.03);
        -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.03);
        box-shadow: 0 2px 2px rgba(0,0,0,.03);
        border-top: 1px solid #131E23;
        border-bottom: 1px solid #131E23;
        padding: 4px 0;
    }
    #top > div > nav > div.nav-collapse {
        width: 70%;
        margin: auto;
    }
    #top > div > nav > div.nav-collapse > ul.nav.menu.nav-pills{
        display: inline-block;
        width: 74%;
        vertical-align: middle;
    }
    .navigation .nav li{
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: top;
        background: transparent;
        margin: 0;
        padding: 0;
    }
    /*.navigation .nav li:hover, .navigation .nav li.active*/
    .nav > li > a:hover, .nav > li > a:focus, .nav > li.active > a, .nav-list > .active > a, .nav-list > .active > a:hover, .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .nav-pills > .active > a, .nav-pills > .active > a:hover, .btn-primary{
        background: #273E4A;
        -moz-box-shadow: 0 1px 0 #375B71 inset;
        -webkit-box-shadow: 0 1px 0 #375B71 inset;
        box-shadow: 0 1px 0 #375B71 inset;
    }
    .navigation .nav li:first-child a{
        border-left: 1px solid #131E23;
    }
    .navigation .nav li a{
        border-right: 1px solid #131E23;
        color: white;
    }
    #top > div > nav > div.nav-collapse > div.search {
        display: inline-block;
        max-width: 24%;
        vertical-align: middle;
        float: right;
    }
    #top > div > nav > div.nav-collapse > div > form{
        margin-bottom: 0;
    }
    /*footer*/
    body > footer.footer{
        background-color: #F1F1F1
    }
    
    
/*Home page changes*/

    /*Image style*/
    .customimg-center{
        width: 70%;
        margin: auto;
        text-align: center;
    }
    
   .img-wrap{
        margin: 30px 0 0;
        padding: 10px;
        background: #1E3039;
        border: 1px solid #375B71;
        display: inline-block;
    }
    .item-page{
        width: 70%;
        margin: auto;
    }
    .itemid-101  #content{
        width: 100%;
    }
    
    .itemid-101  #aside{
        width: 0;
    }
    
    /*Three module... module*/
#sub-containers {
  margin: 0 -15px;
}

    #sub-containers #subSqr{
        display: inline-block;
        width: calc(33% - 30px);
        vertical-align: top;
      	margin: 15px;
    }
    
    /*contact list*/
    #sub-containers #subSqr > ul{
        list-style: none;
        margin: 0;
    }
    #subSqr:nth-child(2){
        margin: 0 30px;
    }
    #subSqr:nth-child(3){
        margin-left: .5%;
    }


@media (max-width: 767px) {
     /*Three module... module*/
#sub-containers {
  margin: 0;
}
  #sub-containers #subSqr {
    margin: 20px 0;
  }

    #sub-containers #subSqr{
        width: 100%;
    }
}
    /*Header styles*/
    #subSqr > h3,
#subSqr-1 > h3 {
      text-align: center;
      text-transform: uppercase;
        background: #1E3039;
        border: 1px solid #142027;
        -moz-box-shadow: 0 1px 0 #3A5A74;
        -webkit-box-shadow: 0 1px 0 #3A5A74;
        box-shadow: 0 1px 0 #3A5A74;
        padding: 12px 15px;
        margin: 0 0 25px;
        text-align: center !important;
        position: relative;
        letter-spacing: 1px;
    }
    #sub-containers{
        padding: 30px 0 2em 0;
        width: auto;
    }


    
/*Contact Page*/

    #contact-form.well{
        min-height: 20px;
        padding: 25px;
        margin-bottom: 20px;
        background-color: #325164;
        border: none;
        -webkit-border-radius: none;
        -moz-border-radius: none;
        border-radius: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
        color: white;
        background-color: #263D48;
        border: 1px solid #3A5A74;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        -webkit-transition: border linear .2s, box-shadow linear .2s;
        -moz-transition: border linear .2s, box-shadow linear .2s;
        -o-transition: border linear .2s, box-shadow linear .2s;
        transition: border linear .2s, box-shadow linear .2s;
        width: 75%
    }
    input.invalid {
        background-color: #263D48;
        border: 1px solid #3A5A74;
    }
    
    .page-header{
        display: none;
    }
    #content > div.moduletable{
        padding-left: 6.1rem;
        padding-top: 25px;
    }
    #contact-form > fieldset:nth-child(1) > legend{
        display: none;
    }
    #content > div.contact.sidebar > h3{
        display: none;
    }
    #aside > div.well{
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #325164;
        border: #325164;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    }
    #aside .well #subSqr > ul{
        list-style: none;
    }
    #content > div.item-page > div{
        padding: 35px 0 35px 0;
    }