/* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 3.0.0 build: 1549 */ /* RESET */html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} /* FONTS */body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* GRIDS */body{text-align:center;margin-left:auto;margin-right:auto;}.yui-d0,.yui-d1,.yui-d1f,.yui-d2,.yui-d2f,.yui-d3,.yui-d3f{margin:auto;text-align:left;width:57.69em;*width:56.25em;}.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6{margin:auto;text-align:left;width:100%;}.yui-d0{margin:auto 10px;width:auto;}.yui-d0f{width:100%;}.yui-d2{width:73.076em;*width:71.25em;}.yui-d2f{width:950px;}.yui-d3{width:74.923em;*width:73.05em;}.yui-d3f{width:974px;}.yui-b{position:relative;}.yui-b{_position:static;}.yui-main .yui-b{position:static;}.yui-main{width:100%;}.yui-t1 .yui-main,.yui-t2 .yui-main,.yui-t3 .yui-main{float:right;margin-left:-25em;}.yui-t4 .yui-main,.yui-t5 .yui-main,.yui-t6 .yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 .yui-main .yui-b{margin-left:13.30769em;*margin-left:12.975em;}.yui-t2 .yui-b{float:left;width:13.84615em;*width:13.50em;}.yui-t2 .yui-main .yui-b{margin-left:14.84615em;*margin-left:14.475em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 .yui-main .yui-b{margin-left:24.0769em;*margin-left:23.475em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 .yui-main .yui-b{margin-right:14.8456em;*margin-right:14.475em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 .yui-main .yui-b{margin-right:19.4615em;*margin-right:18.975em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 .yui-main .yui-b{margin-right:24.0769em;*margin-right:23.475em;}.yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:2.0%;}.yui-gb .yui-u{*width:31.8%;*margin-left:1.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;_width:65.7%;}.yui-gd div.first{width:32%;_width:31.5%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;_width:74%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;_width:23.8%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after,.yui-t1:after,.yui-t2:after,.yui-t3:after,.yui-t4:after,.yui-t5:after,.yui-t6:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6{zoom:1;} /* BASE */h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;} /* Custom CSS by dryan.com Colors ============= Light blue #b3d0ea Medium blue #6da6d7 Dark blue #00173f Grey #959ca1 */ header, footer, article, section, aside, nav { display: block; } /* HTML5 support */ h1, h2, h3, #sb #nav ul li a { text-transform: uppercase; font-family: Gotham, "Gotham HTC", Tahoma, Helvetica, Arial, clean, sans-serif; font-weight: normal; } html { overflow-y: scroll; background: #00173f url('../images/html-bg.png') 50% 0; } body {} a { color: #00173f; text-decoration: none; } abbr.required, abbr.published, abbr.dtstart, abbr.dtend { border: none; } abbr.published, abbr.dtstart, abbr.dtend { cursor: default; } form { display: block; overflow: hidden; width: 100%; } form ol { margin: 0; } form ol li { list-style: none; margin: 0 0 1em; clear: left; } form ol li.hidden { display: none; } form ol li label { display: block; font-weight: bold; color: #00173f; } form ol li input[type=text], form ol li input[type=password], form ol li textarea { border: 1px solid #00173f; padding: 3px; width: 20em; color: #00173f; font-family: Menlo, monospace; } form ol li input[type=text]:focus, form ol li input[type=password]:focus, form ol li textarea:focus { background: #b3d0ea; color: #00173f; outline: none !important; } #sb form ol li input[type=text], #sb form ol li input[type=password], #sb form ol li textarea { width: 227px; border: none; margin-top: 0.1em; } form ol li select { max-width: 100%; } form ol li .help { font-style: italic; color: #a9a9a9; display: block; } form .buttons { margin-top: 2em; } .am-i-human { display: none; } ul.messages, ul.errorlist { margin: 0; } ul.messages li, ul.errorlist li { margin: 0 0 1em; list-style: none; padding: 0.5em 1em; text-align: center; font-weight: bold; color: #fff; background: #00173f; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } ul.errorlist li { background: #c00; } ul.social-links { width: 100%; overflow: hidden; margin: 1em auto; text-align: right; } .home ul.social-links { margin: 0.5em auto 0; } #main .content ul.social-links { margin: 0; position: absolute; top: 16px; right: 24px; width: auto; } ul.social-links li { list-style: none; display: inline; margin-left: 1em; text-align: left; } ul.social-links li a { display: inline-block; padding-left: 20px; height: 16px; line-height: 16px; background-repeat: no-repeat; background-position: 0 50%; overflow: hidden; color: #00173F !important; } .home ul.social-links li a { display: inline-block; width: 0; height: 16px; padding-left: 16px; background-repeat: no-repeat; background-position: 0 50%; } ul.social-links li.facebook a { background-image: url('../images/facebook.png'); } ul.social-links li.twitter a { background-image: url('../images/twitter.png'); } .clear { clear: both; } .script-only { display: none; } .scripted .script-only { display: block; } .scripted a.script-only, .scripted span.script-only { display: inline; } #wrapper { border: 24px solid #fff; border-bottom-width: 1px; background: #fff; margin-top: 72px; position: relative; width: 981px; } .do-animation #wrapper { border-bottom-width: 24px; } #hd {} #hd a { display: block; width: 257px; height: 116px; overflow: hidden; text-indent: -1000px; background: transparent url('../images/logo.png'); position: absolute; left: 0; top: -71px; } #bd { width: 100%; overflow: hidden; margin: 0 0 24px; } #main { width: 700px; float: right; } #main .content { background: #dfe1e3; padding: 12px 24px 1px; margin: 24px 0 0; color: #6d7174; color: #00173f; line-height: 1.5384; zoom: 1; overflow: hidden; position: relative; } #main .content a { color: #6DA6D7; font-weight: bold;} .press #main .article { float: left; width: 390px; } .press #main .aside { float: right; width: 238px; padding-bottom: 2em; } #main .content h2 { color: #00173f; text-transform: none; margin: 0 0 1em; } #main .content h1.main-title, #main .content h2.main-title, .about #main .content h1.sub-title { margin: 0 0 1em; color: #00173f; font-weight: bold; font-size: 153.9%; text-transform: uppercase; font-family: Gotham, "Gotham HTC", Helvetica, Arial, clean, sans-serif; } #main .content h1.sub-title .certification { font-size: 77%; display: block; margin-top: -0.75em; position: relative; } .press #main .content h2.main-title { margin: 0; } .blog #main .content h2.main-title { margin: 0 0 0.5em; } .about #main .content h2.main-title { display: none; } #main .content .sub-title { margin: -1em 0 0; color: #00173f; font-weight: bold; font-size: 131%; text-transform: none; } .press #main h1 { font-size: 100%; color: #4e8abe; text-transform: none; font-family: Helvetica, Arial, clean, sans-serif; font-weight: bold; margin-top: 1em; } .press #main h1 a { color: #4e8abe; } .news #main h1 a { color: #00173f; font-weight: normal; } #blog #main .article h1 { margin: 0; } .press #main h1 .published { margin-right: 1em; } .press #main .content .aside img { border: 7px solid #fff; } #main .heroshot { width: 700px; height: 342px; overflow: hidden; position: relative; background: #fff; } .home #main .heroshot { height: 453px; line-height: 1; } #main .heroshot-animated img { position: absolute; top: 0; left: 0; display: none; } #main .heroshot-animated .heroshot-wrapper img { display: block; position: static; float: left; } #main .heroshot-animated img:first-child { display: block; } #main .heroshot .intro { position: absolute; bottom: 0; left: 0; right: 0; background: transparent url('../images/intro-bg.png'); _background: #000; _filter: alpha(opacity = 50); color: #fff; line-height: 1.55; padding: 12px 16px; z-index: 10; } #main #map { width: 652px; height: 367px; margin: 24px 0; } #main #directions { margin: 24px 0; } #main #directions label, #main #directions ol, #main #directions li, #main #directions .buttons { display: inline; } #main #directions label, #main #directions input { margin-right: 1em; } #main #directions table { width: 100%; background: transparent; border: none; } #main #directions table th, #main #directions table td { border: none; } #main #directions table.adp-directions tr:nth-child(odd) td { background: #b3d0ea; } #main .pagination { width: 100%; margin: 1em auto; overflow: hidden; text-transform: uppercase; font-size: 85%; } .press #main .pagination { margin: 0; position: absolute; right: 24px; width: 238px; bottom: 16px; } .blog #main .pagination { padding: 1em 0; border-bottom: 1px dashed #aaa; margin: -1em 0 2em; } #main .pagination li { list-style: none; width: 49%; } #main .pagination li.prev, #main .pagination li.earlier { float: left; } #main .pagination li.next, #main .pagination li.later { float: right; text-align: right; } #main .pagination li a { color: #616669; } #main .entry-content img { display: block; border: 10px solid #fff; margin: 1em auto; max-width: 632px; height: auto; } #main .article .meta { font-style: italic; width: 100%; overflow: hidden; padding-bottom: 1em; border-bottom: 1px dashed #aaa; } #main .article:last-child .meta { padding-bottom: 0; border-bottom: none; } #main .article .meta .author-published, #main .article .meta .comment-count { float: left; width: 48%; display: block; } #main .article .meta .comment-count { float: right; text-align: right; } #main .article .meta br { display: none; } #main .article .meta a { color: #6D7174; } #main .article h1 { text-transform: none; position: relative; padding-top: 1.5em; } body.article #main .article h1 { margin-top: 0; } #main .article h1 .published { color: #6da6d7; position: absolute; top: 0; text-transform: uppercase; font-size: 70%; font-family: Helvetica, Arial, clean, sans-serif; } #main table { width: 100%; } #main table th, #main table td { border: none; } #main table td.header { font-weight: bold; background: #B3D0EA; } #main table td.times span.day { display: none; } #sb { width: 257px; float: left; padding-top: 56px; } #sb #nav { background: transparent url('../images/nav-bg.png') no-repeat 50% 0; min-height: 295px; _height: 295px; margin-bottom: 12px; text-align: center; } .static-page #sb #nav, .press #sb #nav, .blog #sb #nav { margin-bottom: 16px; } .portfolio #sb #nav { margin-bottom: 0; } #sb #nav ul { margin: 0; } #sb #nav ul li { list-style: none; margin: 0 0 4px; } #sb #nav ul li a { display: block; height: 28px; line-height: 31px; color: #00173f; font-weight: bold; outline: none !important; } #sb #nav ul li a.selected, #sb #nav ul li a.ancestor, #sb #nav ul li a:hover { background: #00173f; color: #fff; } #sb #nav ul li.home a.ancestor { color: #00173f; background: transparent; } #sb #nav ul li.home a:hover { background: #00173f; color: #fff; } #sb #subnav, #sb .section-contact-form, #sb .section-tweets, #sb .section-search, #sb .section-rss { background: #959ca1; padding: 12px; text-align: center; } #sb .section-tweets, #sb .section-search { background: #dfe1e3; margin-top: 20px; } #sb .section-rss { margin-top: 20px; background: #959ca1 url('../images/rss.png') no-repeat 10px 50%; } #sb #subnav h2, #sb .section-contact-form h2, #sb .section-tweets h2, #sb .section-search h2, #sb .section-rss h2 { font-size: 108%; font-weight: bold; color: #fff; margin: 0 0 9px; } #sb .section-tweets h2, #sb .section-search h2 { color: #00173f; } #sb .section-rss h2, #sb .section-rss h2 a { color: #fff; margin: 0; display: block; } #sb .section-contact-form form, #sb .section-search form { text-align: left; } #sb #subnav ul, #sb .section-tweets ul, #sb .section-search form { margin: 0; border-top: 1px dashed #fff; } #sb .section-search form input.checkbox { display: none; } #sb .section-tweets ul, #sb .section-search form { border-bottom: 1px dashed; border-color: #aaa; } #sb .section-search form { border-bottom: none; display: block; padding: 9px 0 0; } #sb #subnav ul li, #sb .section-tweets ul li { list-style: none; text-transform: uppercase; font-weight: bold; padding: 6px 0; border-bottom: 1px dashed #fff; } .blog #sb #subnav ul li, #sb .section-tweets ul li { text-transform: none; font-weight: normal; text-align: left; position: relative; padding-left: 5em; } #sb .section-tweets ul li { padding-left: 0; border: none; color: #00173f; } #sb .section-tweets ul li.view-all { text-align: right; } #sb .section-tweets ul li abbr.published { color: #aaa; } #sb #subnav ul li a { color: #fff; } #sb #subnav ul li a.selected, #sb #subnav ul li a.ancestor { color: #00173f; } .blog #sb #subnav ul li a { color: #fff; } .blog #sb #subnav ul li a abbr { color: #00173f; position: absolute; top: 6px; left: 0; } #sb #subnav ul li.main-link a.ancestor { color: #fff; } #sb #subnav ul li ul { margin-bottom: -6px; border-top: none; } #sb #subnav ul li li { text-transform: none; font-weight: normal; border-bottom: none; } #full { width: 100%; overflow: hidden; margin: 24px 0; } .press #full { background: #4e8abe; color: #fff; position: relative; padding: 12px 18px 12px 18px; margin: 0 0 24px; width: auto; zoom: 1; } #full .teaser { background: #4e8abe; color: #fff; position: relative; padding: 12px 18px 12px 293px; margin: 0 0 24px; } #full .teaser h1 { position: absolute; top: 50%; left: 0; width: 257px; text-align: center; margin: -0.5em 0 0; font-size: 153.9%; font-weight: bold; } .press #full .teaser h1, .media-awards #full .teaser h1 { font-size: 123.1%; } #full .teaser p { margin: 0; font-size: 93%; line-height: 1.66; } #full .teaser p + p { margin-top: 1em; } #full .room, #full .project, #full .links { background: #959ca1; padding: 18px; margin: 24px 0; color: #fff; } #full .room h2, #full .project h2, #full .links h2 { font-size: 153.9%; padding: 0 12px 6px; margin: 0 0 29px; border-bottom: 1px dashed #fff; } #full .room h2 a, #full .project h2 a, #full .links h2 a { color: #fff; } .room ul.thumbs, .project ul.thumbs { margin: 0 0 0 -29px; width: 972px; overflow: hidden; } #lightbox .room ul.thumbs, #lightbox .project ul.thumbs { margin: 0 0 0 -12px; width: 306px; } .room #main ul.thumbs, .project #main ul.thumbs { margin: 0 0 0 -12px; width: 612px; } .room ul.thumbs li, .project ul.thumbs li { float: left; margin: 0 0 12px 12px; list-style: none; } #full .room ul.thumbs li, #full .project ul.thumbs li { margin: 0 0 29px 29px; } #full .room ul.thumbs li img, #full .project ul.thumbs li img { border: 6px solid #fff; } .room .description, .project .description { font-size: 108%; color: #616669; } .room .thumbs .description, .project .thumbs .description { display: none; } .press #full .link-list, .media-awards #full .link-list { margin: -12px 0 0; overflow: hidden; zoom: 1; } /* .scripted #full .link-list { white-space: nowrap; padding: 0; margin: 0; position: relative; } */ .press #full .link-list li, .media-awards #full .link-list li { list-style: none; float: left; text-align: center; margin: 12px 20px; width: 117px; min-height: 240px; _height: 240px; white-space: normal; } .press #full .link-list li img, .media-awards #full .link-list li img { display: block; border: 4px solid #fff; margin: 0 0 1em; } .press #full .link-list li a, .media-awards #full .link-list li a { color: #fff; } .scripted #full .slider { position: relative; } .scripted #full .slider-wrapper { height: 264px; overflow: hidden; border-left: 49px solid #4e8abe; border-right: 49px solid #4e8abe; margin: 12px 0 0; } .scripted #full .slider-wrapper .prev, .scripted #full .slider-wrapper .next { display: block; height: 44px; width: 22px; overflow: hidden; text-indent: -1000px; background: transparent url('../images/slider-nav.png') no-repeat 0 0; position: absolute; top: 66px; left: 0; outline: none !important; } .scripted #full .slider-wrapper .next { left: auto; right: 0; background-position: 0 -44px; } .scripted #full .slider-wrapper .disabled { cursor: default; opacity: 0.5; filter: alpha(opacity=50); } #comments { margin: 1em 0 0; } #comments .comment-list { margin: 0 0 2em; width: 100%; overflow: hidden; } #comments .comment-list li { list-style: none; line-height: 1.75; margin: 0 0 1em; } #comments .comment-list li p.author { margin: 0; color: #00173f; font-style: italic; } #comments .comment-list li .comment-content > *:last-child { margin-bottom: 0; } #comments .comment-list li p.posted { color: #aaa; font-style: italic; } #comments h2 { font-style: italic; } #comments form {} #comments form label { display: inline; margin-left: 1em; font-weight: normal; font-style: italic; color: #959ca1; } #comments form .textarea label { display: none; } #comments form input[type=text] { border: none; } #comments form textarea { border: none; height: 10em; width: 600px; } #comments form .buttons, #sb .section-search form .buttons { text-align: right; padding-right: 46px; margin: 1em 0; } #sb .section-search form .buttons { padding-right: 0; margin: 0; } #comments form .buttons button, #sb .section-search .buttons button { background: #959ca1; color: #fff; border: none; font-style: italic; font-size: 116%; padding: 4px 8px; } #ft { padding: 24px 0; text-align: center; text-transform: uppercase; } #ft ul { margin: 0 auto; } #ft ul.nav { margin-bottom: 1em; } .home #ft ul.nav { display: none; } #ft ul.credits { color: #6da6d7; font-size: 77%; } .home #ft ul.credits { margin-left: 305px; } #ft ul li { display: inline; border-left: 1px solid #b3d0ea; padding: 0 1em; } #ft ul.credits li { border-left-color: #6da6d7; } #ft ul li:first-child { border-left: none; } #ft ul.nav li a { color: #b3d0ea; } #ft ul.credits li a { color: #6da6d7; } #overlay { background: #000; background-color: rgba(0,0,0,0.7); filter: alpha(opacity=70); position: fixed; _position: absolute; _height: 100%; top: 0; bottom: 0; left: 0; right: 0; } #lightbox { background: #fff url('../images/loading.gif') no-repeat 50% 50%; padding: 24px; position: fixed; top: 50%; left: 50%; width: 744px; height: 398px; margin: -219px 0 0 -396px; } #lightbox { -moz-box-shadow: 0 0 20px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.7); box-shadow: 0 0 20px rgba(0,0,0,0.7); } #lightbox .target { width: 100%; overflow: hidden; background: #fff; } #lightbox .content { width: 293px; float: right; text-align: left; padding-bottom: 24px; height: 374px; overflow-y: auto; overflow-x: hidden; *overflow: auto; } #lightbox .content h2 { background: #00173f; color: #fff; height: 28px; line-height: 30px; text-align: center; margin: 0 0 12px; } #lightbox .big-image { width: 437px; height: 398px; float: left; text-align: left; background: transparent url('../images/loading.gif') no-repeat 50% 50%; } #lightbox .big-image img { max-width: 100%; max-height: 100%; width: auto; height: auto; display: block; margin: 0 auto; } #lightbox .actions { position: absolute; bottom: 21px; right: 24px; width: 293px; text-align: center; font-size: 93%; text-transform: uppercase; background: #fff; } #lightbox .actions a { margin: 0 1em; color: #616669; outline: none !important; } /* homepage effects */ body.do-animation #hd, body.do-animation #sb, body.do-animation #main, body.do-animation #ft, body.do-animation #wrapper { display: none; } body.do-animation #wrapper { width: 981px; height: 457px; } /* Contest Info */ .contest-info #main .content { margin: 0; background: #4e8abe; color: #fff; letter-spacing: 0.05em; } .contest-info #main .content h2 { margin: 0; text-transform: uppercase; } .contest-info #main .content p, .contest-info #main .content ol { font-size: 93%; } .contest-info #main .content li { color: #002149; } .contest-info #main .content li span { color: #fff; } .contest-info #main .content a { color: #fff; text-decoration: underline; } .contest-info #main .content p.nav { margin: 1em 0; text-transform: uppercase; text-align: right; } .contest-info #main .content p.nav a { color: #002149; text-decoration: none; margin-left: 1em; } /* Contest 1 */ .contest-1 #main, .contest-winner #main { background: #4e8abe; padding: 35px; width: 630px; color: #fff; letter-spacing: 0.05em; } .contest-winner #main { text-align: center; } .contest-1 #main h1, .contest-winner #main h1 { width: 100%; height: 52px; overflow: hidden; text-indent: -1000px; background: url('../images/contest-1-h1.png') no-repeat 50% 50%; margin: 0; text-align: left; } .contest-winner #main h1 { background-image: url('../images/contest-1-winner-h1.png'); height: 64px; margin: 0 0 1em; } .contest-1 #main .description, .contest-winner #main .description { text-align: center; font-size: 116%; line-height: 1.25; margin: 1em 0 2em; } .contest-1 #main h2 { display: none; } .contest-1 #main form { display: block; padding-left: 240px; background: url('../images/contest-1-form-bg.jpg') no-repeat 0 0; width: 390px; min-height: 244px; _height: 244px; position: relative; } .contest-1 #main form label { color: #fff; font-weight: normal; font-size: 116%; font-style: italic; margin: 0 0 0.25em 0.5em; } .contest-1 #main form input { border: none; } .contest-1 #main form ol { width: 390px; overflow: hidden; } .contest-1 #main form li.text-first_name, .contest-1 #main form li.text-last_name, .contest-1 #main form li.text-zip_code { width: 189px; float: left; margin-right: 12px; clear: none; } .contest-1 #main form li.text-last_name { margin-right: 0; } .contest-1 #main form li.text-email { margin: 0 0 1.5em; padding: 0.5em 0 0; } .contest-1 #main form li.text-first_name input, .contest-1 #main form li.text-last_name input, .contest-1 #main form li.text-zip_code input { width: 183px; } .contest-1 #main form li.text-email input { width: 384px; } .contest-1 #main form .buttons { margin: 0; position: absolute; top: 148px; left: 437px; } .contest-1 #main form .buttons button { border: none; padding: 0; background: transparent; } .contest-1 #main form .buttons button span { background: #002149; color: #fff; text-transform: uppercase; padding: 4px 8px; font-style: italic; display: inline-block; } .contest-1 #main form .rules { margin: 3em 0 0; color: #002149; text-transform: uppercase; text-align: center; font-style: italic; } .contest-1 #main form .rules a { text-decoration: underline; }