/* CSS Template by Juuce Interactive ©2008 
   Author: Samuel Larcher
*/   




/* ----------------  INITIAL START ------------- */

* { margin: 0px; padding: 0px;}

h1 { margin-bottom: 10px;}
h2 { margin-bottom: 7px;}
h2.latest { margin-top: 25px; text-align:center;}
h3, h4, h5 { margin-bottom: 5px;}
p, ul { margin-bottom: 10px; }

form label button { cursor: pointer; cursor: hand; }
fieldset { border: none; }
input, select, textarea { border: none; background: none; }
select { background: white; }
ul li { list-style: none; }

/* ----------------  INITIAL END ------------- */


/* ----------------  FONT  ------------- */

h1 { font: normal normal 30px "Trebuchet MS", sans-serif; color: #eb6e08; }
h2 { font: normal normal 20px "Trebuchet MS", sans-serif; color: #eb6e08; }
h3 { }
h4 { }
a:link, a:visited { text-decoration: underline; color: #eb6e08; }
a:hover, a:active { text-decoration: none; }

.breadCrumbLink { text-decoration: underline; color: #eb6e08; }
.breadCrumbLink:hover { text-decoration: none; }

.specialLink { font-size: 11px; line-height: 12px; display: block; }

.footerLink:link, .footerLink:visited  { text-decoration: none; }
.footerLink:hover, .footerLink:active { color: #777a6a; }

/* ----------------  BASICS  ------------- */

body { background: #f2efef url(../images/basics/bg.jpg) left top repeat-x; text-align: center; color: #5d5d5d; font: normal normal 12px Arial, Helvetica, sans-serif; color: #5d5d5d; }
.bodySub { background: #f2efef url(../images/subMain/bg.jpg) left top repeat-x; text-align: center; color: #5d5d5d; font: normal normal 12px Arial, Helvetica, sans-serif; color: #5d5d5d;  }

#mainWrapper { width: 861px; margin: 0 auto 0 auto; text-align: left; }
.paddingBottom { padding-bottom: 80px; }
.naviWrapper { width: 861px; height: 54px; }
.naviMiddle { background: url(../images/basics/navi_main.jpg) left top repeat-x; height: 54px; }
.naviLeft { background: url(../images/basics/navi_left.jpg) left top no-repeat; height: 54px; }
.naviRight { background: url(../images/basics/navi_right.jpg) right top no-repeat; height: 50px; padding: 4px 0 0 48px; }
.topWrapper { background: url(../images/basics/blackBG.jpg) left top repeat-x; height: 186px; }
.breadCrumbs { font: normal normal 11px Arial, Helvetica, sans-serif; position: relative; padding: 13px 0 0 50px; }
.footer { background: url(../images/basics/footer.png) left top no-repeat; width: 861px; overflow: hidden; height: 117px; margin: 0 auto 0 auto; }
.megaHome { background: url(../images/basics/logo_part2.jpg) left top no-repeat; }
.homeButton { display: block; height: 50px; width: 430px; cursor: hand; cursor: pointer; }



/* ----------------  BOXES FEATURED CONTAINER  ------------- */
.contentWhite { background: white; width: 861px; }
.contentWhiteSub { background: white url(../images/subMain/abo_BG.gif) 301px 0px no-repeat; width: 861px; }
.contentMetal { background: url(../images/basics/metalPieceHome.jpg) left top no-repeat; }
.flashSlide { position: absolute; width: 387px; height: 123px; margin-left: 450px; top: 320px; }
.homePage_list { }
.homePage_list li { background: url(../images/basics/listpoint_home.gif) 0px 4px no-repeat; padding-left: 20px; line-height: 18px; }
.nestHomePage_list {margin:0px 0px 10px 30px; }
.nestHomePage_list li { background: url(../images/basics/listpoint_home.gif) 0px 4px no-repeat;  padding-left: 20px; line-height: 16px; }

.leftBar { width: 380px; padding: 30px 0 0 50px; }
.leftBarSub { width: 570px; padding: 30px 0 0 50px; }
.leftBarSubStaf { width: 650px; padding: 30px 0 0 50px; }
.rightBar { background: url(../images/basics/exhibitions_BG.jpg) left top no-repeat; width: 398px; margin-top: 130px; margin-left: 20px; }
.rightBarSub { width: 220px; margin-top: 0px; margin-left: 20px; }
.serviceSubWrapper { background: url(../images/subMain/servicesBG.jpg) left top no-repeat; }
.serviceWrapper { padding: 15px 0 0 15px; width: 180px; padding-bottom: 37px; }
.serviceSubPadding  { padding: 35px 0 0 15px; width: 180px; height: 245px; }
.exhibitionWrapper { width: 174px; height: 150px; padding: 15px 0 0 25px; }
.exhibitionSubPadding { width: 174px; height: 240px; padding: 15px 0 0 20px; }
.exhibitionSubWrapper { background:url(../images/subMain/servicesBG.jpg) 0px -30px no-repeat; }

.strategicPlanning { display: block; overflow: hidden; background: url(../images/buttons/strategic_planning.gif) left top no-repeat; height: 31px; width: 170px; margin-top: 5px; }
.strategicPlanning:hover { background-position: 0px -31px; }

.urbanDesign { display: block; overflow: hidden; background: url(../images/buttons/urbanDesign.gif) left top no-repeat; height: 31px; width: 170px; margin-top: 5px; }
.urbanDesign:hover { background-position: 0px -31px; }

.development { display: block; overflow: hidden; background: url(../images/buttons/development.gif) left top no-repeat; height: 31px; width: 170px; margin-top: 5px; }
.development:hover { background-position: 0px -31px; }

.govRelations { display: block; overflow: hidden; background: url(../images/buttons/govRelations.gif) left top no-repeat; height: 31px; width: 170px; margin-top: 5px; }
.govRelations:hover { background-position: 0px -31px; }

.expEvidence { display: block; overflow: hidden; background: url(../images/buttons/expEvidence.gif) left top no-repeat; height: 31px; width: 170px; margin-top: 5px; }
.expEvidence:hover { background-position: 0px -31px; }

.screw_topLeft { background: url(../images/screws/topLeft.gif) left top no-repeat; height: 12px; width: 14px; position: absolute; margin-left: 10px; margin-top: 130px; }
.screw_bottomLeft { background: url(../images/screws/bottomLeft.gif) left top no-repeat; height: 13px; width: 12px; position: absolute; margin-left: 10px; margin-top: 325px; }
.screw_topRight { background: url(../images/screws/topRight.gif) left top no-repeat; height: 12px; width: 13px; position: absolute; margin-left: 840px; margin-top: 130px; }
.screw_bottomRight { background: url(../images/screws/bottomRight.gif) left top no-repeat; height: 12px; width: 12px; position: absolute; margin-left: 840px; margin-top: 430px;  }
.homeButtonPart1 { background: url(../images/basics/logo_part1.gif) left top no-repeat; width: 63px; height: 120px; display: block; position: absolute; z-index: 100; margin-left: -63px; }

.subPage_breadcrumb { background: url(../images/subMain/breadcrumbsBG.jpg) 0px 15px no-repeat; height: 30px; padding: 26px 0 0 55px; font-size: 11px;  }

.addressWrapper { width: 262px;   }
.addressMiddle { background: url(../images/subMain/contactMiddle.gif) left top repeat-y; width: 262px; height: 160px; overflow: auto;  }
.addressTop { background: url(../images/subMain/contactTop.gif) left top no-repeat; width: 262px; height: 26px; }
.addressBottom { background: url(../images/subMain/contactBottom.gif) left top no-repeat; width: 262px; height: 24px;  }
.contactList li { padding-bottom: 3px; }
.addressPadding { padding-left: 25px; }
.contactIcon { background: url(../images/subMain/contactIcon.gif) 0px -2px no-repeat; padding-left: 30px; }
.mapWrapper { padding-left: 10px; }

.flexiBoxBG { background: #fdfdfd; }
.flexiBoxTopMiddle { background: url(../images/multibox/topMiddle.gif) left top repeat-x; }
.flexiBoxMiddleLeft { background: url(../images/multibox/middleLeft.gif) left top repeat-y; }
.flexiBoxMiddleRight { background: url(../images/multibox/middleRight.gif) right top repeat-y; }
.flexiBoxBottomMidddle  { background: url(../images/multibox/bottomMiddle.gif) left bottom repeat-x; }
.flexiBoxTopLeft  { background: url(../images/multibox/topLeft.gif) left top no-repeat; }
.flexiBoxTopRight  { background: url(../images/multibox/topRight.gif) right top no-repeat; }
.flexiBoxBottomLeft { background: url(../images/multibox/bottomLeft.gif) left bottom no-repeat; }
.flexiBoxBottomRight { background: url(../images/multibox/bottomRight.gif) right bottom no-repeat;  }

.flexiPadding { padding: 15px; }

.ContainerBG { background: url(../images/container/containerBG.jpg) left top no-repeat; width: 271px; height: 121px; overflow: auto; }
.containerIcon { width: 105px; }
.containerDescription { width: 140px; }
.emailButton { display: block; overflow: hidden; background: url(../images/people/emailButton.jpg) left top no-repeat; width: 99px; height: 27px; }
.emailButton:hover { background-position: 0px -27px; }
.profileButton { display: block; overflow: hidden; background: url(../images/people/profileButton.jpg) left top no-repeat; width: 99px; height: 26px; }
.profileButton:hover { background-position: 0px -26px; }
.leftColumn, .rightColumn { width: 300px; }
.listStaffDetail li { padding-bottom: 2px; }
.listpointWithArrow { background: url(../images/people/arrowList.gif) 0px 2px no-repeat; padding-left: 20px; }
.listpointWithArrowPeople { background: url(../images/people/arrowList.gif) 0px 2px no-repeat; padding-left: 20px; padding-bottom:10px; }

.nest {margin:3px 0px 6px 30px;}
.nested {background: url(../images/people/nestList.gif) 0px 2px no-repeat; margin:4px; padding-left: 15px; line-height: 16px;}
.separator { background: url(../images/people/separator.gif) left top repeat-x; height: 12px; margin-bottom: 10px; }

.projectsButton { display: block; overflow: hidden; background: url(../images/projects/detailsButon.jpg) left top no-repeat; width: 99px; height: 25px; }
.projectsButton:hover { background-position: 0px -25px; }
.rowWrapper { padding-bottom: 10px; }

/* ----------------  BUTTON AND FORMS  ------------- */

.featured_pro_button { background: url(../images/buttons/home_proj_details.gif) left top no-repeat; height: 26px; width: 106px; overflow: hidden; display: block; }
.featured_pro_button:hover { background-position: 0px -26px;}

.contactCool { background: url(../images/buttons/contact.gif) left top no-repeat; width: 139px; height: 44px; overflow: hidden; display: block; }
.contactCool:hover { background-position: 0px -44px; }

/* ----------------  MAIN NAVIGATION  ------------- */

.home, .about, .projects, .people, .contact, .sitemap, .disclaimer, .homeOn, .aboutOn, .projectsOn, .peopleOn, .contactOn, .sitemapOn, .disclaimerOn  { display: block; float: left; margin-left: 2px; }

.home span, .about span, .projects span, .people span, .contact span, .sitemap span, .disclaimer span, .homeOn span, .aboutOn span, .projectsOn span, .peopleOn span, .contactOn span, .sitemapOn span, .disclaimerOn span { display: none; }

.home { background: url(../images/navigation/home.gif) left top no-repeat; width: 50px; height: 46px; overflow: hidden; }
.home:hover { background-position: 0px -46px; }
.homeOn {  background: url(../images/navigation/home.gif) left top no-repeat; width: 50px; height: 46px; overflow: hidden; background-position: 0px -46px; }

.about { background: url(../images/navigation/aboutUs.gif) left top no-repeat; width: 73px; height: 46px; overflow: hidden; }
.about:hover { background-position: 0px -46px; }
.aboutOn { background: url(../images/navigation/aboutUs.gif) left top no-repeat; width: 73px; height: 46px; background-position: 0px -46px; overflow: hidden; }

.projects { background: url(../images/navigation/projects.gif) left top no-repeat; width: 71px; height: 46px; overflow: hidden; }
.projects:hover { background-position: 0px -46px; }
.projectsOn { background: url(../images/navigation/projects.gif) left top no-repeat; width: 71px; height: 46px; background-position: 0px -46px; overflow: hidden; }

.people { background: url(../images/navigation/people.gif) left top no-repeat; width: 58px; height: 46px; overflow: hidden; }
.people:hover { background-position: 0px -46px; }
.peopleOn { background: url(../images/navigation/people.gif) left top no-repeat; width: 58px; height: 46px; background-position: 0px -46px; overflow: hidden; }

.contact { background: url(../images/navigation/contact.gif) left top no-repeat; width: 66px; height: 46px; overflow: hidden; }
.contact:hover { background-position: 0px -46px; }
.contactOn { background: url(../images/navigation/contact.gif) left top no-repeat; width: 66px; height: 46px; background-position: 0px -46px; overflow: hidden; }

.sitemap { background: url(../images/navigation/sitemap.gif) left top no-repeat; width: 52px; height: 46px; overflow: hidden; position: relative; left: 340px; }
.sitemap:hover { background-position: 0px -46px; }
.sitemapOn { background: url(../images/navigation/sitemap.gif) left top no-repeat; width: 52px; height: 46px; background-position: 0px -46px; overflow: hidden; position: relative; left: 340px; }

.disclaimer { background: url(../images/navigation/disclaimer.gif) left top no-repeat; width: 63px; height: 46px; overflow: hidden; position: relative; left: 340px; }
.disclaimer:hover, .disclaimerOn { background-position: 0px -46px; }
.disclaimerOn { background: url(../images/navigation/disclaimer.gif) left top no-repeat; width: 63px; height: 46px; background-position: 0px -46px; overflow: hidden; position: relative; left: 340px; }



/* ----------------  FOOTER  ------------- */

/* ----------------  SPECIALS  ------------- */

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.green { color: #8d9178; }
.orange { color: #eb6e08; }
.gray { color: #5d5d5d; }

.fontSize10 { font-size: 10px; }
.fontSize11 { font-size: 11px; }
.fontSize12 { font-size: 12px; }
.fontSize13 { font-size: 13px; }
.fontSize14 { font-size: 14px; }

.bold { font-weight: bold; }
.normal { font-weight: normal; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

.backgroundYellow { background: yellow; }
.backgroundRed { background: red; }
.backgroundSilver { background: silver; }
.backgroundBlack { background: black; }
.backgroundBlue { background: blue; }
.backgroundWhite { background: white; }

.padding_B_5px { padding-bottom: 5px; }
.padding_B_10px { padding-bottom: 10px; }
.padding_B_15px { padding-bottom: 15px; }
.padding_L_5px { padding-left: 5px; }
.padding_L_10px { padding-left: 10px; }
.padding_L_15px { padding-left: 15px; }

.posRelative { position: relative; }

.displayNone { display: none; }