/* ############   nexus.css - Created: 24.09.2005 Last modified: 11.10.2005 ############# */
/* ############   Coding: Simon Moss: lotuspool - www.lotuspool.co.uk ############# */
/*div
{
border:solid 1px #f00;
} 
 ##### DIV BORDER TEST ###### */

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

    html > body {
        overflow: visible; /* enables mousewheel in Mozilla */
    }

body {
    margin: 0;
    padding: 0;
    background: #111f44 url("images/nexusbackground.jpg") repeat top left;
    color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 2%;
    font-size: 14px; /* 0.85em */
}

#wholepage {
    height: 100%;
    margin-top: 10px;
    padding: 0;
}

html > body #wholepage {
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
}

#content {
    margin-left: 6px;
    padding: 0;
    text-align: center; /* left */
}
/* ###  START LEFTBAR ########################################################## */
#leftbar {
    width: 323px;
    margin-right: 64%;
}

html > body #logo {
    width: 340px;
}

#navigation {
    margin: 0;
    margin-left: -38px;
    padding: 0;
}

#navlinks li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 150%;
    text-align: center;
    width: 320px;
    height: 21px;
    color: #040273;
    background-color: #acc3e0;
    border: 1px solid;
    border-color: #ccdaec #5c6877 #5a6676 #cad9eb;
}

    #navlinks li a {
        text-decoration: none;
        font-size: 15px; /* 1em */
        font-weight: bold;
        color: #040273;
    }

    #navlinks li:hover {
        color: #040273;
        background-color: #c1d2e8;
        border: 1px solid;
        border-color: #838c98 #d8e3f1 #d9e3f1 #858f9a;
    }
/* ###  END LEFTBAR ############################################################ */
/* ###  START TEXTPAGES ######################################################## */
#maintext {
    /* float:right; */
    width: 636px; /*670px 679px */
    height: 580px; /* 584px */
    margin: 0;
    margin-top: -617px;
    margin-right: 3px; /* 5% */
    margin-left: 360px; /* 360px */
    line-height: 140%;
    text-align: left;
    background-color: #0071b1;
}

html > body #maintext {
    float: left;
    margin-left: 36%;
    margin-right: 6%;
}

#headnav {
    width: 325px;
    height: 140px;
    margin: 10px;
    color: #000;
    padding-left: 6px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    line-height: 130%;
}

html > body #headnav {
    padding-top: 14px;
}

    #headnav h3 {
        padding-top: 6px;
        padding-bottom: 6px;
    }

h3 {
    font-size: 18px;
}

#headnav h3 a {
    background: url("images/hoop_up.gif") no-repeat left center;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px; /* 0.9em */
    color: #acc3e0;
}

    #headnav h3 a:hover {
        background: url("images/hoop_over.gif") no-repeat left center;
        padding: 10px 15px 10px 15px;
        color: #040273;
    }

    html > body #headnav h3 a:hover {
        padding: 12px 15px 12px 15px;
    }

#contattaci {
    text-align: center;
    margin-bottom: -10px;
    width: 162px;
    height: 83px;
}

html > body #contattaci {
    margin: 0 auto;
    margin-bottom: -10px;
}

#headtext {
    height: 354px; /* 60% */
    background-color: #c1d2e8;
    margin: 10px;
    margin-bottom: 5px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #040273;
    border: 10px solid #acc3e0;
    text-align: justify;
}

html > body #headtext {
    padding-right: 20px;
}

#maintext p {
    padding-right: 15px;
    margin: 0;
    padding: 0;
    padding-left: 15px;
    padding-top: 10px;
    color: #040273;
}

#currenthead {
    background: url("images/hoop_selected.gif") no-repeat left center !important;
    color: #fff !important;
}

#clienti /* NB - for adjustments see clientipicture as well */ {
    width: 610px;
    height: 580px;
    margin: 0;
    margin-top: -617px;
    margin-right: 3px;
    line-height: 150%;
    background-color: #0071b1; /* #0f0 */
    color: #0071b1;
    text-align: left;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 330px;
}

html > body #clienti {
    float: left;
    margin-left: 38%;
}

.contactdetails {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: bold;
    line-height: 300%;
    font-size: 16px; /* 1.2em */
}

#mailto {
    text-decoration: none;
    color: #040273;
}

    #mailto:hover {
        text-decoration: underline;
    }

#topthumb {
    float: right;
    width: 285px;
    margin: 0;
    padding: 0;
    margin-top: -558px;
    margin-right: 1px;
}

html > body #topthumb {
    margin-right: 4px;
}

    #topthumb img {
        border: 10px solid #acc3e0;
    }

    #topthumb a img:hover {
        border: 10px solid #fff;
    }

#sandone {
    float: right;
    height: 50px;
    width: 270px;
    margin-right: -5px;
}

html > body #sandone {
    margin-right: -18px;
}

#sandtwo {
    float: right;
    height: 320px;
    width: 165px;
    /* border:1px solid #f00;
background-color:#f00; */
}

html > body #sandtwo {
    margin-right: -18px;
}

#sandthree {
    margin: 0;
    padding: 0;
    float: right;
    height: 180px;
    width: 220px;
}

#magnify {
    float: right;
    margin-top: -505px;
    margin-right: 6px;
}

    #magnify img {
        border: 10px solid #acc3e0;
    }

#booktext {
    float: right;
    margin-top: -540px;
    margin-right: -18px; /* border:1px solid #f00; */
}

    #booktext img {
        border: 10px solid #acc3e0;
    }

#anim {
    margin-top: 15px;
    margin-bottom: 5px;
    text-align: left;
    padding-right: 10px;
    padding-left: 0px;
    margin-left: 0px;
}

