/* 

    Document   : nav_home

    Created on : Nov 3, 2010, 2:48:31 AM

    Author     : John

    Description:

        Purpose of the stylesheet follows.

*/



/* 

   TODO customize this sample style

   Syntax recommendation http://www.w3.org/TR/REC-CSS2/

*/



root { 

    display: block;

}

#navigationMenu {

    /*    position: relative;

            width: 100%;

        top:65px;

        float: right;

            right: -180px;*/

    margin-top:104px;

    position:absolute;

    right:20px;

}

#navigationMenu a{

    display: block;

    text-decoration: none;

    padding-right: 3px;
    /*text-indent: -10000px;*/
    font-size: 0px;
    cursor: pointer;

}

#navigationMenu ul {

    list-style: none;

}



#navigationMenu ul li {

    display: inline;

    float: left;
    margin: 0px;
}



#home #navigationMenu a.home {

    background: url(../img/btn_home_selected.png);

    background-repeat:no-repeat;

    width: 71px;

    height: 86px;

}

#navigationMenu a.home {

    background: url(../img/btn_home.png);

    background-repeat:no-repeat;

    width: 71px;

    height: 86px;

}

#navigationMenu a.home:hover {

    background: url(../img/btn_home_selected.png);

    background-repeat:no-repeat;

}



#navigationMenu a.companies {

    background: url(../img/btn_clients.png);

    background-repeat:no-repeat;

    width: 84px;

    height: 86px;

}



#companies #navigationMenu a.companies {

    background: url(../img/btn_clients_selected.png);

    background-repeat:no-repeat;

    width: 84px;

    height: 86px;

}



#navigationMenu a.companies:hover{

    background: url(../img/btn_clients_selected.png);

    background-repeat:no-repeat;

}



#navigationMenu a.projects {

    background: url(../img/btn_projects.png);

    background-repeat:no-repeat;

    width: 71px;

    height: 86px;

}



#projects #navigationMenu a.projects {

    background: url(../img/btn_projects_selected.png);

    background-repeat:no-repeat;

    width: 71px;

    height: 86px;

}



#navigationMenu a.projects:hover{

    background: url(../img/btn_projects_selected.png);

    background-repeat:no-repeat;

}



#navigationMenu a.faq {

    background: url(../img/btn_faq.png);

    background-repeat:no-repeat;

    width: 58px;

    height: 86px;

}



#faq #navigationMenu a.faq{

    background: url(../img/btn_faq_selected.png);

    background-repeat:no-repeat;

}



#navigationMenu a.faq:hover{

    background: url(../img/btn_faq_selected.png);

    background-repeat:no-repeat;

}



#navigationMenu a.aboutus {

    background: url(../img/btn_aboutus.png);

    background-repeat:no-repeat;

    width: 71px;

    height: 86px;

}

#aboutus #navigationMenu a.aboutus{

    background: url(../img/btn_aboutus_selected.png);

    background-repeat:no-repeat;

}



#navigationMenu a.aboutus:hover{

    background: url(../img/btn_aboutus_selected.png);

    background-repeat:no-repeat;

}



#navigationMenu a.contact {

    background: url(../img/btn_contact.png);

    background-repeat:no-repeat;

    width: 76px;

    height: 86px;

}

#contact #navigationMenu a.contact {

    background: url(../img/btn_contact_selected.png);

    background-repeat:no-repeat;

}



#navigationMenu a.contact:hover {

    background: url(../img/btn_contact_selected.png);

    background-repeat:no-repeat;

}