/* ------------------------------------------------------------------- Boondoggle - Hans Dreesen 1. Structure 2. Header 3. Navigation 4. Content 5. Miscellaneous always include reset.css, it will reset your style for all browers, it includes the clearfix typography specs must be specified in typography.css form specs must be specified in forms.css ID en class naming => use capitals for seperation: navHome ------------------------------------------------------------------- */ /* ----- imports -------------------------------------------------- */ @import url(typography.css); @import url(forms.css); /* ------------------------------------------------------------------------------------- 1. Structure -------------------------------------------- */ body { background: #000; } #container { margin: 0 auto; padding-bottom: 500px; position: relative; width: 960px; } #header { margin-top: 45px; position: fixed; width: 335px; } #navigation { background: url(/img/general/logo-boondoggle.gif) left bottom no-repeat; padding-bottom: 150px; } .content { border-bottom: 1px solid #FFF; margin-left: 400px; padding: 90px 0 100px; width: 510px; } #column01 { } #column02 { } #column03 { } #footer { } .pageContainer { background: #444; float: left; margin: 15px 15px 0 0; width: 600px; } /* ------------------------------------------------------------------------------------- 2. Header ----------------------------------------------- */ /* title */ #header #title br { display: none; } .nl #header #title { background-image: url(/img/css_backgrounds/nl/bg-sprite-titles.gif); height: 175px; margin-bottom: 45px; width: 337px; } .fr #header #title { background-image: url(/img/css_backgrounds/fr/bg-sprite-titles.gif); height: 175px; margin-bottom: 45px; width: 337px; } /* ------------------------------------------------------------------------------------- 3. Navigation ------------------------------------------- */ #navigation, #navigation ul { list-style: none; margin: 0; } .nl #navigation a { background: url(/img/css_backgrounds/nl/bg-sprite-navigation.gif) no-repeat; } .fr #navigation a { background: url(/img/css_backgrounds/fr/bg-sprite-navigation.gif) no-repeat; } #navigation a { display: block; height: 17px; margin-bottom: 3px; outline: none; text-indent: -9999px; width: 250px; } #navigation a#home { background-position: 0px 0px; } #navigation a#sessions { background-position: 0px -20px; } #navigation a#experience { background-position: 0px -40px; } #navigation a#media { background-position: 0px -60px; } #navigation a#conversations { background-position: 0px -80px; } #navigation a#subscribe { background-position: 0px -100px; } #navigation a#practical { background-position: 0px -120px; } #navigation a#blog { background-position: 0px -140px; } #navigation a#language { background-position: 0px -160px; margin-top: 20px; } #navigation a#makeBook { background-position: 0px -180px; } #navigation a#bookLibrary { background-position: 0px -200px; } #navigation a#presentations { background-position: 0px -220px; } #navigation a#photogallery { background-position: 0px -240px; } #navigation a#home.active { background-position: -520px 0px; } #navigation a#sessions.active { background-position: -520px -20px; } #navigation a#experience.active { background-position: -520px -40px; } #navigation a#media.active { background-position: -520px -60px; } #navigation a#conversations.active { background-position: -520px -80px; } #navigation a#subscribe.active { background-position: -520px -100px; } #navigation a#practical.active { background-position: -520px -120px; } #navigation a#blog.active { background-position: -520px -140px; } #navigation a#language.active { background-position: -520px -160px; } #navigation a#makeBook.active { background-position: -520px -180px; } #navigation a#bookLibrary.active { background-position: -520px -200px; } #navigation a#presentations.active { background-position: -520px -220px; } #navigation a#photogallery.active { background-position: -520px -240px; } #navigation a#home:hover { background-position: -260px 0px; } #navigation a#sessions:hover { background-position: -260px -20px; } #navigation a#experience:hover { background-position: -260px -40px; } #navigation a#media:hover { background-position: -260px -60px; } #navigation a#conversations:hover { background-position: -260px -80px; } #navigation a#subscribe:hover { background-position: -260px -100px; } #navigation a#practical:hover { background-position: -260px -120px; } #navigation a#blog:hover { background-position: -260px -140px; } #navigation a#language:hover { background-position: -260px -160px; } #navigation a#makeBook:hover { background-position: -260px -180px; } #navigation a#bookLibrary:hover { background-position: -260px -200px; } #navigation a#presentations:hover { background-position: -260px -220px; } #navigation a#photogallery:hover { background-position: -260px -240px; } #header .btnDownloadCTA { bottom: 126px; position: absolute; right: -22px; } /* ------------------------------------------------------------------------------------- 4. Content ---------------------------------------------- */ /* page titles */ .content h1 { background-repeat: no-repeat; height: 39px; margin: 0 0 4px 0; text-indent: -9999px; } .nl .content h1 { background-image: url(/img/css_backgrounds/nl/bg-sprite-titles.gif); } .fr .content h1 { background-image: url(/img/css_backgrounds/fr/bg-sprite-titles.gif); } #pageHome h1 { display: none; } #pageAbout h1 { background-position: 0px -280px; } #pageExperience h1 { background-position: 0px -320px; height: 44px; margin-bottom: 0; } #pageMedia h1 { background-position: 0px -370px; } #pageConversations h1 { background-position: 0px -410px; } #pageSubscribe h1 { background-position: 0px -450px; height: 44px; margin-bottom: -4px; } #pageKeepMePosted h1 { background-position: 0px -500px; height: 44px; margin-bottom: -4px; } #pagePractical h1 { background-position: 0px -550px; } #pageMakeBook h1 { background-position: 0px -590px; height: 44px; margin-bottom: -4px; } .fr #pageMakeBook h1 { background-position: 0px -600px; height: 71px; margin-bottom: 0; } #pageBookLibrary h1 { background-position: 0px -640px; } .fr #pageBookLibrary h1 { background-position: 0px -675px; height: 45px; margin-top: -1px; } #pagePresentations h1 { background-position: 0px -680px; } .fr #pagePresentations h1 { background-position: 0px -776px; height:89px; } #pagePhotoGallery h1 { background-position: 0px -730px; height:45px; } /* page Language Choice */ #pageLanguageChoice #container { background: url(/img/general/logo-boondoggle.gif) 305px bottom no-repeat; text-align: center; margin-top: 45px; padding: 0 0 260px; width: 940px; } #pageLanguageChoice #title, #pageLanguageChoice .btnLangChoiceNL, #pageLanguageChoice .btnLangChoiceFR { background-image: url(/img/css_backgrounds/bg-sprite-language-choice.gif); } #pageLanguageChoice #title { height: 171px; margin: 0 auto 85px auto; width: 337px; } #pageLanguageChoice #title br { display: none; } #pageLanguageChoice #langLinks { } #pageLanguageChoice #langLinks a { margin: 0 15px 0 0; } .btnLangChoiceNL { background-position: 0px -175px; float: left; height: 24px; width: 347px; } .btnLangChoiceNL:hover { background-position: 0px -200px; } .btnLangChoiceFR { background-position: 0px -225px; float: left; height: 24px; width: 405px; } .btnLangChoiceFR:hover { background-position: 0px -250px; } /* page Home */ #pageHome h2 { color: #898989; font-size: 3em; margin: 0 0 5px; width: 97%; } #pageHome h2 .contrastColor { display: block; } #pageHome p { margin-bottom: 3em; } /* page About */ #pageAbout h2 { display: none; } #pageAbout h3 { color: #FFFFFF; font-size: 2.25em; clear: left; margin: 0.3em 0 0; } /* mimics h2 */ #pageAbout .sessionTitle { color: #FFFF00; float: left; font-size: 1.5em; } #pageAbout .moreInfoBtn { float: left; margin: 3px 0 0 15px; } /* session info pages */ .sessionInfo .intro { font-size: 1.3em; font-weight: bold; line-height: 1.1em; } .sessionInfo .sessionContent { border-top: 2px solid #fff200; margin: 40px 10px 0 0; padding-top: 5px;} .sessionInfo .sessionContent h2 { font-size: 1.7em; font-weight: normal; line-height: 1.1em; margin-bottom: 5px; } .sessionInfo .sessionContent h2 .contrastColor { display: block; } /* session info page IE fix*/ #case01, #case04, #case07 { margin-top:220px; } /* session nav (added through JavaScript, see general.js) */ .sessionInfo .sessionNav { list-style: none; margin: 0; } .sessionInfo .sessionNav li { float: left; } .sessionInfo .sessionNav li a { background-repeat: no-repeat; float: left; height: 185px; width: 163px; margin: 0 5px 10px 0; } .nl .sessionInfo .sessionNav li a { background-image: url(/img/css_backgrounds/nl/bg-sprite-elements.gif); } .fr .sessionInfo .sessionNav li a { background-image: url(/img/css_backgrounds/fr/bg-sprite-elements.gif); } /* session nav Experience buttons */ .sessionInfo .sessionNav a.case01 { background-position: 0px -70px; } .sessionInfo .sessionNav a.case02 { background-position: 0px -255px; } .sessionInfo .sessionNav a.case03 { background-position: 0px -440px; } .sessionInfo .sessionNav a.guestSpeaker01 { background-position: 0px -625px; height: 170px; } .sessionInfo .sessionNav a.guestSpeaker02 { background-position: 0px -795px; height: 170px; } .sessionInfo .sessionNav a.case01:hover { background-position: -165px -70px; } .sessionInfo .sessionNav a.case02:hover { background-position: -165px -255px; } .sessionInfo .sessionNav a.case03:hover { background-position: -165px -440px; } .sessionInfo .sessionNav a.guestSpeaker01:hover { background-position: -165px -625px; } .sessionInfo .sessionNav a.guestSpeaker02:hover { background-position: -165px -795px; } /* session nav Media buttons */ .sessionInfo .sessionNav a.case04 { background-position: 0px -965px; } .sessionInfo .sessionNav a.case05 { background-position: 0px -1150px; } .sessionInfo .sessionNav a.case06 { background-position: 0px -1335px; } .sessionInfo .sessionNav a.guestSpeaker03 { background-position: 0px -1520px; height: 170px; } .sessionInfo .sessionNav a.guestSpeaker04 { background-position: 0px -1690px; height: 170px; } .sessionInfo .sessionNav a.case04:hover { background-position: -165px -965px; } .sessionInfo .sessionNav a.case05:hover { background-position: -165px -1150px; } .sessionInfo .sessionNav a.case06:hover { background-position: -165px -1335px; } .sessionInfo .sessionNav a.guestSpeaker03:hover { background-position: -165px -1520px; } .sessionInfo .sessionNav a.guestSpeaker04:hover { background-position: -165px -1690px; } /* session nav Conversation buttons */ .sessionInfo .sessionNav a.case07 { background-position: 0px -1860px; } .sessionInfo .sessionNav a.case08 { background-position: 0px -2045px; } .sessionInfo .sessionNav a.case09 { background-position: 0px -2230px; } .sessionInfo .sessionNav a.guestSpeaker05 { background-position: 0px -2415px; height: 170px; } .sessionInfo .sessionNav a.guestSpeaker06 { background-position: 0px -2585px; height: 170px; } .sessionInfo .sessionNav a.case07:hover { background-position: -165px -1860px; } .sessionInfo .sessionNav a.case08:hover { background-position: -165px -2045px; } .sessionInfo .sessionNav a.case09:hover { background-position: -165px -2230px; } .sessionInfo .sessionNav a.guestSpeaker05:hover { background-position: -165px -2415px; } .sessionInfo .sessionNav a.guestSpeaker06:hover { background-position: -165px -2585px; } .sessionInfo .sessionNav .sessionButtons { padding-top: 75px; width: 163px; } /* confirm/deny buttons */ .sessionInfo .sessionButtons { border: none; } .sessionInfo .sessionButtons a.btnConfirm { height: 27px; } .sessionInfo .sessionButtons a.btnDeny { height: 58px; } /* form pages (#Subscribe and #KeepMePosted) */ .form .formHolder { font-size: 1.5em; line-height: 1.5em; } .form h2 { margin: 0.5em 0; } .form #RadAjaxPanel1Panel, .form #RadAjaxPanel2Panel { padding-right: 1em; } .form input.txtField { width: 8em; } .form input.emailField { width: 19em; } .form input.numberField { width: 10em; } .form input.shortField { width: 3em; } .form label .revertColor { color: #898989; } .form .btnSendBig { float: right; } .form p.clearfix { width: 100%; } .form .disclaimer { font-size: 0.6em; line-height: normal; margin-top: 2em; } .form #ctrlSubscribe_cblSessions input { margin: 0 10px 0 5px; } /* page Practical */ #pagePractical h2 { clear: left; font-size: 1.6em; margin: 0.5em 0 0.1em; } #pagePractical h3 { display: none; } #pagePractical .smsForm { margin-right: 7em; margin-top: 2em; } /* download program conrol */ .downloadProgram { font-size: 13px; } .downloadProgram .btnICal, .downloadProgram .btnOutlook { float: left; margin: 5px 10px 0 0; } .downloadProgram .btnSend { margin-top: 5px; } /* sms form */ .smsForm { font-size: 13px; line-height: 1.5em; margin: 1em 0 3em 0; } .smsForm .btnSend { margin-top: 0.5em; } /* page Make Book */ #pageMakeBook h1 { letter-spacing: -0.09em; } #pageMakeBook h2 { background-repeat: no-repeat; display: block; float: left; height: 35px; margin: -13px 10px 0 0; outline: none; text-indent: -9999px; } .nl #pageMakeBook h2 { background-image: url(/img/css_backgrounds/nl/bg-sprite-titles.gif); } .fr #pageMakeBook h2 { background-image: url(/img/css_backgrounds/fr/bg-sprite-titles.gif); } #pageMakeBook h2.step01 { background-position: 0px -175px; width: 28px; } #pageMakeBook h2.step02 { background-position: 0px -210px; margin-top: -10px; width: 36px; } #pageMakeBook h2.step03 { background-position: 0px -245px; margin-top: -10px; width: 36px; } #pageMakeBook .writerData { margin-bottom: 2em; } #pageMakeBook .writerUpload { width: 305px; } #pageMakeBook .writerUpload, #pageMakeBook .writerSend, #pageMakeBook .btnUpload, #pageMakeBook .btnSendMedium { float: left; } #pageMakeBook .disclaimer { clear: left; margin-top: 0; padding-top: 2em; } #pageMakeBook .previewBook { float: right; margin: 0 0 0 1em; } #pageMakeBook .previewBook img { border: 1px solid #292929; width: 250px; } #pageMakeBook .btnPDF, #pageMakeBook .btnJPG { margin-top: 10px; } /* page Book Library */ #pageBookLibrary { width: auto; } #pageBookLibrary p { font-size: 1.5em; line-height: 1.5em; width: auto; } #pageBookLibrary #libraryScroll { float: left; width: 1000px; } #pageBookLibrary ul { border: 1px solid #292929; list-style: none; margin: 0; width: 5000px; } #pageBookLibrary ul li { display: block; float: left; width: 54px; } #pageBookLibrary ul li a img { border: 1px solid #292929; border-width: 0 1px 0 0; } #pageBookLibrary ul li:last-child { border-width: 1px; } #pageBookLibrary p { margin-bottom: 0.8em; } #pageBookLibrary .btnWriteBook { margin: 3px 0 0 0; } #pageBookLibrary .btnRefresh { margin-top: 20px; } /* page Presentations */ #presentationHolder { display: none; } #pagePresentations .intro { font-size: 1.7em; font-weight: bold; line-height: 1.1em; margin-bottom: 0; } #pagePresentations .btnWatchPhotos { margin-top: 5px; } #pagePresentations h2 { clear: left; font-size: 1.7em; margin: 1em 0 0.2em; } #pagePresentations ul { list-style: none; margin: 0; } #pagePresentations ul a, #pagePresentations ul span { background: url(/img/css_backgrounds/bg-sprite-presentations.gif) no-repeat; display: block; float: left; height: 107px; margin-right: 4px; outline: none; text-indent: -9999px; width: 97px; } /* buttons presentation Experience */ #pagePresentations ul .case01 { background-position: 0px 0px; } #pagePresentations ul .case02 { background-position: -104px 0px; } #pagePresentations ul .case03 { background-position: -208px 0px; } #pagePresentations ul .guestSpeaker01 { background-position: -311px 0px; } #pagePresentations ul .guestSpeaker02 { background-position: -414px 0px; } #pagePresentations ul .case01:hover { background-position: -530px 0px; } #pagePresentations ul .case02:hover { background-position: -634px 0px; } #pagePresentations ul .case03:hover { background-position: -738px 0px; } #pagePresentations ul .guestSpeaker01:hover { background-position: -841px 0px; } #pagePresentations ul .guestSpeaker02:hover { background-position: -944px 0px; } /* buttons presentation Media */ #pagePresentations ul .case04 { background-position: 0px -117px; } #pagePresentations ul .case05 { background-position: -104px -117px; } #pagePresentations ul .case06 { background-position: -208px -117px; } #pagePresentations ul .guestSpeaker03 { background-position: -311px -117px; } #pagePresentations ul .guestSpeaker04 { background-position: -414px -117px; } #pagePresentations ul .case04:hover { background-position: -530px -117px; } #pagePresentations ul .case05:hover { background-position: -634px -117px; } #pagePresentations ul .case06:hover { background-position: -738px -117px; } #pagePresentations ul .guestSpeaker03:hover { background-position: -841px -117px; } #pagePresentations ul .guestSpeaker04:hover { background-position: -944px -117px; } /* buttons presentation Conversation */ #pagePresentations ul .case07 { background-position: 0px -234px; } #pagePresentations ul .case08 { background-position: -104px -234px; } #pagePresentations ul .case09 { background-position: -208px -234px; } #pagePresentations ul .guestSpeaker05 { background-position: -311px -234px; } #pagePresentations ul .guestSpeaker06 { background-position: -414px -234px; } #pagePresentations ul .case07:hover { background-position: -530px -234px; } #pagePresentations ul .case08:hover { background-position: -634px -234px; } #pagePresentations ul .case09:hover { background-position: -738px -234px; } #pagePresentations ul .guestSpeaker05:hover { background-position: -841px -234px; } #pagePresentations ul .guestSpeaker06:hover { background-position: -944px -234px; } /* extra, separate page with presentations */ body.pagePresentations #container { background: url(/img/general/logo-boondoggle.gif) 0px 25px no-repeat; padding: 100px 0 30px 0; width: 510px; } body.pagePresentations #container h1, body.pagePresentations #container h2, body.pagePresentations #container h3 { margin-bottom: 15px; } /* ------------------------------------------------------------------------------------- 5. Miscellaneous ---------------------------------------- */ #twitterFeed { background: #262626; padding: 4px 0; position: fixed; top: 0; width: 100%; } #twitterFeed p { margin: 0 auto; overflow: hidden; width: 700px; } #twitterFeed br { display: none; } #twitterFeed a:link { color: #898989; text-decoration: none; } #twitterFeed a:hover { color: #CC00CC; } #twitterFeed span { float: left; margin-right: 4px; } #twitterFeed #btnFollow { background-image: url(/img/buttons/btn-twitter-follow.gif); float: left; height: 12px; margin: 1px 0 0 35px; width: 49px; } .imgReplaced { background-repeat: no-repeat; display: block; outline: none; text-indent: -9999px; } /* buttons */ .moreInfoBtn, .btnICal, .btnOutlook, .btnCalculateRoute, .btnSend, .btnSendBig, .btnConfirm, .btnDeny, .btnUpload, .btnSendMedium, .btnPDF, .btnJPG, .btnWriteBook, .btnDownloadCTA, .btnRefresh, .btnWatchPhotos { background-repeat: no-repeat; border: 0; display: block; outline: none; text-indent: -9999px; } .btnExperience, .btnMedia, .btnConversation { background-repeat: no-repeat; border: 0; display: inline-block; float:left; outline: none; text-indent: -9999px; margin-right:5px;} .nl .moreInfoBtn, .nl .btnICal, .nl .btnOutlook, .nl .btnCalculateRoute, .nl .btnSend, .nl .btnSendBig, .nl .btnConfirm, .nl .btnDeny, .nl .btnUpload, .nl .btnSendMedium, .nl .btnPDF, .nl .btnJPG, .nl .btnWriteBook, .nl .btnDownloadCTA, .nl .btnRefresh, .nl .btnWatchPhotos, .nl .btnExperience, .nl .btnMedia, .nl .btnConversation { background-image: url(/img/css_backgrounds/nl/bg-sprite-elements.gif); } .fr .moreInfoBtn, .fr .btnICal, .fr .btnOutlook, .fr .btnCalculateRoute, .fr .btnSend, .fr .btnSendBig, .fr .btnConfirm, .fr .btnDeny, .fr .btnUpload, .fr .btnSendMedium, .fr .btnPDF, .fr .btnJPG, .fr .btnWriteBook, .fr .btnDownloadCTA, .fr .btnRefresh, .fr .btnWatchPhotos, .fr .btnExperience, .fr .btnMedia, .fr .btnConversation { background-image: url(/img/css_backgrounds/fr/bg-sprite-elements.gif); } .moreInfoBtn { background-position: 0px -30px; height: 18px; width: 95px; } .fr .moreInfoBtn { width: 102px; } .moreInfoBtn:hover { background-position: 0px -50px; } .btnICal { background-position: 0px -3095px; height: 15px; width: 41px; } .btnICal:hover { background-position: 0px -3115px; } .btnOutlook { background-position: 0px -3135px; height: 15px; width: 69px; } .btnOutlook:hover { background-position: 0px -3150px; } .btnCalculateRoute { background-color: #000; background-position: 0px -3165px; height: 16px; width: 115px; } .fr .btnCalculateRoute { width: 146px; } .btnCalculateRoute:hover { background-position: 0px -3185px; } .btnSend { background-position: 0px -3205px; height: 16px; width: 73px; } .btnSend:hover { background-position: 0px -3225px; } .btnSendBig { background-color: #000; background-position: 0px -3245px; cursor: pointer; height: 28px; width: 163px; } .fr .btnSendBig { width: 127px; } .btnSendBig:hover { background-position: 0px -3275px; } .btnConfirm { background-position: 0px -2755px; height: 27px; width: 163px; } .btnConfirm:hover { background-position: 0px -2785px; } .btnDeny { background-position: 0px -2815px; height: 58px; width: 163px; } .btnDeny:hover { background-position: 0px -2875px; } .btnUpload { background-position: 0px -3305px; height: 24px; width: 146px; } .fr .btnUpload { width: 198px; } .btnUpload:hover { background-position: 0px -3330px; } .btnSendMedium { background-color: #000; background-position: 0px -3355px; cursor: pointer; height: 24px; width: 88px; } .fr .btnSendMedium { width: 91px; } .btnSendMedium:hover { background-position: 0px -3380px; } .btnPDF { background-position: 0px -3405px; height: 24px; width: 143px; } .fr .btnPDF { width: 158px; } .btnPDF:hover { background-position: 0px -3430px; } .btnJPG { background-position: 0px -3455px; height: 24px; width: 143px; } .fr .btnJPG { width: 156px; } .btnJPG:hover { background-position: 0px -3480px; } .btnWriteBook { background-position: 0px -3505px; height: 15px; width: 234px; } .fr .btnWriteBook { width: 250px; } .btnWriteBook:hover { background-position: 0px -3520px; } .btnDownloadCTA { background-position: 0px -3535px; height: 114px; width: 114px; } .btnDownloadCTA:hover { background-position: 0px -3650px; } .btnRefresh { background-color: #000; background-position: 0px -3765px; cursor: pointer; height: 24px; width: 80px; } .btnRefresh:hover { background-position: 0px -3790px; } .btnWatchPhotos { background-position: 0px -3815px; height: 15px; width: 151px; } .fr .btnWatchPhotos { width:180px; } .btnWatchPhotos:hover { background-position: 0px -3830px; } .btnExperience { background-position: 0px -3855px; cursor: pointer; height: 58px ;width: 163px; } .btnExperience:hover, #btnExperience:hover{ background-position: 0px -3915px; cursor: pointer; height: 58px; ;width: 163px; } .btnMedia { background-position: 0px -3975px; cursor: pointer; height: 58px ;width: 163px; } .btnMedia:hover, #btnMedia:active { background-position: 0px -4035px; cursor: pointer; height: 58px ;width: 163px; } .btnConversation { background-position: 0px -4095px; cursor: pointer; height: 58px ;width: 163px; } .btnConversation:hover, #btnConversation:active { background-position: 0px -4155px; cursor: pointer; height: 58px ;width: 163px; } /* route link and calculator */ .routeCalculatorLink, .routeCalculator { display: block; margin-top: 1em; } .routeCalculator .btnCalculateRoute { margin-top: 0.5em; } .left { float: left; } .right { float: right; } .clear { clear: both; } .hide { display: none; } .first { margin-top: 0; padding-top: 0; } .last { margin-bottom: 0; padding-bottom: 0; } hr { display: none; } /* flash alternative styles */ .block { background: #efefef; border: 4px solid #dfdfdf; clear: both; margin: 25px 0; padding: 25px; } ul#alternativeNav { border-bottom: 2px solid #333; border-top: 2px solid #333; list-style: none; padding: 10px 0 10px 5px; margin: 0 0 20px 0; } ul#alternativeNav li { float: left; margin: 0 10px 0 0; } /* clearfix */ .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* ------------------------------------------------------------------------------------- 6. Slide Layout ----------------------------------------- */ .slideLayout { } .slideLayout #wrapper { overflow: hidden; width: 100%; } .slideLayout #container { padding: 0 0 0 575px; width: 10000px; } .slideLayout #header { background: url(/img/css_backgrounds/bg-header.png); margin: 25px 0 0 25px; min-height: 620px; padding: 20px; width: 295px; z-index: 2; } .slideLayout .content { border: none; float: left; margin: 0 125px 0 0; padding-bottom: 0; } /* previous/next navigation buttons */ a.prev { background-position: 0px -2940px; background-repeat: no-repeat; height: 28px; left: 415px; position: fixed; top: 330px; z-index: 3; width: 21px; } a.next { background-position: 0px -2970px; background-repeat: no-repeat; height: 28px; left: 975px; position: fixed; top: 330px; z-index: 3; width: 21px; } .nl a.prev, .nl a.next { background-image: url(/img/css_backgrounds/nl/bg-sprite-elements.gif); } .nl a.prev:hover { background-position: 0px -3000px; width: 103px; } .nl a.next:hover { background-position: 0px -3030px; left: 860px; width: 136px; } .fr a.prev, .fr a.next { background-image: url(/img/css_backgrounds/fr/bg-sprite-elements.gif); } .fr a.prev:hover { background-position: 0px -3000px; width: 147px; } .fr a.next:hover { background-position: 0px -3030px; left: 884px; width: 113px; } .slideLayout .sessionInfo { height: 600px; overflow: hidden; } .slideLayout .sessionInfoScroller { height: auto; } .slideLayout .sessionInfo .intro { min-height: 125px; } .slideLayout a.topLink { background: url(/img/css_backgrounds/nl/bg-sprite-elements.gif) 0px -3065px no-repeat; float: right; height: 11px; width: 30px; } .slideLayout a.topLink:hover { background-position: 0px -3080px; }