/* ****************************************************************************** * * * Author : Geoff Moore * * Web : http://www.geoff-moore.co.uk * * E-mail : geoff ( at ) geoff-moore ( dot ) ( co ) ( dot ) ( uk ) * * Modified : 09-MARCH-2009 * * * * Copyright (c) 2009 Geoff Moore. All Rights Reserved. * * Use of this code is not permitted without permission! * * * ******************************************************************************* */ html, body {background:#fff;position:relative;min-width:960px;height:101%;} .wrapper {position:relative;width:960px;margin:0 auto;} .clear { clear: both; } /* each page branding and main image is controlled by an ID on a page by page basis */ .branding {position:relative;width:960px;height:96px;background: url(../images/hp-branding-bg.png) no-repeat 0 0;} #marketing-manager-page .branding {background: url(../images/marketing-branding-bg.png) no-repeat 0 0;} #communications-manager-page .branding {background: url(../images/comms-branding-bg.png) no-repeat 0 0;} #events-manager-page .branding {background: url(../images/events-branding-bg.png) no-repeat 0 0;} #public-relations-manager-page .branding {background: url(../images/publicrel-branding-bg.png) no-repeat 0 0;} #email-manager-page .branding {background: url(../images/email-branding-bg.png) no-repeat 0 0;} #design-manager-page .branding {background: url(../images/designmanager-branding-bg.png) no-repeat 0 0;} .main-navigation {position:relative;width:960px;height:296px;background: url(../images/hp-header-image.png) no-repeat 0 0;margin:0;padding:0;} /* Branding Styles -------------------------------- */ .branding h2 {position:absolute;top:25px;left:0;margin:0px 0 0 337px;padding:0;font-size:12px;font-weight:500;color:#3d107b;} .branding h2 .lighter-text {color:#836ba9;} /* Main Navigation Styles -------------------------------- */ .branding .home-link {display:block;width:100px;height:85px;margin:0 0 0 30px;width:226px;} .main-navigation {width:960px;} .main-navigation dt {display:none;} .main-navigation dd {float:left;margin:0;padding:0;} .main-navigation dd.first {margin-left:30px;} .main-navigation dd a {color:#fff;text-decoration:none;text-transform:uppercase;font-family:Helvetica;font-weight:600;text-align:center;line-height:1.3em;padding-top:3px;} .main-navigation dd a span {display:block;} .main-navigation dd a.tab-large {display:block;width:106px;height:37px;background: url(../images/navigation-sprite.png) no-repeat -1px 0;} .main-navigation dd a.tab-small {display:block;width:96px;height:26px;background: url(../images/navigation-sprite.png) no-repeat -106px 0} .main-navigation dd .menu {position:absolute;top:65px;left:0;} .main-navigation dd .menu dd {float:none;margin:0 0 5px 0;border-top:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;} .main-navigation dd .menu dd a{position:relative;display:block;height:24px;text-indent:30px;text-align:left;padding-right:15px;line-height:1.8em;} .main-navigation dd .menu dd a.purple {background: #836ba9;} .main-navigation dd .menu dd a.orange {background: #dd732c;} .main-navigation dd .menu dd a.green {background: #1e9934;} .main-navigation dd .menu dd a.pink {background: #bf3557;} .main-navigation dd .menu dd a.blue {background: #7fb5e2;} .main-navigation dd .menu dd a.violet {background:#8f3f98;} .main-navigation dd .menu dd a:hover, .main-navigation dd .menu dd a:focus {background-color:#3d107b;} /* Main Page Content Styles -------------------------------- */ .content-container {position:relative;width:960px;margin:10px 0 0;padding:0;} .content-container .left-column {width:468px;margin:10px 0 0;padding:0 16px 0 30px;float:left;text-align:justify;border-right:4px solid #b6b0d6;} .content-container .intro {font-weight:600;padding-bottom:10px; border-bottom:10px solid #B6B0D6;color:#000;} .content-container .right-column {width:401px;margin:10px 0 0;padding:0 20px;float:right;} .content-container .right-column .temp-img {margin-top:0px;} .content-container .left-column dl {position:relative;margin:0;padding:0;} .content-container .left-column dl dt {display:none;} .content-container .left-column dl dd {padding:0;margin:0 0 10px;} .content-container .left-column q+span {display:block;margin:10px 0;font-weight:600;} /* Page Specific Color Styles */ #our-services-page .left-column, #our-services-page .intro, #our-clients-page .left-column, #our-clients-page .intro, #latest-news-page .left-column, #latest-news-page .intro, #contact-us-page .left-column, #contact-us-page .intro {border-color:#003884;} #communications-manager-page .left-column, #communications-manager-page .intro {border-color:#dd732c;} #email-manager-page .left-column, #email-manager-page .intro {border-color:#1e9934;} #public-relations-manager-page .left-column, #public-relations-manager-page .intro {border-color:#bf3557;} #events-manager-page .left-column, #events-manager-page .intro {border-color:#7fb5e2;} #design-manager-page .left-column, #design-manager-page .intro {border-color:#8f3f98; } /* Form Styles */ #newaccount label { display: block; width: 75px; float: left; padding-top: 2px; border-right: 1px dotted #1e9934; margin-right: 5px; } #newaccount label.error { display: block; width: 125px; padding-top: 2px; border-right: none; padding-left: 5px; } #newaccount input[type=text], #newaccount input[type=password] { float: left; width: 150px; margin-bottom: 3px; padding: 2px; border: 1px solid #444; margin-bottom: 3px;border-bottom-color: #666; border-right-color: #666; } #newaccount input[type=text]:hover, #newaccount input[type=password]:hover { background-color: #CCCCCC; color: #000000; } #newaccount input[type=text]:focus, #newaccount input[type=password]:focus { background-color: #1e9934; color: #fff; font-weight: bold; } #newaccount input[type=submit] { border: 1px solid #126031; background-color: #1e9934; padding: 2px; text-align: center; width: 150px; color: #fff; font-weight: bold; } #newaccount .required { color: #000; } #done, #loading, #error { display: none } /* Case study testimonials */ q>span {display:block;font-weight:600;text-align:right;} .testimonials img {display:block;} .testimonials hr {margin:25px 0;} /* Site Footer Styles -------------------------------- */ .footer {position:relative;margin-top:10px;background:#bababa;width:902px;padding:10px 26px 10px 32px;} .footer .copyright {display:block;color:#fff;} .footer .address {color:#6e62ad;margin-right:80px;} .footer .telephone, .footer .email {color:#575757;} .footer .registerd-no {display:block;color:#6e62ad;}