/*---------------------------------------*/
/*-- Global header file --*/
/*---------------------------------------*/

#heading-section {
    height:90px;
}

.company-logo {
    float:left;
}

.company-logo h1.logo {
    width:487px;
    height:82px;
    background:url('../images/dandelogo.png') no-repeat;
    text-align:left;
    text-indent:-9999px;
}

.company-details {
    float:right;
}

.company-details h2.telephone {
    width:236px;
    height:30px;
    background:url('../images/telephone.png') no-repeat;
    text-align:left;
    text-indent:-9999px;
}


ul.main-navagation {
    width:756px;
    height:59px;
    margin:0;
    padding:0;
    list-style:none;
    background:url('../images/nav_back.png') no-repeat;
    padding:0 1px 0 1px;
}

ul.main-navagation li {
    margin:0;
    padding:0;
    height:54px;
    float:left;
    display:inline;
}

ul.main-navagation li a {
    float:left; 
    height:11px; 
    text-align:left; 
    text-indent:-9999px; 
    overflow:hidden; 
    outline:none;
}

ul.main-navagation li#home {
    width:91px; /* + 20 */
    height:54px;
    text-align:center;
}
ul.main-navagation li a#home {
    width:71px;
    height:54px;
    background:url('../images/navigation/nav_home.png') no-repeat;
    background-position:0 0px;
    overflow:hidden;
    outline:none;
    margin:2px 0 0 15px;
}

ul.main-navagation li#about {
    width:120px;
    height:54px;
    text-align:center;
}
ul.main-navagation li a#about {
    width:120px;
    height:54px;
    background:url('../images/navigation/nav_about.png') no-repeat;
    background-position:0 0px;
    overflow:hidden;
    outline:none;
    margin:2px 0 0 0;
}

ul.main-navagation li#colour {
    width:149px;
    height:54px;
    text-align:center;
}
ul.main-navagation li a#colour {
    width:149px;
    height:54px;
    background:url('../images/navigation/nav_colour.png') no-repeat;
    background-position:0 0px;
    overflow:hidden;
    outline:none;
    margin:2px 0 0 0;
}

ul.main-navagation li#trial {
    width:120px;
    height:54px;
    text-align:center;
}
ul.main-navagation li a#trial {
    width:120px;
    height:54px;
    background:url('../images/navigation/nav_trial.png') no-repeat;
    background-position:0 0px;
    overflow:hidden;
    outline:none;
    margin:2px 0 0 0;
}

ul.main-navagation li#sign {
    width:140px;
    height:54px;
    text-align:center;
}
ul.main-navagation li a#sign {
    width:140px;
    height:54px;
    background:url('../images/navigation/nav_sign.png') no-repeat;
    background-position:0 0px;
    overflow:hidden;
    outline:none;
    margin:2px 0 0 0;
}

ul.main-navagation li#contact {
    width:120px;
    height:54px;
    text-align:center;
}
ul.main-navagation li a#contact {
    width:120px;
    height:54px;
    background:url('../images/navigation/nav_contact.png') no-repeat;
    background-position:0 0px;
    overflow:hidden;
    outline:none;
    margin:2px 0 0 0;
}