/* CSS Document */

body {
    background-image: url(http://www.redwinggroup.com/css/images/background.jpg); /** Link to the image you created **/
    background-repeat: repeat-y; /** Repeats the image vertically **/
    background-position: center; /** Centers the Background image **/
    background-color: #ffffff; /** Website BG colour (matches canvas colour in Step 1) **/
    margin-top: 0px;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
}

#container {
    background-image: url(http://www.redwinggroup.com/css/images/background.jpg); /** Link to the image you created **/
    width: 764px;
    margin: 0 auto;
    text-align: center;
}



/*menu css*/
ul.menu{ 
    float: left;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #000;
}

ul.menu li{ 
    float: left;
    /*width: 16.66%;*/
    text-align: center;
    cursor: pointer;
    
}
ul.menu li a{ 
    color: #FEFBFC;
    font-size: 15px;
    text-decoration:none;
}


ul.menu li span{ 
    float: left;
    background-repeat: no-repeat;
    height:60px;
    width: 100%;
    line-height: 46px;
    
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    transform: translateZ(0px);
    vertical-align: middle;
    
}    


ul.menu li span.menu-home{background: url(../images/menu/0.jpg); width: 128px;}    
ul.menu li span.menu-about{background: url(../images/menu/1.jpg); width: 125px;}    
ul.menu li span.menu-portfolio{background: url(../images/menu/2.jpg); width: 130px;}    
ul.menu li span.menu-development{background: url(../images/menu/3.jpg); width: 126px;}    
ul.menu li span.menu-client{background: url(../images/menu/4.jpg); width: 124px;}    
ul.menu li span.menu-contact{background: url(../images/menu/5.jpg); width: 131px;   }    



ul.menu li a.home{
    margin-left: -80px;
    margin-top: 15px;
    position: absolute;
    z-index: 999;
}

ul.menu li a.home_link{
    margin-left: -80px;
    margin-top: 15px;
    position: absolute;
    z-index: 999;
}
ul.menu li a.about_link{
    margin-left: -108px;
    margin-top: 15px;
    position: absolute;
    z-index: 999;
}
ul.menu li a.portfolio_link{
    margin-left: -90px;
    margin-top: 6px;
    position: absolute;
    z-index: 999;
}
ul.menu li a.development_link{
    margin-left: -105px;
    margin-top: 6px;
    position: absolute;
    z-index: 999;
}
ul.menu li a.client_link{
    margin-left: -90px;
    margin-top: 15px;
    position: absolute;
    z-index: 999;
}
ul.menu li a.contact_link{
    margin-left: -100px;
    margin-top: 15px;
    position: absolute;
    z-index: 999;
}
/*menu css*/