/* - - - - - - - - - - - - - - - - - - - - - Title : Skywire Website Author : www.skywire.co.uk Description : Main Styles - - - - - - - - - - - - - - - - - - - - - */ /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ 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,button,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,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}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:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;} @media screen { /* - - - - - - - - - - - - - - - - - - - - GLOBAL - - - - - - - - - - - - - - - - - - - -*/ a{outline:none !important;} .back-menu {background:#777;color:#fff;display:block;font-size:11px;padding:7px 0;text-align:center;text-decoration:none;margin: 8px 0 0;float:left;} .clear {clear:both !important;display:block !important;overflow:hidden !important;width:0 !important;height:0 !important;} .js noscript p{display:none;} /* - - - - - - - - - - - - - - - - - - - - TOP LEVEL: html,body etc - - - - - - - - - - - - - - - - - - - -*/ html {overflow-y:scroll;} /* overflow-y forces vertical scrollbars */ body, html {height:100%;margin:0;padding:0;background:#000;font-family:"HelveticaNeue-Medium",'Helvetica Neue',Helvetica,Verdana,Arial,sans-serif;text-rendering:optimizeLegibility;} /* - - - - - - - - - - - - - - - - - - - - IDS - - - - - - - - - - - - - - - - - - - -*/ #distance {width:1px;height:50%;margin-bottom:-340px;float:left;} #container {min-height:576px;height:auto !important;height:576px;margin:0 auto;position:relative;text-align:left;width:899px;padding:20px 0;clear:left;} #header {margin: 0 0 10px;} #left-col {float:left;display:inline;width:362px;margin:0 1px 0 0;} #right-col {float:left;display:inline;width:534px;} #footer {color:#999; text-transform:uppercase;font-size:10px;border-top:1px solid #444;clear:both;line-height:10px;padding:18px 0 0;text-align:left; margin-bottom:20px;} #footer .vcard .adr{float:left;} #footer .vcard .right { float:right;} #footer .vcard .tel, #footer .vcard .postal-code { padding-right:20px;} #footer .vcard a {color:#999;text-decoration:none;border-bottom:1px dotted #444;} #footer .vcard a:hover {color:#fff;border-bottom:1px solid #999;} /* - - - - - - - - - - - - - - - - - - - - HEADINGS - - - - - - - - - - - - - - - - - - - -*/ #header h1 a { text-indent:-9999px; display:block; height:51px; width:225px; margin-top:20px; overflow:hidden; background:url(/assets/img/skywire_logo.png) no-repeat 0 0 ;color:#999;font-size:48px;text-decoration:none; } #header h1 a:hover {color:#fff;} /* - - - - - - - - - - - - - - - - - - - - NAVIGATION - - - - - - - - - - - - - - - - - - - -*/ #navigation {height:22px;background:url(/assets/img/bg-navigation.gif) repeat-x 0 0;overflow:hidden;} #navigation li {float:left;display:inline;height:22px;margin:0 9px 0 0;} #navigation.reduce li {margin: 0 5px 0 0;} #navigation.reduce li.last {margin:0;} #navigation li a {font-size:10px;display:block;height:21px;text-transform:uppercase;text-decoration:none;color:#ccc;border-bottom:1px solid #444;} #navigation li a:hover {color:#eee;border-color:#eee;} #body-servicesPage #navigation li#n-services a, #body-portfolioPage #navigation li#n-portfolio a, #body-portfolioitemPage #navigation li#n-portfolio a, #navigation li.cur a{color:#fff;border-color:#fff;} /* - - - - - - - - - - - - - - - - - - - - PAGE SPECIFIC - - - - - - - - - - - - - - - - - - - -*/ /* HomePage */ #body-homePage #left-col #skywire-info {margin:20px 0 0;overflow:hidden;padding:0 0 20px;width:100%;border-bottom:1px solid #444;} #body-homePage #left-col #skywire-info h1 {font-size:19px;line-height:24px;margin:0 0 5px 0;color:#fff;} #body-homePage #left-col #skywire-info p {font-size:11px;color:#999;} #body-homePage #left-col .feed-row {border-bottom:1px solid #444;overflow:hidden;padding:15px 0;width:100%;} #body-homePage #left-col .feed-row.hover {cursor:pointer;background:#111;background:-webkit-gradient(linear, left top, left bottom, from(#222), to(#000)); background:-moz-linear-gradient(top, #222, #000);} #body-homePage .feed-row .feed-row-thumb{float:left;display:inline;margin:0 17px 0 0;} #body-homePage .feed-row .feed-row-thumb img{display:block;} #body-homePage .feed-row h3 {font-size:14px;float:left;display:inline;margin-bottom:4px;} #body-homePage .feed-row h3 a {color:#eee;text-decoration:none;} #body-homePage .feed-row.hover h3 a, #body-homePage .feed-row h3 a:hover {color:#fff;} #body-homePage .feed-row p {float:left;display:inline;width:255px;font-size:11px;line-height:14px;color:#999;} #body-homePage .feed-row.hover p {color:#ccc;} #body-homePage #skywire-other-news {margin:10px 0;overflow:hidden;} #body-homePage #skywire-other-news h2 {font-size:16px;color:#fff;float:left;display:inline;} #body-homePage #skywire-other-news ul#ticker {float:left;display:inline;} #body-homePage #skywire-other-news a {color:#999;background:#000;text-decoration:none;font-size:11px;margin: 4px 0 0 5px;white-space:nowrap;} #body-homePage #skywire-other-news a:hover {color:#ccc;border-bottom:1px solid #999;} #body-homePage #right-col {overflow:hidden;height:554px;} #body-homePage #right-col ul {padding: 20px 0 0;} #body-homePage #right-col ul li {float:left;display:inline;margin:0 0 14px 14px;width:164px;} #body-homePage .client-image {display:block;height:132px;text-decoration:none;color:#333;text-align:center; background:#000 url(/assets/img/bg-loader.gif) no-repeat 50% 50%;} #body-homePage .client-name {-webkit-border-bottom-left-radius:2px;-webkit-border-bottom-right-radius:2px;-moz-border-radius-bottomleft:2px;-moz-border-radius-bottomright:2px;border-bottom-left-radius:2px;border-bottom-right-radius:2px;text-shadow:rgba(0,0,0,0.5) 0 -1px 1px;text-transform:uppercase;background:#777;background:-webkit-gradient(linear, left top, left bottom, from(#999), to(#555)); background:-moz-linear-gradient(top, #999, #555);color:#eee;text-decoration:none;display:block;font-size:10px;height:32px;line-height:32px;text-align:center;} #body-homePage .hover .client-name, #body-homePage .client-name:hover{text-shadow:rgba(0,0,0,0.5) 1px 1px 2px;background:#666;background:-webkit-gradient(linear, left top, left bottom, from(#888), to(#444)); background:-moz-linear-gradient(top, #888, #444);color:#fff;} /* static pages */ #body-staticPage #content { margin:10px 0;min-height:473px;height:auto !important;height:473px; } #body-staticPage #content .left-col { float:left;display:inline;width:340px; } #body-staticPage #content .right-col { float:right;display:inline;width:539px;padding-left:20px;min-height:473px;height:auto !important;height:473px;overflow:hidden;} #body-staticPage #content .right-col img { display:block;margin:0 auto; } #body-staticPage #content h1, #body-staticPage #content h2 { font-size:19px;line-height:24px;margin:0 0 10px 0;color:#fff; } #body-staticPage #content h2 { font-size:14px; } #body-staticPage #content p { margin: 0 0 10px; } #body-staticPage #content {min-height:370px;height:auto !important;height:370px;margin:5px 0;padding: 10px 0 0;} #body-staticPage #content .col {float:left;display:inline;margin:0 12px;width:425px;} #body-staticPage #content .col h2 {} #body-staticPage #content .col h3 {font-size:16px;color:#666;border-bottom: solid 1px #444;padding: 0 0 5px;margin: 0 0 5px 15px;} #body-staticPage #content .col p{margin:0 5px 10px 20px;} /* SubPage */ .page-sub #content p {color:#aaa;font-size:12px;line-height:18px;overflow:hidden;} .page-sub #content p strong {font-weight:bold;} .page-sub #content p a {color:#ccc;text-decoration:none;border-bottom:1px dotted #999;} .page-sub #content p a:hover {color:#fff;border-bottom:1px solid #ccc;} .page-sub h2 {color:#fff;} /* Services Page */ .class-76 .left-col{float:none !important;display:block !important;width:auto !important; } .class-76 .right-col{display:none !important;} /* Portfolio Page */ #body-portfolioPage #content, #body-portfolioitemPage #content {position:relative; width:100%;} #body-portfolioPage #content ul {margin: 17px 0 0;padding: 0 0 0 5px;} #body-portfolioPage #content ul li {float:left;display:inline;width:137px;height:135px;margin: 0 12px 12px 0;overflow:hidden;} #body-portfolioPage #content ul li a {color:#333;text-decoration:none;text-align:center;} #body-portfolioPage .news-thumb {display:block;background:#000 url(/assets/img/bg-loader.gif) no-repeat 50% 50%;} #body-portfolioPage #content ul li .news-related-site {-webkit-border-bottom-left-radius:2px;-webkit-border-bottom-right-radius:2px;-moz-border-radius-bottomleft:2px;-moz-border-radius-bottomright:2px;border-bottom-left-radius:2px;border-bottom-right-radius:2px;text-shadow:rgba(0,0,0,0.5) 0 -1px 1px;overflow:hidden;float:left;display:inline;background:#777;background:-webkit-gradient(linear, left top, left bottom, from(#999), to(#555)); background:-moz-linear-gradient(top, #999, #555);color:#eee;height:25px;line-height:25px;text-transform:uppercase;text-decoration:none;font-size:10px;padding:0;text-align:center;width:137px;} #body-portfolioPage #content ul li.hover .news-related-site, #body-portfolioPage #content ul li .news-related-site:hover {text-shadow:rgba(0,0,0,0.5) 1px 1px 2px;background:#666;background:-webkit-gradient(linear, left top, left bottom, from(#888), to(#444)); background:-moz-linear-gradient(top, #888, #444);color:#fff;} #body-portfolioPage p.pagination, #body-portfolioitemPage p.pagination {width:270px;overflow:visible; color:#ccc; text-transform:uppercase; position:absolute; right:0px; bottom:50px;} #body-portfolioitemPage p.pagination a.left {float:left;} #body-portfolioitemPage p.pagination a.right {float:right;} #body-portfolioitemPage .arrow {background: url(/assets/img/scroller-sprites.gif) no-repeat;width:24px;height:50px;display:block;text-indent:-9999px;} /* Portfolio Item Page */ #body-portfolioitemPage .mainImage {float:left; display:inline;margin:15px 0;background:#000 url(/assets/img/bg-loader.gif) no-repeat 50% 50%;} #body-portfolioitemPage .rightCol {float:right;width:270px; text-align:center; color:#ccc; font-size:10px;} #body-portfolioitemPage .rightCol img {display:block; margin:40px auto 0;} #body-portfolioitemPage .rightCol h1 {color:#eee; font-size:16px; margin:20px 0;} #body-portfolioitemPage .rightCol h2 {color:#ccc; font-size:12px; margin:0 0 10px;} #body-portfolioitemPage .rightCol p {margin:0 0 10px;} #body-portfolioitemPage .rightCol a.linktosite {color:#fff; text-decoration:none; font-size:11px;border-bottom:1px dotted #ccc;} #body-portfolioitemPage .rightCol a.linktosite:hover {border-bottom:1px solid #eee;} #body-portfolioitemPage a.returnLink {display:block; position:absolute; bottom:15px; right:0; width:270px; background:#777; font-size:10px; color:#fff; text-decoration:none; text-align:center;line-height:27px; text-transform:uppercase;} #body-portfolioitemPage a.returnLink:hover {text-decoration:underline;} #body-portfolioitemPage #content {min-height: 448px;height: auto !important;height:448px;} #body-portfolioitemPage #arrow-left {float:left;background-position: 0 -50px;margin:320px 10px 0;display:inline;} #body-portfolioitemPage #arrow-right {float:right;margin:320px 0 0;display:inline;} /* Sitemap Page */ #body-sitemapPage h1{ font-size:19px;line-height:24px;margin:20px 0 0 0;color:#fff; } .sitemap{ float:left; display:inline; margin:20px; width:409px; } .sitemap li{ margin:0 0 5px 0; font-size:12px; } .sitemap a{color:#ccc;text-decoration:none;border-bottom:1px dotted #444;} .sitemap a:hover{color:#fff;border-bottom:1px solid #999;} } /* - - - - - - - - - - - - - - - - - - - - PRINT - - - - - - - - - - - - - - - - - - - -*/ @media print { * {background:none !important;color:#111 !important;} html {font:100%/1.5 georgia,serif;} }