/***************************************************** * Master CSS file for http://web.burza.hr/ * * Copyright (c) Burza d.o.o. http://web.burza.hr/ * *****************************************************/ * { margin: 0; padding: 0; list-style: none; } body { font: 62.5% "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif; color: #fff; background: #517C9E url(cssimg/general/ferlauf.gif) repeat-x 0 0; text-align: center; } a { color: #fff; } a:hover { text-decoration: none; outline: none; } a img { border: 0; } h3 { font-size: 1.2em; } #sizer { position: relative; width: 858px; margin: 0 auto; text-align: left; } #header { position: relative; height: 180px; width: 858px; } /* HEADER NOSCRIPT LINKS */ #noscriptHeader { width: 858px; height: 180px; background: url(cssimg/flash_replacements/roboheader_en.jpg) no-repeat 0 0; } #noscriptHeader p { position: absolute; top: 0; left: 0; height: 0; width: 0; text-indent: -9999px; overflow: hidden; } #get_flash_player { position: absolute; left: 175px; bottom: 3px; display: block; width: 510px; height: 55px; text-indent: -9999px; overflow: hidden; outline: none; } #header a { position: absolute; display: block; text-decoration: none; } #homeLink { left: 0; bottom: 10px; width: 170px; height: 45px; text-indent: -9999px; overflow: hidden; font-size: 0; } #langSwitch { right: 0; bottom: 14px; width: 170px; color: #FF1A00; text-align: center; } #langSwitch span { color: #fff; } #langSwitch:hover span { color: #FF1A00; } #content { position: relative; float: left; width: 858px; overflow: hidden; } /* MAIN NAV */ #mainNav { float: left; height: 169px; width: 858px; overflow: hidden; } /* FLASH HOLDERS */ #nav_01_02 { position: absolute; top: 0; left: 0; width: 858px; height: 236px; z-index: 1000; } #nav_04_05 { position: absolute; top: 0; left: 344px; width: 514px; height: 169px; z-index: 1000; } /* NOSCRIPT */ #mainNav ol { position: absolute; top: 0; left: 0; height: 256px; width: 858px; background: url(cssimg/flash_replacements/01_02_en.gif) no-repeat 0 0; z-index: 1000; } #mainNav ol li { position: absolute; top: 0; display: block; height: 169px; width: 172px; z-index: 2000; } #mainNav ol #portfolioLink { width: 0; } #mainNav ol #goodiesLink { width: 170px; } #mainNav ol li a { display: block; width: 170px; height: 169px; text-indent: -9999px; overflow: hidden; text-decoration: none; cursor: pointer; } #coreLink, #contactLink, #goodiesLink { background-image: url(cssimg/flash_replacements/04_05_06_en.gif); } #coreLink { background-position: 0 0; } #contactLink { background-position: -172px 0; } #goodiesLink { background-position: -344px 0; } #whoLink { left: 0; } #whatLink { left: 172px; } #portfolioLink { top: 85px !important; left: 85px; z-index: 1000; background: url(cssimg/flash_replacements/01_02_en.gif) no-repeat -86px -85px; } #coreLink { left: 344px; } #contactLink { left: 516px; } #goodiesLink { left: 688px; } /* MAIN CONTENT COMMON PROPERTIES */ #mainContent { float: left; width: 858px; } /* PAGE TITLE COMMON PROPERTIES */ #theTitle { position: relative; float: left; width: 858px; height: 143px; background-repeat: no-repeat; background-position: 0 100%; } #theTitle h1 { position: absolute; right: 0; top: 0; text-indent: -9999px; overflow: hidden; font-size: 0; height: 143px; width: 403px; background-repeat: no-repeat; } #newsBody #theTitle { height: auto !important; height: 143px; min-height: 143px; } #newsBody #theTitle h1 { display: none; } /* PAGE TITLE INDIVIDUAL */ #newsBody #theTitle, #archivenewsBody #theTitle, #viewnewsBody #theTitle { background-image: url(cssimg/section_titles/newsBodyTheTitle_en.gif); } #whoBody #theTitle { background-image: url(cssimg/section_titles/whoBodyTheTitle_en.gif); } #corewebBody #theTitle { background-image: url(cssimg/section_titles/corewebBodyTheTitle_en.gif); } #whatBody #theTitle { background-image: url(cssimg/section_titles/whatBodyTheTitle_en.gif); } #portfolioBody #theTitle { background-image: url(cssimg/section_titles/portfolioBodyTheTitle_en.gif); } #contactBody #theTitle { background-image: url(cssimg/section_titles/contactBodyTheTitle_en.gif); } #goodiesBody #theTitle { background-image: url(cssimg/section_titles/goodiesBodyTheTitle_en.gif); } #errorBody #theTitle { background-image: url(cssimg/section_titles/errorBodyTheTitle_en.gif); } #whoBody #theTitle h1 { background: url(cssimg/section_titles/whoBodyH1_en.gif); } #corewebBody #theTitle h1 { background: url(cssimg/section_titles/corewebBodyH1_en.gif); } #whatBody #theTitle h1 { background: url(cssimg/section_titles/whatBodyH1_en.gif); } #portfolioBody #theTitle h1 { background: url(cssimg/section_titles/portfolioBodyH1_en.gif); } #contactBody #theTitle h1 { background: url(cssimg/section_titles/contactBodyH1_en.gif); } #viewnewsBody #theTitle h1, #archivenewsBody #theTitle h1 { width: 514px; background: url(cssimg/section_titles/archiveBodyH1_en.gif); } #goodiesBody #theTitle h1 { background: url(cssimg/section_titles/goodiesBodyH1_en.gif); } #errorBody #theTitle h1 { width: 514px; background: url(cssimg/section_titles/errorBodyH1_en.gif); } /* THE CONTENT COMMON PROPERTIES */ #theContent { float: left; width: 858px; overflow: auto; } #errorBody #theContent { background: url(cssimg/error/404.jpg) no-repeat 100% 0; } #leftCol, #middleCol, #rightCol { float: left; } * html #leftCol, * html #middleCol, * html #rightCol { display: inline; overflow-x: hidden; } /* BOTTOM YELLOW */ #whoBody #leftCol, #contactBody #leftCol { width: 344px; padding-bottom: 154px; background: url(cssimg/general/yellowBox/bottomSF.gif) no-repeat 0 100%; } #portfolioBody #leftCol { width: 344px; margin-bottom: 54px !important; } #corewebBody #middleCol { width: 514px; padding-bottom: 10px; background: url(cssimg/general/yellowBox/bottomM.gif) no-repeat 0 100%; } #corewebBody #theContent { padding-bottom: 144px; } #newsBody #leftCol, #whatBody #leftCol, #errorBody #leftCol { width: 514px; padding-bottom: 154px; background: url(cssimg/general/yellowBox/bottomMF.gif) no-repeat 0 100%; } #archivenewsBody #leftCol, #viewnewsBody #leftCol, #goodiesBody #leftCol { width: 858px; padding-bottom: 154px; background: url(cssimg/general/yellowBox/bottomLF.gif) no-repeat 0 100%; } /* MIDDLE YELLOW */ .innerBox { float: left; width: 100%; background-repeat: repeat-y; background-position: 0 0; overflow: hidden; } #contactBody .innerBox, #whoBody .innerBox { background-image: url(cssimg/general/yellowBox/middleS.gif); } #newsBody .innerBox, #whatBody .innerBox, #corewebBody .innerBox, #errorBody .innerBox { background-image: url(cssimg/general/yellowBox/middleM.gif); } #archivenewsBody .innerBox, #viewnewsBody .innerBox, #goodiesBody .innerBox { background-image: url(cssimg/general/yellowBox/middleL.gif); } /* TOP YELLOW */ .yHolder { float: left; width: 100%; padding-bottom: 16px; background-position: 0 0; /* height: auto !important; height: 320px; min-height: 320px; */ } #whoBody .yHolder { height: auto !important; height: 456px; min-height: 456px; } #contactBody .yHolder, #whoBody .yHolder { background: url(cssimg/general/yellowBox/topS.gif) no-repeat 0 0; } #newsBody .yHolder, #whatBody .yHolder, #corewebBody .yHolder, #errorBody .yHolder { background: url(cssimg/general/yellowBox/topM.gif) no-repeat 0 0; } #archivenewsBody .yHolder, #viewnewsBody .yHolder, #goodiesBody .yHolder { background: url(cssimg/general/yellowBox/topL.gif) no-repeat 0 0; } * html #errorBody .yHolder h2 { display: none; } /*** MAIN CONTENT H2s ***/ #whoBody .innerBox h2, #whatBody .innerBox h2, #corewebBody .innerBox h2, #contactBody .innerBox h2, #archivenewsBody .innerBox h2, #goodiesBody .innerBox h2, #errorBody .innerBox h2 { position: absolute; left: -9999px; } #errorBody .yHolder { height: auto !important; height: 372px; min-height: 372px; } /*** MAIN CONTENT TEXT STYLING ***/ .yHolder p, .yHolder h3, .yHolder ul, .yHolder ol, .yHolder dl { margin-bottom: 1.2em; padding-left: 30px; padding-right: 30px; } .yHolder li { margin-bottom: 5px; } /* .yHolder p + ul { margin-top: -1.4em; } */ .yHolder p, .yHolder li, .yHolder dd, .yHolder dt { font: 1.1em/1.6em Verdana, Arial, Helvetica, sans-serif; color: #111; } .yHolder dt { font-weight: bold; } .yHolder dd { margin-left: 20px; } .yHolder li { margin-left: 20px; list-style: square outside; } .yHolder h3 { font-size: 1.4em; font-weight: bold; color: #1B3449; } .yHolder h3 a { color: #1B3449; } .yHolder p a, .yHolder li a { font-weight: bold !important; color: #B53300 !important; } .yHolder form { padding: 0 30px; } .yHolder sup { padding: 0 3px 1px 2px; margin: 0 1px 0 2px !important; font-size: 8px; line-height: 1.5; color: #f6da4b; vertical-align: top; background: #725b00; /* background: url(cssimg/coreweb/sup.gif) no-repeat 100% 100%; */ } .yHolder sup a { text-decoration: none; color: #f6da4b !important; font-weight: normal !important; } .yHolder #fn1 { border-top: 1px dashed #444; color: #333; padding: 1em 0 0 !important; margin: 2.5em 30px 1.2em; } /*** SIDE BOXES ***/ #coreWebBox { background: url(cssimg/general/smallBox/blueBoxBottom.gif) no-repeat 0 100%; } #contactBox { background: url(cssimg/general/smallBox/orangeBoxBottom.gif) no-repeat 0 100%; } #coreWebBox dl { background: url(cssimg/general/smallBox/blueBoxTop.gif) no-repeat 0 0; } #contactBox dl { background: url(cssimg/general/smallBox/orangeBoxTop.gif) no-repeat 0 0; } .sideBox dl { height: auto !important; height: 90px; min-height: 90px; width: 140px; padding: 15px 15px 5px 15px; margin-bottom: 4px; line-height: 1.5em; } .sideBox dt, .sideBox dt a { font-weight: bold; color: #EDBE00; text-transform: uppercase; margin-bottom: 5px; } .sideBox dt { font-size: 1.1em; } .sideBox dt a { margin-bottom: 0; text-decoration: none; font-size: 1em; } .sideBox dd.more { text-align: right; margin-top: 10px; height: auto !important; height: 2em; min-height: 2em; } #coreWebBox dd.more { padding-left: 18px; background: url(cssimg/icons/coreWebTiny.gif) no-repeat 0 50%; } #newsBody #contactBox dd.more { margin-top: 1px; height: 0; min-height: 0; } #newsBody #contactBox dd.more a { position: relative; top: 5px; } .sideBox dd a { text-transform: uppercase; text-decoration: none; color: #EDBE00; font-weight: bold; } .sideBox dd a:hover { color: #fff; text-decoration: underline; } .sideBox dd address { font-style: normal; } #theTitle #contactBox { float: right; } #theTitle .sideBox dl { padding-bottom: 11px; background: #FF4700 url(cssimg/news/orangeContactBox.gif) no-repeat 0 0; } #theTitle .sideBox dd a, #contactBody .sideBox dd a { text-transform: lowercase; } #theTitle .sideBox dd.more a, #contactBody .sideBox dd.more a { text-transform: uppercase !important; } /*** QUOTE BOX ***/ /* Many extra divisions, to accomplish vertically centered quotes. */ #quoteHolder { float: left; display: inline; width: 344px; margin-left: 344px; margin-bottom: 2px; height: auto !important; height: 141px; min-height: 141px; background: url(cssimg/news/quoteBottom.gif) no-repeat 0 100%; } #quoteHolder #innerQuote { display: table; height: 137px; margin-bottom: 4px; background: url(cssimg/news/quoteTop.gif) no-repeat 0 0; } #quote { display: table-cell; vertical-align: middle; padding: 35px 20px 15px 114px; } #quote blockquote p { width: 210px; font-style: italic; font-size: 1.2em; } #quote cite { float: right; display: inline; padding-top: 5px; font-size: 1.3em; font-style: normal; font-weight: bold; text-align: right; } * html #innerQuote { position: relative; overflow-x: hidden; } * html #quote { position: absolute; top: 50%; } * html #quote blockquote { position: relative; top: -50%; } * html #quote cite { position: relative; top: -50%; } /************** FANCY LISTS ************/ #theContent ul.list { height: auto !important; height: 220px; min-height: 220px; width: 156px; padding: 29px 7px 2px 7px; background: #33516A url(cssimg/general/list/defaultListFerlauf.gif) no-repeat 0 0; } #theContent ul.list li { width: 156px; margin-bottom: 2px; background: #4E708B url(cssimg/general/list/ferlauf.gif) repeat-x 0 0 !important; } #theContent ul.list li a { display: block; color: #FFCC00; font-weight: bold; font-size: 1.2em; width: 132px; line-height: 20px; padding: 0 12px 0 10px; text-decoration: none; } #theContent ul.list li span { display: block; color: #FFF; font-weight: bold; font-size: 1.2em; width: 132px; line-height: 20px; padding: 0 12px 0 10px; text-decoration: none; } #theContent ul.list li a:visited { background: url(cssimg/icons/tick.gif) no-repeat 144px 50%; } #theContent ul.list li.active a, #mainContent ul.list li a:hover { color: #fff; background: #FF4700 url(cssimg/icons/activeArrow.gif) no-repeat 100% 50% !important; } /* FERLAUF */ #whoBody ul.list { height: auto !important; height: 200px; min-height: 200px; background: #33516A url(cssimg/general/list/whoListFerlauf_en.gif) no-repeat 0 0; } #newsBody ul.list { height: auto !important; height: 404px; min-height: 404px; background: #426684 url(cssimg/general/list/newsListFerlauf_en.gif) no-repeat 0 0; } #portfolioBody ul.list { float: left; height: auto !important; height: 404px; min-height: 404px; margin: 0 2px 0 0; padding-bottom: 0; background: #416582 url(cssimg/general/list/portfolioListFerlauf_en.gif) no-repeat 0 0; } #portfolioBody ul#list1 { background-position: 0 0; } #portfolioBody ul#list2 { background-position: -172px 0; } #corewebBody ul.list { height: auto !important; height: 244px; min-height: 244px; background: #304F69 url(cssimg/general/list/corewebListFerlauf_en.gif) no-repeat 0 0; margin-bottom: 0; } #corewebBody .featuresSwitch { width: 170px; background: url(cssimg/general/list/featuresSwitchTop.gif) no-repeat 0 0; padding-top: 21px; } /* Screenshots list is shorter */ #corewebBody .screenshots { background-image: url(cssimg/general/list/corewebSsListBottom.gif) !important; } #corewebBody .screenshots ul.list { height: auto !important; height: 198px; min-height: 198px; background: #2D4A63 url(cssimg/general/list/corewebSsListFerlauf_en.gif) no-repeat 0 0; margin-bottom: 0; } #corewebBody .screenshots .featuresSwitch { width: 170px; background: url(cssimg/general/list/featuresSsSwitchTop.gif) no-repeat 0 0; padding-top: 21px; } #corewebBody .featuresSwitch a { display: block; text-transform: uppercase; color: #FF4700; width: 132px; line-height: 20px; padding: 0 12px; margin: 0 7px 7px 7px; text-decoration: none; background: #3E5C76; font-weight: bold; font-size: 1.1em; } #corewebBody .featuresSwitch a.last { margin-bottom: 0; } #corewebBody .featuresSwitch a:hover { color: #FC0; } #newsBody #middleCol { display: none; background: url(cssimg/general/list/newsListBottom.gif) no-repeat 0 100%; padding-bottom: 4px; } #whoBody #rightCol { background: url(cssimg/general/list/whoListBottom.gif) no-repeat 0 100%; padding-bottom: 69px; } #portfolioBody #leftCol { background: url(cssimg/general/list/portfolioListBottom.gif) no-repeat 0 100%; padding-bottom: 87px; } #corewebBody #leftCol { background: url(cssimg/general/list/corewebListBottom.gif) no-repeat 0 100%; padding-bottom: 77px; } #corewebBody #leftCol h3, #whoBody #rightCol h3, #newsBody #middleCol h3, #newsBody #rightCol h3, #portfolioBody #leftCol h3 { text-indent: -9999px; height: 0; overflow: hidden; } /************** HOMEPAGE FEATURED AND PORTFOLIO FEATURED *************/ #featuredImg { float: left; display: inline; margin: 29px 8px 8px 8px; padding: 3px; } #featuredImg a { float: left; } #projectDetails { float: left; display: inline; margin: 0 8px 5px 8px; } #projectDetails li { float: left; display: inline; margin-bottom: 1px; } #projectDetails li strong { float: left; padding: 1px 5px 1px 8px; width: 50px; color: #FF4700; font: bold 1em/1.6em Verdana, Arial, Helvetica, sans-serif; } #projectDetails li a, #projectDetails li span { float: left; display: inline; height: auto !important; height: 1.6em; min-height: 1.6em; padding: 2px 8px 0 0; margin-bottom: 2px; } #projectDetails li a { color: #fc0; font-weight: bold; text-decoration: none; } #projectDetails li a:hover { color: #fff; } #projectDescription { position: relative; float: left; display: inline; margin: 0 8px; padding-top: 13px; } #projectDescription h3, #projectDescription p, #projectDescription ul { padding: 0 10px 0 10px; margin-bottom: 1em; font-size: 1.1em; } #projectDescription h3 { font-size: 1.4em; } #projectDescription li { margin-left: 2em; list-style: square outside; margin-bottom: .5em; } #projectDescription a { color: #fc0; font-size: inherit; text-decoration: none; } #projectDescription a:hover { color: #fff; text-decoration: underline; } #newsBody #featuredImg { width: 320px; height: 240px; background: url(cssimg/news/featuredImgFrame.gif) no-repeat 0 0; } #newsBody #featuredImg a { width: 326px; height: 246px; } #newsBody #projectDetails { width: 326px; } #newsBody #projectDetails li { width: 326px; } #newsBody #projectDetails li a, #newsBody #projectDetails li span { width: 255px; } #newsBody #projectDetails li { background: url(cssimg/news/featuredClientBottom.gif) no-repeat 0 100%; } #newsBody #projectDetails li strong { background: url(cssimg/news/featuredClientTop.gif) no-repeat 0 0; } #newsBody #projectDetails li span { background: url(cssimg/news/featuredClientTop.gif) no-repeat -63px 0; } #newsBody #projectDetails #featuredProjectUrl { background: url(cssimg/news/featuredUrlBottom.gif) no-repeat 0 100%; } #newsBody #projectDetails #featuredProjectUrl strong { background: url(cssimg/news/featuredUrlTop.gif) no-repeat 0 0; } #newsBody #projectDetails #featuredProjectUrl a { background: url(cssimg/news/featuredUrlTop.gif) no-repeat -63px 0; } #newsBody #projectDetails #featuredProjectUrl a:hover { background-position: -389px 0; } #newsBody #projectDescription { width: 326px; padding-bottom: 35px; background: url(cssimg/news/featuredDescription.gif) no-repeat 0 0; } #newsBody #projectDescription a.readMore { position: absolute; bottom: 0; right: 0; display: block; width: 326px; height: 45px; text-indent: -9999px; overflow: hidden; text-decoration: none; background: url(cssimg/news/readMore_en.gif) no-repeat 100% 0; } #newsBody #projectDescription a.readMore:hover { background-position: 100% -44px; } #portfolioBody #featuredImg { width: 492px; height: 368px; background: url(cssimg/portfolio/featuredImgFrame.gif) no-repeat 0 0; } #portfolioBody #projectDetails li strong { width: 70px; } #portfolioBody #featuredImg a { width: 492px; } #portfolioBody #projectDetails { width: 498px; } #portfolioBody #projectDetails li { width: 498px; } #portfolioBody #projectDetails li a, #portfolioBody #projectDetails li span { width: 407px; } #portfolioBody #projectDetails li { background: url(cssimg/portfolio/featuredClientBottom.gif) no-repeat 0 100%; } #portfolioBody #projectDetails li strong { background: url(cssimg/portfolio/featuredClientTop.gif) no-repeat 0 0; } #portfolioBody #projectDetails li span { background: url(cssimg/portfolio/featuredClientTop.gif) no-repeat -63px 0; } #portfolioBody #projectDetails #featuredProjectUrl { background: url(cssimg/portfolio/featuredUrlBottom.gif) no-repeat 0 100%; } #portfolioBody #projectDetails #featuredProjectUrl { background: url(cssimg/portfolio/featuredUrlTop.gif) no-repeat 0 0; } #portfolioBody #projectDetails #featuredProjectUrl a { background: url(cssimg/portfolio/featuredUrlTop.gif) no-repeat -63px 0; } #portfolioBody #projectDetails #featuredProjectUrl a:hover { background-position: -561px 0; } #portfolioBody #projectDescription { width: 498px; height: auto !important; height: 70px; min-height: 70px; background: #274359 url(cssimg/portfolio/featuredDescription.gif) no-repeat 0 0; } /*************** SPECIFFIC PAGES *****************/ /*** NEWS OVERVIEW ***/ #newsBody .yHolder { position: relative; padding-bottom: 48px; } #newsBody .yHolder div.first-child { background: url(cssimg/news/iconHeader.jpg) no-repeat 9px 8px; } #newsBody .newsItem.first-child { padding-top: 30px; } #newsBody .newsItem { padding-top: 25px; background: url(cssimg/news/horiz.gif) no-repeat 50% 5px; } #archivenewsBody #leftCol h3, #viewnewsBody #leftCol h3, #newsBody #leftCol h3 { margin-bottom: 0; } #viewnewsBody .other_articles ul li span, #leftCol .newsDate { color: #3F5465; font-size: 1em; padding: 0 30px; margin-bottom: .25em; } #newsBody #middleCol { width: 170px; } #newsBody #rightCol { margin-left: 2px; width: 342px; height: auto !important; height: 404px; min-height: 404px; background: url(cssimg/news/featuredBottom_new.png) no-repeat 0 100%; padding-bottom: 167px; } #newsBody #rightCol #innerBox { float: left; width: 342px; height: auto !important; height: 431px; min-height: 431px; background: #426683 url(cssimg/news/featuredTop_en.gif) no-repeat 0 0; position: relative; } #viewnewsBody .yHolder, #archivenewsBody .yHolder { position: relative; overflow: hidden; } #archivenewsBody .yHolder div.first-child { position: relative; top: -56px; left: 0; margin-bottom: -56px; padding: 67px 0 0 0; background: url(cssimg/news/iconHeaderArchive_en.jpg) no-repeat -235px 8px; } #viewnewsBody #entity_inner, #archivenewsBody #archiveItems { margin: 56px 10px 26px 244px; padding-bottom: 30px; background: url(cssimg/news/verticalLine.gif) repeat-y 0 0; } .spawnHolder { float: left; display: inline; height: 500px; width: 236px; margin-left: 9px; background: url(cssimg/news/iconHeaderArchive_en.jpg) no-repeat 0 8px; } .spawnHolder img { position: absolute; bottom: 60px; left: 27px; } /*** NEWS VIEW ***/ #viewnewsBody #leftCol { } #viewnewsBody #entity { float: left; width: 604px !important; background: url(cssimg/news/iconHeaderArchive_en.jpg) no-repeat -235px 8px; } #viewnewsBody #entity_inner { float: left; width: 604px !important; margin: 56px 0 26px !important; } #viewnewsBody #entity p { width: 545px !important; padding-right: 0 !important; } #viewnewsBody #entity img { float: left; margin: 0 0 10px; } #viewnewsBody .yHolder h1 { margin-top: 10px; font-size: 2.8em; font-weight: bold; } #viewnewsBody .yHolder h1 span { display: block; padding: 0 30px 10px; } #viewnewsBody .yHolder h1, #viewnewsBody .yHolder h2, #viewnewsBody .yHolder h3 { color: #b21b00; } #viewnewsBody .other_articles { float: left; width: 244px; padding-bottom: 400px; background: none; } #viewnewsBody .other_articles ul { clear: both; } #viewnewsBody .other_articles ul li { list-style: none; margin: 0 0 10px; padding-left: 30px; background: url(cssimg/icons/news_bullet.png) no-repeat 0 0; } #viewnewsBody .other_articles ul li span { display: block; padding: 0; font-family: "Lucida Grande", Verdana, sans-serif; } #viewnewsBody .other_articles ul li.active a { text-decoration: none; color: #111 !important; } #viewnewsBody #prevNext #nextLink { margin-right: 20px; } #viewnewsBody .spawnHolder { padding-top: 125px; height: 0; } #viewnewsBody #go_home_link { position: absolute; right: 40px; top: 30px; } #viewnewsBody #back_to_top_link { position: absolute; right: 40px; bottom: 20px; } /*** PORTFOLIO ***/ #portfolioBody #leftCol { width: 344px; overflow: hidden; } #portfolioBody #rightCol { float: right; width: 514px; height: auto !important; height: 404px; min-height: 404px; padding-bottom: 136px; background: url(cssimg/portfolio/featuredBottom.gif) no-repeat 0 100%; overflow-x: hidden; } #portfolioBody #rightCol.no_description { float: right; width: 514px; height: auto !important; height: 404px; min-height: 404px; padding-bottom: 132px; background: url(cssimg/portfolio/featuredBottom_no_desc.gif) no-repeat 0 100%; overflow-x: hidden; } #portfolioBody #rightCol h1 { text-indent: -9999px; height: 0; width: 100px; overflow: hidden; } #portfolioBody #rightCol #innerBox { float: left; width: 514px; height: auto !important; height: 514px; min-height: 514px; background: #4C7392 url(cssimg/portfolio/featuredTop_en.gif) no-repeat 0 0; } #portfolioBody #rightCol.no_description #innerBox { float: left; width: 514px; height: auto !important; height: 479px; min-height: 479px; background: #4C7392 url(cssimg/portfolio/featuredTop_en.gif) no-repeat 0 0; } /*** WHO WE ARE ***/ #whoBody .yHolder p.first-child, #whoBody #leftCol .whoName { float: left; display: inline; width: 284px; margin-bottom: .5em; background: url(cssimg/who/iconHeader.jpg) no-repeat 9px 8px; padding: 118px 30px 8px 30px; } #whoBody #leftCol .whoName dt { float: left; clear: both; width: 110px; text-align: right; color: #1B3449; margin: 0 0 .5em 0; } #whoBody #leftCol .whoName dd { float: right; display: inline; width: 164px; margin: 0; margin-bottom: .5em; } #whoBody #leftCol .whoDesc { clear: both; } #whoBody #leftCol .whoDesc p { width: 284px !important; } #whoBody #middleCol { width: 344px; padding-bottom: 154px; } #whoBody #middleCol h3, #whoBody #middleCol #q3a, #whoBody #middleCol #wow { width: 342px; w\idth: 320px; height: 29px; padding: 0 11px; font: bold 11px/27px "Trebuchet MS", Verdana, Arial, sans-serif; text-transform: uppercase; background: url(cssimg/who/whoSuperHeroName.gif) no-repeat 0 0; } #whoBody #middleCol #q3a { padding-top: 2px; color: #FFF; background: url(cssimg/who/q3a.gif) no-repeat 0 2px; text-transform: none; } #whoBody #middleCol #wow { padding-top: 2px; color: #FFF; background: url(cssimg/who/wow.gif) no-repeat 0 0; text-transform: none; } #whoBody #middleCol h3 strong { color: #FF4700; } #whoBody #middleCol #superHeroBox { width: 342px; height: 437px; background: url(cssimg/who/_empty_box.jpg) no-repeat 0 0; } #whoBody #middleCol #superHeroBox img { margin: 133px 0 0 116px; } #whoBody #rightCol { width: 170px; } /*** WHAT WE DO ***/ #whatBody .yHolder p.first-child { padding: 22px 30px 0 161px !important; background: url(cssimg/what/iconHeader.jpg) no-repeat 9px 8px; } #whatBody #rightCol { float: left; width: 344px; } #whatBody #rightCol #coreWebBox { float: left; display: inline; margin-left: 2px; } #whatBody #rightCol #contactBox { float: left; display: inline; margin-left: 2px; } #whatBody #rightCol #awardsBox { line-height: 1.4em; margin: 2px 0 0 1px; float: left; display: inline; width: 343px; background: url(cssimg/what/awardsUlBottom.gif) no-repeat 0 100%; padding-bottom: 127px; } #whatBody #rightCol #awardsBox h3 { text-indent: -9999px; overflow: hidden; height: 29px; width: 343px; background: url(cssimg/what/awardsH3_en.gif) no-repeat 0 0; } #whatBody #rightCol #awardsBox ul { width: 343px; margin-bottom: 15px; padding-bottom: 20px; background: #839569 url(cssimg/what/awardsUl.gif) no-repeat 50% 100%; } #whatBody #rightCol #awardsBox li { width: 328px; margin: 0 0 2px 7px; background: #8C9D74 url(cssimg/what/awardsLiTop.gif) no-repeat 0 0; } #whatBody #rightCol #awardsBox li span { display: block; width: 308px; padding: 2px 10px; background: url(cssimg/what/awardsLiBottom.gif) no-repeat 0 100%; } #whatBody #rightCol #awardsBox li a { color: #FFF; font-weight: bold; font-size: 1.1em; text-decoration: none; } #whatBody #rightCol #awardsBox li a.site { font-weight: normal; color: #193144; } #whatBody #rightCol #awardsBox li a:hover { color: #FC0; } /*** CORE.WEB ***/ #archivenewsBody #prevNext, #corewebBody #prevNext, #newsBody #prevNext { position: absolute; left: 30px; bottom: 20px; height: 48px; } #corewebBody #prevNext { width: 454px; } #archivenewsBody #prevNext { left: 270px; width: 554px; } #newsBody #prevNext { width: 454px !important; bottom: 0 !important; } #viewnewsBody #prevNext a, #newsBody #prevNext a, #archivenewsBody #prevNext a, #corewebBody #prevNext a { display: block; text-indent: -9999px; overflow: hidden; text-decoration: none; margin: 10px 0 0; } #archivenewsBody #prevNext #prevLink, #corewebBody #prevNext #prevLink { float: left; height: 38px; width: 149px; background: url(cssimg/coreweb/prev_en.gif) no-repeat 0 1px; } #archivenewsBody #prevNext #nextLink, #viewnewsBody #prevNext #nextLink, #newsBody #prevNext #nextLink, #corewebBody #prevNext #nextLink { float: right; height: 38px; width: 101px; background: url(cssimg/coreweb/next_en.gif) no-repeat 0 0; } #archivenewsBody #prevNext a:hover, #corewebBody #prevNext a:hover { background-position: 0 -38px !important; } #viewnewsBody #prevNext #nextLink, #newsBody #prevNext #nextLink { width: 67px; height: 30px; background: url(cssimg/news/archive_en.gif) no-repeat 0 0; } #viewnewsBody #prevNext #nextLink:hover, #newsBody #prevNext #nextLink:hover { background-image: url(cssimg/news/archiveHover_en.gif); } #corewebBody #leftCol { width: 172px; overflow: hidden; } #corewebBody .yHolder { position: relative; padding-bottom: 68px; } #corewebBody .yHolder h1 { width: 514px; background: url(cssimg/coreweb/iconHeader.jpg) no-repeat 9px 8px; font-size: 1em; font-weight: bold; color: #1B3449; } #corewebBody .yHolder h1 span { display: block; height: auto !important; height: 60px; min-height: 60px; font-size: 2.8em; padding: 36px 20px 0 109px; } #corewebBody #middleCol .coreImg { margin: 0 30px 2em; } #corewebBody #middleCol .coreImg img { margin: 0; } #corewebBody #middleCol .coreImg .caption { font-size: 1.1em; color: #fff; margin: 0 20px; padding: 0 23px 3px 23px; background: #A17F05 url(cssimg/coreweb/caption.gif) no-repeat 0 0; } #corewebBody #rightCol { width: 172px; padding-bottom: 63px; background: url(cssimg/coreweb/sidebar.gif) no-repeat 63px 100%; } #corewebBody #rightCol #coreWebBox, #corewebBody #rightCol #contactBox { float: right; display: inline; margin-bottom: 2px; } /*** CONTACT ***/ #contactBody .yHolder p.first-child { padding-top: 22px; width: 284px; background: url(cssimg/contact/iconHeader.jpg) no-repeat 9px 8px; } #contact_form { width: 284px; } /*\*/ * html #contact_form { overflow-x: hidden; } /**/ #contact_form fieldset { width: 284px; border: 0; } #contact_form .field { float: left; width: 284px; margin-bottom: 5px; } #contact_form label { float: left; width: 82px; padding-top: 2px; font: bold 12px "Trebuchet MS", Trebuchet, sans-serif; color: #172D40; text-transform: uppercase; } #contact_form .input_text, #contact_form textarea, #contact_form select { float: right; width: 196px; padding-left: 2px; border: 1px solid #ECBD00; background: #fff url(cssimg/general/forms/inputShadow.gif) no-repeat; font: 1.2em Verdana, sans-serif; } * html #contact_form .input_text, * html #contact_form textarea { background-attachment: fixed; } #contact_form select { width: 200px; height: 17px; } #contact_form option { display: block; padding: 1px 4px 1px 4px; } #contact_form .input_text { height: 17px; padding-top: 2px; } #contact_form #message { height: 150px; padding-top: 2px; overflow: auto; } #contact_form #button_line { height: 52px; margin-top: -5px; background: url(cssimg/general/forms/clickHere_en.gif) no-repeat 100px 10px; } #button_line #submit_button { float: right; border: 0; width: 63px; height: 53px; padding: 0; margin: 0 0 2em 0; background: none; z-index: 1000; outline: none; } #contactBody #rightCol { float: right; width: 514px; } #chickenBox { float: left; display: inline; width: 514px; background: url(cssimg/contact/chickenBoxBottom.gif) no-repeat 0 100%; } #chickenHolder { float: left; width: 344px; padding-bottom: 7px; background: url(cssimg/contact/chickenBoxTop.gif) no-repeat 0 0; } #chickenHolder img, #chickenHolder embed, #chickenHolder object { float: left; display: inline; margin: 9px 9px 0; } #chickenBox #contactBox { float: right; background: none; } #chickenBox #contactBox dl { background: url(cssimg/contact/chickenBoxTop.gif) no-repeat -344px 0; margin-bottom: 0; } #lobo { clear: both; float: left; width: 514px; height: 244px; background: url(cssimg/contact/lobo_en.gif) no-repeat -1px 0; text-indent: -9999px; overflow: hidden; } /* GOODIES */ #goodiesBody #leftCol { position: relative; } #goodiesBody .yHolder { /* height: auto !important; height: 550px; min-height: 500px; */ } #goodiesBody .yHolder p.first-child { width: auto !important; padding: 162px 310px 0 30px; background: url(cssimg/goodies/iconHeader_en.jpg) no-repeat 9px 8px !important; } #goodiesBody .yHolder p { width: 500px; } #pookieHolder { width: 520px; height: 172px; margin: 0 0 6em 30px; /* 2em */ background: url(cssimg/goodies/pookieFrame.gif) no-repeat 0 0; } #pookieHolder img { margin-top: 27px; margin-left: 21px; } #wallpapers { position: absolute; right: 5px; top: 120px; width: 275px; background: url(cssimg/goodies/crta.gif) repeat-y 0 0; } #wallpapers #selectedWall { height: 230px; } #wallpapers #selectedWall img { margin-left: 30px; width: 200px; height: 230px; } #wallpapers #selectedWall a { text-decoration: none; } #wallpapers #thumbnails { margin-left: 0; margin-bottom: 2em; } #wallpapers #thumbnails li { float: left; display: inline; width: 52px; height: 67px; padding: 4px; margin: 4px; background: url(cssimg/goodies/wallpaperThumbnail.gif) no-repeat 0 0; } #wallpapers #thumbnails li a { display: block; width: 52px; height: 67px; } /*** ERRORS ***/ #errorBody .yHolder p.first-child { padding: 22px 30px 0 30px; background: url(cssimg/error/iconHeader.gif) no-repeat 9px 8px; } .errors, .confirmation { margin: 0 30px 2em; } .errors h3, .confirmation h3 { padding: 12px 15px 10px 15px; color: #fc0; margin: 0; text-align: center; background: url(cssimg/contact/errorHead.gif) no-repeat 0 0; } .errors ul, .confirmation ul { padding: 10px 20px 20px 20px; margin: 0; background: url(cssimg/contact/errorBody.gif) no-repeat 0 100%; } .errors li, .confirmation li { color: #333; font-weight: bold; margin-left: 2em; } .confirmation h3 { background-image: url(cssimg/contact/confirmationHead.gif); } /*** FOOTER ***/ #footer { position: relative; top: -150px; float: left; clear: both; width: 510px; padding: 47px 174px 70px 174px; } #corewebBody #footer { margin-top: 0; } #footer h3 { width: 58px; height: 16px; text-indent: -9999px; overflow: hidden; background: url(cssimg/supported/wesupport.gif) no-repeat 0 3px; } #footer ul { float: left; display: inline; margin-top: .5em; width: 514px; } #footer ul li { display: inline; float: left; margin: 0 4px; height: 57px; } #footer ul li a { display: block; text-decoration: none; } #footer ul li a img { vertical-align: middle; } #footer ul li a span { position: absolute; top: 48px; left: 235px; visibility: hidden; width: 439px; height: 10px; line-height: 1; color: #fff; text-transform: uppercase; overflow: hidden; } #footer ul li a:hover span { display: block; visibility: visible; } #footer ul li.break_icons { clear: left; float: left; } .fblike { margin-left: 30px; width: 550px; height: 35px; overflow: hidden; } .blog { display: block; width: 342px; height: 162px; position: absolute; bottom: -162px; text-indent: -9999px; outline: none; }