/* CSS Document */ .TapTop{ border:2px solid #E5E5E5; } /* UTILITY STYLES */ .floatLeft { float: left; margin-right: 10px;} .floatRight { float: right; } .clear { clear: both; } a { outline: none; } /* PAGE STRUCTURE */ #page-wrap { width: 500px; margin: 25px auto; position: relative; min-height: 500px; background: url(images/bg.png) top center; } /* TYPOGRAPHY */ ul { list-style: square inside; } a, a:visited { color: #729dff; text-decoration: none; } a:hover, a:active { color: white; } blockquote { padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; font-family: Georgia, serif; font-style: italic; margin-top: 10px;} /* SLIDER */ .slider-wrap { width: 419px; position: absolute; top: 87px; left: 40px; } .stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; } .stripViewer { position: relative; overflow: hidden; width: 419px; height: 285px; } .stripViewer .panelContainer { position: relative; left: 0; top: 0; } .stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 419px; } .stripNavL, .stripNavR, .stripNav { display: none; } .nav-thumb { border: 1px solid black; margin-right: 5px; } #movers-row { margin: -43px 0 0 62px; } #movers-row div { width: 20%; float: left; } #movers-row div a.cross-link { float: right; } .photo-meta-data { background: url(images/transpBlack.png); padding: 10px; height: 30px; margin-top: -50px; position: relative; z-index: 9999; color: white; } .photo-meta-data span { font-size: 13px; } .cross-link { display: block; width: 62px; margin-top: -14px; position: relative; padding-top: 15px; z-index: 9999; } .active-thumb { background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; } *{margin:0; padding:0;} p,div,ul,li, h1,h2,h3,h4{padding:0; margin:0; text-decoration:none; list-style:none;} a img, img a, img{border:0;} body{font:normal 12px Arial, Helvetica, sans-serif; color:#3a3a3a; background: url(images/bg.jpg) repeat} a{color:#657c0a; text-decoration:none;} a:hover{color:#b40000; text-decoration:none;} #container{ width:1000px; margin:0 auto; position:relative; background:#ffffff} #maincontainer{ position:absolute; height:auto; width:1000px;background:#ffffff} #header{ height:60px; width:1000px; float:left; background:#ffffff;} #header .logo{ width:151px; height:50px; float:left; padding:5px; padding-bottom:0;} #header .topmenu{ float:right; padding:0; margin:0; display:block; height:auto;} #header .topmenu li{padding:3px 3px 0px 3px; font:normal 11px tahoma; color:#6f6f6f; display:block; float:left; white-space:nowrap;} #header .topmenu li a{ text-decoration:none; color:#454545; float:left} #header .topmenu li b{ text-decoration:none; color:#454545; float:left; font-weight:normal;} #header .topmenu li a:hover{text-decoration:none; color:#000000;} #menu{float:left; padding:0;background:url(images/menu-bg.jpg) repeat-x; width:1000px; height:43px;} #menu ul{ float:left; padding:0; display: block;} #menu ul li{ float:left; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; } #menu ul li a{ text-decoration:none; color:#FFFFFF; font-weight:bold; display:block; padding:20px 18px 7px 18px; white-space:nowrap; } #menu ul li b{ text-decoration:none; color:#FFFFFF; background:#fff; width:2px; height:43px; float:left;} #menu ul li a:hover{text-decoration:none; color:#084269; font-weight:bold;} #menu a{color:#084061} #menu a:hover{color:#084061} .menubottom{width:1000px; height:5px; float:left; background:#96d8f6; overflow:hidden;} .menubottom1{width:1000px; height:1px; float:left; background:#ffffff; overflow:hidden;} #banner{ width:1000px; height:162px; float:left;} #banner1{ width:1000px; height:140px; float:left;} #body-container{ width:1000px; height:144px; float:left;} #body-container .box1{width:234px; float:left; border:1px solid #d8d7d7; height:129px; padding-top:5px; padding-left:15px; border-right:0;} #body-container .box1 h1{font:bold 12px arial;} #body-container .box1 img{padding-right:4px;} #body-container .box1 a{font:normal 11px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;} #body-container .box1 a:hover{color:#727272; } #body-container .box2{width:234px; float:left; border:1px solid #d8d7d7; height:129px; padding-top:5px; padding-left:15px; } #body-container .box2 h1{font:bold 12px arial;} #body-container .box2 img{padding-right:4px;} #body-container .box2 a{font:normal 11px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;} #body-container .box2 a:hover{color:#727272;} #body-container .box3{width:234px; float:left; border:1px solid #d8d7d7; height:129px; border-left:0; padding-top:5px;padding-left:15px;} #body-container .box3 h1{font:bold 12px arial;} #body-container .box3 img{padding-right:4px;} #body-container .box3 a{font:normal 11px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;} #body-container .box3 a:hover{color:#727272;} #body-container .box4{width:233px; float:left; border:1px solid #d8d7d7; height:129px; border-left:0; padding-top:5px;padding-left:15px;} #body-container .box4 h1{font:bold 12px arial;} #body-container .box4 img{padding-right:4px;} #body-container .box4 a{font:normal 11px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;} #body-container .box4 a:hover{color:#727272;} #body-container2{height:172px; width:1000px; float:left; background:#ffffff; padding-top:8px;} #body-container2 .left{width:490px; height: 170px; float:left; padding-left:10px; padding-top:5px; font:normal 12px Arial, Helvetica, sans-serif; padding-right:5px; } #body-container2 .left a{font:normal 11px Arial, Helvetica, sans-serif; color:#000000;} #body-container2 .left a:hover{color:#727272; text-decoration:none;} #body-container2 .left img{padding-right:3px;} #body-container2 .right{ width:470px; height:154px; float:left; margin-left:5px; margin-top:5px; margin-bottom:10px; left: 497px; top: 382px; } #body-container2 .right .img1{width:97px; height:150px; float:left;} #body-container2 .right .img2{width:138px; height:148px; float:left; background: url(images/request-bg.jpg) repeat #f9f9f8; border:1px solid #e9e9e9; padding-left:10px;} #body-container2 .right .img2 .text{width:90%; float:left; height:70px;} #body-container2 .right .img2 .white-bg{background:#fff; width:85%; float:left; height:120px; border:1px solid #e9e9e9; margin-top:15px; font:normal 11px "trebuchet MS"; color:#666666; padding-left:8px;} #body-container2 .right .slide{width:200px; height:150px; float:left; margin-left:5px; border:1px solid #eaeaea; margin-right:5px;} #footer { background:#f6f6f6 url(images/footer-bg.jpg) repeat-x; height:auto; width:100%; float:left; border-top:1px solid #c0c0c0; height:auto; font:normal 11px Arial, Helvetica, sans-serif; color:#666666; } #footer a{color:#666666; padding:5px; margin-top:5px;} #footer a:hover{ color:#000000; padding:5px; margin-top:5px;} /*about us page*/ #body-container1{ width:1000px; height:auto; float:left;} #left-container{width:222px; float:left; height:auto; padding-top:8px; padding-left:8px;} #left-container .submenu{width:206px; height:auto; float:left; border:1px solid #d9d9d9;} #left-container .submenu .head{ background:url(images/left-submenu--bg.jpg) repeat-x; width:204px; height:26px; float:left; margin-left:1px; font:bold 14px "trebuchet MS"; color:#000000; padding-top:6px;} #left-container .submenu1{ padding-bottom:20px; display:block; width:100%; float:left; padding-left:1px;} #left-container .submenu1 li{ background:url(images/bullet3.jpg) 5px 11px no-repeat; width:100%; text-align:left; display:block; padding:0; margin:0; float:left; } #left-container .submenu1 li a{font:normal 11px tahoma; color:#353535; display:block; padding:7px 0px 7px 20px;} #left-container .submenu1 li a.selected{color:#353535; background:#c3e1f2 url(images/bullet-3.jpg) 5px 11px no-repeat;} #left-container .submenu1 li a:hover{color:#353535; background:#c3e1f2 url(images/bullet-3.jpg) 5px 11px no-repeat; } #right-container{width:750px; float:left; height:auto; padding-top:8px; overflow:hidden;} #right-container .aboutus-head{width:73px; height:27px; float:left;} #right-container .products{width:80px; height:27px; float:left;} #right-container .careers{ width:63px; height:27px; float:left;} #right-container .clients{ width:58px; height:27px; float:left;} #right-container .portfolio{ width:79px; height:27px; float:left;} #right-container .services{width:65px; height:27px; float:left;} #right-container .contactus{width:91px; height:27px; float:left;} #right-container .quotes{width:50px; height:27px; float:left;} #right-container .ecommerce{width:101px; height:27px; float:left;} #right-container .multi-media{width:95px; height:27px; float:left;} #right-container .seo{width:29px; height:27px; float:left;} #right-container .software-development{width:190px; height:27px; float:left;} #right-container .web-design{width:90px; height:27px; float:left;} #right-container .web-solution{width:111px; height:27px; float:left;} #right-container .free-lancing{width:100px; height:27px; float:left;} #right-container .sitemap{width:63px; height:27px; float:left;} #right-container .topbg{background:url(images/subhead-bg.jpg) repeat-x; width:673px; height:22px; float:left; padding-top:5px; font:normal 11px Arial, Helvetica, sans-serif; color:#000; } #right-container .topbg a{font:normal 11px Arial, Helvetica, sans-serif; color:#9c9c9c; } #right-container .topbg a:hover{color:#000000;} .bodytext{padding-top:10px; height:auto; width:750px; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#494949; line-height:17px; word-spacing:1px; text-align:justify; vertical-align:bottom;} .bodytext1{padding-top:10px; height:auto; width:750px; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#494949; line-height:17px; word-spacing:1px; text-align:justify; vertical-align:bottom; padding-bottom:10px;} .bodytext1 span{font:normal 12px Arial, Helvetica, sans-serif; color:#ff4a0b;} #quote-icon{ width:210px; height:auto; float:left; margin-top:5px;} .textbox{border:1px solid #94c8e6;} .list li{ padding-top:3px;} .list li b{font:bold 13px Arial, Helvetica, sans-serif;} .header{font:bold 13px Arial, Helvetica, sans-serif; color:#55742a;} .text2{font:bold 12px Arial, Helvetica, sans-serif; color:#ff4c15;} .box-portfolio{ width:148px; height:167px; float:left; padding-right:10px; padding-left:10px; border:1px solid #e4e4e4; margin-left:10px; padding-top:10px; margin-top:20px;} .box-portfolio .bottom-title{width:96%; height:22px; float:left; font:normal 12px Arial, Helvetica, sans-serif; color:#ec7e00; background:#fff0de; margin-top:5px; border:1px solid #ec7e00; padding-top:3px; padding-left:4%;} .list1 li{background:url(images/body-icon.jpg) left no-repeat; padding-left:15px; margin-top:5px; list-style:none;} .list1 h1{background:url(images/body-icon.jpg) left no-repeat; padding-left:15px; margin-top:5px; list-style:none; font:bold 12px Arial, Helvetica, sans-serif;} .Bottom1{ float:left; background:#ffffff;color:#333333; font:normal 11px Arial, Helvetica, sans-serif; } .Bottom1 a{color:#004080; text-decoration:none} .Bottom1 a:hover{color:#660000;text-decoration:none} .Menu1{ background:#1FA6EA; color:#FFFFFF; } .Menu1 A {background:#1FA6EA;color:#FFFFFF;font-weight:bold; text-decoration:none;} .Menu1 A:hover {color:#00376F;text-decoration:none} #Menu1{ background:#1FA6EA; color:#FFFFFF; } #Menu1 A {background:#1FA6EA;color:#FFFFFF;font-weight:bold; text-decoration:none;} #Menu1 A:hover {color:#00376F;text-decoration:none}