fimages/* Theme Name: Toolbox Theme URI: http://wordpress.org/extend/themes/toolbox Author: Automattic Author URI: http://automattic.com/ Description: A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development. Version: 1.4 License: GNU General Public License License URI: license.txt Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} :focus {/* remember to define focus styles! */ outline: 0;} ol, ul { list-style: none;} table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0;} caption, th, td { font-weight: normal; text-align: left;} blockquote:before, blockquote:after, q:before, q:after { content: "";} blockquote, q { quotes: "" "";} a img { border: 0;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;} html { overflow-y:scroll;} body { background:#fff no-repeat 0 0; border-top:1px solid #A9A9A9; color:#6e6e6e; font:62.5%/1.5 Arial,Verdana,sans-serif;} strong,b { font-weight:bold;} abbr,acronym { border-bottom:1px dotted #000; cursor:help;} em,i { font-style:italic;} del { text-decoration:line-through;} .set-btn { display:block; text-indent:-9999px; overflow:hidden; cursor:pointer; border:0 none; line-height:0; font-size:0;} .set-bg { display:block; text-indent:-9999px; overflow:hidden; } a { text-decoration:none; color:#a9a9a9;} a:hover { /*text-decoration:underline;*/} /* clearfix*/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} * html .clearfix { height: 1%;} /* =Structure -------------------------------------------------------------- */ #page { display: block; font-size:1.2em;} #primary { } #content sup { font-size:11px; vertical-align:top;} #main .widget-area { float: right; overflow: hidden; width: 220px;} #colophon { clear: both; display: block;} #main { width:1100px; margin:0 auto 30px;} /* Increase the size of the content area for templates without sidebars */ .full-width #content,.image-attachment #content,.error404 #content { margin: 0;} /* Text meant only for screen readers */ .screen-reader-text, .assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px);} /* Alignment */ .alignleft { display: inline; float: left;} .alignright { display: inline; float: right;} .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;} .article-wrap p, .article-wrap ol, .article-wrap ul, .article-wrap table, .our-clients-wrap p { margin:0 0 10px;} /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#fff;} #colorbox{} #cboxTopLeft{width:25px; height:25px; background:url(images/colorbox/border1.png) no-repeat 0 0;} #cboxTopCenter{height:25px; background:url(images/colorbox/border1.png) repeat-x 0 -50px;} #cboxTopRight{width:25px; height:25px; background:url(images/colorbox/border1.png) no-repeat -25px 0;} #cboxBottomLeft{width:25px; height:25px; background:url(images/colorbox/border1.png) no-repeat 0 -25px;} #cboxBottomCenter{height:25px; background:url(images/colorbox/border1.png) repeat-x 0 -75px;} #cboxBottomRight{width:25px; height:25px; background:url(images/colorbox/border1.png) no-repeat -25px -25px;} #cboxMiddleLeft{width:25px; background:url(images/colorbox/border2.png) repeat-y 0 0;} #cboxMiddleRight{width:25px; background:url(images/colorbox/border2.png) repeat-y -25px 0;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-top:25px;} #cboxTitle{position:absolute; top:0px; right:50px; color:#999;} #cboxCurrent{position:absolute; top:0px; left:0; color:#999;} #cboxSlideshow{position:absolute; top:0px; left:50%;} #cboxPrevious{position:absolute; top:0px; left:50%; margin-left:-22px; color:#444;background:#fff url(images/colorbox/colorbox-nav.png) no-repeat -37px 0;width:22px;height:19px;overflow:hidden;text-indent:-9999px;} #cboxNext{position:absolute; top:0px; left:50%; margin-left:0; color:#444;background:#fff url(images/colorbox/colorbox-nav.png) no-repeat -59px 0;width:23px;height:19px;overflow:hidden;text-indent:-9999px;} #cboxLoadingOverlay{background:#fff url(images/colorbox/loader.gif) no-repeat 50% 50%;} #cboxClose{position:absolute; top:0; right:0; display:block; color:#444;background:#fff url(images/colorbox/colorbox-nav.png) no-repeat 0 0;width:36px;height:19px;overflow:hidden;text-indent:-9999px;} .colorbox-info{ font-size:1.2em; width:600px; margin:0 0 15px; text-align:center;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* =Header -------------------------------------------------------------- */ #branding { height:115px; position:relative; width:1100px; margin:0 auto;} #site-title { font-size: 2em;} #nav-top { color:#a9a9a9; position:absolute; top:10px; right:0; font-size:0.917em; width: 375px; display: block; } #nav-top li { display:inline-block; } #nav-top .jp-controls li:last-of-type a{ display: none;} #nav-top li .separator { padding:0 10px;} #nav-top a { color:#a9a9a9;} /* .b-sound-on { background:url(images/sound.png) no-repeat top right; padding:0 30px 0 0;} .b-sound-off { background:url(images/sound.png) no-repeat top right; padding:0 30px 0 0;} */ /* =Menu -------------------------------------------------------------- */ #access { } #access ul { } #access li { float: left; } #access a { } #site-title a { position:absolute; top:38px; left:0; background:url(images/logo.png) no-repeat 0 -213px; width:323px; height:56px;} #nav-main { position:absolute; width:765px; height:58px; top:38px; right:6px;} #nav-main span { height:58px; overflow:hidden; text-indent:-999px; position:absolute; top:0; left:0; background-repeat:no-repeat;} #nav-main li .bg-grey { z-index:10; display:block; background-position:0 0;} #nav-main li .bg-color { z-index:20; display:none; background-position:0 -58px;} #nav-main li { position:absolute; top:0;} #nav-main .b-about-us { left:0;} #nav-main .b-about-us span { background-image:url(images/main-menu/about-us.gif); width:133px;} #nav-main .b-clients { left:271px;} #nav-main .b-clients span { background-image:url(images/main-menu/clients.png); width:125px;} #nav-main .b-our-work { left:139px;} #nav-main .b-our-work span { background-image:url(images/main-menu/our-work.png); width:155px;} #nav-main .b-services { left:401px;} #nav-main .b-services span { background-image:url(images/main-menu/services.gif); width:110px;} #nav-main .b-press { left:525px;} #nav-main .b-press span { background-image:url(images/main-menu/press.gif); width:109px;} #nav-main .b-solutions { left:634px;} #nav-main .b-solutions span { background-image:url(images/main-menu/solutions.png); width:131px;} #nav-main .b-contact { left:725px; background: red;} .b-contact{ background:url(images/b-contact.png) no-repeat 0 2px; padding:0 0 0 17px; margin:0 0 0 25px; white-space: nowrap;} .v-fb{ background:url(images/v-fb.png) no-repeat 0 2px; padding:0 0 0 13px; margin:0 0 0 25px; white-space: nowrap;} #main-menu-links { z-index:30; position:absolute; top:38px; right:0; border:0 none;} map area, map area:active, map area:focus { outline:none!important; border:none!important; } .page-template-page-about-us-php #nav-main .b-about-us .bg-grey, .single-about-us #nav-main .b-about-us .bg-grey, .page-id-1215 #nav-main .b-about-us .bg-grey, .page-template-page-clients-php #nav-main .b-clients .bg-grey, .page-template-page-our-work-php #nav-main .b-our-work .bg-grey, .page-template-page-solutions-php #nav-main .b-solutions .bg-grey, .single-our-work #nav-main .b-our-work .bg-grey, .single-solutions #nav-main .b-solutions .bg-grey, .page-template-page-otherprojects-php #nav-main .b-our-work .bg-grey, .page-template-page-solutions-php #nav-main .b-solutions .bg-grey, .page-template-page-services-php #nav-main .b-services .bg-grey, .single-services #nav-main .b-services .bg-grey, .page-template-page-press-php #nav-main .b-press .bg-grey, .post-type-archive-press #nav-main .b-press .bg-grey { display:none !important;} .page-template-page-about-us-php #nav-main .b-about-us .bg-color, .single-about-us #nav-main .b-about-us .bg-color, .page-id-1215 #nav-main .b-about-us .bg-color, .page-template-page-clients-php #nav-main .b-clients .bg-color, .page-template-page-our-work-php #nav-main .b-our-work .bg-color, .single-our-work #nav-main .b-our-work .bg-color, .page-template-page-otherprojects-php #nav-main .b-our-work .bg-color, .page-template-page-solutions-php #nav-main .b-solutions .bg-color, .single-solutions #nav-main .b-solutions .bg-color, .page-template-page-otherprojects-php #nav-main .b-solutions .bg-color, .page-template-page-services-php #nav-main .b-services .bg-color, .single-services #nav-main .b-services .bg-color, .page-template-page-press-php #nav-main .b-press .bg-color, .post-type-archive-press #nav-main .b-press .bg-color { display:block !important;} .page-template-page-about-us-php #site-title a, .single-about-us #site-title a, .page-id-1215 #site-title a { background-position:0 0;} .page-template-page-clients-php #site-title a { background-position:0 -143px;} .page-template-page-our-work-php #site-title a, .single-our-work #site-title a, .page-template-page-otherprojects-php #site-title a { background-position:0 -71px;} .page-template-page-services-php #site-title a, .single-services #site-title a, .page-template-page-contact-php #site-title a { background-position:0 -213px;} .page-template-page-press-php #site-title a, .post-type-archive-press #site-title a { background-position:0 -284px;} a:hover { color:#F86716;} .page-template-page-about-us-php a:hover , .single-about-us a:hover, .page-id-1215 a:hover { color:#DCDA2F;} .page-template-page-clients-php a:hover { color:#A33381;} .page-template-page-our-work-php a:hover, .single-our-work a:hover { color:#E31314;} .page-template-page-services-php a:hover , .single-services a:hover { color:#F86716;} .page-template-page-press-php a:hover { color:#E51F20;} .page-template-page-contact-php #nav-top .b-contact{ color:#313131;} /* =Content -------------------------------------------------------------- */ .image-map { border:0 none; margin:0; display:block;} .link-plus:before { content:'+ ';} .sticky {} .entry-meta { clear: both; display: block;} .single-author .entry-meta .byline { display: none;} #content nav { display: block; overflow: hidden;} #content nav .nav-previous { float: left; width: 50%;} #content nav .nav-next { float: right; text-align: right; width: 50%;} #content #nav-above { display: none;} .paged #content #nav-above, .single #content #nav-above { display: block;} #nav-below { margin: 1em 0 0;} .page-link { clear: both; margin: 0 0 1em;} .page .edit-link { clear: both; display: block;} #content .entry-title { color:#313131; font-size:1.5em; font-weight:bold; margin:0 0 10px;} #content .small-title { font-size:1.2em; font-weight:bold; margin:0 0 10px; background:url(images/bullet.png) no-repeat 0 0; padding: 7px 0 0 60px;} /* main page */ .page-template-page-home-php #main { width:100%; margin:0;} .slider-shadow { background:url('images/main-page-shadow.jpg') no-repeat center bottom; padding:0 0 60px; position: relative;} .slider-shadow .loader { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .slider-bg { overflow:hidden; position:relative; background:url('images/element-slice.jpg') 0 0; visibility:hidden;} #slider-wrap { height:407px; overflow:hidden; width:100%; position:relative;} #slider-scroll { z-index:10; position:absolute; top:0; left:-515px; width:5025px;} #slider-nav { z-index:1; width:1100px; margin:0 auto; height:30px; position:relative;} #slider-nav a { z-index:1; position:absolute; top:0; width:7px; height:14px; background-image:url(images/scroll-nav.png); background-repeat:no-repeat;} #slider-nav .b-left { left:0; background-position:0 0;} #slider-nav .b-right { right:0; background-position:-10px 0;} .slider-element { width:4863px; /*float:left; position:relative;*/ position:absolute; top:0; background:url(images/element.jpg) no-repeat 0 0;} .slider-element img { border:0 none;} .slider-element .slider-image { z-index:30; position:relative;} .slider-element .scroll-plus { z-index:10; position:absolute;} .slider-element .map-item-1 { top:358px; left:106px;} .slider-element .map-item-2 { top:15px; left:3103px;} .slider-element .map-item-3 { top:360px; left:2467px;} .slider-element .map-item-4 { left: 2506px; top: 160px;} .slider-element .map-item-5 { top:355px; left:2205px;} .slider-element .map-item-6 { top:34px; left:2282px;} .slider-element .map-item-7 { top:247px; left:1787px;} .slider-element .map-item-8 { top:161px; left:1773px;} .slider-element .map-item-9 { top:358px; left:1484px;} .slider-element .map-item-10 { top:322px; left:1417px;} .slider-element .map-item-11 { top:138px; left:1164px;} .slider-element .map-item-12 { top:163px; left:884px;} .slider-element .map-item-13 { top:95px; left:712px;} .slider-element .map-item-14 { top:34px; left:652px;} .slider-element .map-item-15 { top:360px; left:487px;} .slider-element .map-item-16 { top:161px; left:143px;} .slider-element .map-item-17 { top:358px; left:106px;} /* about us*/ .single-about-us .thumb-wrap .thumb-col { float:left; width:330px;} .single-about-us .thumb-wrap .article-wrap { float:left; width:770px;} .single-about-us .article-wrap{ margin:0 0 30px;} ul.styled li{background:url(images/li.png) no-repeat 0 3px; padding:0 0 0 27px; margin:0 0 10px;} .ul-two-col{ float:left; width:300px;} /* our mission */ .mission-quotation{ font-style:italic;} .mission-author{ text-align:right;} /* awards */ .awards-wrap { border-bottom:1px solid #F0F0F0; margin:0 0 30px;} .awards-wrap .awards-left { float:left; width:271px;} .awards-wrap .awards-photo { position:relative; margin:0 0 15px;} .awards-wrap .awards-photo img { display:block; margin:0;} .awards-wrap .awards-photo-border { z-index:50; position:absolute; width:4px; height:4px; background-image:url(images/border-carousel.png); background-repeat:no-repeat 0 0;} .awards-wrap .border-tl { top:0; left:0; background-position:0 0;} .awards-wrap .border-tr { top:0; right:0; background-position:-4px 0;} .awards-wrap .border-bl { bottom:0; left:0; background-position:0 -4px;} .awards-wrap .border-br { bottom:0; right:0; background-position:-4px -4px;} .awards-wrap .awards-right { float:right; width:770px;} .awards-wrap .awards-right h2 { color:#313131; font-weight:bold; font-size:1.5em; margin:0 0 10px;} .awards-wrap .awards-description{ padding:0 0 15px; margin:0 0 15px; background:url(images/border-description.png) no-repeat left bottom;} .awards-wrap .awards-logos li { float:left; margin:0 30px 15px 0;} .awards-wrap .awards-link { margin:0 0 30px;} .awards-wrap .awards-link a:before { content:'+ ';} .awards-intro{ padding:0 0 0 330px; margin: 0 0 30px;} /* career */ .career-wrap { float:left; width:770px; margin:0 0 30px; background:url(images/career-mid.png) repeat-y 0 0;} .career-wrap .career-top { font-size:1.167em; height:22px; width:770px; padding:12px 0 0 30px; margin:0 0 15px; background:url(images/career-top.png) no-repeat 0 0;} .career-wrap .career-description{ padding:255px 25px 0; margin:0 0 30px; text-align:center; background:url(images/career-photo.jpg) no-repeat center top;} .career-wrap .career-content { width:610px; padding:0 25px 30px; text-align:center; background:url(images/career-bot.png) no-repeat left bottom;} .career-wrap .career-content p { margin:0 0 15px;} .career-wrap .career-content .career-link { text-align:right; margin:0;} .carrer-content-title { color:#313131; font-size:1.5em; font-weight:bold;} .carrer-content-description { margin:0 0 50px;} .career-menu { float:right; width:330px;} .career-menu a:before { content:'+ ';} .career-menu li { border-top:1px solid #DEDFE0; padding:10px;} .career-menu .active a:before { content:'';} .career-menu .active a { color:#313131;} /* .career-wrap { border-bottom:1px solid #F0F0F0; margin:0 0 30px;} .career-wrap .career-left { float:left; width:271px;} .career-wrap .career-photo { position:relative; margin:43px 0 15px;} .career-wrap .career-photo img { display:block; margin:0;} .career-wrap .career-photo-border { z-index:50; position:absolute; width:4px; height:4px; background-image:url(images/border-carousel.png); background-repeat:no-repeat 0 0;} .career-wrap .border-tl { top:0; left:0; background-position:0 0;} .career-wrap .border-tr { top:0; right:0; background-position:-4px 0;} .career-wrap .border-bl { bottom:0; left:0; background-position:0 -4px;} .career-wrap .border-br { bottom:0; right:0; background-position:-4px -4px;} .career-wrap .career-right { float:right; width:770px;} .career-wrap .career-right h2 { color:#313131; font-weight:bold; font-size:1.5em; margin:0 0 10px;} .career-wrap .career-description { padding:0 0 15px; margin:0 0 15px; background:url(images/border-description.png) no-repeat left bottom;} .career-wrap .career-description p, .career-wrap .career-description ul, .career-wrap .career-description ol, .career-wrap .career-description table { margin:0 0 10px;} .career-wrap .career-logos li { float:left; margin:0 30px 15px 0;} .career-wrap .career-link { margin:0 0 30px;} .career-wrap .career-link a:before { content:'+ ';} */ /* services */ .primary-services-wrap { margin: 30px 0;} .primary-services-wrap .links-list { position:relative; height:20px; width:100%;} .primary-services-wrap .links-list li { position:absolute; top:0;} .primary-services-wrap .links-list a:before { content:'+ ';} .primary-services-wrap .links-list .active a:before { content:'';} .primary-services-wrap .links-list .active a { color:#313131;} .primary-services-wrap .links-list .link-1 { left:30px;} .primary-services-wrap .links-list .link-2 { left:300px;} .primary-services-wrap .links-list .link-3 { left:570px;} .primary-services-wrap .links-list .link-4 { left:800px;} .single-services .primary-services-wrap .entry-title { margin:0 0 15px;} .b-see-our-work { background:url(images/b-our-work.jpg) no-repeat 0 0; padding:60px 0 0; width:233px; float:right; text-align:right;} .other-services-wrap ul li { background:url(images/link-arrow.gif) no-repeat 3px 7px; padding:0 0 5px 15px;} .other-services-wrap p{ margin:0 0 30px;} .services-content-wrap { margin:0 0 30px;} .services-content-wrap .article-wrap { float:left; width:770px;} .services-content-wrap .other-services-wrap { float:right; width:300px;margin-left:30px;} .services-image-wrap { width:1100px; height:191px; background:url(images/primary-services.jpg) no-repeat 0 0;} .single-services.postid-133 .services-image-wrap { background:url(images/primary-services-1.jpg) no-repeat 0 0;} .single-services.postid-135 .services-image-wrap { background:url(images/primary-services-2.jpg) no-repeat 0 0;} .single-services.postid-129 .services-image-wrap { background:url(images/primary-services-3.jpg) no-repeat 0 0;} .single-services.postid-155 .services-image-wrap { background:url(images/primary-services-4.jpg) no-repeat 0 0;} /*.services-gallery a { float:left; display:block; margin:0 15px 10px 0; position:relative; width:150px; height:100px;} .services-gallery a img { display:block; position:absolute; top:0; left:0;} .services-gallery .services-border { z-index:50;}*/ .services-content-wrap .entry-content{ margin:0 0 15px;} /* clients */ .clients-col { width:236px; margin:0 20px 0 0; float:left;} .client-item { margin:0 0 15px;} .client-item h3 { color:#313131; font-weight:bold;} .client-item a:before { content:'+ ';} .clients-content-wrap { margin:0 0 30px;} .clients-content-wrap .article-wrap { float:left; width:770px;} .clients-content-wrap .our-clients-wrap { float:right; width:330px;} /* our work */ .project-carousel-wrap { position:relative; padding:1px 0 40px 1px; background:url(images/slider-shadow.jpg) no-repeat center bottom;} .project-carousel-wrap .project-carousel { z-index:10; height: 323px; overflow:hidden;} .project-carousel-wrap .carousel-item a { display:block;} .project-carousel-wrap .carousel-item img { background-color:#fff;} .project-carousel-wrap .carousel-nav { z-index:50; position:absolute; bottom:50px; right:20px;} .project-carousel-wrap .carousel-nav a { float:left; display:block; text-align:center; background-repeat:no-repeat; background-position:left top; height:17px; line-height:1.4;} .project-carousel-wrap .carousel-nav a.activeSlide { color:#fff; background-position:left bottom;} .project-carousel-wrap .carousel-nav .item-1 { background-image:url(images/slider-pagination-1.png); width:34px;} .project-carousel-wrap .carousel-nav .item-2 { background-image:url(images/slider-pagination-2.png); width:34px; margin:0 2px 0 0;} .project-carousel-wrap .carousel-nav .item-3 { background-image:url(images/slider-pagination-3.png); width:33px;} .project-carousel-wrap .carousel-nav .item-4 { background-image:url(images/slider-pagination-4.png); width:34px; margin:0 2px 0 0;} .project-carousel-wrap .b-ribbon { z-index:60; position:absolute; top:0; left:0; width:132px !important; height:133px !important; background:url(images/b-ribbon.png) no-repeat 0 0 !important;} .project-carousel-wrap .b-fullscreen { z-index:60; position:absolute; top:0; right:30px; width:133px; height:38px; background:url(images/b-fullscreen.png) no-repeat 0 0;} .project-carousel-wrap .carousel-border { z-index:50; position:absolute; width:4px; height:4px; background-image:url(images/border-carousel.png); background-repeat:no-repeat 0 0;} .project-carousel-wrap .border-tl { top:1px; left:1px; background-position:0 0;} .project-carousel-wrap .border-tr { top:1px; left:941px; background-position:-4px 0;} .project-carousel-wrap .border-bl { top:315px; left:1px; background-position:0 -4px;} .project-carousel-wrap .border-br { top:315px; left:941px; background-position:-4px -4px;} .our-work-content-wrap { margin:0 0 30px;} .our-work-content-wrap .article-wrap { float:left; width:770px;} .our-work-content-wrap .article-wrap .boxes, .entry-content .boxes { width: 1024px; margin: 31px 0 0 0;} .right-column p, img-text p{ color: #6e6e6e; font-size: 12px; padding-bottom: 33px; text-align: justify;} .right-column-smaller p{ color: #6e6e6e; font-size: 12px; padding-bottom: 11px; text-align: justify;} .img-text p.justify { text-align: justify;} .img-text-l p.justify { text-align: justify;} .img-text { padding-left: 40px;} .img-text-l { padding-right: 40px;} .right-column h3, .img-text h3, .img-text-l h3, .right-column-smaller h3, .press-release { color: #313131; font-size: 16px;} .gallery-flow { margin-top: 20px; clear: left;} .gallery-flow img { padding: 0 14px 10px 0;} .gallery-flow img.first { margin-top: 18px;} .gallery-flow img.last { padding: 3px 0 0 2px;} .gallery-flow img.pre-last { padding-top: 4px;} .our-work-content-wrap .article-wrap .boxes .box1, .entry-content .boxes .box1, .entry-content .boxes .box2, .entry-content .boxes .box3, .our-work-content-wrap .article-wrap .boxes .box2, .our-work-content-wrap .article-wrap .boxes .box3 { float: left; width: 280px; padding: 0 7px 0 23px;} .our-work-content-wrap .other-clients-wrap { float:right; width:330px; color:#A9A9A9; padding:30px 0 0; text-align:center;} .our-work-content-wrap .other-clients-wrap .separator{ padding:0 10px;} .our-work-content-wrap .other-clients-wrap .logo-wrap{ margin:0 0 10px;} .our-work-navigation li { z-index:10; height:47px; display:block; float:left; position:relative;} .our-work-navigation li a { display:block; height:47px; background-image:url(images/gallery-shapes.png); background-repeat:no-repeat;} .our-work-navigation li.item-1 a.icon { width:89px; background-position:0 0;} .our-work-navigation li.item-2 a.icon { width:92px; background-position:-89px 0;} .our-work-navigation li.item-3 a.icon { width:90px; background-position:-189px 0;} .our-work-navigation li.item-4 a.icon { background-position: -279px 0; width: 91px;} .our-work-navigation li.item-2, .our-work-navigation li.item-4 { margin:0 8px 0 0;} .our-work-navigation li.active a.icon { background-color:#E31314;} .our-work-navigation li.item-1.active a.icon { background-position:0 -47px;} .our-work-navigation li.item-2.active a.icon { background-position:-89px -47px;} .our-work-navigation li.item-3.active a.icon { background-position:-189px -47px;} .our-work-navigation li.item-4.active a.icon { background-position:-279px -47px;} .our-work-navigation li .tooltip { display:none; position:absolute; top:-50px; left:20px; width:107px; height:70px; padding:0 15px 0 45px; background:url(images/gallery-tooltip.png) no-repeat 0 0; text-align:center; line-height:70px;} .our-work-navigation li .tooltip img { vertical-align:middle;} .our-work-navigation li.visible { z-index:30;} .our-work-navigation li.visible .tooltip { display:block;} ul.solution-navigation { list-style:none; margin:0; padding:0; width:100% !important; overflow-x: scroll; overflow-y:hidden; white-space: nowrap; overflow-x:hidden; } .solution-ksztalt { width:200px !important; display:block; position:relative; height:140px; background-repeat:no-repeat; background-size:100% 100%; } .solution-navigation li:nth-child(3n) .solution-ksztalt{ border-bottom-left-radius:50%; -webkit-border-bottom-left-radius: 50%; border: 1px solid white; } .solution-navigation li { width:200px; display:inline-block; background-color:white; margin-right:0px; list-style:none; position:relative; height:140px; background-repeat:no-repeat; background-size:contain; } .solution-navigation li.item-1{ background-repeat:no-repeat; background-size:cover; margin-left:10px !important; z-index: 1000; width:200px; height:140px !important; } .solution-title { text-align:center; } .solution-navigation li.item-2{ background-repeat:no-repeat; margin-left:0; background-size:cover; z-index: 900; width:200px; height:140px !important; } .solution-navigation li.item-3{ background-repeat:no-repeat; margin-left:-20px; background-size:cover; z-index: 1100; border-bottom-left-radius:50%; -webkit-border-bottom-left-radius: 50%; border:1px solid white; width:200px; height:140px !important; } .solution-navigation li.item-4{ background-repeat:no-repeat; margin-left:-20px; background-size:contain; z-index: 1100; } /* range slider */ .rangeslider, .rangeslider__fill { display: block; -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .rangeslider { background: #e6e6e6; position: relative; } .rangeslider--horizontal { height: 10px; width: 50%; margin-left:25%; border-radius:5px; } .rangeslider--vertical { width: 20px; min-height: 150px; max-height: 100%; } .elements ul { list-style: none; margin:0 !important;padding:0; margin-top:-50px; } .elements li { float:left; margin-right:10px; } .elements li:after { margin-right:10px; } .rangeslider--disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; } .rangeslider__fill { background: #f86716; position: absolute; } .rangeslider--horizontal .rangeslider__fill { top: 0; height: 100%; } .rangeslider--vertical .rangeslider__fill { bottom: 0; width: 100%; } .rangeslider__handle { background: white; border: 1px solid #ccc; cursor: pointer; display: inline-block; width: 45px; height: 45px; position: absolute; background-image:url(images/scroll.png); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .rangeslider__handle:after { content: ""; display: block; width: 18px; height: 18px; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0)); background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0)); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .rangeslider__handle:active, .rangeslider--active .rangeslider__handle { background-image:url(images/scroll2.png); background-size: 100%; } .rangeslider--horizontal .rangeslider__handle { top: -20px; touch-action: pan-y; -ms-touch-action: pan-y; } .rangeslider--vertical .rangeslider__handle { left: -10px; touch-action: pan-x; -ms-touch-action: pan-x; } input[type="range"]:focus + .rangeslider .rangeslider__handle { -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); } .slider { -webkit-appearance: none; width:100%; max-width:1100px; margin-left:auto; margin-right:auto; height: 10px; background: #d3d3d3; outline: none; border-radius:5px; opacity: 1; -webkit-transition: .2s; transition: opacity .2s; } .slider:hover { opacity: 1; } .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 45px; height: 45px; background:url(images/scroll.png); cursor: pointer; border-radius:50%; } .slider::-moz-range-thumb { width: 25px; height: 25px; background: #4CAF50; cursor: pointer; } #our-work-carousel-container { position:relative; height:47px; width:1150px;} #our-work-carousel-container #slider-nav { position:absolute; top:15px; left:0;} #our-work-carousel-container #our-work-carousel { z-index:50; position:absolute; top:-47px; left:10px; position: relative; overflow: hidden; height:47px; width:941px; padding-top:47px;} #our-work-carousel-container .our-work-navigation { width:2000em; list-style: none;} #our-work-carousel-container .our-work-navigation li { float: left;} #other-projects-wrap{ position:relative;} .other-projects-tooltips { position:absolute; top:0; left:0;} .other-projects-tooltips .tooltip { display:none; color:#fff; font-weight:bold; position:absolute; background:url(images/other-projects-tooltip.png) no-repeat 0 0; width:206px; height:61px; padding:40px 0 0; text-align:center; vertical-align:middle;} .other-projects-tooltips .item-1 { left: 140px; top: -40px;} .other-projects-tooltips .item-2 { left: 180px; top: 50px;} .other-projects-tooltips .item-3 { left: 260px; top: -40px;} .other-projects-tooltips .item-4 { left: 310px; top: 70px;} .other-projects-tooltips .item-5 { left: 460px; top: -40px;} .other-projects-tooltips .item-6 { left: 530px; top: 50px;} .other-projects-tooltips .item-7 { left: 610px; top: 30px;} .other-projects-tooltips .item-8 { left: 720px; top: 20px;} .other-projects-tooltips .item-9 { left: 830px; top: -40px;} .other-projects-tooltips .item-10 { left: 870px; top: 50px;} .other-projects-tooltips .item-11 { left: 150px; top: 160px;} .other-projects-tooltips .item-12 { left: 120px; top: 250px;} .other-projects-tooltips .item-13 { left: 310px; top: 170px;} .other-projects-tooltips .item-14 { left: 240px; top: 260px;} .other-projects-tooltips .item-15 { left: 500px; top: 160px;} .other-projects-tooltips .item-16 { left: 420px; top: 240px;} .other-projects-tooltips .item-17 { left: 590px; top: 220px;} .other-projects-tooltips .item-18 { left: 700px; top: 200px;} .other-projects-tooltips .item-19 { left: 850px; top: 150px;} .other-projects-tooltips .item-20 { left: 830px; top: 250px;} /* press */ .press-wrap .press-list-wrap { float:left; width:770px;} .press-wrap .press-item { float:left; width:340px; /*height:260px;*/ padding:0 20px 0 0; margin:0 0 20px;} .press-wrap .thumb { position:relative; margin:0 0 5px;} .press-wrap .thumb img { display:block; margin:0;} .press-wrap .thumb .thumb-border { z-index:50; position:absolute; width:4px; height:4px; background-image:url(images/border-carousel.png); background-repeat:no-repeat 0 0;} .press-wrap .thumb .border-tl { top:0; left:0; background-position:0 0;} .press-wrap .thumb .border-tr { top:0; right:0; background-position:-4px 0;} .press-wrap .thumb .border-bl { bottom:0; left:0; background-position:0 -4px;} .press-wrap .thumb .border-br { bottom:0; right:0; background-position:-4px -4px;} .press-wrap .press-separator { padding:0 8px; color:#A9A9A9;} .press-wrap .press-title { color:#656565; font-weight: bold; margin:0 0 5px} .press-wrap .press-pdf { padding:5px 0 0; margin:0; background:url(images/border-description.png) no-repeat left top;} .press-wrap .press-pdf a{ margin:0 15px 0 0;} .press-wrap .press-projects { margin:0 0 5px;} .press-wrap .press-projects a { display:block;} .press-archives { float:right; width:330px;} .archives-list a:before { content:'+ ';} .archives-list li { border-top:1px solid #DEDFE0; padding:10px;} .wp-pagenavi { text-align:center;} .wp-pagenavi li { display:inline;} .wp-pagenavi .page.active span { color:#fff;} .wp-pagenavi .item-1.active span { background:url(images/red-pagination-1.png) no-repeat 0 0;} .wp-pagenavi .item-2.active span { background:url(images/red-pagination-2.png) no-repeat 0 0;} .wp-pagenavi .item-3.active span { background:url(images/red-pagination-3.png) no-repeat 0 0;} .wp-pagenavi .item-4.active span { background:url(images/red-pagination-4.png) no-repeat 0 0;} .wp-pagenavi a, .wp-pagenavi span { padding:1px 13px 1px 14px;} /* contact */ /* .content-contact { position:relative; width:1100px; height:381px; background:url(images/content-contact.jpg) no-repeat 0 0; margin: 0 0 20px;} */ /* .content-contact.desctop { display: block;} */ .content-contact-container {position: relative;} .content-contact-container .mobile { display: none;} .content-contact-container .contact-address { position:relative; top:0; right:0px; text-align:right; color:#6e6e6e; text-align: center;} .content-contact-container .contact-address h2 { font-size:1.5em;} .content-contact-container .contact-address p { margin:0 0 5px;} .content-contact-container .contact-email { position:absolute;bottom:0; right:25px; text-align:center; font-weight:bold; color:#313131;} .content-contact-container .contact-email a { font-weight:normal; color:#a9a9a9;} .content-contact-container .adress-container { position: absolute; top: 190px; right: 25px; width: 200px; text-align: right; color: #fff;} /* Image Attachments */ .image-attachment div.entry-meta { float: left;} .image-attachment nav { float: right; margin: 0 0 1em 0;} .image-attachment .entry-content { clear: both;} .image-attachment .entry-content .entry-attachment { background: #eee; margin: 0 0 1em; padding: 1em; text-align: center;} .image-attachment .entry-content .attachment { display: block; margin: 0 auto; text-align: center;} /* Aside Posts */ .format-aside .entry-header { display: none;} .single .format-aside .entry-header { display: block;} .format-aside .entry-content, .format-aside .entry-summary { padding-top: 1em;} .single .format-aside .entry-content, .single .format-aside .entry-summary { padding-top: 0;} /* Gallery Posts */ .format-gallery .gallery-thumb { float: left; margin: 0 1em 0 0;} /* Image Posts */ .format-image .entry-header { display: none;} .single .format-image .entry-header { display: block;} .format-image .entry-content, .format-image .entry-summary { padding-top: 1em;} .single .format-image .entry-content, .single .format-image .entry-summary { padding-top: 0;} /* =Images -------------------------------------------------------------- */ a img { border: none;} p img { margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */} /* Resize images to fit the main content area. - Applies only to images uploaded via WordPress by targeting size-* classes. - Other images will be left alone. Use "size-auto" class to apply to other images. */ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget-area img, .wp-caption { max-width: 100%; /* When images are too wide for containing element, force them to fit. */ height: auto; /* Override height to match resized width for correct aspect ratio. */} img.alignleft { margin-right: 1em;} img.alignright { margin-left: 1em;} .wp-caption { padding: .5em; text-align: center;} .wp-caption img { margin: .25em;} .wp-caption .wp-caption-text { margin: .5em;} .gallery-caption {} .wp-smiley { margin: 0;} /* =Comments -------------------------------------------------------------- */ article.comment { display: block;} #respond input[type=text] { display: block; width: 60%;} #respond textarea { display: block; margin: 0 0 1em; width: 80%;} #respond .form-allowed-tags { clear: both; width: 80%;} #respond .form-allowed-tags code { display: block;} /* =Widgets -------------------------------------------------------------- */ .widget { display: block;} .widget-area .widget_search { overflow: hidden;} .widget-area .widget_search input { float: left;} /* =Footer -------------------------------------------------------------- */ #colophon { border-top:1px solid #F0F0F0; font-size:0.917em; padding:10px 0 0; width:1100px; height:30px; margin:0 auto 30px; position:relative;} #colophon .widget-area { width:auto; float:none;} #colophon .widget-area li { float:left; margin:0 15px 0 0;} #colophon a { color:#a8a8a8;} #colophon .link-disci { position:absolute; top:30px; right:0;} #colophon .footer-copy { color:#A8A8A8; position:absolute; top:10px; right:0;} /* flow */ .flow-wrap { position:relative;} .flow-wrap .flow-description { font-style:italic; font-size:14px; margin:0 0 30px; padding:0 60px 0 0;} .flow-wrap .flow-links a { display:block;} .flow-wrap .flow-links .link-1 { float:left; width:282px; padding:0 50px 0 0;} .flow-wrap .flow-links .link-1 a { width:282px; padding:115px 0 0; background:url(/wp-content/uploads/2013/01/about-interni-legacy.jpg) no-repeat 0 0;} .flow-wrap .flow-links .link-2 { float:left; width:282px;} .flow-wrap .flow-links .link-2 a { width:282px; padding:115px 0 0; background:url(/wp-content/uploads/2013/01/mac-stopa-about-flow.jpg) no-repeat 0 0;} .flow-wrap .flow-links .link-3 { position:absolute; bottom:0; right:-289px; width:289px;} .flow-wrap .flow-links .link-3 a { width:289px; padding:273px 0 0; background:url(/wp-content/uploads/2013/01/more-about-flow-fix1.jpg) no-repeat 0 0;} .flow-site { padding:50px 0 0;} .flow-site .justify { text-align:justify;} .flow-site h2 { font-size:16px; color:#313131; font-weight:normal; margin:0 0 5px;} .flow-site .banner-top { width:935px; height:347px; padding:0 0 0 25px; background:url(images/flow/banner-top.jpg) no-repeat 0 0;} .flow-site .banner-top a { width:514px; height:277px;} .flow-site .milan-design-week { width:585px; height:111px; padding:0 330px 0 25px; margin:0 0 15px; background:url(images/flow/integri-legacy.jpg) no-repeat right top;} .flow-site .flow-gallery-wrap { padding:0 0 0 25px; margin:0 0 50px;} .flow-site .flow-gallery { position:relative; width:916px; height:1206px;} .flow-site .flow-gallery a { width:100%; height:100%;} .flow-site .flow-gallery a:hover { background:url(images/flow/gallery-hover.png) no-repeat center center;} .flow-site .flow-gallery .photo-1 { position:absolute; top:0; left:0; width:381px; height:328px; background:url(images/flow/photo-1.jpg) no-repeat 0 0;} .flow-site .flow-gallery .photo-2 { position:absolute; top:0; left:395px; width:189px; height:328px; background:url(images/flow/photo-2.jpg) no-repeat 0 0;} .flow-site .flow-gallery .photo-3 { position:absolute; top:0; left:592px; width:322px; height:469px; background:url(images/flow/photo-3.jpg) no-repeat 0 0;} .flow-site .flow-gallery .photo-4 { position:absolute; top:340px; left:0; width:234px; height:258px; background:url(images/flow/photo-4.jpg) no-repeat 0 0;} .flow-site .flow-gallery .photo-5 { position:absolute; top:340px; left:250px; width:335px; height:257px; background:url(images/flow/photo-5.jpg) no-repeat 0 0;} .flow-site .flow-gallery .photo-6 { position:absolute; top:480px; left:592px; width:324px; height:117px; background:url(images/flow/photo-6.jpg) no-repeat 0 0;} .flow-site .flow-gallery .photo-7 { position:absolute; top:610px; left:0; width:325px; height:601px; background:url(images/flow/photo-7.jpg) no-repeat 0 0;} .flow-site .flow-gallery .photo-8 { position:absolute; top:610px; left:336px; width:186px; height:330px; background:url(images/flow/photo-8.jpg) no-repeat 0 0;} .flow-site .flow-gallery .photo-9 { position:absolute; top:610px; left:535px; width:381px; height:330px; background:url(images/flow/photo-9.jpg) no-repeat 0 0;} .flow-site .flow-gallery .photo-10 { position:absolute; top:953px; left:336px; width:334px; height:258px; background:url(images/flow/photo-10.jpg) no-repeat 0 0;} .flow-site .flow-gallery .photo-11 { position:absolute; top:953px; left:682px; width:234px; height:258px; background:url(images/flow/photo-11.jpg) no-repeat 0 0;} .flow-site .interni-legacy-wrap { border-bottom:1px solid #E9E9E9; padding:0 10px 40px 350px; margin:0 0 40px; background:url(images/flow/interni-legacy-logo.jpg) no-repeat 25px 5px;} .flow-site .mac-stopa-wrap { border-bottom:1px solid #E9E9E9; padding:0 10px 30px 350px; margin:0 0 30px; background:url(images/flow/mac-stopa.jpg) no-repeat 0 0;} .flow-site .mac-stopa-wrap .margin { padding:0 0 30px;} .flow-site .fuori-salone { border-bottom:1px solid #E9E9E9; padding:0 0 30px; margin:0 0 30px;} .flow-site .fuori-salone .link { width:824px; height:634px; margin:0 0 0 -15px; background:url(images/flow/fuori-salone.jpg) no-repeat 0 0;} .flow-site .interni-content-wrap { border-bottom:1px solid #E9E9E9; padding:0 0 30px; margin:0 0 30px;} .flow-site .interni-content-wrap .interni-link { float:left; width:515px; margin:0 0 0 -15px;} .flow-site .interni-content-wrap .interni-link a { display:block; width:471px; padding:662px 0 0 30px; background:url(images/flow/interni-content-link.jpg) no-repeat 0 0;} .flow-site .interni-content-wrap .interni-content { float:left; width:440px; padding:20px 0 0 15px;} .flow-site .interni-content-wrap .interni-content h3 { color:#373435; font-size:14px; font-family:'Times New Roman'; padding:10px 0 0; background:url(images/flow/border-short.png) no-repeat 0 0;} .flow-site .interni-content-wrap .interni-content h2 { margin:0 0 15px;} .flow-site .interni-content-wrap .interni-content p { font-size:12px; margin:0 0 20px;} .flow-site .interni-content-2-wrap { border-bottom:1px solid #E9E9E9; padding:0 0 30px; margin:0 0 30px;} .flow-site .interni-content-2-wrap .interni-link { float:left; width:515px; margin:0 0 0 -15px;} .flow-site .interni-content-2-wrap .interni-link a.link-1 { display:block; width:471px; padding:665px 0 0 30px; background:url(images/flow/interni-content-2-link-1.jpg) no-repeat 0 0;} .flow-site .interni-content-2-wrap .interni-link a.link-2 { display:block; width:471px; padding:350px 0 0 30px; background:url(images/flow/interni-content-2-link-2.jpg) no-repeat 0 0;} .flow-site .interni-content-2-wrap .interni-content { float:left; width:440px; padding:20px 0 0 15px;} .flow-site .interni-content-2-wrap .interni-content h3 { color:#373435; font-size:14px; font-family:'Times New Roman'; padding:10px 0 0; background:url(images/flow/border-short.png) no-repeat 0 0;} .flow-site .interni-content-2-wrap .interni-content h2 { margin:0 0 15px;} .flow-site .interni-content-2-wrap .interni-content p { font-size:12px; margin:0 0 20px;} .flow-site .interni-content-3-wrap { border-bottom:1px solid #E9E9E9; padding:0 0 30px; margin:0 0 30px;} .flow-site .interni-content-3-wrap .interni-link { float:left; width:515px; margin:0 0 0 -15px;} .flow-site .interni-content-3-wrap .interni-link a { display:block; width:471px; padding:668px 0 0 30px; background:url(images/flow/interni-content-3-link.jpg) no-repeat 0 0;} .flow-site .interni-content-3-wrap .interni-content { float:left; width:440px; padding:20px 0 0 15px;} .flow-site .interni-content-3-wrap .interni-content h3 { color:#373435; font-size:14px; font-family:'Times New Roman'; padding:10px 0 0; background:url(images/flow/border-short.png) no-repeat 0 0;} .flow-site .interni-content-3-wrap .interni-content h2 { margin:0 0 15px;} .flow-site .interni-content-3-wrap .interni-content p { font-size:12px; margin:0 0 20px;} .flow-site .interni-content-4-wrap { border-bottom:1px solid #E9E9E9; padding:0 0 30px; margin:0 0 30px;} .flow-site .interni-content-4-wrap .interni-link { float:left; width:515px; margin:0 0 0 -15px;} .flow-site .interni-content-4-wrap .interni-link a { display:block; width:471px; padding:353px 0 0 30px; background:url(images/flow/interni-content-4-link.jpg) no-repeat 0 0;} .flow-site .interni-content-4-wrap .interni-content { float:left; width:440px; padding:20px 0 0 15px;} .flow-site .interni-content-4-wrap .interni-content h3 { color:#373435; font-size:14px; font-family:'Times New Roman'; padding:10px 0 0; background:url(images/flow/border-short.png) no-repeat 0 0;} .flow-site .interni-content-4-wrap .interni-content h2 { margin:0 0 15px;} .flow-site .interni-content-4-wrap .interni-content p { font-size:12px; margin:0 0 20px;} .flow-site .interni-content-5-wrap { border-bottom:1px solid #E9E9E9; padding:0 0 30px; margin:0 0 30px;} .flow-site .interni-content-5-wrap .interni-link { float:left; width:515px; margin:0 0 0 -15px;} .flow-site .interni-content-5-wrap .interni-link a { display:block; width:471px; padding:349px 0 0 30px; background:url(images/flow/interni-content-5-link.jpg) no-repeat 0 0;} .flow-site .interni-content-5-wrap .interni-content { float:left; width:440px; padding:20px 0 0 15px;} .flow-site .interni-content-5-wrap .interni-content h2 { margin:0 0 15px; padding:10px 0 0; background:url(images/flow/border-short.png) no-repeat 0 0;} .flow-site .interni-content-5-wrap .interni-content p { font-size:12px; margin:0 0 20px;} .flow-site .interview-wrap { position:relative; height:450px; margin:0 0 60px; padding:0 0 0 340px;} .flow-site .interview-wrap .interview-link { width:616px; height:391px; background:url(images/flow/interview.jpg) no-repeat 0 0;} .flow-site .press-release-wrap { position:absolute; top:0; left:-20px;} .flow-site .press-release-wrap a { display:block; width:330px; padding:391px 0 0 30px; background:url(images/flow/press-release.jpg) no-repeat 0 0;} .flow-site .press-release-wrap h2 { padding:0 0 0 20px;} .flow-site .bottom-links { padding:0 0 0 20px;} .flow-site .bottom-links a { display:block;} .flow-site .bottom-links .link-1 { float:left; width:282px; padding:0 40px 0 0;} .flow-site .bottom-links .link-1 a { width:282px; padding:155px 0 0; background:url(images/flow/bottom-link-1.jpg) no-repeat 0 0;} .flow-site .bottom-links .link-2 { float:left; width:282px; padding:0 40px 0 0;} .flow-site .bottom-links .link-2 a { width:282px; padding:155px 0 0; background:url(images/flow/bottom-link-2.jpg) no-repeat 0 0;} .flow-site .bottom-links .link-3 { float:left; width:282px; padding:0;} .flow-site .bottom-links .link-3 a { width:282px; padding:155px 0 0; background:url(images/flow/bottom-link-3.jpg) no-repeat 0 0;} .error-404-msg{ position:relative; width:548px; height:194px; margin:50px auto; background:url(images/error-404.jpg) no-repeat 0 0;} .error-404-msg .set-btn{ position:absolute; right:0; bottom:40px; width:200px; height:20px;} /* events */ .event-container { padding:0 0 30px; margin:0 0 30px; border-bottom: #f1f1f1 1px solid;} .event-container .col-left-event { float: left; width: 271px;} .event-container .col-left-event img { max-width:100%;} .event-container .col-right-event { float: right; width: 770px; } .event-container .col-right-event img { max-width:100%;} .event-container .col-right-event h2 { color: #313131; font-weight: bold; font-size: 1.5em; margin: 0 0 10px;} .event-container .col-right-event .inner-proj { padding: 0 0 15px; margin: 0 0 15px; background: url(images/border-description.png) no-repeat left bottom;} .event-container .col-right-event a.projlink { } .col70 { width:70%; position:relative; float:left; } .col30 { width:27%; position:relative; float:left; margin-left:3%; }