.hide {display:none;} #content { background: transparent url(../images/bg-main.jpg) 0 60px no-repeat; width:960px; margin:0 16px; position:relative; } #pageTitle { background: transparent url(../images/title.jpg) 0 0 no-repeat; position:absolute; top:30px; left: 20px; width:215px; float: left; padding: 27px 0 0 0; overflow: hidden; height: 0px !important; height /**/:27px; /* for IE5/Win only */ } #pageTitle-fr { background: transparent url(../images/title_fr.jpg) 0 0 no-repeat; position:absolute; top:30px; left: 20px; width:209px; float: left; padding: 27px 0 0 0; overflow: hidden; height: 0px !important; height /**/:27px; /* for IE5/Win only */ } #pageTitle-de { background: transparent url(../images/title_de.jpg) 0 0 no-repeat; position:absolute; top:30px; left: 20px; width:181px; float: left; padding: 27px 0 0 0; overflow: hidden; height: 0px !important; height /**/:27px; /* for IE5/Win only */ } #nav { position:absolute; top:86px; height:34px; width:640px; margin-left:40px; } .clear{clear:both;} /**/ #nav li { float:left; } #nav a { background: transparent url(../images/bg-nav.jpg) 0 0 no-repeat; float: left; margin-right:15px; padding: 34px 0 0 0; overflow: hidden; height: 0px !important; height /**/:34px; /* for IE5/Win only */ } #nav #home a { background-position: 0 0; width:65px; } #nav #grow a { background-position: -65px 0; width:169px } #nav #living a { background-position: -234px 0; width:228px; } #nav #search a { background-position: -462px 0; width:106px; } #nav #home a:hover { background-position: 0 -34px; } #nav #grow a:hover { background-position: -65px -34px; } #nav #living a:hover { background-position: -234px -34px; } #nav #search a:hover { background-position: -462px -34px; } #nav #home a.selected { background-position: 0 -68px; } #nav #grow a.selected { background-position: -65px -68px; } #nav #living a.selected { background-position: -234px -68px; } #nav #search a.selected { background-position: -462px -68px; } #nav-fr { position:absolute; top:86px; height:34px; width:708px; margin-left:40px; } /**/ #nav-fr li { float:left; } #nav-fr a { background: transparent url(../images/bg-nav-french.gif) 0 0 no-repeat; float: left; margin-right:15px; padding: 34px 0 0 0; overflow: hidden; height: 0px !important; height /**/:34px; /* for IE5/Win only */ } #nav-fr #home a { background-position: 0 0; width:77px; } #nav-fr #grow a { background-position: -78px 0; width:201px } #nav-fr #living a { background-position: -280px 0; width:207px; } #nav-fr #search a { background-position: -488px 0; width:163px; } #nav-fr #home a:hover { background-position: 0 -34px; } #nav-fr #grow a:hover { background-position: -78px -34px; } #nav-fr #living a:hover { background-position: -280px -34px; } #nav-fr #search a:hover { background-position: -488px -34px; } #nav-fr #home a.selected { background-position: 0 -68px; } #nav-fr #grow a.selected { background-position: -78px -68px; } #nav-fr #living a.selected { background-position: -280px -68px; } #nav-fr #search a.selected { background-position: -488px -68px; } #nav-de { position:absolute; top:86px; height:34px; width:708px; margin-left:40px; } /**/ #nav-de li { float:left; } #nav-de a { background: transparent url(../images/bg-nav-german.gif) 0 0 no-repeat; float: left; margin-right:15px; padding: 34px 0 0 0; overflow: hidden; height: 0px !important; height /**/:34px; /* for IE5/Win only */ } #nav-de #home a { background-position: 0 0; width:84px; } #nav-de #grow a { background-position: -85px 0; width:167px } #nav-de #living a { background-position: -253px 0; width:203px; } #nav-de #search a { background-position: -457px 0; width:111px; } #nav-de #home a:hover { background-position: 0 -34px; } #nav-de #grow a:hover { background-position: -85px -34px; } #nav-de #living a:hover { background-position: -253px -34px; } #nav-de #search a:hover { background-position: -457px -34px; } #nav-de #home a.selected { background-position: 0 -68px; } #nav-de #grow a.selected { background-position: -85px -68px; } #nav-de #living a.selected { background-position: -253px -68px; } #nav-de #search a.selected { background-position: -457px -68px; } /**/ #languageBar { position:absolute; top:30px; right:60px; font-size: 108%; height:25px; line-height:25px; width:170px; } #languageBar span { float:left; } #languageBar li { display:inline; float:left; } #languageBar a { margin-left:3px; display:inline; float:left; background:transparent url(../images/spr-flags.png) 0 -72px no-repeat; width:30px; height:24px; cursor:pointer; } #languageBar a.selected { background-position: 0 -48px; } #languageBar a span { display:inline; margin:4px; width:22px; background: transparent url(../images/spr-flags.png) 0 0 no-repeat; float: left; padding: 16px 0 0 0; overflow: hidden; height: 0px !important; height /**/:16px; /* for IE5/Win only */ } #languageBar li#eng a span { background-position:0 0; } #languageBar li#ger a span { background-position:0 -16px; } #languageBar li#fre a span { background-position:0 -32px; } /**/ #subText { position:relative; top: 155px; left:105px; padding: 2px 20px; width: 602px; background:#fff url(../images/bg-sub-header.jpg) 0 0 no-repeat; margin-bottom:155px; } #subText h2 { font-family:helvetica, arial, sans-serif; font-size:250%; color:#003e7e; font-weight:normal; margin:50px 0 20px 0; letter-spacing:-1px; } #subText h3 { font-size:116%; color:#003e7e; margin:30px 0 10px 0; } #subText h4 { font-size:100%; margin:20px 0 -10px 0; } #subText a:link{ color:#4985c7; text-decoration:none;} #subText a:visited{color:#4985c7/*#97B1CA*/;text-decoration:none;} #subText a:hover{color:#cc6600; text-decoration:underline;} #subText .right{float:right; margin: 0 0 30px 20px;} #subText p { margin: 15px 0; line-height: 160%; color:#444 } #subText ul { margin: 0 10px; display:inline-block;} #subText ul li { padding-left:18px; background: transparent url(../images/bullet.gif) 2px 3px no-repeat; margin:10px 0; height:1%; } #pageBottom{width:960px; height:45px; background: transparent url(../images/bg-sub-footer.jpg) bottom left no-repeat; padding-top:30px; margin-bottom:80px;} /**/ #content.home { height:600px; } #homeText { position:absolute; top: 151px; left:158px; width:502px; background: transparent url(../images/txt-home.gif) 0 0 no-repeat; float: left; padding: 180px 0 0 0; overflow: hidden; height: 0px !important; height /**/:180px; /* for IE5/Win only */ } #homeText-de { position:absolute; top: 151px; left:110px; width:545px; background: transparent url(../images/txt-home-german.gif) 0 0 no-repeat; float: left; padding: 180px 0 0 0; overflow: hidden; height: 0px !important; height /**/:180px; /* for IE5/Win only */ } #homeText-fr { position:absolute; top: 151px; left:148px; width:522px; background: transparent url(../images/txt-home-french.gif) 0 0 no-repeat; float: left; padding: 180px 0 0 0; overflow: hidden; height: 0px !important; height /**/:180px; /* for IE5/Win only */ } #homeButton{ position:absolute; border:0; top: 350px; left:403px;}/**/ #subText .role {display:inline-block; background:transparent url(../images/bg-role-bottom.gif) left bottom no-repeat; padding: 0 40px 20px 20px; font-size:108%; } #subText .role-job {padding: 0 40px 1px 20px; border-bottom: 1px dotted #A3BBDA; } #subText .role-job h4 { font-size:108% } #subText .roleContainer { background:transparent url(../images/bg-role-top.gif) 0 0 no-repeat; padding-top:15px; margin-bottom:10px; } /**/ #videoContainer{position:absolute; top:135px; left:105px; } #video{border: 4px solid #fff; } #videoContainer h2{padding-bottom:10px; width:100%; color:#97B1CA; text-align:center;} /**/ #subText ul#livingButtons{margin:0; padding:0; float:left;width:233px; } #subText ul#livingButtons li{padding: 0; background-image:none; margin:0;} #livingButtons a{position:relative;width:233px; background: transparent url(../images/spr-living-buttons.png) 0 0 no-repeat; float: left; padding: 37px 0 0 0; overflow: hidden; height: 0px !important; height /**/:37px; /* for IE5/Win only */ clear:both; } #livingButtons a.selected span{display:none; position:absolute; width: 12px; height:22px; background: transparent url(../images/bg-living-buttons-arrow.png) 0 0 no-repeat; top:6px; right:5px;} #livingButtons a.selected span{display:block;} #livingButtons a#rental{background-position: 0 0;} #livingButtons a#localnews{background-position: 0 -37px;} #livingButtons a#children{background-position: 0 -74px;} #livingButtons a#medical{background-position: 0 -111px;} #livingButtons a#learnfrench{background-position: 0 -148px;} #livingButtons a#activities{background-position: 0 -185px;} #livingButtons a#transporation{background-position: 0 -222px;} #livingButtons a#findingthings{background-position: 0 -259px;} #livingButtons a#shopping{background-position: 0 -296px;} #subText ul#livingButtons-de{margin:0; padding:0; float:left;width:291px; } #subText ul#livingButtons-de li{padding: 0; background-image:none; margin:0;} #livingButtons-de a{position:relative;width:291px; background: transparent url(../images/spr-living-buttons-german.png) 0 0 no-repeat; float: left; padding: 37px 0 0 0; overflow: hidden; height: 0px !important; height /**/:37px; /* for IE5/Win only */ clear:both; } #livingButtons-de a.selected span{display:none; position:absolute; width: 12px; height:22px; background: transparent url(../images/bg-living-buttons-arrow.png) 0 0 no-repeat; top:6px; right:5px;} #livingButtons-de a.selected span{display:block;} #livingButtons-de a#rental{background-position: 0 0;} #livingButtons-de a#localnews{background-position: 0 -37px;} #livingButtons-de a#children{background-position: 0 -74px;} #livingButtons-de a#medical{background-position: 0 -111px;} #livingButtons-de a#learnfrench{background-position: 0 -148px;} #livingButtons-de a#activities{background-position: 0 -185px;} #livingButtons-de a#transporation{background-position: 0 -222px;} #livingButtons-de a#findingthings{background-position: 0 -259px;} #livingButtons-de a#shopping{background-position: 0 -296px;} #subText ul#livingButtons-fr{margin:0; padding:0; float:left;width:233px; } #subText ul#livingButtons-fr li{padding: 0; background-image:none; margin:0;} #livingButtons-fr a{position:relative;width:233px; background: transparent url(../images/spr-living-buttons-french.png) 0 0 no-repeat; float: left; padding: 37px 0 0 0; overflow: hidden; height: 0px !important; height /**/:37px; /* for IE5/Win only */ clear:both; } #livingButtons-fr a.selected span{display:none; position:absolute; width: 12px; height:22px; background: transparent url(../images/bg-living-buttons-arrow.png) 0 0 no-repeat; top:6px; right:5px;} #livingButtons-fr a.selected span{display:block;} #livingButtons-fr a#rental{background-position: 0 0;} #livingButtons-fr a#localnews{background-position: 0 -37px;} #livingButtons-fr a#children{background-position: 0 -74px;} #livingButtons-fr a#medical{background-position: 0 -111px;} #livingButtons-fr a#activities{background-position: 0 -148px;} #livingButtons-fr a#transporation{background-position: 0 -185px;} #livingButtons-fr a#findingthings{background-position: 0 -222px;} #livingButtons-fr a#shopping{background-position: 0 -259px;} #subText .livingContainer{ float:left; margin-left:10px;width:338px; height:310px; background: #fff url(../images/bg-living-container.png) 0 0 no-repeat; padding:10px} #subText .livingContainer h3{margin-top:0;} #subText .livingContainer ul li{margin: 5px 0;} #subText .livingContainer-de{ float:left; margin-left:10px;width:280px; height:468px; background: #fff url(../images/bg-living-container2.png) 0 0 no-repeat; padding:10px} #subText .livingContainer-de h3{margin-top:0;} #subText .livingContainer-de ul li{margin: 5px 0;} #subText .livingContainer-fr{ float:left; margin-left:10px;width:338px; height:370px; background: #fff url(../images/bg-living-container3.png) 0 0 no-repeat; padding:10px} #subText .livingContainer-fr h3{margin-top:0;} #subText .livingContainer-fr ul li{margin: 5px 0;}