/* --- START COMMON CSS ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ *{margin:0; padding:0} a{text-decoration:none; border:none; outline:none;} a img{border:0;} #main h1{font-size:14px; padding:10px 0 5px;} #main h2{font-size:12px;} #center ul{padding-left:20px; margin-left:20px; padding-bottom:5px;} .cl{font-size:0; line-height:0; clear:both;} .no-text{text-indent:-999999px; font-size:0; line-height:0;} input, textarea, select{width:197px; border:1px solid #bbb; background:#fff; font-size:10px; color:#666; padding-left:3px;} input{height:15px;} select{width:202px; height:17px;} option{padding-left:3px;} textarea{height:65px; overflow-y:scroll; font-size:11px;} input.button{width:80px; margin-left:5px; float:right; color:#fff; background:#888; height:18px; padding:0;} table.inputs tr td{padding:3px 0px;} .sttxt{display:none;} a.plink{font-weight:normal; color:#505050!important; cursor:text;} a:hover.plink{text-decoration:none!important;} a.clients-home-link{color:#45B7F9;} a:hover.clients-home-link{text-decoration:underline;} /* --- END COMMON CSS ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* --- START BODY & SHELL -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ body{background:url(images/bg.gif) repeat; font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif; line-height:18px; letter-spacing:0px; color:#505050;} #shell{margin:0 auto; width:760px; background:#fff;} /* --- END BODY & SHELL ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- START MENU ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #menu{height:35px; width:760px; background:url(images/menu-bg.gif) repeat; line-height:35px;} #menu ul{list-style:none;} #menu ul li{float:left; background:url(images/menu-div.gif) no-repeat right 0; padding-right:1px;} #menu ul li a{height:34px; text-align:center; width:108px; float:left; color:#fff; display:block;} #menu ul li a:hover, #menu ul li a.active{background:url(images/menu-hover.gif) repeat;} #menu ul li a.last{width:106px;} #menu ul li.last{background:none; padding:0;} /* --- END MENU ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* --- START HEADER -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header-main, #header{width:760px; height:71px; margin:1px 0px;} #header{background:url(images/header.jpg) no-repeat;} #logo{width:108px; height:53px; float:left; padding:6px 0px 0px 19px; position:absolute;} #logo a{background:url(images/logo.gif) no-repeat; width:108px; height:53px; display:block;} #phone{width:153px; height:58px; position:absolute; margin-left:760px; float:left; padding-top:2px;} #phone a{background:url(images/tels.gif) no-repeat; display:block; width:153px; height:58px;} #phone-bg{width:153px; height:58px; position:absolute; margin-left:760px; float:left; padding-top:2px;} #phone-bg a{background:url(images/tels-bg.gif) no-repeat; display:block; width:153px; height:58px;} #flash{width:760px; height:288px; margin-bottom:10px;} /* --- END HEADER ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- START CONTENT ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content{width:760px;} #subbox-left{width:582px; padding:0px 11px 10px 4px; float:left;} #subbox-right{width:158px; padding:0px 5px 10px 0px; float:left;} .crumbbar{background:#4d4d4d url(images/crumbbar.gif) no-repeat right 0; height:32px; display:block;} .crumbbar h1{color:#fff; font-size:18px; font-weight:normal; line-height:32px; padding-left:10px;} #main{padding-top:10px;} #submenu{width:159px; padding:0px 15px 0px 0px; float:left;} #submenu ul{list-style:none;} #submenu ul li{height:29px; padding-bottom:1px;} #submenu ul li a{background:#1394d1 url(images/submenu-bg.gif) no-repeat left 0; display:block; height:29px; color:#fff; line-height:29px; font-size:12px; padding-left:20px;} #submenu ul li a:hover, #submenu ul li a.active{background:#0d79c9 url(images/submenu-hover.gif) no-repeat left 0;} #center, #center.wsm{float:left;} #center{width:400px; padding-left:4px;} #center.wsm{width:auto; padding-left:10px;} #center a{color:#199ce4;} #center a:hover{color:#0d79c9; text-decoration:underline;} #center p{margin:0; padding-bottom:5px; text-align:justify;} #news{width:148px; background:#292929; margin-top:1px; padding:5px; color:#fff; font-size:10px; line-height:14px;} .news-box{padding:5px 0px; border-bottom:1px dashed #464646;} .news-box.last{border:0;} .news-box h2{font-size:12px; font-weight:bold; padding-bottom:5px; line-height:22px;} .news-box a{color:#fff;} .news-box a:hover{ text-decoration:none; color:#45b7f9;} .news-box a.more{float:right; color:#868686;} .news-box a.more:hover{color:#45b7f9; text-decoration:none;} .shipping-logos{float:left; margin:10px 1px;} /* --- END CONTENT --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- START CLIENTS ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #clients-table{width:100%;} #clients-table tr td{text-align:center; height:80px;} #clients-table tr td a{display:block; height:80px; border:1px solid #f1f1f1; padding:10px;} #clients-table tr td a:hover{border:1px solid #0D79C9;} a.client-freightsearch{background:url(images/clients-sprite.gif) 0 0;} a:hover.client-freightsearch{background:url(images/clients-sprite.gif) 0 -100px;} a.client-digiguard{background:url(images/clients-sprite.gif) -125px 0;} a:hover.client-digiguard{background:url(images/clients-sprite.gif) -125px -100px;} a.client-spirit{background:url(images/clients-sprite.gif) -250px 0;} a:hover.client-spirit{background:url(images/clients-sprite.gif) -250px -100px;} a.client-rokkmedia{background:url(images/clients-sprite.gif) -375px 0;} a:hover.client-rokkmedia{background:url(images/clients-sprite.gif) -375px -100px;} a.client-travelfoundation{background:url(images/clients-sprite.gif) -500px 0;} a:hover.client-travelfoundation{background:url(images/clients-sprite.gif) -500px -100px;} a.client-cubelab{background:url(images/clients-sprite.gif) -625px 0;} a:hover.client-cubelab{background:url(images/clients-sprite.gif) -625px -100px;} a.client-four{background:url(images/clients-sprite.gif) -750px 0;} a:hover.client-four{background:url(images/clients-sprite.gif) -750px -100px;} a.client-cotrain{background:url(images/clients-sprite.gif) -875px 0;} a:hover.client-cotrain{background:url(images/clients-sprite.gif) -875px -100px;} a.client-ukconcepts{background:url(images/clients-sprite.gif) -1000px 0;} a:hover.client-ukconcepts{background:url(images/clients-sprite.gif) -1000px -100px;} a.client-amworld{background:url(images/clients-sprite.gif) -1125px 0;} a:hover.client-amworld{background:url(images/clients-sprite.gif) -1125px -100px;} a.client-variantir{background:url(images/clients-sprite.gif) -1250px 0;} a:hover.client-variantir{background:url(images/clients-sprite.gif) -1250px -100px;} a.client-pennybrohn{background:url(images/clients-sprite.gif) -1375px 0;} a:hover.client-pennybrohn{background:url(images/clients-sprite.gif) -1375px -100px;} a.client-kudos{background:url(images/clients-sprite.gif) -1500px 0;} a:hover.client-kudos{background:url(images/clients-sprite.gif) -1500px -100px;} a.client-telemedics{background:url(images/clients-sprite.gif) -1625px 0;} a:hover.client-telemedics{background:url(images/clients-sprite.gif) -1625px -100px;} a.client-chaushev{background:url(images/clients-sprite.gif) -1750px 0;} a:hover.client-chaushev{background:url(images/clients-sprite.gif) -1750px -100px;} a.client-arena{background:url(images/clients-sprite.gif) -1875px 0;} a:hover.client-arena{background:url(images/clients-sprite.gif) -1875px -100px;} a.client-elarg{background:url(images/clients-sprite.gif) -2000px 0;} a:hover.client-elarg{background:url(images/clients-sprite.gif) -2000px -100px;} a.client-viveka{background:url(images/clients-sprite.gif) -2125px 0;} a:hover.client-viveka{background:url(images/clients-sprite.gif) -2125px -100px;} a.client-elargen{background:url(images/clients-sprite.gif) -2250px 0;} a:hover.client-elargen{background:url(images/clients-sprite.gif) -2250px -100px;} /* --- END CLIENTS --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- START FOOTER -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer{width:750px; margin:0 auto 30px; padding:5px; font-size:10px; line-height:10px; color:#7c7c7c; position:relative;} #company{float:left; text-align:left;} #company a{color:#7c7c7c;} #company a:hover{color:#45b7f9;} #footer-menu{float:right;} #footer-menu ul{list-style:none;} #footer-menu ul li{float:left; padding:0px 10px; border-right:1px solid #3b3b3b;} #footer-menu ul li.last{padding:0px 0px 0px 10px; border:none;} #footer-menu ul li a{color:#7c7c7c;} #footer-menu ul li a:hover{color:#fff;} #banner-box{margin:50px auto 10px; width:760px; text-align:center;} #banner-box a{margin:0px 5px;} #certificates{position:absolute; margin-left:770px; margin-top:-131px; width:120px; float:left;} #certificates img{margin-bottom:10px;} #site-link-box{width:740px; margin:50px auto 10px; text-align:center; font-size:12px; line-height:16px;} #site-link-box ul{list-style:none;} #site-link-box ul li{float:left; padding:0px 10px; border-right:1px solid #3b3b3b;} #site-link-box ul li.last{padding:0px 0px 0px 10px; border:none;} #site-link-box ul li a{color:#424242;} #site-link-box ul li a:hover{color:#5a5a5a; text-decoration:underline;} /* --- END FOOTER ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- START FIRST PAGE CONTENT -------------------------------------------------------------------------------------------------------------------------------------------------------- */ .mainbox{width:243px; margin:5px; float:left;} .mainbox h1{color:#323232; font-size:18px; font-weight:normal; padding-bottom:10px;} .mainbox h1 a{color:#323232;} .mainbox h1 a:hover{color:#45B7F9;} #news-mp{background:#292929; padding:5px 10px; color:#fff; font-size:10px; line-height:14px;} .news-mp-box{padding:5px 0px; border-bottom:1px dashed #464646;} .news-mp-box.last{border:0;} .news-mp-box h2{font-size:12px; font-weight:bold; padding-bottom:5px; line-height:22px;} .news-mp-box a{color:#fff;} .news-mp-box a:hover{color:#45b7f9; text-decoration:none;} .news-mp-box a.more{float:right; color:#868686;} .news-mp-box a.more:hover{color:#45b7f9; text-decoration:none;} .twitter{background:url(images/twitter-top.gif) no-repeat top right;} .tweet_first{background:#f9f9f9 url(images/twitter-bottom.gif) no-repeat top!important; border-top:none!important;} .tweet .tweet_list{list-style-type:none;} .tweet .tweet_list li{padding:5px; border:1px solid #eee; background:#f9f9f9; margin:2px 0px; float:left; display:block; width:231px;} .tweet .tweet_list li a{color:#45B7F9;} .tweet .tweet_list li a:hover{text-decoration:underline;} .tweet .tweet_list .tweet_avatar{padding-right:5px; float:left;} a.followme{float:right; color:#45B7F9;} a:hover.followme{text-decoration:underline;} /* --- END FIRST PAGE CONTENT ---------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- START CONTENT BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------------------------------------- */ .aboutus{background:url(images/aboutus.jpg) no-repeat bottom left;} .ourwork{background:url(images/ourwork.jpg) no-repeat bottom left;} .solutions{background:url(images/solutions.jpg) no-repeat bottom left;} .support{background:url(images/support.jpg) no-repeat bottom left;} .contacts{background:url(images/contacts.jpg) no-repeat bottom left;} .careers{background:url(images/careers.jpg) no-repeat bottom left;} .spacing{height:130px;} /* --- END CONTENT BACKGROUNDS -------------------------------------------------------------------------------------------------------------------------------------------------------- */