html {margin:0; padding:0; background: url(graphics/htmlbg.gif) no-repeat ; }
body {margin:0; padding:0;
color: black;
background: url(graphics/1px2009.gif) 0 235px repeat-y;
font-family: tahoma, arial, verdansans-serif;
font-size: 12px;
margin: 0px auto;
overflow: auto;
}
#container {position: relative; top:0px; left: 0px;
width: 780px; margin:0; padding:0;
margin: 0px 60px; padding: 0;
color: black;
}
#header {background: url(graphics/header2009.gif) 0 3px no-repeat ;
width: 780px; height: 110px; margin:0; padding:0; margin-bottom: 25px; position: relative; top: 0; bottom: 0;}
h1.index {font: 12px bold "tahoma", sans-serif; color: red; position: relative; top: 67px; left: 214px; margin:0; padding:0; display: none;}
#header ul {position: absolute; bottom: 1px; left: 21px; }
#header ul li {display: inline; padding-right: 25px;}
#header ul li a:link, #header-index ul li a:link {color: #404040; font-size: 14px; text-decoration: none; }
#header ul li a:visited, #header-index ul li a:visited {color: #404040; font-size: 14px; text-decoration: none;}
#header ul li a:hover, #header-index ul li a:hover {color: red; font-size: 14px; text-decoration: none; }
#header ul li a:active, #header-index ul li a:active {color: red; text-decoration: none; }
/* tabbed navigation */
body#index li.index a:link, body#index li.index a:visited,body#index li.index li a:hover,body#index li.index li a:active
body#services li.services a:link, body#services li.services a:visited,body#services li.services li a:hover,body#services li.services li a:active
body#faqs li.faqs a:link, body#faqs li.faqs a:visited,body#faqs li.faqs li a:hover,body#faqs li.faqs li a:active
body#contact li.contact a:link, body#contact li.contact a:visited,body#contact li.contact li a:hover,body#contact li.contact li a:active
body#login li.login a:link, body#login li.login a:visited,body#login li.login li a:hover,body#login li.login li a:active
{color: #55a52d; position: relative; min-width: 0;}
#fulscreen-link a:link, #fulscreen-link a:visited {color: gray; text-decoration: none;
position: relative; left: 590px; top: -5px;}
#fulscreen-link a:hover, #fulscreen-link a:active {color: red}
#welcome {text-align: center; margin-top: 30px; margin-bottom: 30px; margin-right: 60px; margin-left: 60px;
clear: both; padding-top: 0; position: relative; top: -10px;}
#welcome-left {float:left; width:420px; border-right: 1px solid #66b716; text-align: justify;
font-size: 15px; color: #4f524f; line-height: 1.5; padding-right: 25px; padding-top: 0;
position: relative; top: -35px; }
#news a:link, #news a:visited {color: red; font-weight: bold; text-decoration: none; line-height: 1.5;}
#news a:hover, #news a:active {text-decoration: underline;}
#welcome-right {float:left; width:175px; padding-top: 60px; text-align: center; color: red;
position: relative; left: 30px; top: 25px; text-align: justify; font-size: 11px; padding-top: 0}
#fadeshow-container {position: relative; left: 20px; top: 20px}
#quote {position: relative; top: 40px; font-size: 12px; color: #1b3700; line-height: 1.6;
font-family: georgia, serif; font-style: italic}
p.author {text-align: right;}
#open-quote {background-image: url(graphics/open-quote.gif); background-repeat: no-repeat; height: 29px; margin-bottom: 10px}
#close-quote {background-image: url(graphics/close-quote.gif); background-repeat: no-repeat; height: 29px; margin-top: 10px;}
#wrapper {text-align: center; margin-top: 30px; margin-bottom: 30px; margin-right: 60px;
margin-left: 60px; clear: both}
#recentwork { float: left; position: relative; left: 0px; top: 40px;
border: 1px solid #66b716; border-left: 0;
width: 190px; text-align: left; height: 740px;
padding-top: 10px; padding-right: 20px; padding-bottom: 20px; margin-bottom: 30px;
/* visibility: hidden; */
}
a.help:link, a.help:visited
{ color: gray; text-decoration: none; border-bottom: 1px solid; font-size: 12px;}
a.help:hover, a.help:active { color: gray; text-decoration: none; border-bottom: 1px solid; }
.java{margin-left: 15px; font-size: 12px}
/* #featured {visibility: hidden;} */
ul#featured {padding: 0px; margin: 0px; margin-right: 10px; }
ul#featured li {padding: 0px; margin: 0px; width: 190px; margin-top: 15px; margin-bottom: 30px }
#products ul {list-style-type: square;}
#products ul li {padding-bottom: 5px;}
#npa { float: left; position: relative; left: 35px; top: 40px; width: 370px;
line-height: 1.6; font-size: 12px; border-top: 1px solid #66b716; padding-bottom: 40px;}
#needs, #products, #advantages { width: 370px; text-align: justify; }
#recentwork, #npa, #welcome-left, #welcome-right {display: inline}
#menumic {position: relative; top: 0px; text-align: center; clear: both; visibility: hidden;}
#menumic ul {position: relative;}
#menumic ul li {display: inline; padding-right: 25px;}
#menumic ul li a:link, #menumic ul li a:visited {color: gray; font-size: 14px; text-decoration: none; font-weight: bold;}
#menumic ul li a:hover {color: #404040; font-size: 14px; text-decoration: none; font-weight: bold;}
#menumic ul li a:active {color: #404040; text-decoration: none; font-weight: bold;}
#greenlinks {position: relative; top: 0px; margin-left: 125px; height: 15px; margin-right: 125px; margin-top: 20px;
text-align: center; padding-bottom: 0px; }
#greenlinks ul {position: relative; line-height: 20px;}
#greenlinks ul li {display: inline; padding-right: 10px;}
#greenlinks ul li a:link {color: #66b716; font-size: 10px; text-decoration: none; font-weight: bold;}
#greenlinks ul li a:visited {color: #66b716; font-size: 10px; text-decoration: none; font-weight: bold;}
#greenlinks ul li a:hover {color: green; font-size: 10px; text-decoration: none; font-weight: bold;}
#greenlinks ul li a:active {color: gray; text-decoration: none; font-weight: bold; }
ul#validation {list-style-type: none; margin: 0; padding: 0; padding-bottom: 0px; text-align: center; position: relative; top: -15px;}
ul#validation li {display: inline; padding-left: 25px; margin: 0}
ul#validation li a:link, ul#validation li a:visited {font-family: georgia, serif; color: gray;
font-size: 10px; font-style: italic;
font-weight: normal; text-decoration: none;
}
ul#validation li a:hover, ul#validation li a:active {font-family: georgia, serif; color: red;
font-size: 10px; font-style: italic;
font-weight: normal; text-decoration: none;
}
body#contact ul#validation, body#ack ul#validation {position: relative; left: 5px; }
ul#validation li a:link img , ul#validation li a:hover img, ul#validation li a:visited img {border: 0}
#copyright {position:relative; top: 35px; left: 40px; width:670px; font-size: 9px; color: gray; text-align: center;}
#webdesign {position:relative; top: 25px; left: 55px; width: 625px; padding: 3px;}
.white {color: white;}
#bottom-bg {background-image: url(graphics/bottom3-2009.jpg); background-repeat: no-repeat; width: 780px;
position: relative; left: 9px; height: 140px; color: black; padding: 0; margin: 0;}
#services-left {background: #fefefe}
#services-left, #FAQs-left {float:left; display: inline; width:210px; padding-bottom: 10px;
border: 1px solid #66b716;
border-left: 0;
position: relative; left: 60px; text-align: left }
#services-right, #FAQs-right {float:left; width:400px;
position: relative; margin-left: 100px; }
#services-left ul, #recentwork ul {list-style-type: none; padding-top: 0; line-height: 1.2; }
p.serv {margin-bottom: -5px}
#services-list ul {list-style-type: none; padding-top: 0; line-height: 1.2; }
#services-list {height: 165px; margin-top: 30px; }
#services-list ul li {margin-bottom: 5px}
#services-list ul li a:link, #services-list ul li a:visited{color: #66b716; font-size: 12px; text-decoration: none;
font-weight: bold;}
#services-list ul li a:hover, #services-list ul li a:hover {color: green;
font-size: 12px; text-decoration: none; font-weight: bold;}
#services-list ul li a:active, #services-list ul li a:active {color: #404040; text-decoration: none; font-weight: bold;}
#services-right {font-size: 14px; text-align: justify; position: relative; left: -10px; top: 0px;}
body#services #services-right {position: relative; top: -18px;}
#helpnotice {position: relative; left: 65px;}
#portofolio-left {float:left; width:250px; padding-right: 15px;
border-right: 1px solid green; margin-top: 45px;
position: relative; left: 45px; visibility: hidden;}
#portofolio-left ul li {margin-bottom: 0px}
#portofolio-right {float:left; width: 260px; margin-top: 45px; padding-left: 10px;
position: relative; left: 45px}
#portofolio-left ul {color: gray}
#portofolio-left ul, #portofolio-right ul {list-style-type: none; padding-right: 0; }
#portofolio-left ul li, #portofolio-right ul li {padding-bottom:5px; position: relative;}
#portofolio-right ul li img {position: relative;} /* ! */
#portofolio-right ul {position: relative; left: -30px; }
ul.decimal {list-style-type: none; text-align:justify; background: #f8f8f8;
padding: 10px; margin: 0; font-size: 12px;
padding-top: 0px; padding-bottom: 0px; font-family: georgia;
font-style: normal; margin-top: 20px; margin-bottom: 20px;
position: relative; left: 0px;}
ul.decimal li {padding-bottom: 8px; line-height: 1.5; position: relative; /* background: #f8f8f8; */ }
ul.decimal li a {position: relative; }
ul.decimal li a.pc {display: none;}
ul.decimal li a:link, ul.decimal li a:visited {color: black; text-decoration: none; position: relative;
/* background: #efefef; padding: 3px; */}
ul.decimal li a:hover, ul.decimal li a:active {color: red; text-decoration: none; border-bottom: 1px solid ;}
ul#process {list-style-type: none; position: relative; left: -25px; text-align: justify}
ul#process li { padding-bottom: 7px}
ul#panorama-description {float: left; list-style-type: none; line-height: 181px;
position: relative; left: -35px; top: 105px; color: gray;}
a.flash {margin-left: 8px; }
a.java{margin-left: 15px; }
a.qtvr { position: relative; left: -5px; color: red; }
.qt{margin-top: 5px; text-align: center; position: relative; left: 3px; top: 0px; margin-bottom: 5px; text-decoration: none; font-weight: bold;}
.details {height: 45px; position: relative} /* ! */
a.flash:link, a.flash:visited
{ color: #66b716; text-decoration: none; border-bottom: 1px solid; font-weight: normal; font-size: 12px}
a.flash:hover, a.flash:active { color: #66b716; text-decoration: none; border-bottom: 1px solid; font-size: 12px}
.java{margin-left: 15px; font-size: 12px}
a.java:link, a.java:visited
{ color: black; text-decoration: none; border-bottom: 1px solid; font-weight: normal; font-size: 12px}
a.java:hover { color: black; text-decoration: none; border-bottom: 1px solid; font-weight: normal; font-size: 12px}
a.qtvr:link, a.qtvr:visited
{ color: red; text-decoration: none; border-bottom: 1px solid; font-weight: normal; font-size: 12px}
a.qtvr:hover { color: red; text-decoration: none; border-bottom: 1px solid; font-size: 12px}
.description {text-align: center; margin-bottom: 25px; height: 20px}
#portofolio-left h2, #portofolio-right h2 {margin-left: 10px; }
#contact-details {position: relative; margin-left: 60px; margin-top: 25px; padding-bottom:30px;
font-size: 14px; clear: both; font-weight: bold; color: gray; width: 665px;}
#te:hover, #directline:hover, #fax:hover, #email:hover, #address:hover {color: black; cursor: default; }
#tel {float:left; width:190px; margin-right: 35px;}
#email {float:left; width:200px; margin-right: 30px; }
#address {float:left; width:190px;}
a.mailto:link, a.mailto:visited {color: gray; text-decoration: none}
a.mailto:hover, a.mailto:active {color: black; border-bottom: 1px solid }
#form {padding-top: 30px; margin-left: 150px; clear: both; text-align: left; }
.formpara {text-align: right; position: relative; left: -327px; }
.formpara-title {text-align: right; position: relative; left: -525px}
.formpara, .formpara-title, .textpara {margin: 0; padding:0; padding-top: 5px; }
textarea {position: relative; left: 66px; font-family: georgia, serif; font-size: 12px; font-weight: normal;
overflow: auto; border: 1px solid #c3c3c3;}
input {border: 1px solid #c3c3c3;}
select {border: 1px solid #c3c3c3; }
.attention { position: relative; left: 41px; margin-bottom: 0px;}
.btn {position: relative; left: 100px;}
input.btn {width:60px ; height:20px ; background: url(graphics/send-button.png) ; outline:none; border:0;}
input.btn:hover {background: url(graphics/send-over.png); outline:none; border:0;}
input.btn:active {background: url(graphics/send-active.png); outline:none; border:0;}
body#login input.btn {width:60px ; height:20px ; background: url(graphics/send-button-login.gif);
outline:none; border:0; color: #66b716; position: relative; left: 45px;}
body#login form {font-size: 14px; text-align: center; padding: 40px 0; margin: 70px 0 240px 0;
border: 1px solid #66b716; width: 500px; position: relative; left: 140px; top: 15px}
body#login input.btn:hover {background: url(graphics/send-over-login.gif); outline:none; border:0; color: red;}
body#login input.btn:active {background: url(graphics/send-active-login.gif); outline:none; border:0; color: red;}
address {width: 460px}
.notice {position: relative; left: 80px; top: 10px}
.thx-notice {position: relative; left: 80px; top: 30px; padding-bottom: 90px;
font-size: 17px; line-height: 1.5; color: #66b716; }
h1 {color: #66b716; font-weight: normal; font-family: "century gothic", "georgia", serif;
font-size: 35px; display: inline; padding: 0; margin-bottom: 20px; position: relative; top: -5px;}
h1 .larger {font-size: 40px;}
h2 {color: red; font-size: 22px; font-weight: normal; text-align: left; margin-bottom: 0px;
padding-top:0; padding-bottom: 0; font-family: "century gothic", "georgia", serif;}
h5 {color: red; font-size: 22px; font-weight: normal; text-align: center;
font-family: "arial", sans-serif; }
h6 {margin-bottom: 10000px; margin-top: 50px;
color: red; font-size: 22px; font-weight: normal; text-align: center;
font-family: "arial", sans-serif;}
h3 {color: black; font-family: georgia, "times new roman", serif; font-weight: normal;
font-size: 16px; text-decoration: underline; margin-top: 30px; color: red;}
h4 {color: red; font-family: georgia, "times new roman", serif; font-weight: normal;
font-size: 16px; margin-top: 15px; margin-bottom: 5px; }
.eightpx {font-size: 8px; color: #a6a6a6; margin-right: 3px;}
strong {font-weight: normal; color: red; text-decoration: none}
.red {color: red;}
.green {color: #66b716;}
.gray {color: gray;}
.red-bold {color: red; font-weight: bold}
.red-green {color: #66b716; font-weight: bold}
.a10 { font-size: 12px;}
.intro{margin-left: 60px; color: gray; font-size: 16px; margin-bottom: 40px;}
.gray {color: gray;}
#portofolio-left h2, #portofolio-right h2 {margin-bottom:15px}
ul li a:link img, ul li a:visited img {border: 1px solid #808080; }
ul li a:hover img, ul li a:active img {border: 1px solid #404040; }
ul li a img {padding: 0px; margin: 5px;}
.x-cap {font-family: georgia; font-size: 45px; float: left; margin: 0px; padding: 0; margin-right: 10px;
line-height: 1; position: relative; color: #b8b8b8 }
a.green-link:link, a.green-link:visited{ color: #66b716; text-decoration: none; border-bottom: 1px solid;
font-weight: normal; font-size: 12px; font-size: 15px;}
a.green-link:hover, a.green-link:active { color: #66b716; text-decoration: none; border-bottom: 1px solid;
font-weight: normal; font-size: 12px; font-size: 15px;}
a.red-link:link, a.red-link:visited{ color: red; text-decoration: none; border-bottom: 1px solid;
font-weight: normal; font-size: 12px; font-size: 15px;}
a.red-link:hover, a.red-link:active { color: red; text-decoration: none; border-bottom: 1px solid;
font-weight: normal; font-size: 12px; font-size: 15px;}
.georgia-italic {font-family: georgia; font-style: italic}
ul#getplugins {list-style-type: none; position: relative}
ul#getplugins li {margin-bottom: 0px}
#java-pc {height: 1%}
ul#getplugins li.move1 {position: absolute; top: 35px; left: 125px;}
ul#getplugins li.move2 {position: absolute; top: 115px; left: 125px;}
ul#getplugins li.move3 {position: absolute; top: 198px; left: 125px;}
ul#getplugins li a img {padding-bottom: 5px; position: relative}
ul#getplugins li a.java, ul#getplugins li a.flash, ul#getplugins li a.qtvr
{margin:0; padding:0; position: relative; left: 0px;}
ul#getplugins li a:link img, ul li a:visited img {border: 1px solid black; }
ul#getplugins li a:hover img, ul li a:active img {border: 1px solid black; }
ul#logologo a img {border: 0; margin-left: 10px; position: relative;}
p#logologo a {text-decoration: none; position: relative;}
.xx {display: none}
body#ack #contact-details {margin-bottom: 40px;}
body#ack p {color:#66b716; }
body#error404 p {color: gray; padding: 0; margin: 0; padding-bottom: 30px;}
body#error404 .red {color: red;}
body#error #form span.intro {color: red; position: relative; top: 10px;}
body#error #form span.intro p.m {position: relative; left: 60px;}
#kyc-fadeshow {width: 660px; background: white; margin:0; padding: 2px 0 30px 0; border:0; text-align: center;
position: relative; top: -15px; left: 60px;}
body#iframe-body {overflow: hidden; width: 660px; height: 390px; background: white; margin:0; padding: 0 0 5px 0; border:0; text-align: center;}
#pano-detect {text-align: center; position: relative; width: 660px; height: 370px;}
* {border:0}
iframe.greybox {position: absolute; left: 15px; top: 135px; width: 660px; height: 390px; background: white;
overflow: hidden; margin: 0; padding: 0; text-align: center;
text-align: center; position: relative; top: -10px; left: 60px; width: 690px;}
a.fullscreen:link, a.fullscreen:visited {position: absolute; bottom: 10px; right: 10px; color: gray; text-decoration: none; font-weight: bold; font-size: 14px;}
a.fullscreen:hover, a.fullscreen:active {letter-spacing: 1px;}
* {outline: none}