/*======================================================= CSS Document for HUB CREATIVE =======================================================*/ @import url("global.css"); .hidden { display: none; } .show { display: block; visibility: visible; } /* Core layout ======================================================================*/ body {background:#fff; font:11px Arial, Helvetica, sans-serif; color:#6e6e6e; padding:0 !important; margin:0 !important; } #mega_container {position:relative; width:100%; height:auto; z-index:1;} #container-banner {width:100%; background:url(../images/core/banner-bg.gif) repeat-x center bottom; } #banner {width:940px; height:auto; overflow:hidden; margin:0 auto; border-top:4px solid #ff9308; padding:5px 0 0 0; } #body-home #banner {width:940px; height:455px; overflow:hidden; margin:0 auto; border-top:4px solid #ff9308; padding:5px 0 0 0; } #banner-content-container {display:block; width:940px; margin:0 auto; padding:15px 0 0 0; } #flash {width:450px; float:left; height:350px; overflow:hidden; } #flash img {width:450px; height:350px; } #banner-content {width:940px; display:block; padding:37px 0 30px 0; } #body-home #banner-content {width:400px; float:left; padding:37px 0 0 40px; } .white {width:100%; background-color:#fff; display:block; padding:40px 0 40px 0; } #body-home .white {width:100%; background-color:#fff; display:block; padding:20px 0 40px 0; } #end-white {width:100%; background-color:#fff; display:block; padding:10px 0 0px 0; } .container {width:940px; margin:0 auto; } .container {width:940px; margin:0 auto; } ul.columns {background:none; padding:20px 0 20px 0; width:940px; display:block; } #body-home ul.columns {background:url(../images/core/h2-selected_work.gif) no-repeat left top; padding:37px 0 20px 0; width:940px; display:block; } #body-contact ul.columns li {width:583px; float:left; padding:0 17px 0 0; } #body-contact ul.columns li.end {padding:0 0 0 0 !important; width:340px; } #body-what_we_do ul.columns li.end {padding:10px 10px 0 10px !important; background-color:#ff9308; width:200px; color:#fff; } ul.columns li {width:222px; float:left; padding:0 17px 0 0; } ul.columns li.end {padding:0 0 0 0 !important; } #container-mailing_list {width:565px; height:100px; float:left; background:url(../images/core/bg-mailing_list.gif) no-repeat 0 0; } #mailing_list {width:190px; float:left; font-size:10px; color:#fff; padding:13px; } #cta {width:350px; float:right; padding:10px 0 0 0; text-transform:uppercase; } #footer-black {background-color:#191919; width:100%; } ul#footer {height:300px; overflow:hidden; list-style:none; } ul#footer li {width:215px; float:left; padding:20px 0 0 0; } ul#footer li.middle {width:215px; float:left; padding:20px 20px 0 20px; } ul#footer li.twitter {width:470px; padding:0; } #tweet ul {width:470px; } #tweet ul li {width:470px; border-bottom:2px dotted #3b3b3b; padding:16px 0; font-size:11px; line-height:19px; } #head-contact {float:right; width:222px; padding:0 0 0 30px;} /* Navigation layout ======================================================================*/ /* ul.nav {list-style:none; width: 620; height:40px; display: inline-block; clear: both; padding:0; } ul.nav li {float:left; height:40px; overflow:hidden; padding:20px 0 20px 0; } ul.nav li a {display:block; height:40px; text-indent:-9999px; } ul.nav li a:hover {background-position:0 -40px!important; } ul.nav li#home a {background: url(../images/navigation/nav-home.png) no-repeat 0 0; width: 66px; } ul.nav li#who a {background: url(../images/navigation/nav-who_we_are.png) no-repeat 0 0; width: 112px; } ul.nav li#what a {background: url(../images/navigation/nav-what_we_do.png) no-repeat 0 0; width: 113px; } ul.nav li#selected a {background: url(../images/navigation/nav-selected_work.png) no-repeat 0 0; width: 138px; } ul.nav li#news a {background: url(../images/navigation/nav-hub_news.png) no-repeat 0 0; width: 96px; } ul.nav li#contact a {background: url(../images/navigation/nav-contact.png) no-repeat 0 0; width: 92px; } #body-home ul.nav li#home a {background-position:0 -40px!important; } #body-who_we_are ul.nav li#who a {background-position:0 -40px!important; } #body-what_we_do ul.nav li#what a {background-position:0 -40px!important; } #body-selected_work ul.nav li#selected a {background-position:0 -40px!important; } #body-news ul.nav li#news a {background-position:0 -40px!important; } #body-contact ul.nav li#contact a {background-position:0 -40px!important; } */ /* Typography ======================================================================*/ #body-home h1 {text-indent:-9999px; background:url(../images/core/h1-makeover.gif) no-repeat 0 0; width:280px; height:80px; padding:0 0 20px 0; } #body-who_we_are h1 {text-indent:-9999px; background:url(../images/core/h1-who_we_are.gif) no-repeat 0 0; width:370px; height:50px; padding:0 0 20px 0; } #body-what_we_do h1 {text-indent:-9999px; background:url(../images/core/h1-what_we_do.gif) no-repeat 0 0; width:370px; height:50px; padding:0 0 20px 0; } #body-selected_work h1 {text-indent:-9999px; background:url(../images/core/h1-selected_work.gif) no-repeat 0 0; width:370px; height:50px; padding:0 0 20px 0; } #body-news h1 {text-indent:-9999px; background:url(../images/core/h1-hub_news.gif) no-repeat 0 0; width:370px; height:50px; padding:0 0 20px 0; } #body-contact h1 {text-indent:-9999px; background:url(../images/core/h1-contact.gif) no-repeat 0 0; width:370px; height:50px; padding:0 0 20px 0; } #body-thankyou-mailing_list h1 {text-indent:-9999px; background:url(../images/core/h1-thankyou-mailing_list.gif) no-repeat 0 0; width:370px; height:50px; padding:0 0 20px 0; } #body-thankyou-email h1 {text-indent:-9999px; background:url(../images/core/h1-thankyou-email.gif) no-repeat 0 0; width:370px; height:50px; padding:0 0 20px 0; } #body-who_we_are h3 {padding:0 0 0 0 !important; } #body-contact h3 {padding:0 0 0 0 !important; } #body-contact p {padding:0 0 0 0 !important; } #footer-black p {padding:0 0 15px 0 !important; } h2.discount {text-indent:-9999px; background: url(../images/core/h2-discount.gif) no-repeat 0 0; height:25px; width:310px; padding:0 0 10px 0; } h3.loop {text-indent:-9999px; background: url(../images/core/h3-in_the_loop.gif) no-repeat 0 0; height:20px; width:150px; padding:0 0 10px 0; } h4.title-twitterlove {text-indent:-9999px; background:url(../images/core/h4-twitterlove.jpg) no-repeat 0 0; height:50px; width:470px; border-bottom:2px dotted #3b3b3b; } h4.title-contact-hub {text-indent:-9999px; background:url(../images/core/h4-contact.jpg) no-repeat 0 0; height:20px; width:175px; padding:0 0 10px 0; } h4.title-quick-contact {text-indent:-9999px; background:url(../images/core/h4-quick_contact.jpg) no-repeat 0 0; height:20px; width:175px; padding:0 0 10px 0; } .orange {color: #ff9308; } ul.columns p {font-size:11px; } #mailing_list p {line-height:15px; } ul#footer li.middle p {font-size:11px; } #footer-black {font-size:11px; } ul.footer-deets {padding:20px 0 0 0;} ul.footer-deets li {display:block; padding:3px 0 5px 25px !important; font-size:11px; } ul.footer-deets li.phone {background:url(../images/core/footer-phone.gif) no-repeat 0 0; } ul.footer-deets li.fax {background:url(../images/core/footer-fax.gif) no-repeat 0 0; } ul.footer-deets li.email {background:url(../images/core/footer-email.gif) no-repeat 0 0; } /* Extra Bits and Pieces ======================================================================*/ .float-left {float:left; } .float-right {float:right; } /* Form Formatting ======================================================================*/