/* ############### */ /* TEMPLATE STYLES */ /* ############### */ /* Styles common to all standard pages */ /* */ body { color:#636363; background:url(images/body_bg.gif) top repeat-x; } h1, h2, h3, h4, h5, h6 { color:#505050; font-weight:normal; } h1 { font-size:64px; } h1 span { color:#959595; } h2 { font-size:22px; } .work h3 { font-size:20px; margin:0 0 5px; } .work .slide { margin-bottom:10px; } a { color:#FFAC00; text-decoration:none; } a:hover { color:#828386; } .highlight { color:#000000; } .clear { clear:both; } #skip_nav { left: -10000px; position: absolute; top: -10000px; } .container { margin: 0 auto; overflow: hidden; width: 900px; position:relative; } #header { padding:31px 61px; border-bottom:1px solid #C4C4C4; } #header-right { text-align:right; float:right; } #logo { margin:0; } #nav { margin:4px 0 0; float:left; } #header .menuwrapper { padding:0; margin:0; font-size:13px; } #header .primary-nav { padding:0; margin:0; list-style:none; } #header .primary-nav li { margin:0; padding:0 10px 0 0; float:left; } #header .primary-nav a { display:block; } .menuactive, .menuactive a { color:#373737; } .dropdown { top:50px; position:absolute; padding:18px 9px 9px; z-index:1001; display:none; } #about-dropdown { width:78px; height:29px; background:url(images/about_dropdown_bg.gif) no-repeat; left:72px; padding-top:12px; } #work-dropdown { width:319px; height:183px; background:url(images/work_dropdown_bg.gif) no-repeat; left:92px; } .dropdown h2 { color:#505050; font-size:15px; margin:0 0 5px; clear:both; } #header .dropdown .menuwrapper { padding:0; float:none; } #header .dropdown ul { margin:0 0 10px; overflow:hidden; } #header #work-dropdown li { width:155px; font-size:11px; padding:0; } #header #about-dropdown li { width:auto; margin:0; list-style:none; float:none; } #content { padding:0 61px 31px; overflow:hidden; } .work #content { padding:31px 61px 0; } #page-title { padding:31px 61px 0; } /*************** SLIDER ****************/ #slider-container { padding:31px 61px 0; overflow:hidden; } #slider-nav { display:none; } .js #slider-nav { margin:0 auto 15px; list-style:none; overflow:hidden; display:block; } #slider-nav li { margin:0 2px; display:inline; float:left; } #slider-nav a { width:10px; height:10px; background:url(images/circle.gif) no-repeat; display:block; } #slider-nav a.selected { background:url(images/circle-selected.gif) no-repeat; } #slides { width:776px; overflow:hidden; position:relative; } .js #slides { } .js #slider { width:9999px; } .slide { width:378px; margin:0 5px; display:inline; float:left; } .slide h2 { color:#FFAC00; font-size:20px; margin:0 0 15px; } .slide p { margin:0 0 5px; } #content-boxes { padding:0 61px 31px; } .home #content-boxes { padding:31px 61px; } .content-box { width:378px; margin:0 5px; display:inline; float:left; } .content-box h2 { font-size:22px; margin:0 0 15px; } .content-box ul { margin:0; list-style:none; overflow:hidden; } .content-box li { width:189px; margin:0; float:left; } #work-nav { padding:0 61px 20px; border-bottom:1px solid #C4C4C4; overflow:hidden; } .work-nav { width:378px; margin:0 5px; float:left; } .work-nav h2 { margin:0 0 5px; } .work-nav ul { margin:0; list-style:none; } .work-nav li { width:189px; margin:0; float:left; } .work-nav a { } .team-members { padding:0 61px 31px; overflow:hidden; } .team-members ul { margin:0; list-style:none; } .team-members li { width:111px; margin:0 0 10px; float:left; } .team-members li a { } #footer { border-top:3px double #C4C4C4; padding:20px 61px; overflow:hidden; } #footer-logo { margin-bottom:10px; } #footer .menuwrapper { } #footer .primary-nav { margin:0; list-style:none; } #footer .primary-nav li { margin:0; padding:0 10px 0 0; float:left; } #footer .primary-nav a { } #footer .menuactive, #footer .menuactive a { color:#373737; } #sitemap ul { margin-bottom:0 } /* Copyright (c) Studio 2 Online Ltd. */