/* (c)ss 2010 Coding by Marcin Szafert - marcin at szafert dot pl */ * { margin: 0; padding: 0; } body { font: normal 14px "trebuchet ms", verdana, helvetica, sans-serif; background-color: #969590; } img { border: none; } br.clrl { clear: left; } .uLine { text-decoration: underline; } span.underline { text-decoration: underline; } /* headers */ h2.contact { width: 93px; height: 27px; text-indent: -9999px; background: url(../images/contact.png) no-repeat; } /* page Layout */ #topWrapper { background: url(../images/page_top_wrapper_bg.jpg) center top repeat-x; } #pageTop { width: 960px; height: 175px; margin: 0 auto; background: url(../images/top_content_bg.jpg) no-repeat; } #pageContentWrapper { background: url(../images/page_content_wrapper_bg.jpg) center 125px; } #contentWrapper { background: url(../images/page_content_bg.jpg) top center repeat-x; } #topSwitch { width: 960px; margin: auto; } #startWrapper { background: url(../images/content_start_bg.jpg) top center no-repeat; } #pageHeader { width: 960px; height: 170px; margin: 0 auto; } #pageContent { clear: both; width: 960px; margin: 0 auto; } #mainColumn { float: left; width: 680px; } #rightColumn { float: left; width: 180px; margin-top: 70px; } #pageFooterWrapper { padding-top: 49px; background: url(../images/page_footer_wrapper_bg.png) repeat-x ; } #footerWrapper { padding-top: 15px; background: url(../images/footer_wrapper_bg.jpg) top center repeat-x; } #pageFooter { width: 960px; height: 162px; margin: 0 auto; background: url(../images/page_footer_bg.jpg) no-repeat; } /* elements of page top */ div.projects { position: relative; float: left; width: 642px; height: 122px; margin-top: 25px; margin-left: 258px; overflow: hidden; } div.items { position: absolute; margin: 0; } div.items div { height: 61px; } div.items a { display: block; float: left; width: 97px; height: 51px; margin: 5px; background: url(../images/plate_bg.png) no-repeat; } div.items a:hover, div.items a#current { background-position: 0 -51px; } div#actions { position: relative; float: left; width: 42px; margin-top: 15px; } div#actions a { position: absolute; display: block; width: 35px; height: 35px; text-indent: -9999px; cursor: pointer; background: url(../images/arrow.png) no-repeat; } div#actions a.prevPage { top: 0; background-position: 0 0; } div#actions a.prevPage:hover { background-position: -35px 0; } div#actions a.nextPage { top: 105px; background-position: 0 -35px; } div#actions a.nextPage:hover { top: 105px; background-position: -35px -35px; } div#actions .disabled { visibility: hidden; } /* elements of page header */ div#topSwitch a { display: block; width: 116px; height: 38px; margin-left: 65px; text-decoration: none; text-indent: -9999px; overflow: hidden; background: url(../images/switch_bg.png) no-repeat; } div#topSwitch a#swOpen { background-position: 0 0; } div#topSwitch a#swOpen:hover { background-position: 0 -38px; } div#topSwitch a#swClose { background-position: -116px 0; } div#topSwitch a#swClose:hover { background-position: -116px -38px; } h1#home { float: left; margin-top: 38px; padding-left: 83px; } h1#home a { display: block; width: 361px; height: 52px; text-indent: -9999px; overflow: hidden; text-decoration: none; background: url(../images/logo_home.png) no-repeat; } h1#home a:hover { background-position: 0 -52px; } ul#topMenu { float: right; width: 222px; margin-top: 61px; background: url(../images/top_menu_bg.png) no-repeat; } ul#topMenu li { float: left; list-style: none; } ul#topMenu li a { display: block; float: left; height: 18px; text-decoration: none; text-indent: -9999px; overflow: hidden; background: url(../images/top_menu.png) no-repeat; } ul#topMenu li a#tm1 { width: 40px; background-position: 0 0; } ul#topMenu li a#tm1:hover { background-position: 0 -18px; } ul#topMenu li a#tm2 { width: 56px; background-position: -40px 0; } ul#topMenu li a#tm2:hover { background-position: -40px -18px; } ul#topMenu li a#tm3 { width: 68px; background-position: -96px 0; } ul#topMenu li a#tm3:hover { background-position: -96px -18px; } ul#topMenu li a#tm4 { width: 58px; background-position: -164px 0; } ul#topMenu li a#tm4:hover { background-position: -164px -18px; } /* elements of page right column */ ul#contentMenu { margin-left: 30px; list-style: none; } ul#contentMenu li { margin: 5px 0; } ul#contentMenu li a { display: block; text-indent: -9999px; overflow: hidden; background: url(../images/content_menu_bg.png) no-repeat;} ul#contentMenu li a#cm1 { width: 224px; height: 41px; background-position: 0 0; } ul#contentMenu li a#cm1:hover { background-position: 0 -213px; } ul#contentMenu li a#cm2 { width: 79px; height: 33px; background-position: 0 -50px; } ul#contentMenu li a#cm2:hover { background-position: 0 -263px; } ul#contentMenu li a#cm3 { width: 162px; height: 34px; background-position: 0 -93px; } ul#contentMenu li a#cm3:hover { background-position: 0 -306px; } ul#contentMenu li a#cm4 { width: 106px; height: 32px; background-position: 0 -138px; } ul#contentMenu li a#cm4:hover { background-position: 0 -351px; } ul#contentMenu li a#cm5 { width: 103px; height: 33px; background-position: 0 -180px; } ul#contentMenu li a#cm5:hover { background-position: 0 -393px; } div#facebookLink { margin: 20px 0 0 30px; } div#facebookLink a { display: block; width: 163px; height: 32px; text-indent: -9999px; overflow: hidden; background: url(../images/facebook_link_bg.gif) no-repeat; } div#facebookLink a:hover { background-position: 0 -32px; } /* elements of page main column */ div#mainContentHeader { width: 626px; margin: 0 auto; padding: 30px 0 28px 0; background: url(../images/content_header_bg.jpg) no-repeat; } div#mainContentHeader h1 { margin: 0 46px; } div#mainContentHeader h1 span { display: block; height: 52px; text-indent: -9999px; overflow: hidden; } span#ts01 { background: url(../images/ts01.png) no-repeat; } /* co nowego/home */ span#ts02 { background: url(../images/ts02.png) no-repeat; } /* o nas/jakoobcycles */ span#ts03 { background: url(../images/ts03.png) no-repeat; } /* kontakt */ span#ts04 { background: url(../images/ts04.png) no-repeat; } /* renowacja rowerów */ span#ts05 { background: url(../images/ts05.png) no-repeat; } /* serwis */ span#ts06 { background: url(../images/ts06.png) no-repeat; } /* bling my bike */ span#ts07 { background: url(../images/ts07.png) no-repeat; } /* choppery */ span#ts08 { background: url(../images/ts08.png) no-repeat; } /* cruizery */ span#ts09 { background: url(../images/ts09.png) no-repeat; } /* pawełek */ span#pr01 { background: url(../images/pr01.png) no-repeat; } /* projekt jay-z */ span#pr02 { background: url(../images/pr02.png) no-repeat; } /* projekt philips diplomat */ span#pr03 { background: url(../images/pr03.png) no-repeat; } /* projekt barbie bmx bike */ span#pr04 { background: url(../images/pr04.png) no-repeat; } /* projekt mifa m */ span#pr05 { background: url(../images/pr05.png) no-repeat; } /* old mifa */ span#pr06 { background: url(../images/pr06.png) no-repeat; } /* race bike 70's */ span#pr07 { background: url(../images/pr07.png) no-repeat; } /* pini bike */ span#pr08 { background: url(../images/pr08.png) no-repeat; } /* rower pawelka */ span#pr09 { background: url(../images/pr09.png) no-repeat; } /* mifa'58f */ span#pr10 { background: url(../images/pr10.png) no-repeat; } /* taxi */ span#pr12 { background: url(../images/pr12.png) no-repeat; } /* składak */ span#pr13 { background: url(../images/pr13.png) no-repeat; } /* jaguar */ span#pr14 { background: url(../images/pr14.png) no-repeat; } /* panther */ span#pr15 { background: url(../images/pr15.png) no-repeat; } /* stevens */ span#pr16 { background: url(../images/pr16.png) no-repeat; } /* opel */ span#pr17 { background: url(../images/pr17.png) no-repeat; } /* pashley */ span#pr18 { background: url(../images/pr18.png) no-repeat; } /* trike bike */ span#pr19 { background: url(../images/pr19.png) no-repeat; } /* liquid */ span#pr20 { background: url(../images/pr20.png) no-repeat; } /* discovery */ span#pr21 { background: url(../images/pr21.png) no-repeat; } /* 8ball */ span#pr22 { background: url(../images/pr22.png) no-repeat; } /* black widow */ span#pr23 { background: url(../images/pr23.png) no-repeat; } /* chrome */ span#pr24 { background: url(../images/pr24.png) no-repeat; } /* hd bike replika */ span#pr25 { background: url(../images/pr25.png) no-repeat; } /* army bike */ span#pr26 { background: url(../images/pr26.png) no-repeat; } /* motylek */ span#pr27 { background: url(../images/pr27.png) no-repeat; } /* miau */ span#pr28 { background: url(../images/pr28.png) no-repeat; } /* zebra */ span#pr29 { background: url(../images/pr29.png) no-repeat; } /* ancient greece project */ span#pr30 { background: url(../images/pr30.png) no-repeat; } /* aghashy bike */ span#pr31 { background: url(../images/pr31.png) no-repeat; } /* look */ div#mainContentWrapper { width: 626px; margin: 0 auto; background: url(../images/main_content_wrapper_bg.png) repeat-y; } div#mainContentWrapper div.content { width: 584px; margin: 0 auto; background: url(../images/main_content_bg.jpg) top; } div#mainContentWrapper div.content p { margin: 0 20px; padding: 3px 0; color: #666; } div#mainContentWrapper div.content p a.sLink1 { text-decoration: none; color: #000; border-bottom: 1px solid #900; } div#mainContentWrapper div.content p a.sLink1:hover { border-bottom-style: dashed; } div#mainContentWrapper div.content p.left { text-align: left; } div#mainContentWrapper div.content p.right { text-align: right; } div#mainContentWrapper div.content p.spacer { margin-top: 5px; text-align: center; font: 18px 'times new roman', serif; color: #999; } div#mainContentWrapper div.content p.artDate { padding-left: 10px; font-size: 12px; color: #000; } div#mainContentWrapper div.content p.artSignature { margin-bottom: 0; text-align: right; font-size: 12px; color: #000; } div#mainContentWrapper div.content p.gallery { margin: 0 10px; padding: 20px 0; } div#mainContentFooter { width: 626px; height: 248px; margin: 0 auto; background: url(../images/content_footer_bg.jpg) no-repeat; } #accordion h2 { margin: 0 20px; padding: 10px 0; } #accordion h2 a { display: block; height: 35px; text-indent: -9999px; overflow: hidden; text-decoration: none; } /* renowacja rowerów */ a#sts17 { width: 109px; background: url(../images/sts17.png) no-repeat; } a#sts17:hover { background-position: 0 -35px; } /* pashley */ a#sts02 { width: 225px; background: url(../images/sts02.png) no-repeat; } a#sts02:hover { background-position: 0 -35px; } /* philips diplomat */ a#sts04 { width: 98px; background: url(../images/sts04.png) no-repeat; } a#sts04:hover { background-position: 0 -35px; } /* mifa m */ a#sts05 { width: 128px; background: url(../images/sts05.png) no-repeat; } a#sts05:hover { background-position: 0 -35px; } /* old mifa */ a#sts09 { width: 120px; background: url(../images/sts09.png) no-repeat; } a#sts09:hover { background-position: 0 -35px; } /* mifa'58f */ a#sts12 { width: 113px; background: url(../images/sts12.png) no-repeat; } a#sts12:hover { background-position: 0 -35px; } /* składak */ a#sts13 { width: 97px; background: url(../images/sts13.png) no-repeat; } a#sts13:hover { background-position: 0 -35px; } /* jaguar */ a#sts14 { width: 113px; background: url(../images/sts14.png) no-repeat; } a#sts14:hover { background-position: 0 -35px; } /* panther */ a#sts16 { width: 73px; background: url(../images/sts16.png) no-repeat; } a#sts16:hover { background-position: 0 -35px; } /* opel */ /* bling my bike */ a#sts01 { width: 74px; background: url(../images/sts01.png) no-repeat; } a#sts01:hover { background-position: 0 -35px; } /* jay-z bike */ a#sts03 { width: 157px; background: url(../images/sts03.png) no-repeat; } a#sts03:hover { background-position: 0 -35px; } /* barbie bmx */ a#sts06 { width: 194px; background: url(../images/sts06.png) no-repeat; } a#sts06:hover { background-position: 0 -35px; } /* race bike 70's */ a#sts07 { width: 129px; background: url(../images/sts07.png) no-repeat; } a#sts07:hover { background-position: 0 -35px; } /* pini bike */ a#sts10 { width: 67px; background: url(../images/sts10.png) no-repeat; } a#sts10:hover { background-position: 0 -35px; } /* taxi */ a#sts08 { width: 197px; background: url(../images/sts08.png) no-repeat; } a#sts08:hover { background-position: 0 -35px; } /* rower pawelka */ a#sts18 { width: 145px; background: url(../images/sts18.png) no-repeat; } a#sts18:hover { background-position: 0 -35px; } /* trike bike */ a#sts28 { width: 198px; background: url(../images/sts28.png) no-repeat; } a#sts28:hover { background-position: 0 -35px; } /* zebra */ a#sts29 { width: 320px; background: url(../images/sts29.png) no-repeat; } a#sts29:hover { background-position: 0 -35px; } /* ancient greece project */ a#sts30 { width: 177px; background: url(../images/sts30.png) no-repeat; } a#sts30:hover { background-position: 0 -35px; } /* aghashy bike */ a#sts31 { width: 77px; background: url(../images/sts31.png) no-repeat; } a#sts31:hover { background-position: 0 -35px; } /* look */ /* choppers */ a#sts19 { width: 93px; background: url(../images/sts19.png) no-repeat; } a#sts19:hover { background-position: 0 -35px; } /* liquid */ a#sts20 { width: 136px; background: url(../images/sts20.png) no-repeat; } a#sts20:hover { background-position: 0 -35px; } /* 8ball */ a#sts21 { width: 83px; background: url(../images/sts21.png) no-repeat; } a#sts21:hover { background-position: 0 -35px; } /* black widow */ a#sts22 { width: 167px; background: url(../images/sts22.png) no-repeat; } a#sts22:hover { background-position: 0 -35px; } /* liquid */ a#sts23 { width: 105px; background: url(../images/sts23.png) no-repeat; } a#sts23:hover { background-position: 0 -35px; } /* chrome */ /* cruizers */ a#sts24 { width: 215px; background: url(../images/sts24.png) no-repeat; } a#sts24:hover { background-position: 0 -35px; } /* hd bike replika */ a#sts25 { width: 135px; background: url(../images/sts25.png) no-repeat; } a#sts25:hover { background-position: 0 -35px; } /* army bike */ a#sts26 { width: 115px; background: url(../images/sts26.png) no-repeat; } a#sts26:hover { background-position: 0 -35px; } /* motylek */ a#sts27 { width: 70px; background: url(../images/sts27.png) no-repeat; } a#sts27:hover { background-position: 0 -35px; } /* miau */ #accordion div.projectInfo { width: 536px; margin: 0 auto; padding-top: 70px; background: url(../images/project_info_bg.jpg) no-repeat; } #accordion div.infoContent { padding: 0 35px 42px 35px; background: url(../images/project_info_footer_bg.jpg) bottom no-repeat; } #accordion div.pane { display: none; } div#mainContentWrapper div.content #accordion div.projectInfo p { margin: 0; padding: 3px 0; line-height: 1.2em; font-size: 13px; color: #630; } a.tmb1 { display: block; float: left; width: 181px; height: 148px; background: url(../images/photo_tmb_01_bg.gif) no-repeat; } a.tmb1:hover { background-position: 0 -148px; } a.tmb1 img { margin-top: 19px; margin-left: 34px; } /* elements of page footer */ #pageFooter div.content { float: right; width: 300px; margin-top: 15px; padding-left: 50px; background: url(../images/footer_content_bg.gif) no-repeat; } #pageFooter div.content ul { list-style: none; } #pageFooter div.content ul a { text-decoration: none; color: #063; border-bottom: 1px solid #666; } #pageFooter div.content ul a:hover { border-bottom-style: dashed; }