/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Home
:: General
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */
body { background: url('https://s3.amazonaws.com/aalickime/big-city.png') repeat-x #000; }

.top-bar { background: rgba(0, 0, 0, 0.6); }

.nav-head {
    margin: 10px auto;
    text-transform: uppercase;
}

hr.stylish {
    border: 0; height: 1px; background: #333;
    background-image: -webkit-linear-gradient(left, #fff, #112b7f, #fff);
    background-image: -moz-linear-gradient(left, #fff, #112b7f, #fff);
    background-image: -ms-linear-gradient(left, #fff, #112b7f, #fff);
    background-image: -o-linear-gradient(left, #fff, #112b7f, #fff);
}
a { color: #fff; }
a:hover {color:#31bcb1;}

.inline-list li {background: rgba(0, 0, 0, 0.6); padding: 3px 4px; border-radius: 4px;}
.inline-list a.active {color:#fff; }

/* Colours */
.trans-blue { background: none repeat scroll 0 0 rgba(49, 144, 188, 0.6); }
.trans-pink { background: none repeat scroll 0 0 rgba(188, 49, 95, 0.6); }
.trans-green { background: none repeat scroll 0 0 rgba(134, 188, 49, 0.6); }

/* -----------------------------------------
   Home
----------------------------------------- */

/*Main strip on index page*/
.main-strip{
    height: 100px;
    text-align: center;
    margin: -20px 0 40px 0;
}

.aa-logo {
    width:156px;
    margin: -45px auto !important;
}

/* -----------------------------------------
   General
----------------------------------------- */
#my-work {
    background: url('../images/my-work-action.png') no-repeat;
    height:126px;
    width:969px;
    padding: 35px 0 0 370px;
}

#header-img {
    width:100%;
    height:600px;
    overflow: hidden !important;
    background: url('../images/aa-header.jpg') no-repeat;
    margin: 0 0 10px 0;
}

    #header-img .heading{
        margin: 200px 340px auto;
        width:960px;
        position: relative;
    }
    
    #header-img .heading h1 {
        font-size: 150px;
        text-shadow: 0 4px 5px #000;
    }