/* CSS Document */ /*INCLUDE CSS FILES*/ @import url("menu.css"); /*GLOBAL*/ /* ETC */ #background{margin:auto; width:100%; height:100%; background:url(../gui/bg_header.gif) repeat-x 0px 67px; position:relative;} #highlight{margin:auto; width:100%; height:514px; background:url(../gui/highlight.gif) no-repeat center top; position:absolute; top:0px; left:-80px;} #lines{margin:auto; width:100%; height:2349px; background:url(../gui/lines.gif) no-repeat center top; position:absolute; top:0px; left:0px;} #line_left{display:block; width:1px; height:1807px; position:absolute; top:21px; left:0px; background:url(../gui/line_left.gif) no-repeat;} #line_touch{display:block; width:1px; height:567px; position:absolute; top:1302px; left:35px; background:url(../gui/line_touch.gif) no-repeat;} #line_middle{display:block; width:1px; height:2056px; position:absolute; top:187px; right:273px; background:url(../gui/line_middle.gif) no-repeat;} #line_right{display:block; width:1px; height:1942px; position:absolute; top:170px; right:0px; background:url(../gui/line_right.gif) no-repeat;} #container{margin:0px auto; width:960px; min-height:100%; height:auto !important; height:100%; position:relative; text-align:left; background:none; overflow:visible;} #logo{display:block; width:270px; height:68px; position:absolute; top:68px; left:1px; z-index:20; background:url(../gui/logo.gif) no-repeat; text-indent:-9999px;} #logo a{display:block; width:270px; height:68px;} #tagline{display:block; width:165px; height:29px; position:absolute; top:138px; left:106px; background:url(../gui/tagline.gif) no-repeat; text-indent:-9999px;} #menu{display:block; width:670px; height:47px; padding-left:15px; position:absolute; top:178px; left:1px; z-index:20; background:url(../gui/bg_menu.jpg) no-repeat;} #work{display:block; width:685px; height:541px; position:absolute; top:257px; left:1px; background:url(../gui/bg_work.jpg) no-repeat;} #work_title{display:block; width:392px; height:46px; position:absolute; top:20px; left:26px; background:url(../gui/title_work.gif) no-repeat; text-indent:-9999px;} #work_web, #work_print, #work_events, #work_corporate{display:block;width:805px;height:505px;position:absolute;top:169px;left:181px;overflow:auto; } #work_web{z-index:40;} #work_print{z-index:40;} #work_events{z-index:40;} #work_corporate{z-index:40;} #web{display:block; width:150000px;} #print{display:none; width:100000px;} #events{display:none; width:100000px;} #corporate{display:none; width:100000px;} #work_web li, #work_print li, #work_events li, #work_corporate li{display:block; width:805px; height:383px; float:left; position:relative;} #work_web li a, #work_print li a, #work_events li a, #work_corporate li a{display:block; color:#ffffff; font-size:11px; position:absolute; top:394px; left:14px; url(../gui/bg_link.gif) no-repeat top right; padding:8px 12px 9px 12px;} /* ejas text jalan */ #work_web li a:hover, #work_print li a:hover, #work_events li a:hover, #work_corporate li a:hover{ url(../gui/bg_link.gif) no-repeat right -50px;} #work_menu{display:block; width:450px; height:30px; position:absolute; top:560px; right:180px; z-index:60;} /* ejas menu print, all */ #arrow_left{display:block; width:62px; height:77px; position:absolute; top:350px; left:181px; background:url(../gui/arrow_left.png) no-repeat; cursor:pointer; z-index:70; display:none;} #arrow_right{display:block; width:62px; height:77px; position:absolute; top:350px; left:924px; background:url(../gui/arrow_right.png) no-repeat; cursor:pointer; z-index:70; display:none;} #story{display:block; width:273px; height:732px; position:absolute; top:188px; left:686px; background:url(../gui/bg_story.jpg) no-repeat; overflow:hidden;} #story_title{display:block; width:177px; height:86px; position:absolute; top:21px; left:18px; background:url(../gui/title_story.gif) no-repeat; text-indent:-9999px;} #story_text{display:block; width:206px; height:604px; position:absolute; top:104px; left:46px; font-size:1.4em; line-height:1.52em; z-index:20;} #clients{display:block; width:685px; height:449px; position:absolute; top:824px; left:1px; background:url(../gui/bg_clients.jpg) no-repeat; overflow:hidden;} #clients_helped{display:block; width:285px; height:71px; position:absolute; top:20px; left:26px; background:url(../gui/title_helped.gif) no-repeat; text-indent:-9999px;} #clients_column1{width:155px; position:absolute; top:104px; left:22px;} #clients_column2{width:165px; position:absolute; top:104px; left:194px;} #clients_column1 a, #clients_column2 a{display:block; height:14px; color:#ffffff; font-size:1.4em; padding:4px 8px 4px 8px;} #clients_column1 a:hover, #clients_column2 a:hover{background-color:#34373b;} #clients_saying{display:block; width:219px; height:34px; position:absolute; top:57px; left:407px; background:url(../gui/title_saying.gif) no-repeat; text-indent:-9999px;} #clients_quotes{display:block; width:289px; height:301px; position:absolute; top:95px; left:381px; background:url(../gui/bg_saying.gif) no-repeat left bottom; overflow:hidden; font-size:1.6em; line-height:1.46em;} blockquote{display:block; width:247px; height:264px; padding:16px 24px 20px 24px; position:absolute; top:0px; left:1px; background:url(../gui/bg_quotes.jpg) no-repeat; overflow:hidden;} .credit{display:block; color:#CFE795; padding-top:12px; line-height:1.36em;} #clients_numbers{display:block; width:176px; height:29px; position:absolute; top:395px; left:408px;} #process{display:block; width:273px; height:1006px; position:absolute; top:1068px; left:686px; background:url(../gui/bg_process.jpg) no-repeat; overflow:hidden;} #process_title{display:block; width:192px; height:65px; position:absolute; top:21px; left:18px; background:url(../gui/title_process.gif) no-repeat; text-indent:-9999px;} #process_text{display:block; width:210px; height:604px; position:absolute; top:108px; left:41px; font-size:1.4em; line-height:1.52em; z-index:20;} #touch{display:block; width:650px; height:526px; position:absolute; top:1301px; left:36px; background:url(../gui/bg_touch.jpg) no-repeat; overflow:hidden;} #touch_visit{display:block; width:168px; height:77px; position:absolute; top:20px; left:26px; background:url(../gui/title_visit.gif) no-repeat; text-indent:-9999px;} #touch_address{display:block; width:228px; position:absolute; top:114px; left:46px; font-size:1.6em; line-height:1.6em;} #touch a#map{display:block; margin-top:8px; width:228px; height:185px; background:url(../gui/map.gif) no-repeat; text-indent:-9999px;} #touch a#map:hover{background:url(../gui/map.gif) no-repeat 0px -185px;} #touch_phone{display:block; width:163px; height:19px; position:absolute; top:402px; left:46px; background:url(../gui/title_phone.gif) no-repeat; text-indent:-9999px;} #touch_numbers{display:block; width:228px; position:absolute; top:432px; left:46px; font-size:1.6em; line-height:1.5em;} #touch_email{display:block; width:127px; height:15px; position:absolute; top:78px; left:372px; background:url(../gui/title_email.gif) no-repeat; text-indent:-9999px;} #touch_emailaddress{font-size:1.6em; color:#FFFFFF; position:absolute; top:105px; left:354px; text-indent:20px; line-height:1.66em;} #touch #form{display:block; width:127px; height:15px; position:absolute; top:102px; left:350px; display:none;} #touch #form input, #touch #form textarea{display:block; width:218px; border:1px solid #c3c3c3; margin:11px 0px 0px 22px; padding:4px 4px 4px 6px; border-top:2px solid #999999; border-bottom:1px solid #dddddd; font-family:Helvetica, Arial, sans-serif; font-size:1.5em; line-height:1.18em; color:#8FBC40;} #touch #message{height:176px;} #touch input#submit{background:url(../gui/submit.gif) no-repeat; width:76px; height:33px; border:none; margin:14px 0px 0px 22px; padding:0px;} #touch input#submit:hover, #touch input#submit.over{background:url(../gui/submit.gif) no-repeat 0px -33px;} #touch_human{display:block; width:227px; height:237px; position:absolute; top:2050px; left:440px; background:url(../gui/human.gif) no-repeat; display:none;} #touch_human p{text-indent:-9999px;} #touch #validation{display:block; width:127px; height:15px; position:absolute; top:120px; left:16px;} #touch #validation input{display:block; width:178px; border:1px solid #c3c3c3; margin:6px 0px 0px 0px; padding:4px 4px 4px 6px; border-top:2px solid #999999; border-bottom:1px solid #dddddd; font-family:Helvetica, Arial, sans-serif; font-size:1.5em; line-height:1.18em; color:#8FBC40;} #touch input#submit2{background:url(../gui/submit.gif) no-repeat; width:76px; height:33px; border:none; margin:34px 0px 0px 0px; padding:0px;} #touch input#submit2:hover, #touch input#submit2.over{background:url(../gui/submit.gif) no-repeat 0px -33px;} #touch_loader{width:24px; height:24px; position:absolute; top:307px; left:476px; background:url(../gui/loader.gif) no-repeat; display:none;} #touch_thanks{display:block; width:227px; height:147px; position:absolute; top:114px; left:373px; background:url(../gui/thanks.gif) no-repeat; text-indent:-9999px; display:none;} #submenu{position:absolute; top:1838px; left:52px; color:#898B8C; font-size:1.4em; line-height:1.52em;} #submenu a{color:#898B8C;} #submenu a:hover{border-bottom:1px dashed #898B8C;} #copyright{position:absolute; top:2082px; left:697px; color:#898B8C; font-size:1.4em; line-height:1.52em;} #cost{display:block; width:685px; position:absolute; top:20px; left:20px; border:1px dashed #323335; overflow:hidden;} #cost_factors{display:block; width:241px; height:70px; position:absolute; top:20px; left:26px; background:url(../gui/title_cost.gif) no-repeat; text-indent:-9999px; z-index:20;} #cost_text{display:block; width:605px; padding:116px 40px 60px 40px; position:relative; font-size:1.4em; line-height:1.52em; text-align:left; background:#515153;} .green{color:#CFE795;} .asterisk{display:block; background:url(../gui/asterisk.gif) no-repeat left 4px;} /* HIDDEN ELEMENTS text-transform:lowercase; >> Script for make all char small*/ hr{display:none;} .clear{clear:both; height:0px;} /*"HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeueLTStd-Lt", "Helvetica Neue", */