/* CSS Document */ /* CopyRight Bart Leeffers */ /* www.aquadigital.nl */ body { background-color: #aaa; color: #fff; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; } div { background-color: #000; } h1 { padding: 10px; font-size: 30px; font-weight: bold; letter-spacing: 1px; } h2 { font-size: 16px; padding: 15px 0 10px 40px; margin: 0; } p { font-size: 12px; margin: 0; padding: 1px 0 10px 40px; width: 420px; } p:first-child { padding: 0 0 10px 40px; } td { font-size: 12px; padding: 0 0 0 40px; } .galleryClass { font-size: 10px; text-align: left; width: 180px; float: left; } .naviClass { font-size: 10px; text-align: right; width: 85px; float: right; } #largeLink { font-size:150%; } #wrapDiv { margin: 0px auto; width:771px; voice-family: "\"}\""; voice-family:inherit; width:761px; } #mainWrapDiv { width:761px; margin: 0; padding: 0; } #headerDiv { background-color: #000; height: 60px; font-size: 30px; font-weight: bold; letter-spacing: 1px; } #portfolioSpan { font-size: 14px; font-style: italic; font-weight: normal; letter-spacing: 0; text-transform: lowercase; } #navLocation { font-weight: bold; } #navigationDiv { margin: 0; padding: 0; height: 22px; } #navigationDiv ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; } #navigationDiv ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; } #navigationDiv ul li a { background: #fff; width: 151px; height: 20px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: none; padding: 0; margin: 0; color: #000; text-decoration: none; display: block; text-align: center; font-weight: normal; font-size: 16px; } #navigationDiv ul li:first-child { border-left: 1px solid #fff; } #navigationDiv ul li a:hover { color: #fff; background: #aaa; } #navigationDiv a:active { color: #fff; background: #c60; } #navigationDiv li#active a { color: #fff; background: #c60; border: 1px solid #c60; } #navigationDiv ul li .CurrentPage { color: #fff; background: #000; } #tableWrap { width:100px; font-size: 12px; margin: 0; padding: 1px 0 0px 40px; float:left; } #tableWrap2 { width:435px; font-size: 12px; margin: 0; padding: 1px; float:left; } #tableWrap3 { width:435px; font-size: 12px; margin: 0; padding: 10px; float:left; } #tableWrap5 { width:100px; font-size: 12px; margin: 0; padding: 5px 0 5px 40px; float:left; } #tableWrap6 { width:435px; font-size: 12px; margin: 0; padding: 1px; float:left; } #mainDiv { display: block; background-color: #000; clear: left; float: left; width: 609px; margin: 0; padding: 0; } #photoDiv { display: block; text-align: center; } #photoDiv img { margin: 20px auto 3px auto; border: 5px #fff solid; } #pictureNavDiv { width: 270px; height: 11px; margin: 0 0 10px 170px; } #thumbDiv { background-color: #000; display: block; float: left; margin: 0px; padding: 0; width: 152px; } #copyrightDiv { background-color: #000; text-align: right; font-size: 10px; clear: both; padding: 10px; } #pictureInfo { text-align: left; float: left; color: #bbb; font-style: italic; padding: 10px 0 10px 170px; } #thumbDiv li { display: block; list-style-type: none; text-indent: -9999px; overflow: hidden; width: 50px; height: 50px; margin: 0px; padding: 5px; float: left; } #thumbDiv a { display: block; width: 50px; height: 50px;} #thumbDiv ul { display: block; margin: 20px 0 0 -24px; } #photo01 a:link { background: #FFF url(../images/01_thumb_black.jpg) no-repeat center center; } #photo01 a:visited { background: #FFF url(../images/01_thumb_black.jpg) no-repeat center center; } #photo01 a:hover { background: #FFF url(../images/01_thumb_normal.jpg) no-repeat center center; } #photo02 a:link { background: #FFF url(../images/02_thumb_black.jpg) no-repeat center center; } #photo02 a:visited { background: #FFF url(../images/02_thumb_black.jpg) no-repeat center center; } #photo02 a:hover { background: #FFF url(../images/02_thumb_normal.jpg) no-repeat center center; } #photo03 a:link { background: #FFF url(../images/03_thumb_black.jpg) no-repeat center center; } #photo03 a:visited { background: #FFF url(../images/03_thumb_black.jpg) no-repeat center center; } #photo03 a:hover { background: #FFF url(../images/03_thumb_normal.jpg) no-repeat center center; } #photo04 a:link { background: #FFF url(../images/04_thumb_black.jpg) no-repeat center center; } #photo04 a:visited { background: #FFF url(../images/04_thumb_black.jpg) no-repeat center center; } #photo04 a:hover { background: #FFF url(../images/04_thumb_normal.jpg) no-repeat center center; } #photo05 a:link { background: #FFF url(../images/05_thumb_black.jpg) no-repeat center center; } #photo05 a:visited { background: #FFF url(../images/05_thumb_black.jpg) no-repeat center center; } #photo05 a:hover { background: #FFF url(../images/05_thumb_normal.jpg) no-repeat center center; } #photo06 a:link { background: #FFF url(../images/06_thumb_black.jpg) no-repeat center center; } #photo06 a:visited { background: #FFF url(../images/06_thumb_black.jpg) no-repeat center center; } #photo06 a:hover { background: #FFF url(../images/06_thumb_normal.jpg) no-repeat center center; } #photo07 a:link { background: #FFF url(../images/07_thumb_black.jpg) no-repeat center center; } #photo07 a:visited { background: #FFF url(../images/07_thumb_black.jpg) no-repeat center center; } #photo07 a:hover { background: #FFF url(../images/07_thumb_normal.jpg) no-repeat center center; } #photo08 a:link { background: #FFF url(../images/08_thumb_black.jpg) no-repeat center center; } #photo08 a:visited { background: #FFF url(../images/08_thumb_black.jpg) no-repeat center center; } #photo08 a:hover { background: #FFF url(../images/08_thumb_normal.jpg) no-repeat center center; } #photo09 a:link { background: #FFF url(../images/09_thumb_black.jpg) no-repeat center center; } #photo09 a:visited { background: #FFF url(../images/09_thumb_black.jpg) no-repeat center center; } #photo09 a:hover { background: #FFF url(../images/09_thumb_normal.jpg) no-repeat center center; } #photo10 a:link { background: #FFF url(../images/10_thumb_black.jpg) no-repeat center center; } #photo10 a:visited { background: #FFF url(../images/10_thumb_black.jpg) no-repeat center center; } #photo10 a:hover { background: #FFF url(../images/10_thumb_normal.jpg) no-repeat center center; } #photo14 a:link { background: #FFF url(../images/14_thumb_black.jpg) no-repeat center center; } #photo14 a:visited { background: #FFF url(../images/14_thumb_black.jpg) no-repeat center center; } #photo14 a:hover { background: #FFF url(../images/14_thumb_normal.jpg) no-repeat center center; } #photo15 a:link { background: #FFF url(../images/15_thumb_black.jpg) no-repeat center center; } #photo15 a:visited { background: #FFF url(../images/15_thumb_black.jpg) no-repeat center center; } #photo15 a:hover { background: #FFF url(../images/15_thumb_normal.jpg) no-repeat center center; } #photo16 a:link { background: #FFF url(../images/16_thumb_black.jpg) no-repeat center center; } #photo16 a:visited { background: #FFF url(../images/16_thumb_black.jpg) no-repeat center center; } #photo16 a:hover { background: #FFF url(../images/16_thumb_normal.jpg) no-repeat center center; } #photo17 a:link { background: #FFF url(../images/17_thumb_black.jpg) no-repeat center center; } #photo17 a:visited { background: #FFF url(../images/17_thumb_black.jpg) no-repeat center center; } #photo17 a:hover { background: #FFF url(../images/17_thumb_normal.jpg) no-repeat center center; } #photo18 a:link { background: #FFF url(../images/18_thumb_black.jpg) no-repeat center center; } #photo18 a:visited { background: #FFF url(../images/18_thumb_black.jpg) no-repeat center center; } #photo18 a:hover { background: #FFF url(../images/18_thumb_normal.jpg) no-repeat center center; } #photo19 a:link { background: #FFF url(../images/19_thumb_black.jpg) no-repeat center center; } #photo19 a:visited { background: #FFF url(../images/19_thumb_black.jpg) no-repeat center center; } #photo19 a:hover { background: #FFF url(../images/19_thumb_normal.jpg) no-repeat center center; } #photo21 a:link { background: #FFF url(../images/21_thumb_black.jpg) no-repeat center center; } #photo21 a:visited { background: #FFF url(../images/21_thumb_black.jpg) no-repeat center center; } #photo21 a:hover { background: #FFF url(../images/21_thumb_normal.jpg) no-repeat center center; } #photo22 a:link { background: #FFF url(../images/22_thumb_black.jpg) no-repeat center center; } #photo22 a:visited { background: #FFF url(../images/22_thumb_black.jpg) no-repeat center center; } #photo22 a:hover { background: #FFF url(../images/22_thumb_normal.jpg) no-repeat center center; } #photo23 a:link { background: #FFF url(../images/23_thumb_black.jpg) no-repeat center center; } #photo23 a:visited { background: #FFF url(../images/23_thumb_black.jpg) no-repeat center center; } #photo23 a:hover { background: #FFF url(../images/23_thumb_normal.jpg) no-repeat center center; } #photo24 a:link { background: #FFF url(../images/24_thumb_black.jpg) no-repeat center center; } #photo24 a:visited { background: #FFF url(../images/24_thumb_black.jpg) no-repeat center center; } #photo24 a:hover { background: #FFF url(../images/24_thumb_normal.jpg) no-repeat center center; } #photo25 a:link { background: #FFF url(../images/25_thumb_black.jpg) no-repeat center center; } #photo25 a:visited { background: #FFF url(../images/25_thumb_black.jpg) no-repeat center center; } #photo25 a:hover { background: #FFF url(../images/25_thumb_normal.jpg) no-repeat center center; } #photo26 a:link { background: #FFF url(../images/26_thumb_black.jpg) no-repeat center center; } #photo26 a:visited { background: #FFF url(../images/26_thumb_black.jpg) no-repeat center center; } #photo26 a:hover { background: #FFF url(../images/26_thumb_normal.jpg) no-repeat center center; } #thumbDiv #photo01 .CurrentPhoto { background: #FFF url(../images/01_thumb_normal.jpg) no-repeat center center; } #thumbDiv #photo02 .CurrentPhoto { background: #FFF url(../images/02_thumb_normal.jpg) no-repeat center center; } #thumbDiv #photo03 .CurrentPhoto { background: #FFF url(../images/03_thumb_normal.jpg) no-repeat center center; } #thumbDiv #photo04 .CurrentPhoto { background: #FFF url(../images/04_thumb_normal.jpg) no-repeat center center; } #thumbDiv #photo05 .CurrentPhoto { background: #FFF url(../images/05_thumb_normal.jpg) no-repeat center center; } #thumbDiv #photo06 .CurrentPhoto { background: #FFF url(../images/06_thumb_normal.jpg) no-repeat center center; } #thumbDiv #photo07 .CurrentPhoto { background: #FFF url(../images/07_thumb_normal.jpg) no-repeat center center; } #thumbDiv #photo08 .CurrentPhoto { background: #FFF url(../images/08_thumb_normal.jpg) no-repeat center center; } #thumbDiv #photo09 .CurrentPhoto { background: #FFF url(../images/09_thumb_normal.jpg) no-repeat center center; } #thumbDiv #photo10 .CurrentPhoto { background: #FFF url(../images/10_thumb_normal.jpg) no-repeat center center; } #thumbDiv #photo14 .CurrentPhoto { background: #FFF url(../images/14_thumb_normal.jpg) no-repeat center center; } #thumbDiv #photo15 .CurrentPhoto { background: #FFF url(../images/15_thumb_normal.jpg) no-repeat center center; } #thumbDiv #photo16 .CurrentPhoto { background: #FFF url(../images/16_thumb_normal.jpg) no-repeat center center; } #thumbDiv #photo17 .CurrentPhoto { background: #FFF url(../images/17_thumb_normal.jpg) no-repeat center center; } #thumbDiv #photo18 .CurrentPhoto { background: #FFF url(../images/18_thumb_normal.jpg) no-repeat center center; } #thumbDiv #photo19 .CurrentPhoto { background: #FFF url(../images/19_thumb_normal.jpg) no-repeat center center; } #thumbDiv #photo21 .CurrentPhoto { background: #FFF url(../images/21_thumb_normal.jpg) no-repeat center center; } #thumbDiv #photo22 .CurrentPhoto { background: #FFF url(../images/22_thumb_normal.jpg) no-repeat center center; } #thumbDiv #photo23 .CurrentPhoto { background: #FFF url(../images/23_thumb_normal.jpg) no-repeat center center; } #thumbDiv #photo24 .CurrentPhoto { background: #FFF url(../images/24_thumb_normal.jpg) no-repeat center center; } #thumbDiv #photo25 .CurrentPhoto { background: #FFF url(../images/25_thumb_normal.jpg) no-repeat center center; } #thumbDiv #photo26 .CurrentPhoto { background: #FFF url(../images/26_thumb_normal.jpg) no-repeat center center; } a:link { color: #fff; text-decoration: none; } a:visited { color: #fff; text-decoration: none; } a:hover { color: #aaa; text-decoration: none; }