/*** ----------------- CSS Document ----------------- ***/ body { background-color:white; color:Black; margin:0px; font-family:Verdana;} h1,h6 {font-size:18px; font-family:Verdana; text-align:left; color:#58595B; margin:0px; } h6 { color:#FF6600;} h2,h3,h4,h5,span2 { font-size:13px; font-family:Verdana;text-align:left; color:#FF6600; margin:opx; font-weight:bold; margin:0px; } span{ font-family:Verdana; font-size:13px; color:#58595B; font-weight:normal; } blockquote {padding: 10px; border: 1px #DDD dashed; } a,a:link, a:active, a:visited { color:#FF6600; text-decoration:none; } a:hover {color:#FF6600; text-decoration:underline;} label { text-align:left;float:left; height:20px; width:63px; border:solid 0px black; font-family:Verdana; font-size:13px; } /*** ----------------- Header ----------------- ***/ .headerlogo {width:1024px; border:solid 0px black; float:none; height:110px; background-image:url(images/bg_logo.jpg); background-repeat:no-repeat;} .headerlogo_home {width:1024px; border:solid 0px black; float:none; height:110px; background-image:url(images/logo3.jpg); background-repeat:no-repeat;} .headerimg { width:1024px; float:none; height:224px; } .headerimghome { width:1024px; border:solid 0px black; float:none; height:224px; background-image:url(images/header_home.jpg); background-repeat:no-repeat; } .headerimgservice { width:1024px; border:solid 0px black; float:none; height:224px; background-image:url(images/header_services.jpg); background-repeat:no-repeat; } .headerimgreferences { width:1024px; border:solid 0px black; float:none; height:224px; background-image:url(images/header_references.jpg); background-repeat:no-repeat; } .headerimgaboutus { width:1024px; border:solid 0px black; float:none; height:224px; background-image:url(images/header_aboutus.jpg); background-repeat:no-repeat; } .headerimgcontact { width:1024px; border:solid 0px black; float:none; height:224px; background-image:url(images/header_contact.jpg); background-repeat:no-repeat; } .headerimgblog { width:1024px; border:solid 0px black; float:none; height:224px; background-image:url(images/header_blog.jpg); background-repeat:no-repeat; } .headerimgfaq { width:1024px; border:solid 0px black; float:none; height:224px; background-image:url(images/faq.jpg); background-repeat:no-repeat; } .logo {float:left; clear:both; padding-left:73px; border: solid 0px #000000;} .logo a, .logo a:link, .logo a:active, .logo a:visited, .logo a:hover{text-decoration:none;} /*** ----------------- Side Left ----------------- ***/ .sideleft{width:209px; border:solid 0px black; float:left; height:450px; background-image:url(images/lefthome.jpg); background-repeat:no-repeat; } .sideleft_home {width:209px; color:#FF6600; font-family:tahoma; font-size:14px; text-align:center; border:solid 0px black; float:left; height:450px; background-image:url(images/lefthome.jpg); background-repeat:no-repeat; } .sidleftnavigation { width:208px; float:left; padding-left:0px; border:solid 0px black; height:300px; margin-left:0px; margin-top:0px; } /*** ----------------- Top Menu ----------------- ***/ .menu { width:640px; border-top:solid 0px black; float:right; border-right:dotted 1px #9f9f9f; height:22px; margin:85px 24px 0 0px!important; margin-right:12px; font-size:14px; font-family:tahoma; border: solid 0px #000000;} .menu ul { margin:0px; padding:0px; list-style:none; } .menu ul li { position:relative; float:left; padding-top:5px ; border-left:dotted 1px #9f9f9f; font-family:tahoma; display:block; text-decoration:none; text-align:center;} .menu ul li a { text-decoration:none; font-family:tahoma; font-size:14px; color:#58595B; text-align:center; padding-left:24px; padding-right:22px ; } .menu ul li a:hover{ color:#FF6600; font-family:tahoma; font-size:14px; text-align:center; text-decoration:none;} .menu ul li a:active{ color:#FF6600; font-family:tahoma; font-size:14px; text-align:center; text-decoration:none; } /*** ----------------- Left navigation ----------------- ***/ .left_nav ul {list-style: none; margin:0px; padding:0px; width:206px; border:solid 0px black; } .left_nav ul li { width:207px; height:30px!important; height:24px; border:solid 0px black; background-image:url(images/nav7.jpg); background-repeat:no-repeat; font-size:14px; font-family: Verdana, Helvetica, sans-serif; text-align:left;} .left_nav ul li a, .left_nav ul li a:link, .left_nav ul li a:visited { display: block; border:solid 0px green; padding-top:6px; padding-bottom:6px!important; padding-bottom:4px; padding-left:25px; text-decoration: none; color:#58595B;} .left_nav ul li a:hover, .left_nav ul li.active { background-image:url(images/nav8.jpg); background-repeat:no-repeat; color:#FFFFFF;} .blog_left_nav ul {list-style: none; margin:0px; padding:0px; width:206px; border:solid 0px black; } .blog_left_nav ul li { width:207px; height:30px!important; height:24px; border:solid 0px black; background-image:url(images/nav7.jpg); background-repeat:no-repeat; font-size:14px; font-family: Verdana, Helvetica, sans-serif; text-align:left;} .blog_left_nav ul li a, .left_nav ul li a:link, .left_nav ul li a:visited { display: block; border:solid 0px green; padding-top:6px; padding-bottom:6px!important; padding-bottom:4px; padding-left:25px; text-decoration: none; color:#58595B;} .blog_left_nav ul li a:hover, .left_nav ul li.active { background-image:url(images/nav8.jpg); background-repeat:no-repeat; color:#FFFFFF;} .home_left_nav { font-size:14px; font-family:Tahoma; padding-left:15px;} .home_left_nav ul {list-style-type:none; padding: 0px; margin:0px; text-align: left; } .home_left_nav ul li {font-weight:bold; color:#58595B;} .home_left_nav ul li a, .home_left_nav ul li a:link, .home_left_nav ul li a:active, .home_left_nav ul li a:visited {color:#58595B; text-decoration:none;} .home_left_nav ul li a:hover {text-decoration: underline;} .home_left_subnav { font-size:14px; font-family:Tahoma; padding-left:10px;} .home_left_subnav ul {list-style-position:inside; list-style-image:url(images/list_icon.gif); padding: 0px; margin:0px; text-align: left; color:#FF6600;} .home_left_subnav ul li {font-weight:normal; color:#FF6600; } .home_left_subnav ul li a, .home_left_subnav ul li a:link, .home_left_subnav ul li a:active, .home_left_subnav ul li a:visited {color:#FF6600; text-decoration:none; } .home_left_subnav ul li a:hover {text-decoration: underline;} /*** ----------------- Footer ----------------- ***/ .footer { width:1024px; border:solid 0px black; float:none; height:70px; clear:both; } .footerbg1 { width:226px; border:solid 0px green; float:left; background-color:#FF6600; height:70px; } .footerbg2 { width:785px; border:solid 0px green; float:left; background-color:#FF6600; height:40px; margin-top:30px; } .footerbg2 ul { margin:0px; padding:0px; list-style:none; text-align:center; } .footerbg2 ul li { position:relative; float:right; border-right:solid 0px white; padding-top:10px; font-weight:bold; font-family:Tahoma; font-size:13px; color:White; display:block; } .footerbg2 ul li a { color:White; text-decoration:none; text-align:center; border-left:solid 1px white; padding-right:10px; padding-left:10px;} .footerbg3 {width:11px; border:solid 0px green; float:left; background-color:#FF6600; height:70px;} .copy_right { width:170px; float:left; border:solid 0px black; height:20px; color:White; font-size:13px; margin-top:48px; margin-left:14px; text-align:left; } /*** ----------------- Content background img ----------------- ***/ .contentmain { width:740px; border:solid 0px red; float:left; text-align:left; background-image:url(images/rss_bg.jpg); background-repeat:no-repeat; min-height:449px; } .contentscontact { width:740px; background-color:transparent; border:solid 0px red; float:left; text-align:left; background-image:url(images/contactbg2.jpg); background-repeat:no-repeat; background-position:bottom right; padding-left:20px; min-height:472px;text-align:justify;} .contentstech { width:740px; border:solid 0px red; float:left; text-align:left; background-image:url(images/service_tec2.gif); background-repeat:no-repeat; background-position:bottom right; padding-left:20px; min-height:382px;text-align:justify;} .contentsdesign { width:740px; min-height:560px; border:solid 0px red; float:left; text-align:left; background-image:url(images/service_design.jpg); background-repeat:no-repeat; background-position:bottom right; padding-left:20px; text-align:justify;} .contentsmarket { width:740px; border:solid 0px red; float:left; text-align:left; background-image:url(images/STEB3.jpg); background-repeat:no-repeat; background-position:bottom right; padding-left:20px; min-height:455px;text-align:justify;} .contentsaboutus { width:740px; border:solid 0px red; float:left; text-align:left; background-image:url(images/team.gif); background-repeat:no-repeat; background-position:bottom right; padding-left:20px; min-height:436px;text-align:justify;} .contentshome { width:532px; border:solid 0px red; float:left; text-align:left; text-align:justify;} .contentsquotation { width:740px; border:solid 0px red; float:left; text-align:left; background-image:url(images/qoatation.gif); background-repeat:no-repeat; background-position:bottom right; padding-left:20px; min-height:406px;text-align:justify;} .contentsservice { width:740px; border:solid 0px red; float:left; text-align:left; background-image:url(images/services_bg.jpg); background-repeat:no-repeat; background-position:bottom right; padding-left:20px; min-height:345px;text-align:justify;} .contentscareer{ width:740px; border:solid 0px red; float:left; text-align:left; background-image:url(images/aboutus_career.jpg); background-repeat:no-repeat; background-position:bottom right; padding-left:20px; min-height:312px;text-align:justify;} .contentsnewsroom { width:740px; border:solid 0px red; float:left; text-align:left; background-image:url(images/newsroom_bg.jpg); background-repeat:no-repeat; background-position:bottom right; padding-left:20px; min-height:350px;text-align:justify;} .contentsrefdetail{ width:740px; border:solid 0px red; float:left; text-align:left; background-image:url(images/reference_bg.jpg); background-repeat:no-repeat; background-position:bottom right; padding-left:20px; min-height:357px;text-align:justify;} .contentsrefdetailfix{ width:740px; min-height:522px; border:solid 0px red; float:left; text-align:left; background-image:url(images/ref_detail.jpg); background-repeat:no-repeat; background-position:bottom right; padding-left:20px; text-align:justify;} .contentline { width:776px; border-left:dotted 2px #9F9F9F; border-top:solid 0px black; border-right:solid 0px black; float:left; margin-top:8px; margin-left:15px!important; margin-left:7px; font-family:Verdana; font-size:13px; color:#58595B; padding-left:20px; } .contentblog { width:700px; height:440px; float:left; margin-left:20px; font-family:Verdana; font-size:13px; border:solid 0px black; } .breadcrumb { width:600px; float:left; text-align:left; border:solid 0px black; margin-left:55px!important; margin-left:27px; margin-top:15px; margin-bottom:20px;} .breadcrumb a, .breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:visited, .breadcrumb a:hover {color:#58595B; text-decoration:none;} .contenthome { width:580px; border:solid 0px black; float:left; margin-left:15px!important; margin-left:5px; font-family:Verdana; font-size:13px; color:#58595B; margin-top:0px; position:relative; padding-top: 0px; padding-left: 5px; padding-right: 0px; clear: both; text-align:justify;} .contentall { width:580px; border:solid 0px black; float:left; margin-left:0px!important; margin-left:0px; font-family:Verdana; font-size:13px; color:#58595B; margin-top:0px; position:relative; padding-top: 0px; padding-left: 0px; padding-right: 0px; clear: both;text-align:justify;} .contents { width:710px!important; width:300px; border:solid 0px black; float:left; margin-left:17px!important; margin-left:5px; margin-top:0px; } .pagetitle { font-size: 22px; color: #FF6600; font-weight: bold; padding-left: 18px; border-bottom: solid 0px #58595B; padding-bottom: 10px; font-family: Verdana; margin-bottom:5px; padding-bottom:5px;} /*** ----------------- Main ----------------- ***/ .main { width:1024px; border:solid 0px black; float:none;} .headertext { width:600px; float:left; border:solid 0px black; height:35px; margin-left:20px; margin-top:25px; } .required { color: #FF6600;} /*** ----------------- Service ----------------- ***/ .detailbg { width:776px; border:solid 0px red; float:left; text-align:left; } .detailbgservice { width:556px; height:300px; border:solid 0px red; float:left; text-align:left; background-image:url(images/service3.gif); background-repeat:no-repeat; background-position:bottom center; } /*** ----------------- References ----------------- ***/ /*** references project overview page ***/ .referencesbox {width:500px; float:none; margin-bottom:10px; margin-left: 25px;} .referencesboxheader { border-top:solid 0px #58595B; border-left:solid 0px #58595B; border-right:solid 0px #58595B; padding:5px 5px 5px 5px; width: 500px; } .referencesboxheader strong { font-weight:bold; color: #FF6600; font-family: Verdana; } .referencesboxtext3{ height:100px;border:solid 0px #58595B;padding:5px 5px 5px 5px; margin-bottom: 10px; font-size:13px; font-family: Verdana; color: #58595B; text-align:left; width: 500px;text-align:justify;} .referencesboximg img { border: 1px solid #ccc6c6; } .referencesboximg {float:left;padding-right:10px; padding-bottom:10px;} /*** service tasks ***/ .serviceref_home { width:250px; border-left:solid 0px #58595B; border:solid 0px black; float:right; position:relative; margin-bottom:5px; clear: both; margin-left:0px;} .serviceref_header { font-family:Verdana; font-size:13px; font-weight: bold; color:#FF6600; padding-bottom:3px; padding-left:0px;} .servicecontent { font-family:Verdana; font-size:13px; color:#58595B; padding-bottom: 5px; padding-left:0px;} .servicecontent a, .servicecontent a:link, .servicecontent a:active,.servicecontent a:visited { color:#FF6600; text-decoration: none;} .servicecontent a:hover { color:#FF6600; text-decoration: underline;} .serviceref_web { width:170px; border-left:solid 0px #58595B; border:solid 0px green; float:left; margin-top:10px; position:relative; margin-bottom:23px; clear: both; margin-left:0px;} .serviceref { width:250px; border:solid 0px green; float:right; position:relative; margin-left: 0px; } /*** project images ***/ .project { width:470px; border:solid 0px black; float:left; min-height:229px; margin-bottom: 0px; } .projectimage { width:335px; border:solid 0px green; } .projectimage img { border: 1px solid #ccc6c6; width: 335px;} .imagetb { border:solid 1px green; float:right; height:73px; margin-right:75px; margin-bottom: 20px; } .imagetb img { width:74px; border: 1px solid #ccc6c6; } /*** project contents ***/ .projectcontent {width:470px; border:solid 0px green; float:left; margin-top: 0px; clear: both; padding-top:0px;} a.web:link, a.web:visited { font-family:Verdana; font-size:13px; color:#FF6600; font-weight:normal; } a.web:hover { text-decoration:underline;} /*** references project overview on home page ***/ .recenthomebox {width:140px; margin-left: 15px; border:solid 0px black; margin-bottom: 8px; margin-top:8px; float:left; } .recenthomeboxheader a, .recenthomeboxheader a:link, .recenthomeboxheader a:visited, .recenthomeboxheader a:hover{ border-top:solid 0px #58595B; border-left:solid 0px #58595B; border-right:solid 0px #58595B; padding:0px; width: 145px; font-weight:bold; color: #FF6600; font-family: Verdana; font-size: 11px;} .recenthomeboxtext3{ border:solid 0px #58595B;padding:0px; margin: 0px; font-size:13px; font-family: Verdana; color: #58595B; text-align:left; width: 145px; } .recenthomeboxtext3 img { width: 98px; border: 1px solid #ccc6c6; margin-bottom:10px; } .recentprojecthome { float: left; width: 150px; border-left:dotted 2px #9F9F9F; padding: 0px; border-right:solid 0px black; } .content {background-position: bottom; background-repeat:no-repeat;} .recent_home { width:145px; height:400px; border-left:solid 1px #58595B; float:right; margin-top:0px; position:relative; clear: both; margin-left: 5px;} .recent_header { font-family:Verdana; font-size:16px; font-weight: bold; color:#58595B; padding-bottom: 5px; padding-left: 10px; margin: 0px; padding-top: 0px; border:solid 0px #58595B; } .recent_home ul {list-style: none; margin:0px; padding-left: 10px; border:solid 0px black;} .recent_home ul li {font-family: Verdana; font-size:14px; color:#FF6600;} .recent_home ul li a { font-family: Verdana; font-size:14px; color:#FF6600; text-decoration: none; } .recent_home ul li a:hover { font-family: Verdana; font-size:14px; color:#FF6600; } .recent_home ul li.active { font-family: Verdana; font-size:14px; color:#FF6600; } .recent { width:740px; margin-left:20px; border:solid 0px black; margin-top:5px; font-family: Verdana; font-size: 13px; color: #58595B; float: left; background-image:url(images/ref_detail.jpg); background-repeat:no-repeat; background-position:bottom right; min-height:522px;} .recentselfdriveoz { width:740px; margin-left:20px; border:solid 0px black; margin-top:5px; font-family: Verdana; font-size: 13px; color: #58595B; float: left; background-image:url(images/selfdrive_bg.jpg); background-repeat:no-repeat; background-position:bottom right; min-height:227px;text-align:justify;} .recentdmt { width:740px; margin-left:20px; border:solid 0px black; margin-top:5px; font-family: Verdana; font-size: 13px; color: #58595B; float: left; background-image:url(images/dmt_bg.jpg); background-repeat:no-repeat; background-position:bottom right; min-height:227px;text-align:justify;} .recentderani { width:740px; margin-left:20px; border:solid 0px black; margin-top:5px; font-family: Verdana; font-size: 13px; color: #58595B; float: left; background-image:url(images/derani_bg.jpg); background-repeat:no-repeat; background-position:bottom right; min-height:183px;text-align:justify;} .recenteliteasia { width:740px; margin-left:20px; border:solid 0px black; margin-top:5px; font-family: Verdana; font-size: 13px; color: #58595B; float: left; background-image:url(images/eliteasia_bg.jpg); background-repeat:no-repeat; background-position:bottom right; min-height:259px;text-align:justify;} .recentasha { width:740px; margin-left:20px; border:solid 0px black; margin-top:5px; font-family: Verdana; font-size: 13px; color: #58595B; float: left; background-image:url(images/ashagreen_bg.jpg); background-repeat:no-repeat; background-position:bottom right; min-height:265px;text-align:justify;} .recentblowfish { width:740px; margin-left:20px; border:solid 0px black; margin-top:5px; font-family: Verdana; font-size: 13px; color: #58595B; float: left; background-image:url(images/blowfish_bg5.jpg); background-repeat:no-repeat; background-position:bottom right; min-height:227px;text-align:justify;} .recentdg { width:740px; margin-left:20px; border:solid 0px black; margin-top:5px; font-family: Verdana; font-size: 13px; color: #58595B; float: left; background-image:url(images/dg_bg1.jpg); background-repeat:no-repeat; background-position:bottom right; min-height:227px;text-align:justify;} .recentrichmond { width:740px; margin-left:20px; border:solid 0px black; margin-top:5px; font-family: Verdana; font-size: 13px; color: #58595B; float: left; background-image:url(images/richmond3.jpg); background-repeat:no-repeat; background-position:bottom right; min-height:227px;text-align:justify;} .recentrpm { width:740px; margin-left:20px; border:solid 0px black; margin-top:5px; font-family: Verdana; font-size: 13px; color: #58595B; float: left; background-image:url(images/RPM_Ad_Aquaminium.jpg); background-repeat:no-repeat; background-position:bottom right; min-height:227px;text-align:justify;} .recentthara { width:740px; margin-left:20px; border:solid 0px black; margin-top:5px; font-family: Verdana; font-size: 13px; color: #58595B; float: left; background-image:url(images/thara.jpg); background-repeat:no-repeat; background-position:bottom right; min-height:227px;text-align:justify;} .recentswiss { width:740px; margin-left:20px; border:solid 0px black; margin-top:5px; font-family: Verdana; font-size: 13px; color: #58595B; float: left; background-image:url(images/swiss.jpg); background-repeat:no-repeat; background-position:bottom right; min-height:227px;text-align:justify;} .recentclassAct { width:740px; margin-left:20px; border:solid 0px black; margin-top:5px; font-family: Verdana; font-size: 13px; color: #58595B; float: left; background-image:url(images/class.jpg); background-repeat:no-repeat; background-position:bottom right; min-height:227px;text-align:justify;} .more_project a, .more_project a:link, .more_project a:active, .more_project a:visited {font-family: Verdana; font-size:13px; color:#FF6600; text-decoration:none; float:right; padding-right:36px; border:solid 0px black;} .more_project a:hover {font-size:13px; color:#FF6600; text-decoration:underline;} .preload{ background: url(images/preload.gif) no-repeat 50% 50%; border: 1px solid #ccc6c6;width: 400px;margin-bottom:10px; } /*** lightbox - image viewer ***/ #lightbox{background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; } #lightboxDetails{ font-size: 0.8em; padding-top: 0.4em; } #lightboxCaption{ float: left; } #keyboardMsg{ float: right; } #closeButton{ top: 5px; right: 5px; } #lightbox img{ border: none; clear: both;} #overlay img{ border: none; } #overlay{ background-image: url(images/overlay.png); } * html #overlay{ background-color: #333; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale"); } /*** ----------------- About us ----------------- ***/ .team_manager { width:221px; margin-right:15px; height:208px; border:solid 1px #FF6600; float:left; background-image:url(images/team_manager.jpg); background-repeat:no-repeat; } .press_content { width:765px; border:solid 0px black; float:left; font-family:Verdana; font-size:13px; color:#58595B; margin-top:0px; position:relative; } .position { color: #ff6600; } .position a, .position a:link, .position a:active,.position a:visited { color: #ff6600; text-decoration: none; } .position a:hover { color: #ff6600; text-decoration: underline; } .jobsform { width:600px; border:solid 0px black; margin-top:30px; } .jobsform p { padding: 0; margin: 4px 0; } .jobsform legend { font-weight:bold; color: #FF6600; } .jobsform label { float: left; position: relative; width: 120px; line-height: 20px; text-align: left; padding-right: 5px; } .jobsform p.sub { padding-left: 125px; border:solid 0px black;} .jobsform p.sub2 { padding-left: 125px; border:solid 0px black;} div.fileinputs2 { position: relative; padding-left: 125px; border:solid 0px red;} div.fakefile2 { position: absolute; top: 0px; left: 0px; z-index: 1; padding-left: 125px; border:solid 0px red;} input.file2 { position: relative; text-align: right; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; z-index: 2; padding-left: 125px; border:solid 0px green;} .space {width:440px; height:5px; border:solid 0px black; float:left; } .formsubmit { width:70px; border:solid 0px black; float:left; height:50px; margin-left:220px!important; margin-left:80px; } /*** ----------------- Contact ----------------- ***/ .contact { width:340px; border:solid 0px black; float:left; margin-left:0px!important; margin-left:0px; font-family:Verdana; font-size:13px; color:#58595B; clear:both; margin-top:0px;} .button2 { border:none; background-color:#58595B; color:White; font-family:Verdana; font-size:13px; float:right; margin-right:8px; padding-bottom:2px; } .button3 { border:none; background-color:#58595B; color:White; font-family:Verdana; font-size:13px; float:right; margin-right:65px; padding-bottom:2px; } .contactform { width:500px; border:solid 0px black; margin-top:30px; float:left; clear:both; margin-left:0px!important; margin-left:0px; font-family:Verdana; font-size:13px;} .contactform p { padding: 0; margin: 4px 0; border:solid 0px black; } .contactform p.sub { padding-left: 210px; border:solid 0px black;} .contactform p.sub2 { padding-left: 210px; border:solid 0px black;} .contactform legend { font-weight:bold; color: #FF6600; } .contactform label { float: left; position: relative; width: 210px; line-height: 20px; text-align: left; padding-right: 5px; } .map_pdf { width:400px; border:solid 1px black; height:20px; font-weight:bold; margin-left:0px; padding-left:0px;} .icon { width:30px; height:15px; float:left; background-image:url(images/icon2.gif); background-repeat:no-repeat; } .quotationform { width:650px; border:solid 0px black; margin-top:0px; float:left; clear:both; margin-left:15px!important; margin-left:10px; font-family:Verdana; font-size:13px;} .quotationform p { padding: 0; margin: 4px 0; border:solid 0px black; } .quotationform p.sub { padding-left: 215px; border:solid 0px black;} .quotationform p.sub2 { padding-left: 215px; border:solid 0px black;} .quotationform legend { font-weight:bold; color: #FF6600; } .quotationform label { float: left; position: relative; width: 210px; line-height: 20px; text-align: left; padding-right: 5px; } .quotation_service { padding-left:215px;} .quotation_service_title { font-weight:bold; color: #58595B;} .quotation_service p { padding-bottom:5px; } .quotation_service p a, .quotation_service p a:link, .quotation_service p a:active, .quotation_service p a:visited { cursor:pointer; text-decoration: none;} .quotation_service p a:hover {text-decoration:underline;} .hide{ display: none;} div.fileinputs { position: relative; padding-left: 210px; border:solid 0px red;} div.fakefile { position: absolute; top: 0px; left: 0px; z-index: 1; padding-left: 215px; border:solid 0px red;} input.file { position: relative; text-align: right; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; z-index: 2; padding-left: 210px; border:solid 0px green;} .frame { width:550px; float:left; border:solid 0px black; height:25px;} .frame2 { width:550px; float:left; border:solid 0px red; height:10px!important; height:5px; } .check { font-family:Verdana; font-size:13px; float:left; padding-left:5px; } .checkboxleft { width:230px; float:left; margin-left:30px; height:200px; border:solid 1px black; } .button { width:190px; height:25px; padding-bottom:3px; background-color:#58595B; border:none; color:White; font-family:Verdana; font-size:13px; float:right; margin-right:100px; } /*** ----------------- Newsletter ----------------- ***/ .mainNewsletterContent { border-right: 2px dotted #9F9F9F; width: 680px; padding-left: 5px; padding-bottom: 14px; margin-left: 15px; margin-top:0px; padding-top:0px; color: #58595B; float:left; } .contentmainnewsletter { width:700px; border:solid 0px red; float:left; text-align:left; background-image:url(images/rss_bg.jpg); background-repeat:no-repeat; min-height:449px; } .headContent { font-family:Verdana; font-size:14px; float:left; color:#58595B; border:solid 0px black; margin-left:20px; margin-top:10px;} .headContent_news { font-family:Verdana; font-size:16px; text-align:left; color: #FF6600; padding-top:15px; font-weight:bold;} .technology_content { width:460px float:left; border-bottom:dotted 2px #9F9F9F; padding-bottom:30px; font-family:Verdana; font-size:13px; } .recentprojectnewsletter { float: left; width: 300px; border:solid 0px black; margin-top:25px; } .recentprojectnewsletterbox { float: left; width: 300px; border-bottom:dotted 2px #9F9F9F; height:230px; padding-top:20px; padding-bottom:10px; } .recent_header_newsletter { width:250px; border:solid 0px black; font-family:Verdana; font-size:20px; background-color:#f3f3f3; color:#FF6600; padding-bottom: 15px; margin: 0px; margin-left:30px; padding-top: 0px; float:left; text-align:left; } .recenthomebox_newsletter {width:260px; margin-left: 30px; border:solid 0px black; margin-bottom: 8px; margin-top:0px; float:left; } .recenthomeboxheader_newsletter a, .recenthomeboxheader_newsletter a:link, .recenthomeboxheader_newsletter a:visited, .recenthomeboxheader_newsletter a:hover{ border:solid 0px #58595B; padding:0px; width: 225px; font-weight:bold; color: #FF6600; font-family: Verdana; font-size: 11px; text-align:left; float:left;} .recenthomeboxtext3_newsletter{ border:solid 0px red;padding:0px; margin: 0px; font-size:13px; font-family: Verdana; float:left; color: #58595B; text-align:left; width: 100px; } .recenthomeboxtext3_newsletter img { width: 98px; border: 1px solid #ccc6c6; margin-bottom:10px; float:left; } .recentproject_detail { border:solid 0px #58595B; padding:0px; width:145px; color: #58595B; font-family: Verdana; font-size: 13px; text-align:left; float:left; margin-left:10px; } .newsletter_aboutus { width:460px float:left; padding-bottom:30px; font-family:Verdana; font-size:13px; } .newsletter_logo{ width:100px; height:100px; float:left; border:solid 0px black; padding-right:25px; margin-top:20px; } .newsletter_logo_modx{ width:110px; height:70px; float:left; border-left:solid 1px #58595B; border-right:solid 1px #58595B; margin-top:20px; padding-right:30px; padding-left:15px; } .headlogo_arrow { width:33px; border:solid 0px black; float:left; height:20px; background-image:url(images/arrow_headtype.jpg); background-repeat:no-repeat;} .more_project_newsletter {font-family: Verdana; font-size:20px; margin-top:30px; margin-left:30px; text-decoration:none; float:left; color: #58595B; border:solid 0px black; width:138px; height:100px; text-align:left;} .headContentType {border:solid 0px #58595B; font-weight:bold; padding:0px; width:255px; padding-bottom:10px; color: #58595B; font-family: Verdana; font-size: 15px; text-align:left; float:left; } /*** ----------------- Blog ----------------- ***/ /*** ditto style on blog overview page ***/ .ditto_summaryPost { padding-top:0px; padding-bottom: 15px; border: 0px solid #ddd; margin:0px; min-height: 50px;} .ditto_summaryPost p { padding-top:0px; margin:0px;} .ditto_summaryPost span { padding-top:0px; border-bottom: 0px solid #58595B; margin: 0px; font-family: Verdana; color: #58595B; } .ditto_summaryPost span a { font-size: 18px; font-family: Verdana; color: #FF6600; font-weight: bold; text-decoration:none; } .ditto_summaryPost .ditto_info { background-color: #F0EEEF; padding: 5px !important; font-size: 13px; color: #58595B; font-family:Verdana; } .ditto_summaryPost a { font-size: 13px; color: #58595B; font-family:Verdana; text-decoration:none; padding-left:3px; } .ditto_link { font-size: 13px; text-align: right; color:#FF6600; } .ditto_link a { font-size: 13px; text-align: right; color:#FF6600; text-decoration:none; font-weight: bold; } .ditto_paging { border-top: 1px solid #ccc; padding: 10px; font-size: 86%; color: #ff6600; } #ditto_pages {margin-top: 10px;} #ditto_pages .ditto_currentpage { border: 1px solid #ff8600; padding: 1px 5px 2px; margin-right: 1px; background-color: #ff6600; color: #fff; font-weight: bold; } #ditto_pages .ditto_off { border: 1px solid #ff8600; padding: 1px 5px 2px; margin-right: 1px; color: #ccc; font-weight: bold; } #ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited { border: 1px solid #ff8600; padding: 1px 5px 2px; margin-right: 1px; text-decoration: none !important; color: #FF6600; font-weight: bold; } #ditto_pages a:hover { background-color: #fff; color: #58595B; } #ditto_archivelist ul { list-style-type: none; margin-left: 15px; padding-left: 0; color: #58595B; } #ditto_archivelist ul ul{ list-style-type: square; margin-left: 35px; } #ditto_archivelist .ditto_month { font-weight: bold; } .ditto_tags a, .ditto_tags a:link, .ditto_tags a:visited, .ditto_tags a:hover { color:#58595B; } .ditto_summaryPost .ditto_title { float:left; width:580px; clear:both;} /*** blog page detail ***/ .post { border-right: dotted 0px #9F9F9F; width: 520px; padding-left: 5px;padding-bottom: 14px; margin-left: 15px; margin-top:0px; padding-top:0px; color: #58595B; min-height: 449px; float:left; text-align:justify;} .post h2 { margin-top: 0; color: #58595B; padding-left: 0px; } .post h6 { color: #58595B;} .post a { text-decoration:none; color: #f60;} .post a:hover { text-decoration:underline;} .post p { padding-left: 0px; } .post ul li { margin-left: 0em; } /*** blog detail on blog overview page ***/ .postmain { border-right: 1px solid #ddd; width: 520px; padding-left: 5px; padding-bottom: 14px; margin-left: 15px; margin-top:0px; border: 0px solid #ddd; padding-top:0px; color: #58595B; min-height: 449px; float:left; } .postmain h2 { margin-top: 0; color: #58595B; padding-left: 0px; } .postmain h6 { color: #58595B;} .postmain a { text-decoration:none; color: #f60;} .postmain a:hover { text-decoration:underline;} .postmain p { padding-left: 0px; } .postmain ul li { margin-left: 0em; } .button { border:none; background-color:#58595B; color:White; font-family:Verdana; font-size:13px; margin-left:50px; padding-bottom:2px; } /*** blog tags on right navigation ***/ .tags { width:220px; border:solid 0px green; float:right; position:relative; margin-left: 10px; clear:both; border-left:dotted 2px #9F9F9F;} .tags_header { font-family:Verdana; font-size:16px; font-weight: bold; color:#58595B; padding-bottom:5px; padding-left:10px;} .tagscontent { font-family:Verdana; font-size:13px; color:#58595B; padding-bottom: 0px; padding-left:15px;} .tagscontent a, .tagscontent a:link, .tagscontent a:active,.tagscontent a:visited { color:#FF6600; text-decoration: none;} .tagscontent a:hover{ text-decoration: underline;} /*** blog list on home page ***/ .home_blog_header { font-family:Verdana; font-size:16px; font-weight: bold; color:#58595B; padding-bottom: 5px; padding-left: 15px; margin: 0px; padding-top: 0px; border:solid 0px #58595B; text-align:left; } .tickerstyle{height:180px; border:0px solid black; padding:0px; overflow:hidden; margin-top: 30px;} .messagediv {display: none; text-align:left; padding-left:15px; color:#58595B; font-size: 13px;} .messagediv a {color: #FF6600; font-size:14px;}