/* Theme Name: Cappen Description: Cappen - Ag�ncia Digital Author: Guga Carvalho Author URI: http://www.gugacarvalho.com */ /********* INDICE *********//* 1 - RESET CSS 2 - GENERAL CLASSES and IDs 3 - CAROUSEL AND SOCIAL NETWORKS 4 - CONTENT AND HEADER 5 - SIDEBAR 6 - FOOTER 7 - WHO 8 - SHOWREEL 9 - COLLECTION 10 - CONTACT *//********* INDICE *********/ /* 1 */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; outline:medium none; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } /* 2 */ body, html { font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; background:url(../images/bg.jpg) 50% 0 fixed; } body { overflow-x: hidden !important; } .clear { clear:both; } .limites { width:960px; margin:0 auto; } div#layer { width:100%; height:100%; position:fixed; background:#00ffa8; opacity:0.9; filter:alpha(opacity=90); z-index:101; display:none; } div#layer2 { width:100%; height:100%; position:fixed; background:#b2b3b3; opacity:0.97; filter:alpha(opacity=97); z-index:1000; display:none; } div#container { position:relative; overflow-x:hidden; } div#global { background:; } /* 3 */ section#social-networks { width:80px; height:20px; position:absolute; top:20px; right:20px; z-index:100; } section#social-networks a#language { width:150px; height:19px; line-height:19px; position:absolute; top:0; right:90px; font-size:11px; color:#fff; text-decoration:none; text-align:right; font-style:italic; } section#social-networks a#language:hover { text-decoration:underline; } section#social-networks ul { list-style:none; width:80px; height:20px; } section#social-networks ul li { width:19px; height:19px; float:left; margin-right:1px; } section#social-networks ul li a { display:block; width:19px; height:19px; background:url(../images/sprite-social-networks.png) no-repeat; text-indent:-9999em; overflow:hidden; } section#social-networks ul li a#twitter { background-position:0 0; } section#social-networks ul li a#vimeo { background-position:-24px 0; } section#social-networks ul li a#facebook { background-position:-48px 0; } section#social-networks ul li a#linked-in { background-position:-72px 0; } /* OLD LIST - 13-12-2010 section#social-networks ul { width:110px; list-style:none; } section#social-networks ul li { width:110px; height:18px; } section#social-networks ul li a { display:block; width:90px; height:18px; color:#fff; text-decoration:none; line-height:18px; font-style:italic; font-weight:bold; font-size:10px; padding-left:20px; background:url(../images/sprite.png) no-repeat; } section#social-networks ul li a#twitter { background-position:0 0; } section#social-networks ul li a#vimeo { background-position:0 -18px; } section#social-networks ul li a#linked-in { background-position:0 -36px; } section#social-networks ul li a#facebook { background-position:0 -54px; } section#social-networks ul li a#youtube { background-position:0 -72px; } section#social-networks ul li a#flickr { background-position:0 -90px; } section#social-networks ul li a:hover { text-decoration:underline; } */ section.infiniteCarousel { position:absolute; width:700px; height:550px; left:50%; margin-left:-350px; top:55px; z-index:3; background:url(../images/bg-slideshow.png) no-repeat 50% 0; } section.infiniteCarousel img { display:block; width:575px; height:550px; } section.infiniteCarousel div#div-prev-button, section.infiniteCarousel div#div-next-button { display:block; width:109px; height:217px; text-indent:-9999em; overflow:hidden; background:url(../images/sprite-setas-slider.png) no-repeat; position:absolute; } section.infiniteCarousel a#prev-button, section.infiniteCarousel a#next-button { display:block; width:26px; height:46px; text-indent:-9999em; overflow:hidden; background:url(../images/sprite-setas-slider.png) no-repeat;} section.infiniteCarousel a#prev-button{position:relative; left:20px; top:83px} section.infiniteCarousel a#next-button{position:relative; left:60px; top:83px} section.infiniteCarousel a#bt-banner-topo{position:absolute; left:128px; top:120px; display:none; width:444px; height:290px; z-index:8;background:#00ffa8; opacity:0; filter:alpha(opacity=0);} section.infiniteCarousel div#div-prev-button { background-position:0 0; left:3px; top:157px; } section.infiniteCarousel div#div-next-button { background-position:0 -446px; right:2px; top:156px; } section.infiniteCarousel div#div_slider{overflow: hidden; width: 575px; position: absolute; z-index: 2; left: 64px;} /* div.thumbs { width:84px; height:13px; background:; position:absolute; bottom:40px; left:50%; margin-left:-35px; } div.thumbs a { display:block; width:15px; height:15px; float:left; margin-right:6px; background:url(../images/sprite.png) no-repeat 0 -137px; text-indent:-9999em; overflow:hidden; cursor:pointer; } div.thumbs a:hover { background:url(../images/sprite.png) no-repeat 0 -157px; } div.thumbs a.active { background:url(../images/sprite.png) no-repeat 0 -157px; } */ section.infiniteCarousel span#featured-projects { display:block; width:150px; height:20px; text-indent:0; background:none; text-align:center; line-height:20px; position:absolute; left:50%; margin-left:-75px; bottom:-15px; text-decoration:none; font-style:italic; color:#363635; } /*section.infiniteCarousel a#featured-projects:hover { text-decoration:underline; }*/ div#div-atalho-button { width:85px; height:15px; position:absolute; bottom:-32px; left:50%; margin-left:-40px; } div#div-atalho-button a{display:inline; text-indent:0; background:none} div#div-atalho-button a { display:block; width:15px; height:15px; float:left; margin-right:6px; background:url(../images/sprite.png) no-repeat 0 -137px; overflow:hidden; cursor:pointer; } div#div-atalho-button a:hover { background:url(../images/sprite.png) no-repeat 0 -157px; } div#div-atalho-button a.active { background:url(../images/sprite.png) no-repeat 0 -157px; } /* 4 */ section#content-header { width:640px; height:625px; } header { width:170px; float:left; position:relative; z-index:5; /*padding-bottom:188px;*/ } header h1 { width:123px; height:109px; margin-top:20px; } header h1 a { display:block; width:123px; height:109px; text-indent:-9999em; overflow:hidden; background:url(../images/cappen.png) no-repeat; } /* nav style */ header nav { display:block; width:93px; list-style:none; z-index:300; height:100px; border-left:1px solid #363635; margin-left:69px; padding-left:5px; padding-top:28px; position:relative; } header nav a { display: block; overflow: hidden; float: left; clear: both; margin-bottom:1px; } header nav a span { display: block; overflow: hidden; text-indent: -9999px; width: 0; height:17px; } /********* nav en *********/ header nav a#nav-who { width: 39px; background: url(../images/nav.png) -39px 0; } /* normal */ header nav a#nav-who.selected { background: url(../images/nav.png) 0 0; } /* selecionado */ header nav a#nav-who span { background: url(../images/nav.png) 0 0; } /* hover */ header nav a#nav-collection { width: 93px; background: url(../images/nav.png) -93px -18px; } header nav a#nav-collection.selected { background: url(../images/nav.png) 0 -18px; } header nav a#nav-collection span { background: url(../images/nav.png) 0 -18px; } header nav a#nav-showreel { width: 80px; background: url(../images/nav.png) -80px -36px; } header nav a#nav-showreel.selected { background: url(../images/nav.png) 0 -36px; } header nav a#nav-showreel span { background: url(../images/nav.png) 0 -36px; } header nav a#nav-blog { width: 43px; background: url(../images/nav.png) -43px -54px; } header nav a#nav-blog.selected { background: url(../images/nav.png) 0 -54px; } header nav a#nav-blog span { background: url(../images/nav.png) 0 -54px; } header nav a#nav-contact { width: 70px; background: url(../images/nav.png) -70px -72px; } header nav a#nav-contact.selected { background: url(../images/nav.png) 0 -72px; } header nav a#nav-contact span { background: url(../images/nav.png) 0 -72px; } header nav a#nav-facebook { width: 78px; background: url(../images/nav.png) -78px -194px; } header nav a#nav-facebook.selected { background: url(../images/nav.png) 0 -194px; } header nav a#nav-facebook span { background: url(../images/nav.png) 0 -194px; } /********* nav pt *********/ header nav a#nav-quem { width: 50px; background: url(../images/nav.png) -50px -104px; } /* normal */ header nav a#nav-quem.selected { background: url(../images/nav.png) 0 -104px; } /* selecionado */ header nav a#nav-quem span { background: url(../images/nav.png) 0 -104px; } /* hover */ header nav a#nav-colecao { width: 70px; background: url(../images/nav.png) -70px -122px; } header nav a#nav-colecao.selected { background: url(../images/nav.png) 0 -122px; } header nav a#nav-colecao span { background: url(../images/nav.png) 0 -122px; } header nav a#nav-contato { width: 70px; background: url(../images/nav.png) -70px -176px; } header nav a#nav-contato.selected { background: url(../images/nav.png) 0 -176px; } header nav a#nav-contato span { background: url(../images/nav.png) 0 -176px; } nav span#pingo { display:block; width:15px; height:19px; background:url(../images/sprite.png) no-repeat 0 -111px; position:absolute; bottom:-15px; left:-8px; } /* nav style */ section#watch-showreel { width:640px; height:193px; margin-top:40px; position:relative; background:url(../images/bg-content-showreel.png) no-repeat; } section#watch-showreel h1#showreel-en { width:255px; height:56px; text-indent:-9999em; overflow:hidden; background:url(../images/sprite-titles.png) no-repeat 0 0; position:absolute; right:0px; top:10px; } section#watch-showreel h1#showreel-pt { width:259px; height:56px; text-indent:-9999em; overflow:hidden; background:url(../images/sprite-titles.png) no-repeat 0 -62px; position:absolute; right:0px; top:10px; } section#watch-showreel div#showreel-video { width:420px; height:240px; float:left; position:relative; } section#watch-showreel a#effect-play-showreel { display:block; width:61px; height:61px; position:absolute; top:67px; left:307px; background:url(../images/sprite.png) no-repeat 0 -975px; } section#watch-showreel a#effect-play-showreel:hover { background:url(../images/sprite.png) no-repeat -67px -975px; } section#share-button { width:360px; height:20px; float:right; margin-top:75px; } section#share-button h1 { display:inline-block; font-size:11px; line-height:20px; font-style:italic; color:#363635; padding-right:10px; float:right; } section#share-button div.bt{ float:right; } section#share-button div.twi{ margin-right:-14px; } /* 5 */ section#sidebar { width:300px; float:right; padding-bottom:0px; position:relative; z-index:0; } span#bottom-who { display:block; width:303px; height:52px; background:url(../images/bottom-who.png) no-repeat; position:absolute; top:-26px; left:-25px; } div#social-networks-area { width:300px; height:625px; background:url(../images/bg-social-networks.png) no-repeat; position:relative; } #top-a-1, #top-a-2{height:220px; width:550px;} #top-a-1 img, #top-a-2 img{float:left; padding:0 10px 10px 0;} #top-a-2{display:none;} #top-a-1 figure, #top-a-2 figure{display:inline;} /* 7 */ section#content-top { width:100%; height:600px; background:url(../images/bg-who.jpg) repeat; display:; position:absolute; top:-9999em; } a.en { display:block; width:69px; height:45px; position:absolute; bottom:0; left:50%; margin-left:-35px; text-indent:-9999em; overflow:hidden; background:url(../images/sprite.png) no-repeat -79px -409px; display:none; } a.pt { display:block; width:77px; height:45px; position:absolute; bottom:0; left:50%; margin-left:-35px; text-indent:-9999em; overflow:hidden; background:url(../images/sprite.png) no-repeat -157px -417px; display:none; } /*div#wrap-top { width:994px; height:360px; margin:0 auto; padding-top:80px; border-bottom:1px solid #2d2d2d; }*/ div#wrap-top { width:994px; height:360px; margin:0 auto; padding-top:80px; } section#who { width:994px; height:60px; padding-top:330px; margin:-80px auto; background:url(../images/who-bg.png) no-repeat 50% 0; display:; } section#who p { color:#fff; font-size:12px; line-height:14px; text-align:center; font-style:italic; } section#life-at-cappen { width:270px; height:60px; padding-top:230px; margin:0 auto; background:url(../images/ball.png) no-repeat 50% 0; display:none; } section#life-at-cappen p { color:#fff; font-size:12px; line-height:14px; text-align:center; font-style:italic; } section#offerings { width:760px; height:360px; display:none; margin-left:150px; } section#offerings dl { float:left; padding-right:70px; } section#offerings dl#dl-digital-production { padding-right:0; } section#offerings dl dt { color:#6a6a6a; text-transform:uppercase; font-size:29px; padding-bottom:30px; } section#offerings dl dd { font-size:12px; line-height:19px; color:#fff; font-style:italic; padding-left:8px; background:url(../images/bg-list-offerings.png) no-repeat; } section#our-stars { width:760px; height:360px; display:none; position:relative; top:-99999em; margin-left:100px;} section#our-stars h1 { color:#6a6a6a; text-transform:uppercase; font-size:30px; padding-bottom:50px; text-align:center } section#our-stars h1 span{ color:#6a6a6a; text-transform:uppercase; font-size:54px; font-style:italic } /*div#our-stars-carousel { width:760px; height:130px; float:right; } ul#mycarousel { width:715px; height:130px; display:block; margin:0 auto } div#our-stars-carousel ul li { width:715px; height:130px; } div#our-stars-carousel ul li img { width:130px; height:130px; float:left; margin:0 0 9px 9px; } */ div#our-stars-carousel2 { width:760px; height:130px; float:right; } ul#ruan_carousel { width:715px; height:130px; display:block; margin:0 auto } div#our-stars-carousel2 ul li { width:715px; height:130px; } div#our-stars-carousel2 ul li img { width:130px; height:130px; float:left; margin:0 0 9px 9px; } /*nav#nav-content-top { width:365px; height:20px; padding-top:50px; margin:0 auto; }*/ nav#nav-content-top { width:760px; height:20px; padding-top:50px; margin:0 auto; border-top: 1px solid #2D2D2D; } nav#nav-content-top ul { width:550px; height:20px; list-style:none; } nav#nav-content-top ul li { float:left; padding:0 15px; } nav#nav-content-top ul li a { text-decoration:none; color:#717171; font-style:italic; font-size:12px; } nav#nav-content-top ul li a:hover { text-decoration:underline; } nav#nav-content-top ul li a.active { text-decoration:underline; } /* 8 */ section#showreel { width:995px; height:1073px; background:url(../images/bg-showreel.png) no-repeat; position:fixed; top:50%; margin-top:-537px; left:-905px; z-index:999; } section#showreel h1 { color:#fff; text-transform:uppercase; font-size:30px; padding-top:228px; padding-left:340px; } section#showreel h1 span { color:#00ffa8; } section#showreel div { width:640px; height:360px; background:#666; position:absolute; left:140px; top:356px; } section#showreel a { display:block; width:40px; height:58px; background:url(../images/sprite.png) no-repeat -30px -409px; text-decoration:none; text-indent:-9999em; overflow:hidden; position:absolute; top:516px; left:839px; } section#showreel a#voltar_showreel { display:block; width:40px; height:58px; background:url(../images/sprite.png) no-repeat -181px -351px; text-decoration:none; text-indent:-9999em; overflow:hidden; position:absolute; top:516px; left:839px; } /* 9 */ section#collection { width:640px; position:absolute; left:50%; margin-left:-320px; /* top:50%; */ top:-9999em; z-index:1050; display:; } div#header-collection { width:640px; height:60px; background:#00ffa8; margin-bottom:20px; position:relative; z-index:999; } div#header-collection h1 { font-size:36px; line-height:60px; color:#fff; text-transform:uppercase; font-weight:normal; font-style:italic; font-family:"Times New Roman", Times, serif; padding-left:10px; float:left; } div#select-collection { width:270px; height:30px; background:#fff; float:right; position:relative; top:15px; right:-10px; } div#select-collection h3 { width:50px; height:30px; line-height:30px; padding-left:8px; padding-right:2px; font-family:Georgia, "Times New Roman", Times, serif; color:#b7b8b8; font-style:italic; font-size:11px; float:left; font-weight:normal; } div#select-collection select { width:190px; height:20px; border:none; float:left; } span#bottom-select-collection { display:block; width:9px; height:9px; position:absolute; right:1px; bottom:-9px; background:url(../images/sprite.png) no-repeat -108px -817px; } div#bg-select-list-collection { width:270px; height:190px; background:#fff; position:absolute; top:30px; right:0; display:none; } div#bg-select-list-collection span { display:block; width:9px; height:9px; position:absolute; right:1px; bottom:-9px; background:url(../images/sprite.png) no-repeat -108px -817px; } div#content-collection { width:640px; height:540px; background:; overflow:; position:relative; z-index:150; } img#loader-content-collection { display:block; width:32px; height:32px; position:absolute; top:50%; left:50%; margin-top:-36px; margin-left:-16px; display:none; } div#content-collection ul { list-style:none; width:640px; height:540px; position:relative; } div#content-collection ul li { width:640px; height:540px; overflow:hidden; float:left; position:absolute; display:none; } div#content-collection ul li#collection-1 { display:block; } div#content-collection article { display:block; width:200px; height:250px; background:#ffffff; position:absolute; } div#content-collection article.box-1 { top:0px; left:0px; } div#content-collection article.box-2 { top:0px; left:220px; } div#content-collection article.box-3 { top:0px; left:440px; } div#content-collection article.box-4 { top:270px; left:0px; } div#content-collection article.box-5 { top:270px; left:220px; } div#content-collection article.box-6 { top:270px; left:440px; } div#loading-collection { width:200px; height:250px; position:absolute; top:145px; left:220px; z-index:9999; background:#00ffa8; text-align:left; display:none; } div#loading-collection p { color:#fff; font-size:36px; line-height:250px; text-transform:uppercase; font-weight:normal; font-style:italic; font-family:"Times New Roman", Times, serif; padding-left:10px; } div.figure-area { width:200px; height:180px; overflow:hidden; position:relative; margin-bottom:10px; } div.figure-area figure { display:block; width:200px; height:360px; margin:0; padding:0; position:relative; background:#ccc; } div.figure-area figure img { display:block; width:200px; height:180px; position:relative; margin:0; padding:0; } div#content-collection article h1 { width:180px; padding:0 10px; height:15px; line-height:15px; color:#707070; font-size:10px; font-style:italic; font-weight:bold; } div#content-collection article p { width:180px; padding:0 10px; height:15px; line-height:15px; color:#b2b3b3; font-size:10px; font-style:italic; font-weight:700; } div#content-collection article a.launch-project-collection { display:block; width:74px; height:13px; position:absolute; bottom:10px; left:10px; background:url(../images/sprite.png) no-repeat -155px -35px; text-indent:-9999em; overflow:hidden; } div#content-collection article a.launch-project-collection:hover { background-position:-155px -51px; } div#content-collection article a.visite-projeto-collection { display:block; width:76px; height:13px; position:absolute; bottom:10px; left:10px; background:url(../images/sprite.png) no-repeat -155px -67px; text-indent:-9999em; overflow:hidden; } div#content-collection article a.visite-projeto-collection:hover { background-position:-155px -83px; } div#content-collection article a.ver-mais-collection { display:block; width:30px; height:30px; position:absolute; bottom:0; right:0; background:url(../images/sprite.png) no-repeat -231px -0px; text-indent:-9999em; overflow:hidden; z-index:95; } div#footer-collection { width:620px; height:40px; background:#707070; padding:0 10px; } a#go-back-footer-collection { display:block; width:58px; height:14px; float:left; text-indent:-9999em; overflow:hidden; background:url(../images/sprite.png) no-repeat -108px -777px; position:relative; top:13px; } a#go-back-footer-collection:hover { background:url(../images/sprite.png) no-repeat -58px -934px; } a#go-back-footer-collection-pt { display:block; width:53px; height:14px; float:left; text-indent:-9999em; overflow:hidden; background:url(../images/sprite.png) no-repeat -182px -934px; position:relative; top:13px; } a#go-back-footer-collection-pt:hover { background:url(../images/sprite.png) no-repeat -123px -934px; } div#pagination-collection { height:15px; float:right; padding-top:13px; } div#pagination-collection h3 { font-size:11px; line-height:15px; color:#fff; font-style:italic; font-weight:normal; padding-right:5px; float:left; } div#pagination-collection #paginacao2 { float:left; } div#pagination-collection #paginacao2 a { display:block; float:left; width:15px; height:15px; text-indent:-9999em; overflow:hidden; background:url(../images/sprite.png) no-repeat -68px -842px; margin-left:5px; } div#pagination-collection #paginacao2 a:hover { background-position:-87px -842px; } div#pagination-collection #paginacao2 a.active { background-position:-87px -842px; } div.imagem-load { width:32px; height:32px; position:absolute; top:50%; left:50%; margin-top:-16px; margin-left:-16px; } section#collection-project { width:640px; position:absolute; left:50%; margin-left:-320px; z-index:1050; display:none; } div#header-collection-project { width:640px; height:60px; background:#00ffa8; margin-bottom:10px; } div#header-collection-project h1 { font-size:36px; line-height:60px; color:#fff; font-weight:normal; font-style:italic; font-family:"Times New Roman", Times, serif; padding-left:10px; float:left; } div#header-collection-project h1 span { font-size:12px; line-height:14px; color:#707070; font-weight:bold; font-style:italic; padding-left:5px; } a#go-back-collection-project { display:block; width:58px; height:14px; float:right; text-indent:-9999em; overflow:hidden; background:url(../images/sprite.png) no-repeat -176px -777px; position:relative; top:23px; padding-right:10px; } a#go-back-collection-project:hover { background:url(../images/sprite.png) no-repeat -58px -954px; } a#go-back-collection-project-pt { display:block; width:58px; height:14px; float:right; text-indent:-9999em; overflow:hidden; background:url(../images/sprite.png) no-repeat -48px -865px; position:relative; top:23px; padding-right:10px; } a#go-back-collection-project-pt:hover { background:url(../images/sprite.png) no-repeat -182px -934px; } span#divisor-goback-collection-projects { display:block; width:11px; height:60px; background:url(../images/divisor-goback-collection-projects.png) no-repeat; text-indent:-9999em; overflow:hidden; float:right; } div#content-collection-project { width:640px; height:360px; margin-bottom:10px; position:relative; background:#707070; } div#controls-collection-projects { width:640px; height:40px; background:#707070; margin-bottom:10px; } a#launch-project-controls { line-height:40px; padding-left:10px; color:#fff; font-style:italic; font-size:11px; text-decoration:none; float:left; } a#launch-project-controls:hover { text-decoration:underline; color:#00ffa8; } div#pagination-collection-projects { height:15px; float:right; padding-top:13px; padding-right:10px; } div#pagination-collection-projects a { display:block; float:left; width:15px; height:15px; text-indent:-9999em; overflow:hidden; background:url(../images/sprite.png) no-repeat -68px -842px; margin-left:5px; } div#pagination-collection-projects a:hover { background-position:-87px -842px; } div#pagination-collection-projects a.active { background-position:-87px -842px; } div#description-collection-projects { width:640px; height:240px; background:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; line-height:16px; font-style:italic; } div#client-tags-collection-projects { width:250px; padding:20px; height:200px; float:left; border-right:1px solid #d7d8d8; } div#client-tags-collection-projects h3 { color:#b7b8b8; } div#client-tags-collection-projects p { padding-bottom:15px; color:#707070; } div#description-area-collection-projects { width:300px; padding:20px; height:200px; float:right; border-left:1px solid #d7d8d8; } div#description-area-collection-projects h3 { color:#b7b8b8; } div#description-area-collection-projects p { color:#707070; } p#top-scroll { position:absolute; top:0; left:0; } div.hover-articles-releases { width:200px; height:250px; background:url(../images/bg-hover-articles.png) no-repeat; position:absolute; top:0; left:0; z-index:90; display:none; } div.hover-articles-releases span { display:block; font-style:italic; font-size:11px; line-height:250px; color:#fff; text-align:center; } /* */ section#content { height:600px; position:relative; } section#twitter-area { width:495px; height:95px; margin-top:55px; float:right; } section#twitter-area h1 { width:152px; height:28px; margin-left:10px; margin-bottom:5px; } section#twitter-area h1 a { display:block; width:152px; height:28px; text-indent:-9999em; overflow:hidden; background:url(../images/sprite-titles-sections.png) no-repeat 0 0; } section#twitter-area h1 a:hover { background-position:0 -29px; } div#tweets { width:440px; height:60px; border:1px solid #e4e4e4; background:#fff; position:relative; z-index:20; } div#tweets ul li { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#363635; font-size:12px; line-height:15px; position:relative; } div#tweets ul li a { color:#a9a9a9; font-size:11px; line-height:14px; text-decoration:none; /*padding-left:10px;*/ } div#tweets ul li a:hover { text-decoration:underline; } section#by-cappen { width:415px; height:235px; margin-top:55px; float:right; position:relative; z-index:10; } section#by-cappen h1 { width:184px; height:28px; margin-left:10px; margin-bottom:5px; } section#by-cappen h1 a { display:block; width:184px; height:28px; text-indent:-9999em; overflow:hidden; background:url(../images/sprite-titles-sections.png) no-repeat 0 -63px; } section#by-cappen h1 a:hover { background-position:0 -92px; } div#gallery-area { width:392px; height:180px; padding:10px; border:1px solid #e4e4e4; background:#fff; } div#image-area { width:200px; height:180px; float:left; position:relative; } div#image-area img { display:block; width:200px; height:180px; position:absolute; left:0; top:0; } div#nav-gallery { width:182px; height:179px; border-bottom:1px solid #e4e4e4; float:right; } div#nav-gallery ul { list-style:none; width:182px; height:153px; } div#nav-gallery ul li { width:182px; height:50px; border-bottom:1px solid #fff; } div#nav-gallery ul li a { display:block; width:162px; height:30px; padding:10px; font-size:12px; line-height:15px; color:#363635; text-decoration:none; background:#e8e8e8; font-style:italic; } div#nav-gallery ul li a span { color:#b2b3b3; display:block; } div#nav-gallery ul li a:hover { background:#00ffa8; } div#nav-gallery ul li a.active { background:#00ffa8; } div#nav-gallery a#veja-mais-gallery { font-size:11px; line-height:15px; color:#363635; font-style:italic; padding-left:10px; background:url(../images/icon-link-by-cappen.png) no-repeat; text-decoration:none; float:right; margin-top:5px; } div#nav-gallery a#veja-mais-gallery:hover { text-decoration:underline; } /* section#content a#link-showreel { display:block; width:317px; height:61px; text-indent:-9999em; overflow:hidden; position:absolute; bottom:64px; right:409px; background:url(../images/sprite-showreel.png) no-repeat 0 -138px; z-index:10; } section#content a#link-showreel:hover { background-position:0 -207px; } section#content a#link-showreel-pt { display:block; width:327px; height:61px; text-indent:-9999em; overflow:hidden; position:absolute; bottom:64px; right:409px; background:url(../images/sprite-showreel.png) no-repeat 0 0; z-index:10; } section#content a#link-showreel-pt:hover { background-position:0 -69px; } */ section#content a#link-showreel { display:block; width:317px; height:61px; text-indent:-9999em; overflow:hidden; position:absolute; bottom:64px; right:409px; background:url(../images/sprite-showreel2.png) no-repeat -317px -71px; z-index:10; overflow: hidden; float: left; clear: both; } /* normal */ section#content a#link-showreel.selected { background:url(../images/sprite-showreel2.png) no-repeat 0 -71px; } /* selecionado */ section#content a#link-showreel span { display: block; overflow: hidden; text-indent: -9999px; width: 0; height:61px; background:url(../images/sprite-showreel2.png) no-repeat 0 -71px; } /* hover */ section#content a#link-showreel-pt { display:block; width:327px; height:61px; text-indent:-9999em; overflow:hidden; position:absolute; bottom:64px; right:409px; background:url(../images/sprite-showreel2.png) no-repeat -327px 0; z-index:10; overflow: hidden; float: left; clear: both; } /* normal */ section#content a#link-showreel-pt.selected { background:url(../images/sprite-showreel2.png) no-repeat 0 0; } /* selecionado */ section#content a#link-showreel-pt span { display: block; overflow: hidden; text-indent: -9999px; width: 0; height:61px; background:url(../images/sprite-showreel2.png) no-repeat 0 0; } /* hover */ footer { width:676px; padding-left:405px; height:385px; padding-top:145px; position:absolute; bottom:0; left:-405px; background:url(../images/bg-footer.png) no-repeat; font-size:11px; line-height:13px; font-style:italic; z-index:5; } footer dl { padding-left:10px; padding-bottom:15px; } footer dt { color:#00ffa8; } footer dd { color:#b2b3b3; } footer dd a { color:#b2b3b3; text-decoration:none; } footer dd a:hover { text-decoration:underline; } footer dd a.link-google-maps { color:#fff; text-decoration:underline; } footer dd a.link-google-maps:hover { color:#00ffa8; } /* section#content a#language-pt { display:block; width:97px; height:37px; text-indent:-9999em; overflow:hidden; background:url(../images/sprite-language.png) no-repeat 0 -84px; position:absolute; bottom:0; right:0; } section#content a#language-pt:hover { background-position:0 -126px; } section#content a#language { display:block; width:97px; height:37px; text-indent:-9999em; overflow:hidden; background:url(../images/sprite-language.png) no-repeat 0 0; position:absolute; bottom:0; right:0; } section#content a#language:hover { background-position:0 -42px; } */ div.award_day { position: absolute; right: 0; top: 35px; z-index: 555;} a.award_day_black { background:url(../images/award_day_black.png) no-repeat 0 0; display: block; width: 69px; height: 105px; text-indent: -9000em }