*{padding:0; margin:0;}
html{height:100%;}
body{background:#979797 url(../img/mainBackground.jpg) top left repeat-x; height:100%; font-family:Verdana; font-size:11px;}
a{text-decoration:none; color:#ED7218;}
a img{border:none;}

#mainWrapper{height:100%; width:100%;}
#td1{height:429px;}
#td2{}
#td3{height:81px; background:#818080;}
.elementWrapper{width:888px; margin:0 auto; height:100%;}

#top1{height:185px; background:url(../img/background1.jpg) 0px 0px repeat-x; padding-top:19px;}

#header{height:124px; width:763px; margin:0 auto; background:#FFFFFF;}
#headerLeft{height:124px; width:763px; background:url(../img/headerLeft.jpg) top left no-repeat;}
#headerRight{height:124px; width:763px; background:url(../img/headerRight.jpg) top right no-repeat;}
#headerInterior{height:124px;}
#logo{padding:4px 0px 0px 10px; float:left; width:117px;}
#statement{background:url(../img/statement.gif) center right no-repeat; width:347px; height:93px; float:left; padding:35px 0px 0px 125px;}
#contact{background:url(../img/contact.jpg) center left no-repeat; width:161px; height:94px; float:right; padding:40px 15px 0px 0px;}
/*#contact span{display:block; color:#4a4a4a; font-weight:bold; font-size:12px;}
#contact span a{color:#4a4a4a;}
#contact > span:first-child{padding-top:10px;}*/

#topMenu{height:61px; width:814px; margin:0 auto; background:url(../img/topMenuBackground.jpg) top left repeat-x; position:relative;}
#topMenuLeft{height:61px; width:814px; background:url(../img/topMenuLeft.jpg) top left no-repeat;}
#topMenuRight{height:61px; width:814px; background:url(../img/topMenuRight.jpg) top right no-repeat;}
#topMenuInterior{height:61px; position:absolute; left:200px; top:20px;}
#topMenuInterior a{color:#555555; font-size:14px; display:block; float:left; height:41px; background:url(../img/topMenuOffLeft.jpg) top left no-repeat #e0e0e0; margin:0px 0px 0px 0px; cursor:pointer;}
#topMenuInterior span{background:url(../img/topMenuOffRight.jpg) top right no-repeat; display:block; height:41px; padding:13px 20px 0px 20px; float:left;}
#topMenuInterior h1{font-size:18px; font-weight:normal;}
#topMenuInterior a.active, #topMenuInterior a:hover{color:#ed7218; background:url(../img/topMenuOnLeft.jpg) top left no-repeat #FFFFFF;}
#topMenuInterior a.active span, #topMenuInterior a:hover span{background:url(../img/topMenuOnRight.jpg) top right no-repeat;}
/*
#topMenuInterior a#topMenu1{margin-left:200px;}
#topMenuInterior a#topMenu2{margin-left:363px;}
#topMenuInterior a#topMenu3{margin-left:539px;}
*/
.topMenuElement { float:left; margin-right:2px; }

#top2{height:225px; background:url(../img/background2.jpg) 0px 0px repeat-x;}

#boxLeft{height:221px; width:211px; background:#FFFFFF; margin-left:-17px; float:left; clear:left;}
#boxLeftLeft{height:221px; width:211px; background:url(../img/boxLeftLeft.jpg) top left no-repeat;}
#boxLeftRight{height:221px; width:211px; background:url(../img/boxLeftRight.jpg) top right no-repeat;}
#boxLeftInterior{height:221px;}
#boxLeftInterior a{color:#000000; background:url(../img/menuOff.jpg) center left no-repeat; display:block; padding:0px 0px 0px 20px; margin:0px 0px 0px 30px;}
#boxLeftInterior a.active, #boxLeftInterior a:hover{color:#ed7218; background:url(../img/menuOn.jpg) center left no-repeat;}
#boxLeftInterior > span:first-child{display:block; height:25px;}
#boxLeftInterior span{display:block; height:27px;}

#boxRight{height:221px; width:688px; background:#FFFFFF; margin-right:-19px; float:right; position:relative;}
#boxRightLeft{height:221px; width:688px; background:url(../img/boxRightLeft.jpg) top left no-repeat;}
#boxRightRight{height:221px; width:688px; background:url(../img/boxRightRight.jpg) top right no-repeat;}
#boxRightInterior{height:201px; width:655px; padding:10px 14px 10px 19px;}
#carouselWrapper{height:201px; width:655px; font-size:10px;}
#carouselWrapper .carousel .carouselPage{width:655px; height:201px;}
#carouselWrapper .carousel .carouselPage img{float:left;}
#carouselWrapper .carousel .carouselPage .content{float:left; width:300px; padding:0px 10px 0px 15px;}
#carouselWrapper .carousel .carouselPage p{float:left; padding:0px 0px 10px 0px; line-height:15px; width:300px;}
#carouselWrapper .carousel .carouselPage h2{float:left; color:#ED7218; font-size:14px; padding:10px 0px 10px 20px;}
#carouselWrapper .carousel .carouselPage .highlightsWrapper{float:right; width:150px;}
#carouselWrapper .carousel .carouselPage .highlights{float:left; width:130px; padding:0px 0px 0px 20px; background:url(../img/checked.jpg) center left no-repeat; margin:10px 0px 0px 0px;}
#carouselPrevTrigger{height:221px; width:344px; float:left; position:absolute; z-index:2; top:0px; left:0px; cursor:pointer;}
#carouselPrev{height:60px; width:67px; background:url(../img/mainArrowLeft.png) top left no-repeat; position:absolute; z-index:3; top:80px; left:5px; cursor:pointer; display:none;}
#carouselNextTrigger{height:221px; width:344px; float:right; position:absolute; z-index:2; top:0px; left:344px; cursor:pointer;}
#carouselNext{height:60px; width:67px; background:url(../img/mainArrowRight.png) top left no-repeat; position:absolute; z-index:3; top:80px; left:272px; cursor:pointer; display:none;}

#page{background:url(../img/pageBackground.jpg) bottom left repeat-x #ffffff;; padding:0px 45px 0px 45px; float:left; height:100%; width:798px;}
#pageLeft{width:300px; float:left; padding:20px 0px 0px 0px;}
#pageLeft .title{color:#15912c; font-size:14px; font-weight:bold;}
#pageLeft p{padding:15px 0px 0px 0px; line-height:15px; text-align:justify;}
#pageLeft #connection .title{padding:20px 0px 10px 0px; font-size:14px; font-weight:bold;}
#pageLeft #connection img{padding:0px 5px 0px 0px;}

#pageRight{width:400px; float:right; padding:20px 0px 0px 0px;}
#pageRight .title{color:#15912c; font-size:14px; font-weight:bold; padding:0px 0px 13px 0px;}
#pageRight .serviceCase{float:left; width:400px; padding:0px 0px 10px 0px;}
#pageRight .serviceCase img{float:left; border:1px solid #a3a3a3; margin:0px 0px 0px 0px;}
#pageRight .serviceCase div{width:270px; line-height:15px; padding:0px 0px 0px 135px; float:left; margin-top:-60px; text-align:justify;}
#pageRight .serviceCase h3{font-size:11px; float:left; line-height:15px; padding-left:12px;}

#page .caseStudyWrapper{border-top:2px solid #e5e5e5; float:left; width:100%; padding:20px 0px 0px 0px; margin:25px 0px 0px 0px;}
#page .caseStudyWrapper .description{width:220px; padding:0px 20px 0px 0px; float:left;}
#page .caseStudyWrapper .title{color:#15912c; font-size:14px; padding:0px 0px 20px 0px; font-weight:bold;}
#page .caseStudyWrapper .abstract{color:#625e5e; line-height:19px; font-size:10px;}
#page .caseStudyWrapper .abstract div{float:left; text-align:justify;}
#page .caseStudyWrapper .abstract h3{float:left; font-size:10px; font-weight:normal;}
#page .caseStudyWrapper .caseStudy{width:180px; float:left; margin:0px 6px 20px 0px;}
#page .caseStudyWrapper .caseStudy .caseStudyName{font-size:10px; color:#15912c; font-weight:bold; text-align:center; padding:5px 0px 0px 0px; height:22px;}
#page .caseStudyWrapper .caseStudy .caseStudyLink{text-align:center; padding:10px 0px 5px 0px; font-size:10px; color:#625e5e;}

.caseStudyInnerLink{font-size:10px; color:#625e5e;}
.caseStudyInnerLink:hover{color:#15912c;}
#page .caseStudyWrapper .caseStudy .caseStudyDescription{font-size:10px; color:#625e5e; line-height:15px; height:100px;}
#page .caseStudyWrapper .caseStudy .similar{height:25px;}
#page .caseStudyWrapper .caseStudy .similar a{float:right;}

.spacer{clear:both; height:80px;}

#howWeWork{padding:20px 0px 80px 0px;}
#howWeWork .title{color:#ED7218; font-size:18px; padding:0px 0px 15px 0px;}
#howWeWork p{padding:15px 0px 15px 0px; line-height:15px;}
#howWeWork ul.numbers{list-style:decimal; margin:0px 0px 0px 30px;}
#howWeWork ul.numbers li{padding:0px 0px 10px 0px; line-height:15px;}
#howWeWork ul.letters{list-style:lower-alpha; margin:0px 0px 0px 30px;}
#howWeWork ul.letters li{padding:0px 0px 10px 0px; line-height:15px;}

#portofolio{padding:20px 0px 80px 0px; float:left;}
#portofolio .title{color:#ED7218; font-size:18px; padding:0px 0px 15px 0px;}
#portofolio h2.caseStudyTitle {color:#15912c; font-size:14px; padding:0px 0px 20px 0px; font-weight:bold;}
#portofolio .caseStudyWrapper .caseStudyList .caseStudy{float:left; margin:0px 0px 0px 15px; height:300px;}
#page #portofolio .caseStudyWrapper{margin:0px 0px 20px 0px;}

#feedback{padding:20px 0px 80px 0px;}
#feedback .title{color:#ED7218; font-size:18px; padding:0px 0px 15px 0px;}
#feedback p{line-height:15px; padding:15px 0px 15px 0px;}
#feedback ul{list-style:none;}
#feedback li{clear:both; padding:30px 0px 0px 0px;}
#feedback .image{float:left;}
#feedback .text{float:left; width:610px;}
#feedback .text p{padding:0px 0px 10px 10px;}

#contactPage{padding:20px 0px 80px 0px; float:left; width:100%;}
#contactPage .title{color:#ED7218; font-size:18px; padding:0px 0px 15px 0px;}
#contactPage #contactDescription{padding:0px 0px 0px 0px; width:400px; float:left;}
#contactPage #contactForm{width:360px; float:right;}
#contactPage #messageSent{width:300px; padding:0px 0px 0px 40px; color:#ff0000; float:left; margin-top:-24px;}

#contactPage #contactForm input[type=text] {border:1px solid #CCCCCC; width:350px; padding:2px; margin:0px 0px 5px 0px;}
#contactPage #contactForm #sendMessage{ width:112px; height:31px; background:url(../img/sendMessagePasive.png) top left no-repeat; border:none; cursor:pointer; float:right; }
#contactPage #contactForm #sendMessage:hover{ width:112px; height:31px; background:url(../img/sendMessageActive.png) top left no-repeat; border:none; cursor:pointer; float:right; }
#contactPage #contactForm textarea{border:1px solid #CCCCCC; width:350px; height:200px; padding:2px; font-size:13px; margin:0px 0px 5px 0px;}

#contactPage #contactDescription p{padding:0px 0px 15px 0px; line-height:15px;}
#contactPage #contactDescription ul{padding:0px 0px 0px 30px;}
#contactPage #contactDescription ul li{padding:0px 0px 10px 0px; line-height:15px;}
#contactPage #contactDescription .contactPersons{width:170px; float:left; padding-left:30px;}
#contactPage #contactDescription .contactPersons p{padding:0px 0px 0px 0px;}
#contactPage #contactDescription #contactExp{clear:both; padding:30px 0px 0px 0px; font-style:italic; clear:both;}

#contactPage .required { color:#999999; }
#contactMessageSent { float:right; padding-bottom:20px; color:#ED7218; }

#contactMap { float:left; border:1px solid #CCCCCC; margin:10px 8px 0px 0px; }

#privacyPolicy{padding:20px 0px 80px 0px; float:left;}
#privacyPolicy .title{color:#ED7218; font-size:18px; padding:0px 0px 15px 0px; font-weight:normal;}
#privacyPolicy div{font-weight:bold;}
#privacyPolicy p{line-height:15px; padding:15px 0px 15px 0px;}

#error404{padding:20px 0px 80px 0px; float:left;}
#error404 .title{color:#000000; font-size:18px; padding:0px 0px 15px 0px; font-weight:normal;}
#error404 p{padding:5px 0px 5px 0px;}
#error404 .about{font-size:12px;padding:15px 0px 15px 0px; font-weight:bold;}
#error404 .statement{font-size:14px;padding:0px 0px 15px 0px; font-weight:bold;}

#footer{height:81px; width:888px; background:url(../img/footerBackground.jpg) 0px 0px repeat-x;}
#footerLeft{height:81px; width:888px; background:url(../img/footerLeft.jpg) top left no-repeat;}
#footerRight{height:81px; width:888px; background:url(../img/footerRight.jpg) top right no-repeat;}
#footerInterior{height:81px;}
#copyright{float:left; width:350px; color:#ffffff; margin:40px 0px 0px 40px;}
#bottomLinks{float:right; width:220px; margin:40px 20px 0px 0px;}
#bottomLinks a{color:#ffffff;}
#bottomLinks span{color:#ffffff;}