@import url(footer.css);
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#logo {
    background-image: url("../images/layout/index/inventure-logo.jpg");
    background-repeat: no-repeat;
    background-position: center;
    height:132px;
    margin-top: 80px;
    margin-bottom: 40px;
}

#logo h1 {
    visibility: hidden;
}

#wrapper {
    text-align: center;
}

#main {
    width: 985px;
    margin: 0px auto 0px auto;
}

html {
    height:100%;
}
body {
    height:100%;
    margin:0px;
    padding:0px;
    font-family:Arial;
    background:#fff;
    font-size:100%;
}
img {
    border:none;
}
a, a:visited {
    text-decoration:none;
}

div#blueline {
    background:url(../images/layout/index/blueline.png) repeat-x;
    height:250px;
    text-align: center;
}

div#indexmenu {
    width: 985px;
    margin: auto;
}
 div#indexmenu div {
    margin:0px 4px 0px 3px;
    padding:0px;
}
div#indexmenu div {
    float:left;
    cursor:pointer;
}
div#indexmenu div a {
    display:block;
    width: 190px;
    height: 267px;
    padding: 0px 0px 0px 0px;
    color: #ADADAD;
    font-weight: bold;
    font-size: 0.9em;
    background-repeat: no-repeat;
    background-position: left;
}
div#indexmenu div a:hover {
    color:#fff;
    background-position:right;
}
div#indexmenu div a span {
    display: block;
    margin: auto;
    position: relative;
    top:215px;
    height: 40px;
    width:160px;
    cursor:pointer;
}

div#indexmenu a#fleet {
    left:0px;
    background-image:url(../images/layout/index/im_fleet.jpg);
}
div#indexmenu a#fleet:hover {
    background-image:url(../images/layout/index/im_fleet.jpg);
}

div#indexmenu a#canbus {
    background-image:url(../images/layout/index/im_canbus.jpg);
}
div#indexmenu a#canbus:hover {
    background-image:url(../images/layout/index/im_canbus.jpg);
}
div#indexmenu div a#canbus span {
    width:140px;
    
}


div#indexmenu a#measuring {
    background-image:url(../images/layout/index/im_measuring.jpg);
}
div#indexmenu a#measuring:hover {
    background-image:url(../images/layout/index/im_measuring.jpg);
}
div#indexmenu a#break {
    left:600px;
    background-image:url(../images/layout/index/im_break.jpg);
}
div#indexmenu a#break:hover {
    background-image:url(../images/layout/index/im_break.jpg);
}

div#indexmenu a#research {
    background-image:url(../images/layout/index/im_research.jpg);
}
div#indexmenu a#research:hover {
    background-image:url(../images/layout/index/im_research.jpg);
}
div#indexmenu div a#research span {
    width:140px;
}

div#indexmenu div ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: relative;
    top: -55px;
    z-index: -100;
    width: 160px;
}

div#indexmenu div ul li {
    clear:both;
}
div#indexmenu div ul li a, div#indexmenu ul li ul li a:visited {
    position:relative;
    height:17px;
    line-height:17px;
    padding:0px;
    margin:0px;
    font-size:0.7em;
    font-weight:normal;
    color:#888;
}
div#indexmenu div ul li a:hover {
    color:#000;
    background:url(../images/layout/index/sub.gif) no-repeat center;
}

div#clearboth {
    clear:both;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> end of SITESEARCH */

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> start of TOPMENU */

#topmenu {
    float: left;
    padding-top: 20px;
}

#topmenu ul {
    margin: 0px;
}

#topmenu ul li {
    display: inline;
}
#topmenu ul li a {
    margin:0px 5px 0px 0px;
    padding:2px 3px 2px 3px;
    font-weight:bold;
    color:#adadad;
    font-size:80%;
}
#topmenu ul li a:hover {
    color:#498cca;
    background:none;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> end of TOPMENU */

#lang {
    float: right;
    width: 230px;
    text-align: right;
    padding-right: 10px;
}

div#lang ul {
    display: inline;
    list-style-type: none;
    text-align: right;
}
div#lang ul li {
    display:inline;
}
div#lang ul li a {
    color:#3170A8;
    font-size:80%;
    font-size:75%;
}
div#lang ul li a:hover {
    border-bottom:solid 1px #3170A8;
}
div#lang ul li small {
    color:#0E2F50;
}

div#footer {
    margin-top: 100px;
    width:100%;
}




div#x {
    position:relative;
    width:985px;
    margin:0px auto 0px auto;
}
div.clearboth {
    clear:both;
}

div#right {
    position:relative;
    display:inline;
    width:300px;
}

div#login {
    vertical-align: middle;
    margin: 5px 0px 5px 50px;
}
div#login a {
    color:#498cca;
    background:url(../images/layout/index/login.gif) no-repeat left;
    padding-left: 15px;
    font-weight: 700;
    font-size: 0.8em;
}

div#login a:hover {
    padding-left: 15px;
    text-decoration: underline;
}