@charset "utf-8";
/* CSS Document */
@import 'slideViewer.css';

body{ background: #d6d5d5;}
h1{ font:bold 14px verdana; color:#02370b; padding:5px 0px}
#mainContainer{ margin:0 auto; width:1005px; height:auto; background:#0d2912;}
#header{ height: 114px; width:1005px; background:#0d2912 url(../images/header.jpg) no-repeat;}
#nav{ height:31px; background:#ffffff; padding-top:2px; width:1005px;}
.menu{ font:bold 13px verdana; width: 100%; overflow: hidden; height:29px; background:#0d2912 url(../images/menuBg.JPG) repeat-x;}
.menu ul{ margin: 0; padding: 0; float: left; width: 100%; }
.menu ul li{ display: inline; }
.menu ul li a{ float: left; color: #ffffff;  padding: 6px 43.25px;  text-decoration: none; border:solid 1px #ffffff;}
.menu ul li a:visited { color:#FFFFFF;}
.menu ul li a:hover, .menu ul li .current{ color: #009933 !important; padding-top: 6px; padding-bottom: 6px; background:#0d2912 url(../images/menuBgHover.JPG) repeat-x;}
#upGal{ height:148px; width:1005px; background:#700000; border-bottom:solid 2px #ffffff; padding-top:4px;}
#downGal{ height:148px; width:1005px; background:#700000; border-top:solid 2px #ffffff; border-bottom:solid 2px #ffffff; padding-top:4px;}
.whiteBox{ height:144px; background:#ffffff; overflow:hidden; width:1005px;}
.whiteBdr{ border:solid 1px #ffffff;}
.whiteBdr2{ margin:2px;}
#mapFlash{ background:#184A86; height:329px; width:1005px;}
#footer{ clear: both; height:25px; text-align:right; color:#ffffff; font:normal 10px tahoma; padding-top:10px;}

#contentwrapper{float: left;width: 100%;}
#rightBlock{margin-left: 200px; background: #fff; border-bottom:solid 2px #ffffff; height:640px;}
#leftBlock{float: left; width: 200px; margin-left:-1005px; background:#0d2912; border-bottom:solid 2px #ffffff; border-right:solid 2px #ffffff; height:640px;}

.weare{ height:60px; width:174px; padding-top:30px; font:bold 14pt Arial; color:#FFFFFF;}
.leftUp{ height:399px; width:200px; background:#0d2912;}
.leftDown{ height:239px; width:200px;  background:#6f091f url(../images/maroonLeft.jpg) repeat-x; border-top:solid 2px #ffffff; }
.maroonBar{ background:#6f091f; height:28px; width:100%;}
.about{ background:url(../images/aboutBg.jpg); height:584px;}
.visionMission{ background:url(../images/visionMissionBg.jpg); height:584px;}
.designApproach{ background:url(../images/designApproach.jpg); height:564px; padding:10px; color:#333333; font:bold 12px verdana; text-align:justify;}
.services{ background:url(../images/servicesBg.jpg); height:564px; padding:10px; color:#333333; font:bold 12px verdana; text-align:justify;}
.people{ background:url(../images/peopleBg.jpg); height:584px; font:bold 12px verdana; }
.awards{ background:url(../images/awardBg.jpg); height:584px; font:bold 12px verdana; color:#333333; }
.collaboration{ background:url(../images/collaborationBg.jpg); height:584px; font:bold 12px verdana; color:#333333;}
.portfolio{ background: url(../images/portfolioBg.jpg); height:584px; font:bold 12px verdana; color:#333333;}
.category{ background: url(../images/categoryBg.jpg); height:584px; font:bold 12px verdana; color:#333333;}
.location{ background: url(../images/locationBg.jpg); height:584px; _height:593px; font:bold 12px verdana; color:#333333;}
.philippines{ background: url(../images/philippinesBg.jpg); height:584px; _height:593px; font:bold 12px verdana; color:#333333;}
.asia{ background: url(../images/asiaBg.jpg); height:584px; _height:593px; font:bold 12px verdana; color:#333333;}
.africa{ background: url(../images/africaBg.jpg); height:584px; _height:593px; font:bold 12px verdana; color:#333333;}
.middleEast{ background: url(../images/middleEastBg.jpg); height:584px; _height:593px; font:bold 12px verdana; color:#333333; }
.europe{ background: url(../images/europeBg.jpg); height:584px; _height:593px; font:bold 12px verdana; color:#333333; }
.australia{ background: url(../images/australiaBg.jpg); height:584px; _height:593px; font:bold 12px verdana; color:#333333; }
.southAmerica{ background: url(../images/southAmericaBg.jpg); height:584px; _height:593px; font:bold 12px verdana; color:#333333; }
.america{ background: url(../images/americaBg.jpg); height:584px; _height:593px; font:bold 12px verdana; color:#333333; }
.contact{ background: url(../images/contactBg.jpg); height:584px; font:bold 12px verdana; color:#333333; }
.architech{ background: url(../images/architecBg.jpg) no-repeat; height:564px; font:bold 12px verdana; color:#333333; padding:10px 20px; text-align:justify;}
.masterPlan{ background: url(../images/masterPlanBg.jpg) no-repeat; height:564px; font:bold 12px verdana; color:#333333; padding:10px 20px; text-align:justify;}
.urbanPlan{ background: url(../images/urbanPlanBg.jpg) no-repeat; height:564px; font:bold 12px verdana; color:#333333; padding:10px 20px; text-align:justify;}
.landscape{ background: url(../images/landscapeBg.jpg) no-repeat; height:564px; font:bold 12px verdana; color:#333333; padding:10px 20px; text-align:justify;}
.interiorDesign{ background: url(../images/interiorDesignBg.jpg) no-repeat; height:564px; font:bold 12px verdana; color:#333333; padding:10px 20px; text-align:justify;}
.engineer{ background: url(../images/engineerBg.jpg) no-repeat; height:564px; font:bold 12px verdana; color:#333333; padding:10px 20px; text-align:justify;}
.digitalDesign{ background: url(../images/digitalDesignBg.jpg) no-repeat; height:564px; font:bold 12px verdana; color:#333333; padding:10px 20px; text-align:justify;}
.news{ background: url(../images/newsBg.jpg) no-repeat; height:564px; font:bold 12px verdana; color:#333333; padding:10px 20px; text-align:justify;}
.press{ background: url(../images/calendar.jpg) no-repeat; height:564px; font:bold 12px verdana; color:#333333; padding:10px 20px; text-align:justify;}


.space{ clear:both; height:10px; overflow: hidden;}

.peopleScroll{height:210px; width:99%; overflow:auto; padding-left:5px; background:#fafbf3;}

img.left{ position:relative; float:left; padding:8px 10px 0px 0px;}
img.right{ position:relative; float:right; padding: 20px 50px 0px 10px;}


.aboutMenu { list-style-type: none; margin-left:20px; padding-top: 40px; width: 180px;}
.aboutMenu li{border-bottom: 1px solid #72f611;}
.aboutMenu li a{ font: bold 11px tahoma; display: block; color: #fff; width: auto; padding: 10px 0px; _padding: 5px 0px;  text-indent: 8px; text-decoration: none; }
.aboutMenu li a:visited {color: #fff;}
.aboutMenu li a:hover, .aboutMenu li .active{ background-position: -387px 0; color: #009900 !important; background-color:#0d2912;}

.categoryMenu { list-style-type: none; margin-left:20px; padding-top: 40px; width: 180px;}
.categoryMenu li{border-bottom: 1px solid #72f611;}
.categoryMenu li a{ font: bold 11px tahoma; display: block; color: #fff; width: auto; padding: 7px 0px; _padding: 2px 0px;  text-indent: 8px; text-decoration: none; }
.categoryMenu li a:visited {color: #fff;}
.categoryMenu li a:hover, .categoryMenu li .selected{background-position: -387px 0; color: #009900 !important;}

.locationMenu { list-style-type: none; margin-left:20px; padding-top: 0px; width: 180px;}
.locationMenu li{border-bottom: 1px solid #72f611;}
.locationMenu li a{ font: bold 11px tahoma; display: block; color: #fff; width: auto; padding: 6px 0px; _padding: 0px 0px;  text-indent: 8px; text-decoration: none; }
.locationMenu li a:visited {color: #fff;}
.locationMenu li a:hover, .locationMenu li .selected{ background-position: -387px 0; color: #009900 !important;}

.servicesMenu { list-style-type: none; margin-left:20px; padding-top: 40px; width: 180px;}
.servicesMenu li{border-bottom: 1px solid #72f611;}
.servicesMenu li a{ font: bold 11px tahoma; display: block; color: #fff; width: auto; padding: 7px 0px; _padding: 2px 0px;  text-indent: 8px; text-decoration: none; }
.servicesMenu li a:visited {color: #fff;}
.servicesMenu li a:hover, .servicesMenu li .selected{background-position: -387px 0; color: #009900 !important;}

.newsMenu { list-style-type: none; margin-left:20px; padding-top: 30px; width: 180px;}
.newsMenu li{border-bottom: 1px solid #72f611;}
.newsMenu li a{ font: bold 11px tahoma; display: block; color: #fff; width: auto; padding: 10px 0px; _padding: 5px 0px;  text-indent: 8px; text-decoration: none; }
.newsMenu li a:visited {color: #fff;}
.newsMenu li a:hover, .newsMenu li .active{background-position: -387px 0; color: #009900 !important;}


#contentAbout{float: left;width: 100%;}
#rightAbout{margin-left: 613px; background:transparent;  height:582px; overflow:hidden;}
#leftAbout{float: left; width: 593px; margin-left:-100%; background:transparent;  height:562px; color:#333333; font:bold 11px verdana; text-align:justify; padding:10px; overflow:auto;}

#contentVM{float: left;width: 100%;}
#rightVM{margin-left: 643px; background:transparent;  height:577px; overflow:hidden; padding:5px 0px 0px 10px;}
#leftVM{float: left; width: 613px; margin-left:-100%; background:transparent;  height:562px; color:#333333; font:bold 12px verdana; text-align:justify; padding:10px 10px 10px 30px; overflow:auto;} 

#contentPeople{float: left;width: 100%;}
#rightPeople{margin-left: 613px; background:transparent;  height:582px; overflow:hidden;}
#leftPeople{float: left; width: 613px; margin-left:-100%; background:transparent;  height:582px; color:#333333; font:bold 12px verdana; text-align:justify; padding:0px; overflow:auto;}

#contentCollaboration{float: left;width: 100%;}
#rightCollaboration{margin-left: 603px; background:transparent;  height:577px; overflow:hidden; padding:5px 0px 0px 10px;}
#leftCollaboration{float: left; width: 603px; margin-left:-100%; background:transparent;  height:562px; color:#333333; font:bold 11px verdana; text-align:justify; padding:10px; overflow:auto;}

.projects{font:bold 13px verdana; color: #666666; text-align:center; padding:20px; }
.projects a:link, .projects a:visited{ color:#666666; text-decoration:none;}
.projects a:hover{ color:#666666; text-decoration:underline;}

#sidePix{height:353px; width:130px;}
.sidePixWrapper{height:353px; width:130px; overflow:hidden;}

a:link,a,a:visited{text-decoration:none;color:#15431E}
a:hover{text-decoration:underline;color:#17471F}