@font-face {
    font-family: 'MyriadRomanRegular';
    src: url('css/myriad_roman-webfont.eot');
    src: url('css/myriad_roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/myriad_roman-webfont.woff') format('woff'),
         url('css/myriad_roman-webfont.ttf') format('truetype'),
         url('css/myriad_roman-webfont.svg#MyriadRomanRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body { font-family:Verdana, Geneva, sans-serif; font-size:11px; background:url(images/bg.jpg) repeat; margin:0; padding:0; }
textarea { font-family:Verdana, Geneva, sans-serif; font-size:11px; }
a { color:#bbb9bb; text-decoration:none; }
a.active { color:#8d8b8d; }
a:hover { color:#ffffff!important; }
.content { width:957px; margin:48px auto; }
.frame { border:1px solid #767784; width:955px; height:598px; overflow:hidden; }
.header, .footer { color:#bbb9bb; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:10px; padding-top:7px; padding-bottom:7px; text-align:right;  }
.loading, .abovepool, .belowpool { position:absolute; top:0px; left:0px; width:955px; height:598px; }
.abovepool { left:955px; background:url(images/abovepool.jpg) no-repeat; }
.belowpool { left:955px; top:598px; background:url(images/belowpool.jpg) no-repeat; }
.bar { width:200px; height:7px; border:1px solid #8ca6b5; margin-top:30px; float:left; margin-right:8px; }
.progressbar { width:280px; margin:265px auto; }
.progress { height:7px; width:2%; background-color:#8ca6b5; }
.container { width:1910px; height:1196px; position:relative; }
.aboutus { font-size:0px; display:block; width:81px; height:52px; background-image:url(images/aboutus.png); background-repeat:no-repeat; background-position:0px 0px; position:absolute;top:540px; left:707px; }
.aboutus:hover { background-position:0px -52px; }
.aboutusmask { width:113px; height:14px; position:absolute; top:582px; left:696px; background-image:url(images/maskingabove.png); background-repeat:no-repeat; }
.portofolio { font-size:0px; display:block; width:79px; height:50px; background-image:url(images/portofolio.png); background-repeat:no-repeat; background-position:0px 0px; position:absolute;top:7px; left:708px; }
.portofolio:hover { background-position:0px -50px; }
.portofoliomask { width:113px; height:14px; position:absolute; top:0px; left:691px; background-image:url(images/maskingbelow.png); background-repeat:no-repeat; }
.clogo { position:relative; top:98px; left:103px; }
.menu { position:relative; top:108px; left:103px; width:195px; }
.menu ul { list-style-type:none; margin:0; padding:0; }
.menu ul li { float:left; }
.menu ul li a { text-transform:uppercase; padding-right:6px; font-weight:bold;  font-family:'MyriadRomanRegular', Tahoma, Verdana, Geneva, sans-serif; }
.clear { clear:both; font-size:0px; line-height:0px; }
.smenu { position:relative; top:115px; left:103px; }
.smenu ul { list-style-type:none; margin:0; padding:0; }
.smenu ul li { position:absolute; top:0px; left:0px; }
.smenu ul ul { margin-top:5px; }
.smenu li li { position:inherit; }
.smenu li li a { display:block; height:18px; line-height:18px; }
.stitle { color:#707070; font-family:'MyriadRomanRegular', Verdana, Geneva, sans-serif; font-size:22px; text-transform:uppercase; }
.aboutcontent { width:403px; height:355px; position:relative; top:93px; left:300px; padding:20px 80px 20px 80px; overflow:hidden; }
#content { height:335px; overflow:hidden; }
#content h1 { font-size:20px; margin:0; color:#2c5fa1; font-family:'MyriadRomanRegular', Verdana, Geneva, sans-serif; font-weight:normal; text-transform:uppercase; }
.ascroller { width:6px; height:46px; display:block; text-decoration:none; background-color:#767676; position:absolute; right:2px; }
.atop { top:5px; }
.abot { bottom:2px; }
.menu a { color:#bababa; }
.menu a:hover { color:#ffffff; }
.smenu a { color:#bababa; }
.smenu a:hover { color:#ffffff; }
#content a { color:#33733b; }
#content a:hover, #content a:visited { color:#344d3a!important; }
.clogo1 { position:relative; top:66px; left:87px; }
.slogan { position:relative; top:75px; left:89px; text-transform:uppercase; font-family:'MyriadRomanRegular', Verdana, Geneva, sans-serif; font-size:11px; color:#838388; }
.area1 { width:201px; height:308px; position:absolute; top:135px; left:95px; }
.area2 { width:480px; height:300px;position:absolute; top:139px; left:305px; }
.area3 { width:75px; height:311px; position:absolute; top:133px; left:789px; }
.area4 { width:490px; height:40px; position:absolute; top:456px; left:302px; }
.area5 { width:200px; height:50px; position:absolute; top:455px; left:90px; text-align:right; }
.project { position:absolute; top:0px; left:0px; background-image:url(images/ajax-loader.gif); background-position:center center; background-repeat:no-repeat; }
.project .image { width:480px; height:300px; }
.project .image .desc { position:absolute; bottom:0px; right:0px; width:260px; padding:10px 20px 10px 20px; border:1px solid #939394; background-color:#b6b6b9; display:none; filter:alpha(opacity=0); opacity:0; z-index:1000; }
h4.imgname { margin:0; padding:0; margin-bottom:5px; text-transform:uppercase; color:#ffffff; font-weight:normal; }
#pnav { list-style-type:none; margin:0; padding:0; }
#pnav li { float:left; }
#pnav li a { display:block; width:57px; height:36px; text-decoration:none; border:1px solid #809bad; margin-left:9px; margin-right:9px; }
#pnav .activeSlide a, #pnav li a:hover { border:1px solid #416a83; }
#pnav a img { border:0; }
.pnavcontainer { width:462px; overflow:hidden; }
#pprev, #pnext { display:block; width:9px; height:40px; font-size:0px; background-repeat:no-repeat; }
#pprev { background-image:url(images/pinactiveleft.png); }
#pnext { background-image:url(images/pinactiveright.png); }
#pnav1 { list-style-type:none; margin:0; padding:0; }
#pnav1 li a { display:block; width:60px; height:36px; text-decoration:none; border:1px solid #606060; margin-top:8px; margin-bottom:9px; }
#pnav1 .activeSlide a, #pnav1 li a:hover { border:1px solid #444444; }
#pnav1 a img { border:0; }
.pnavcontainer1 { width:62px; height:288px; overflow:hidden; }
#pprev1, #pnext1 { display:block; width:62px; height:9px; font-size:0px; background-repeat:no-repeat; }
#pprev1 { background-image:url(images/pinactivetop.png); }
#pnext1 { background-image:url(images/pinactivebot.png); }
.myriad12 { font-family:'MyriadRomanRegular', Verdana, Geneva, sans-serif; font-size:12px; text-transform:uppercase; color:#c6c5c6; }
#prjname { font-family:Arial,Verdana, Geneva, sans-serif; font-size:12px; color:#868686; text-transform:uppercase; }
#pnav li a, #pnav1 li a { background-image:url(images/ajax-loader.gif); background-color:white; background-position:center center; background-repeat:no-repeat; }
.area1 p { margin-top:0px; padding-top:0px; padding-bottom:0px; margin-bottom:10px; }
.parea { position:absolute; top:21px; left:15px; height:270px; }
#projectname { width:173px; padding-bottom:5px; font-family:Arial, Verdana, Geneva, sans-serif; overflow:hidden; font-size:12px; color:#003562; text-transform:uppercase; line-height:12px; }
#projectdesc { width:169px; height:247px; overflow:hidden; position:absolute; }
#pprev2, #pnext2 { width:11px; height:11px; font-size:0px; display:block; background-image:url(images/textbox-scroll.jpg); background-repeat:no-repeat; position:absolute; left:188px; }
#pprev2 { background-position:0px -44px; top:280px; }
#pnext2 { background-position:0px -55px; top:291px; }
#pprev2:hover { background-position:0px -22px; }
#pnext2:hover { background-position:0px -33px; }
#pdesc { height:247px; overflow:hidden; color:#282828; }
#pdesc .heading { color:#003565; margin:0!important; padding:0!important; }
#pdesc a { color:#115c8a; }
#pdesc a:hover { color:#ffffff; }
#pdesc a:active { color:#476b8c; }
#desc a { color:#115c8a; }
#desc a:hover { color:#ffffff; }
#desc a:active { color:#476b8c; }
#desc p { margin-top:0px; padding-top:0px; padding-bottom:0px; margin-bottom:8px; }
.left { width:213px; height:598px; border-right:1px solid #767676; float:left; background-color:#b6b6b9; background-image:url(images/lbg.jpg); background-repeat:repeat-x; background-position:bottom; }
.right { float:left; height:598px; width:738px; }
.media { width:570px; height:355px; border:5px solid #494949; margin-top:112px; margin-left:82px; background-color:#b6b6b9; background-image:url(images/ajax-loader.gif); background-position:center center; background-repeat:no-repeat; }
.text { width:178px; height:509px; overflow:hidden; margin-top:14px; margin-left:18px; }
.left .text .title { color:#ffffff; text-transform:uppercase; }
.left .text .heading { color:#ffffff; }
.left .text a { color:#115c8a; }
.left .text a:hover { color:#ffffff; }
/*.left .text a:visited { color:#476b8c; }*/
#frmContact .error { border:1px solid red; background-color:#cacaca; }
.bluetext { color:#2C5FA1!important; }