html > body #anim {
    margin-top: 6px;
}

#lefthoop {
    float: left;
    margin-top: -370px;
    margin-left: 15px;
}

#righthoop {
    float: right;
    margin-top: -370px;
    margin-right: 15px;
}

#graphic {
    text-align: center;
}
/* ###  END TEXTPAGES ######################################################### */
/* #####  START CLIENTBAR ##################################################### */
#clientbar {
    width: 590px;
    padding: 0;
    margin: 0;
    margin-top: 6px;
    margin-bottom: 50px;
    color: #fff;
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
    /* border:1px solid #fff; */
}

.twoline {
    margin-left: 2px;
    text-align: center;
    line-height: 98%;
}

.shortspace {
    line-height: 50%;
}

#clientipicture {
    height: 470px;
    margin-top: -50px;
    background-color: #c1d2e8;
    color: #040273;
    border: 10px solid #acc3e0;
    text-align: center;
    font-size: 12px; /* 0.85em */
}

html > body #clientipicture {
    margin-top: 55px;
}

    #clientipicture p {
        text-align: justify;
        margin: 10px;
        margin-bottom: 5px;
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    #clientipicture h3 {
        margin: 10px;
        line-height: 200%;
    }
/* #####   END CLIENTBAR ############################################ */
/* ###  START NAVICONS ############################################## */
#naviconstx {
    width: 216px;
    float: right;
    margin-top: -495px;
    margin-right: 5px;
    padding-bottom: 12px;
}

#texticon {
    float: right;
    margin-top: 10px;
    margin-right: -46px; /* */
}

#picicon {
    float: right;
    margin-top: -90px;
    margin-right: 28px; /* */
}

    #texticon img, #picicon img {
        padding: 10px;
        background-color: #acc3e0; /* #6699cc */
        border: 1px solid #000;
    }

        #texticon img:hover, #picicon img:hover {
            padding: 10px;
            background-color: #fff;
            border: 1px solid #000;
        }

#navicons {
    float: right;
    width: 280px;
    height: 280px;
    margin-top: -713px;
}

#topthumbnav {
    float: right;
    margin-top: -190px;
    margin-right: 20px;
}

#midthumb {
    float: right;
    margin-top: -170px;
    margin-right: 10px; /* */
}

#basethumb {
    float: right;
    margin-top: 280px;
    margin-right: 0px;
}

    #topthumbnav img, #midthumb img, #basethumb img {
        padding: 10px;
        background-color: #acc3e0;
        border: 1px solid #000;
    }

        #topthumbnav img:hover, #midthumb img:hover, #basethumb img:hover {
            padding: 10px;
            background-color: #fff;
            border: 1px solid #000;
        }
/* ###  END NAVICONS ################################################ */

/* ###  START SISTEMA_NEXUS ######################################### */
#headtextsistema {
    width: 630px; /*675px */
    height: 403px;
    background-color: #c1d2e8;
    margin: 10px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #040273;
    /* overflow:auto; */
    text-align: center;
}

#darkblue {
    width: 590px;
    height: 220px;
    margin: 0;
    margin-top: 70px;
    margin-left: 30px;
    padding: 0;
    background-color: #0071b1;
    border: 1px solid #000;
}

html > body #darkblue {
    margin: 0 auto;
}

.nexusbox {
    float: left;
    width: 150px;
    height: 90px;
    margin: 0;
    margin-top: -220px;
    margin-right: 8px;
    font-size: 16px; /* 0.9em */
    font-weight: bold;
}
/* START tweaking of sistema diagram boxes for Mozilla */
html > body #m1 {
    margin-top: -222px;
    margin-left: -56px;
    width:
}

html > body #m2 {
    margin-top: -222px;
    margin-left: 78px;
}

html > body #m3 {
    margin-top: -222px;
    margin-left: 242px;
}

html > body #m4 {
    margin-top: -222px;
    margin-left: 423px;
}
/* END tweaking of sistema diagram boxes for Mozilla */
.widebox {
    width: 168px;
}

.narrowbox {
    width: 120px;
    margin-left: -4px;
}

html > body .narrowbox {
    width: 120px;
}

.nexusbox li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #fff;
    color: #000;
    border: 1px solid ##0071b1;
    margin-top: 28px;
    margin-right: 6px; /* */
    margin-bottom: 28px;
    margin-left: 7px; /* */
}

.boxright {
    float: right;
}

.invisiblebox {
    background-color: transparent !important;
}

#whitetext {
    background-color: transparent;
    color: #fff;
}

#redtext {
    color: #df2d13;
}

#greentext {
    color: #089841;
}

.lowertext {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#arrowgraphic {
    width: 636px;
    height: 363px;
    margin: 0;
    margin-top: -385px;
    margin-left: 25px;
    padding: 0;
}

html > body #arrowgraphic {
    margin-left: 13px;
}
/* ###  END SISTEMA_NEXUS ########################################### */
/* ###  START FOOTER ################################################ */
#footerline {
    /* width:960px; */
    size: 2px;
    color: #fff;
}

#footer {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-top: 12px;
    text-align: center;
    border-top: 2px solid #fff;
}

    #footer p {
        padding-top: 5px;
        padding-bottom: 15px;
        font-weight: bold;
    }

#bulletpoints li {
    list-style-type: none;
    display: inline;
    margin-left: 12px;
    margin-right: 12px;
    padding: 0;
    margin-top: 12px;
    margin-bottom: 12px;
    font-weight: bold;
}
/* ###  END FOOTER ##################################################### */

html > body #clientipicture {
    margin-top: -55px;
}

/* ###  START MISC CLASSES ############################################# */
img {
    border: 0;
}
/* ###  END MISC CLASSES ############################################### */