/* Author: Sam Wellens Website: S-project.be - Nozzle.be */ /* RESET -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: Georgia, serif;vertical-align: baseline;} body { line-height: 1.5; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } table, td, th { vertical-align: middle; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a{outline: none;} a img { border: none; } /* TYPOGRAPHY -------------------------------------------------------------- */ #skip {display: none;} #masthead h1{margin:0;} span.dontshow {display: none;} .clear{clear:both;} /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #be1e2d; margin:0 10px 0 0px; font-style:italic; font-weight: bold;} h1 { font-size: 3em; line-height: 1;} h2 { font-size: 2em; line-height:1; color:#be1e2d; text-shadow:0 1px 0 #FFFFFF; } h3 { font-size: 1.5em; line-height: 1; } h4 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; } h5 { font-size: 1.2em; margin-bottom: 1em; } h6 { font-size: 1em; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;} /* Text elements -------------------------------------------------------------- */ p { margin: 0 0 0; font-style:italic; margin:0 10px 0 10px; line-height:1.4em; font-size:1.3em; color:#3A2C2D;} p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; } .float-left { float:left;} .float-right{ float:right;} a:focus, a:hover { color: #be1e2d; } a { color: #1F4550; text-decoration: none; } strong { font-weight: bold; } /* WEBSITE VARIABLES -----------------------------------------------------------*/ /* grid -----------------------------------------------------------*/ body { background:#ddd9d4 url(../images/interface/bg-tile.gif) fixed 0 0 repeat; font-family: Georgia, "Times New Roman", serif; font-size:12px; } #top-wrapper{background:#42322d; height:125px; min-width:1102px;} #header{ margin: 0 auto; width:1102px; } #head-streep{ background:transparent url(../images/interface/sprite-cont.png) 0 -30px no-repeat; position:absolute; top:81px; margin:0 auto; height: 50px; z-index: 0; width: 1102px;} #wrapper{margin: 0 auto; width:1102px; background:transparent url(../images/interface/schacht.jpg) bottom left no-repeat;} #wrapper-inner{ margin:0px 0 0 200px; padding-top:60px; text-align: left; width: 904px;} #home-top{ margin-bottom:30px;} #left-wat{ float:left; width:600px;} #right-wat{ float:left; width:285px; margin-left:10px;} #lijntje{float:left; width:25px;} #schacht{ width:410px; height:559px; } #bottom-wrapper{background:#42322d url(../images/interface/wagentjes.gif) bottom center no-repeat; min-width:1102px; } #footer{margin: 0 auto; width:1102px;} #foot-streep{ background:transparent url(../images/interface/sprite-cont.png) 0 0px no-repeat; clear: both; display: block; height: 43px; margin: -17px 0 0 0px; position: absolute; width: 1079px; } #footer-wrapper{margin:0px 0 0px 200px; padding-top:30px; text-align: left; width: 904px; } /*logo*/ #logo { width:280px; float:left; margin:20px 0 0 30px;} #logo h1 a{ display:block; height:62px; background:transparent url(../images/interface/sprite-header.gif) 0 -167px no-repeat; text-indent:-9999px;} #logo h1 a span{text-indent:-9999px;} #logo h1 a:hover {background:transparent url(../images/interface/sprite-header.gif) -285px -167px no-repeat; } /*Social links*/ #social { float:right; width:350px; margin:15px 0 0 190px; } #social .follow{float:left; width:100px; height:55px; text-indent:-9999px; background:transparent url(../images/interface/sprite-header.gif) -200px 0 no-repeat;} #social a{ display:block; float:left; height:66px; width:150px;} #social a#rss {height:66px; width:50px; text-indent:-9999px; background:url(../images/interface/sprite-header.gif) -300px 0 no-repeat;} #social a#facebook { height:66px; width:50px; text-indent:-9999px; background:url(../images/interface/sprite-header.gif) -350px 0 no-repeat;} #social a#twitter { height:66px; width:50px; text-indent:-9999px; background:url(../images/interface/sprite-header.gif) -400px 0 no-repeat;} #social a#flicker { height:66px; width:60px; text-indent:-9999px; background:url(../images/interface/sprite-header.gif) -455px 0 no-repeat;} #social a#rss:hover{ background:url(../images/interface/sprite-header.gif) -300px 5px no-repeat;} #social a#facebook:hover{ background:url(../images/interface/sprite-header.gif) -350px 5px no-repeat;} #social a#twitter:hover{ background:url(../images/interface/sprite-header.gif) -400px 5px no-repeat;} #social a#flicker:hover{ background:url(../images/interface/sprite-header.gif) -455px 5px no-repeat;} /*search*/ #zoek{ float:left; margin:5px 0 0 20px; width:230px; height:66px; } #zoek input{ float:left; display:inline;} #zoek .keyw{ padding-left:10px; line-height:57px; height:66px; color:#bf1e2e; width:140px; background:transparent url(../images/interface/sprite-txt.png) -190px -210px no-repeat; border:none; } #zoek .submit{padding:0; height:66px; text-indent:-9999px; width:65px; background:transparent url(../images/interface/sprite-txt.png) -330px -210px no-repeat; border:none; cursor:pointer;} #zoek .submit:hover{ background:transparent url(../images/interface/sprite-txt.png) -330px -281px no-repeat;} /*Menu*/ #menu{ } #main-navigation { position: absolute; top: 70px; margin:0 0 0 320px; width: 800px; z-index: 200; } #main-navigation li { list-style-type: none; float: left; margin: 0 0 0 5px; } /* Wat doen we */ #main-navigation li.wat_s a:link, #main-navigation li.wat_s a:visited, #main-navigation li.wat_s a:hover, #main-navigation li.wat_s a:active {display: block; width: 164px; height: 50px; text-indent: -9000px; background:transparent url(../images/interface/sprite-header.gif) 0px -65px no-repeat;} #main-navigation li.wat a:link, #main-navigation li.wat a:visited {display: block; width: 164px; height: 50px;text-indent: -9000px; background:transparent url(../images/interface/sprite-header.gif) 0px -112px no-repeat;} #main-navigation li.wat a:hover, #main-navigation li.wat:hover a {display: block; width: 164px; height: 50px;text-indent: -9000px; background:transparent url(../images/interface/sprite-header.gif) 0px -65px no-repeat;} #main-navigation li.wat a.h, #main-navigation li.wat a:active {display: block; width: 164px; height: 50px; text-indent: -9000px; background:transparent url(../images/interface/sprite-header.gif) 0px -112px no-repeat;} /* Hoe werken we */ #main-navigation li.hoe_s a:link, #main-navigation li.hoe_s a:visited, #main-navigation li.hoe_s a:hover, #main-navigation li.hoe_s a:active {display: block; width:180px; height: 50px; text-indent: -9000px; background:transparent url(../images/interface/sprite-header.gif) -165px -65px no-repeat;} #main-navigation li.hoe a:link, #main-navigation li.hoe a:visited {display: block; width:180px; height: 50px; text-indent: -9000px; background:transparent url(../images/interface/sprite-header.gif) -165px -112px no-repeat;} #main-navigation li.hoe a:hover, #main-navigation li.hoe:hover a {display: block; width:180px; height: 50px; text-indent: -9000px; background:transparent url(../images/interface/sprite-header.gif) -165px -65px no-repeat;} #main-navigation li.hoe a.h, #main-navigation li.hoe a:active {display: block; width:180px; height: 50px; text-indent: -9000px; background:transparent url(../images/interface/sprite-header.gif) -165px -112px no-repeat;} /* portfolio */ #main-navigation li.port_s a:link, #main-navigation li.port_s a:visited, #main-navigation li.port_s a:hover, #main-navigation li.port_s a:active {display: block; width: 110px; height: 50px; text-indent: -9000px; background:transparent url(../images/interface/sprite-header.gif) -350px -65px no-repeat;} #main-navigation li.port a:link, #main-navigation li.port a:visited {display: block; width: 110px; height: 50px; text-indent: -9000px; background:transparent url(../images/interface/sprite-header.gif) -350px -112px no-repeat;} #main-navigation li.port a:hover, #main-navigation li.port:hover a {display: block; width: 110px; height: 50px; text-indent: -9000px; background:transparent url(../images/interface/sprite-header.gif) -350px -65px no-repeat;} #main-navigation li.port a.h, #main-navigation li.port a:active {display: block; width: 110px; height: 50px; text-indent: -9000px; background:transparent url(../images/interface/sprite-header.gif) -350px -112px no-repeat;} /* blog */ #main-navigation li.blog_s a:link, #main-navigation li.blog_s a:visited, #main-navigation li.blog_s a:hover, #main-navigation li.blog_s a:active {display: block; width: 80px; height: 50px; text-indent: -9000px; background:transparent url(../images/interface/sprite-header.gif) -644px -65px no-repeat;} #main-navigation li.blog a:link, #main-navigation li.blog a:visited {display: block; width: 80px; height: 50px; text-indent: -9000px; background:transparent url(../images/interface/sprite-header.gif) -644px -112px no-repeat;} #main-navigation li.blog a:hover, #main-navigation li.blog:hover a {display: block; width: 80px; height: 50px; text-indent: -9000px; background:transparent url(../images/interface/sprite-header.gif) -644px -65px no-repeat;} #main-navigation li.blog a.h, #main-navigation li.blog a:active {display: block; width: 80px; height: 50px; text-indent: -9000px; background:transparent url(../images/interface/sprite-header.gif) -644px -112px no-repeat;} /* contact */ #main-navigation li.cont_s a:link, #main-navigation li.cont_s a:visited, #main-navigation li.cont_s a:hover, #main-navigation li.cont_s a:active {display: block; width: 185px; height: 50px; text-indent: -9000px;background:transparent url(../images/interface/sprite-header.gif) -463px -65px no-repeat;} #main-navigation li.cont a:link, #main-navigation li.cont a:visited {display: block; width: 185px; height: 50px; text-indent: -9000px; background:transparent url(../images/interface/sprite-header.gif) -463px -112px no-repeat;} #main-navigation li.cont a:hover, #main-navigation li.cont:hover a {display: block; width: 185px; height: 50px; text-indent: -9000px; background:transparent url(../images/interface/sprite-header.gif) -463px -65px no-repeat;} #main-navigation li.cont a.h, #main-navigation li.cont a:active {display: block; width: 185px; height: 50px; text-indent: -9000px; background:transparent url(../images/interface/sprite-header.gif) -463px -112px no-repeat;} /* positions the sub-menus below the main menus */ #main-navigation li ul { display: none; position: absolute; top: 50px; height: 143px; padding-top:10px; } #main-navigation li.wat ul li a:link, #main-navigation li.wat ul li a:visited, #main-navigation li.wat ul li a:active, #main-navigation li.wat_s ul li a:link, #main-navigation li.wat_s ul li a:visited, #main-navigation li.wat_s ul li a:active,#main-navigation li.hoe ul li a:link, #main-navigation li.hoe ul li a:visited, #main-navigation li.hoe ul li a:active,#main-navigation li.hoe_s ul li a:link, #main-navigation li.hoe_s ul li a:visited, #main-navigation li.hoe_s ul li a:active,#main-navigation li.cont ul li a:link, #main-navigation li.cont ul li a:visited, #main-navigation li.cont ul li a:active,#main-navigation li.cont_s ul li a:link, #main-navigation li.cont_s ul li a:visited, #main-navigation li.cont_s ul li a:active { float: left; height: auto; height:30px; padding:0 10px 0 0; text-decoration: none; background:none; color:#be1e2d; text-indent:0; font-weight:bold; font-style:italic; font-size:16px; width:auto;} #main-navigation li.wat ul li a:hover, #main-navigation li.wat_s ul li a:hover, #main-navigation li.hoe ul li a:hover, #main-navigation li.hoe_s ul li a:hover, #main-navigation li.cont ul li a:hover, #main-navigation li.cont_s ul li a:hover { float: left; padding:0 10px 0 0; height: 30px; background:none; text-decoration: none; color: #fff;} #main-navigation li:hover ul { /* the actual sub menu that drops down */ display: block; z-index: 6000;} #wat-menu {margin-left: -210px; width: 1000px; padding: 0 0 0 100px;} #hoe-menu {margin-left: -110px; width: 600px; padding: 0 0 0 100px;} #cont-menu {margin-left: -200px; width: 420px; padding: 0 0 0 100px;} /* trein */ #trein-wrapper{ width:432px; float:left;} #trein-top{ background:transparent url(../images/interface/sprite-cont.png) 0px -85px no-repeat; height:7px; } #trein {background:transparent url(../images/interface/bg-intro.png) 0px 0px repeat;} #trein-bot{ background:transparent url(../images/interface/sprite-cont.png) 0px -96px no-repeat; height:11px; } #trein h2{ height:58px; width:345px; text-indent:-9999px; background:url(../images/interface/sprite-txt.png) 0px 0 no-repeat; margin-left:10px;} #trein h2.over{ height:30px; width:170px; text-indent:-9999px; background:url(../images/interface/sprite-txt.png) 0px -320px no-repeat;} #trein p{ line-height:1.5em;} /* info */ #info-wrapper{ width:600px; float:left; margin-bottom:20px;} #info-top{ background:transparent url(../images/interface/sprite-cont.png) 0px -134px no-repeat; height:7px; } #info {background:transparent url(../images/interface/bg-intro.png) 0px 0px repeat;} #info-bot{ background:transparent url(../images/interface/sprite-cont.png) 0px -145px no-repeat; height:11px; } #info-wrapper h2 { font-size: 2em;} #info p{ line-height:1.5em; } /* featured */ .featured { background: url(../images/interface/sprite-feature.png) 0 0 no-repeat; float: right; } #home_featured { height: 249px; margin: -16px 0 0 -19px; width: 458px; } #home_featured h2 { background:transparent url(../images/interface/sprite-feature.png) no-repeat 0 -531px; float: right; height: 39px; margin: -11px 8px 0 0; position: relative; text-indent: -10000px; width: 300px; } #home_featured .featured_inner { background: #d5cbc2 url(../images/interface/loader.gif) no-repeat center center; height: 218px; margin: 19px 0 0 19px; width: 406px; } #home_featured .featured_inner a { display: block; height: 218px; width: 406px; } .featured .featured_inner span.rd { background: url(../images/interface/sprite-feature.png) no-repeat -23px -303px; display: block; height: 218px; margin-bottom: -218px; position: relative; } .featured .featured_inner span.img { background-position: center center; background-repeat: no-repeat; display: block; height: 218px;} #home_featured .featured_inner span.img { width: 406px; } #home_featured .featured_inner cite { background-color: #fff; color: #3a2c2d; display: block; font-size: 12px; line-height: 32px; position: relative; text-indent: 10px; z-index: 1; } #home_featured .featured_inner cite i { color: #1f4550; float: right; font-weight: bold; margin-right: 10px; padding: 0px 15px; } #home_featured .featured_bottom { background: url(../images/interface/sprite-feature.png) no-repeat 0 -237px; height: 32px; position: relative; z-index: 2; } /* tweets */ #tweet-wrapper{font-family: Georgia, "Times New Roman", serif; width:285px; float:left; margin:0 40px 20px 0px;} #tweet-top{ background:transparent url(../images/interface/sprite-cont.png) 0px -112px no-repeat; height:5px; } #tweet {background-color:#fff;} #tweet-bot{ background:transparent url(../images/interface/sprite-cont.png) 0px -120px no-repeat; height:8px; } #tweet h2{ height:27px; width:72px; text-indent:-9999px; background:url(../images/interface/sprite-txt.png) 0px -63px no-repeat; margin-left:10px;} #tweet cite{ background:url(../images/interface/arrow.png) left center no-repeat; padding-left:20px; margin-left:10px; color:#be1e2d;} #tweet cite a{ color:#1f4550;} #tweet cite a:hover{ color:#be1e2d; text-decoration:none;} #tweet p{font-family: Georgia, "Times New Roman", serif; font-size:1em; padding-bottom:5px;} #tweet p a{color:#1f4550; } #tweet p a:hover{color:#be1e2d; text-decoration:none;} #tweet p span { color:#8F886F;} /* hello */ #hello-wrapper{ width:285px; float:left;} #hello-wrapper h2{ height:25px; width:155px; text-indent:-9999px; background:url(../images/interface/sprite-txt.png) 0px -127px no-repeat; margin-left:10px;} #hello-wrapper h2.foot{ background:url(../images/interface/sprite-txt.png) 0px -156px no-repeat;} #hello-wrapper cite{ background:url(../images/interface/sprite-txt.png) 0 -181px no-repeat; width:235px; display:block; height:21px; padding-left:20px; margin:0 0 5px 10px; color:#be1e2d;} #sendEmail span, #commentform span { display: block; margin-bottom: 9px; } #sendEmail span .rd, #commentform span .rd { background: url(../images/interface/sprite-txt.png) no-repeat; margin-bottom: 0; height: 27px; width: 5px; } #sendEmail span .rd-e, #commentform span .rd-e { background-position: -1px -214px; float: left; margin-left: 5px; } #sendEmail span .rd-d, #commentform span .rd-d { background-position: -8px -214px; } #sendEmail span .rd-d { margin: -27px 0 0 222px; } #sendEmail span.ctMsg .rd { height: 78px; } #sendEmail span.ctMsg .rd-e { background-position: -22px -214px; margin-top:1px;} #sendEmail span.ctMsg .rd-d { background-position: -30px -214px; margin-top: -81px; } #sendEmail span label, #commentform span label { background: #fff; color: #ababab; float: left; font-size: 12px; height: 27px;line-height: 27px; padding-left: 6px;text-transform: lowercase; width: 36px; font-family:Arial, Helvetica, sans-serif;} #commentform span label { width: 43px; } #commentform span.ctEmail label { width: 161px; } #sendEmail span .italic, #sendEmail span.ctButtons input, #commentform span .italic, #commentform span.ctButtons input { color: #ababab; font-family: 12px Georgia, "Times New Roman", serif; font-style: italic !important; } #commentform span .red { color: #fa5158; } #sendEmail span input, #sendEmail span textarea,#commentform span input, #commentform span textarea { background: #fff; border: 0; color: #8F886F; font-family: 11px Arial, Verdana, sans-serif; font-style: normal; height: 17px; padding: 5px; width: 160px;} #sendEmail span textarea,#commentform span textarea { height: 65px; padding: 6px; width: 200px; } #sendEmail span.ctMsg, #commentform span.ctMsg { margin-bottom: 9px; } #sendEmail span.ctMsg label, #commentform span.ctMsg label { display: none; } #sendEmail span.ctButtons { height: 18px; text-align: right; width: 74px; margin-top:5px; } #sendEmail span.ctButtons input{ line-height:normal; background:none; padding-top:0; padding:3px 0 0 0; color:#FFF; width:76px; height:17px;} #sendEmail span.ctButtons , #commentform span.ctButtons { background: url(../images/interface/sprite-txt.png) no-repeat -74px -263px;color: #fff;float: right; height:26px;padding: 0px 0 0px 0px; width: 74px; margin-right:55px; } #sendEmail span.ctButtons:hover, #commentform span.ctButtons:hover { background-position: -74px -231px; cursor: pointer; text-decoration:none; } #commentform .comments_user { font-size: 12px; } .LV_validation_message{font-weight:bold; margin:-22px 0 0 210px; text-indent:-99999px; position:absolute; width:26px; height:27px;} #sendEmail .LV_valid { color:#3C0; background:url(../images/interface/sprite-txt.png) -159px -244px no-repeat;} #sendEmail .LV_invalid { color:#be1e2d; background:url(../images/interface/sprite-txt.png) -159px -214px no-repeat;} /*krabbels*/ #krabbel-wrapper{ width:285px; float:left; font-family: 12px Georgia, "Times New Roman", serif;} #krabbel-wrapper h2{ height:25px; width:100px; text-indent:-9999px; background:url(../images/interface/sprite-txt.png) -117px -66px no-repeat; margin-left:10px;} #krabbel-wrapper cite{ background:url(../images/interface/sprite-txt.png) 0 -181px no-repeat; width:235px; display:block; height:21px; padding-left:20px; margin:0 0 5px 10px; color:#be1e2d; font-family: 12px Georgia, "Times New Roman", serif;} #krabbel-wrapper ul { color: #8F886F; font-size: 12px; letter-spacing: -0.01em; list-style-type:none; margin-left:10px;} #krabbel-wrapper ul li { margin-bottom: 7px; } #krabbel-wrapper ul li a{ color:#1f4550; } #krabbel-wrapper ul li a:hover{ color:#be1e2d; text-decoration:none; } /*Wat-menu-wrapper*/ #wat-menu-wrapper{ width:285px; float:left;} #wat-menu-wrapper h3{ height:25px; width:150px; text-indent:-9999px; background:url(../images/interface/sprite-txt.png) -185px -124px no-repeat; margin-left:10px;} #wat-menu-wrapper cite{ background:url(../images/interface/sprite-txt.png) 0 -181px no-repeat; width:235px; display:block; height:21px; padding-left:20px; margin:0 0 5px 10px; color:#be1e2d;} #wat-menu-wrapper ul { font-size: 1.3em; font-style:italic; font-weight:bold; list-style-type:none; margin-left:10px;} #wat-menu-wrapper ul li { margin-bottom: 0px; } #wat-menu-wrapper ul li a{ color:#1f4550; } #wat-menu-wrapper ul li a:hover{ color:#be1e2d; text-decoration:none; } /*Cat-menu-wrapper*/ #cat-menu-wrapper{ width:285px; float:left; margin-bottom:10px;} #cat-menu-wrapper h3{ height:25px; width:150px; color:#be1e2d; margin-left:10px; font-size:1.7em; background:url(../images/interface/sprite-txt.png) 0 -176px no-repeat; width:235px; display:block;} #cat-menu-wrapper cite{ background:url(../images/interface/sprite-txt.png) 0 -181px no-repeat; width:235px; display:block; height:21px; padding-left:20px; margin:0 0 5px 10px; color:#be1e2d;} #cat-menu-wrapper ul { font-size: 1em; font-style:italic; font-weight:bold; list-style-type:none; margin-left:10px;} #cat-menu-wrapper ul li { margin-bottom: 0px; float:left; display:block; width:130px; font-size:1.3em; } #cat-menu-wrapper ul li a{ color:#1f4550; } #cat-menu-wrapper ul li a:hover{ color:#be1e2d; text-decoration:none; } #featured-wat{width:600px; margin:0 0 30px 10px; } /*portfolio*/ #portfolio{ width:850px;} #portfolio .port-titel{font-size: 2em; letter-spacing: -0.03em;} #portfolio p{ color:#1F4550; font-size:1em;} #portfolio .ondertitel p{background: url(../images/interface/sprite-cont.png) no-repeat 0 -163px; color: #1f4550; display:block; font-style:italic; font-size: 12px; font-weight: bold; margin: 4px 0 0px; padding-bottom:2px; } #portfolio .ondertitel p span{color:#8F886F;} #portfolio .ondertitel p span.visit{ float:right; padding-right:25px;} /*blog*/ .blog-wrapper .date{color:#8F886F; font:10px Arial,Verdana,sans-serif; margin:5px 0 20px 0; text-transform:uppercase;} .blog-txt p{ line-height:18px; margin:20px 0 20px 0; text-align:justify; padding-right:10px; font-family: Georgia, "Times New Roman", serif; font-style:italic;} .blog-txt a{ font-weight:bold; font-style:italic;} .share{color:#8F886F; background:transparent url(../images/interface/sprite-cont.png) no-repeat 0 -175px; display:block; height:20px; padding-top:7px; margin-bottom:10px; } .twb{ margin:-18px 0 0 50px; background:transparent;} /* Page navigation list */ .lister { padding:10px;} .lister ul { padding:0; margin:0; list-style:none; float:left;} .lister ul li { margin:5px; float:left;} .lister ul li span { background:#be1e2d; display:block; padding:5px 11px ; color:#FFF; border:1px solid #b1b1b1;} .lister ul li a { background:#8F886F; display:block; padding:6px 10px; color:#363636; border:1px solid #b1b1b1;} /* flickr */ #flickr-wrapper{ width:285px; float:left; margin-bottom:30px;} #flickr-wrapper h2{ height:23px; width:155px; text-indent:-9999px; background:url(../images/interface/sprite-txt.png) 0px -298px no-repeat; margin-left:10px;} #flickr-wrapper cite{ background:url(../images/interface/sprite-txt.png) 0 -181px no-repeat; width:235px; display:block; height:21px; padding-left:20px; margin:0 0 5px 10px; color:#be1e2d;} #flickr-wrapper ul.flickr{ text-decoration:none;} #flickr-wrapper ul.flickr li{ float:left; display:block; padding-left:5px;} /*testimonial*/ #testi-wrapper{ width:305px; float:left;} #testi-wrapper h2{ height:25px; width:126px; text-indent:-9999px; background:url(../images/interface/sprite-txt.png) -232px -96px no-repeat; margin-left:10px;} #testi-wrapper cite{ background:url(../images/interface/sprite-txt.png) 0 -181px no-repeat; width:235px; display:block; height:21px; padding-left:20px; margin:0 0 5px 10px; color:#be1e2d;} #testi-wrapper p{ color:#8F886F; line-height:normal;} /*adress*/ .adr-wrapper{ margin-left:5px; width:285px; float:left;} .adr-wrapper h2{ height:25px; width:135px; text-indent:-9999px; background:url(../images/interface/sprite-txt.png) -190px -294px no-repeat; margin-left:10px;} .adr-wrapper cite{ background:url(../images/interface/sprite-txt.png) 0 -181px no-repeat; width:235px; display:block; height:21px; padding-left:20px; margin:0 0 5px 10px; color:#be1e2d;} .adr-wrapper p{ color:#8F886F; line-height:normal;} .adr-wrapper p a{ color:#8F886F;} .adr-wrapper p a:hover{ color:#be1e2d;} /* Footer */ .footer { margin-top:15px; border-top:4px solid #d1d1d1; background:#1c1c1c;} #copy{ text-align:center; background-color:#be1e2D; font-size:9px; } #copy p{ color:#CCC;}