@import url('zero.css');
@import url('sifr.css');
@import url('jquery.lightbox.css');

body, table { font: 12px/1.4 Helvetica, Arial, sans-serif; color: black; }
body { background: #E6E6E6; }

img { border: 0; }

a { text-decoration: none; }
  a:hover { text-decoration: underline; }

abbr { font-weight: bold; }

small { font-size: 90%; }

.large { font-size: 120%; }

.first { margin-top: 0 }

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

h1, h2, h3, h4 { text-transform: uppercase; font-weight: bold; line-height: 1.2; }

.page-title { margin-bottom: 16px; }
  .page-title h1 { font-size: 32px; margin: 0; }
  .page-title h2 { font-size: 18px; font-weight: normal; margin-top: 5px; }

/* Content */

.content p { margin-bottom: 1em; }

.sidebar { width: 201px; }

  /* Sidebar chrome */
  
  .sidebar-item { background-repeat: repeat-y; background-position: top;}
    .sidebar-item-top { background-repeat: no-repeat; background-position: top; }
    .sidebar-item-bottom { background-repeat: no-repeat; background-position: bottom; }

  .sidebar-item-gray { background-image: url(../images/mod-gray-repeat.gif); }
    .sidebar-item-gray .sidebar-item-top { background-image: url(../images/mod-gray-top.gif); }
    .sidebar-item-gray .sidebar-item-bottom { background-image: url(../images/mod-gray-bottom.gif); }
    
  /* Sidebar spacing */
    
  .sidebar-item { margin-top: -40px }
  .sidebar-item-first { margin-top: 0; }
  .sidebar-item-spaced { margin-top: 10px; }
  
  /* Sidebar content */

  .sidebar-item-inner { min-height: 70px; padding: 18px 18px 74px 44px; }
  
  .sidebar h3 { font-size: 12px; margin: 0 0 5px 0; font-weight: bold; text-transform: uppercase; }

  .sidebar .iw { margin-bottom: 5px; overflow: hidden; }
    .sidebar .iwo { height: 22px; background: #A5A5A5 url(../images/bg-input-left.gif) no-repeat left top }
    .sidebar .iwi { height: 17px; background: url(../images/bg-input-right.gif) no-repeat right top; padding: 3px 5px 0 5px; }
    .sidebar .iw input { background: none; display: block; width: 100%; border: 0; font-size: 12px; line-height: 1; height: 12px; }
    
  .banner a,
  .banner img { display: block; }
    
  .sidebar .buttons { text-align: right }
    
  .tweets p { margin: 0.7em 0; }
  .tweets a { font-weight: bold; text-transform: uppercase; }

/* Subnav */

.subnav { }
  .subnav li { font-weight: bold; text-transform: uppercase; padding: 3px 0; }
  .subnav a { }

/* Rounded Boxes */

.box { }
  .box-top { background: #D6D6D6 url(../images/rb-lg-top-455.gif) no-repeat top; }
  .box-bottom { background: url(../images/rb-lg-bottom-455.gif) no-repeat bottom; }
  .box-inner { padding: 12px; }

.box-tabbed { }
  .box-tabbed .box-top { background-image: url(../images/rb-lg-top-tab-455.gif) }
  .box-tabbed .box-inner { padding-top: 26px; }

.box-single { }
  .box-single .box-top { background-image: url(../images/rb-lg-top-single-455.gif) }
  
  #middle-wide .box-top {  background-image: url(../images/rb-lg-top-677.gif) }
  #middle-wide .box-bottom { background-image: url(../images/rb-lg-bottom-677.gif) }
  #middle-wide .box-tabbed .box-top { background-image: url(../images/rb-lg-top-tab-677.gif) }
  #middle-wide .box-single .box-top { background-image: url(../images/rb-lg-top-single-677.gif) }
  
  .box .page-bar { margin-top: ;}
  
/* Meta boxes */

.meta { background: #A5A5A5 url(../images/tab-meta-left.gif) no-repeat left; height: 19px; color: white; }
  .meta-inner { background: url(../images/tab-meta-right.gif) no-repeat right; font-size: 11px; line-height: 11px; height: 11px; padding: 4px 10px 4px; }

.box .meta { background-image: url(../images/tab-meta-left-gray.gif); margin-top: 15px; }
  .box .meta-inner { background-image: url(../images/tab-meta-right-gray.gif); }

/* Sections */

.section { margin-bottom: 20px; }

/* Page Bars */

.page-bar { height: 19px; }
  .page-bar .pages { float: left; }
    .page-bar .pages li { float: left; width: 20px; height: 19px; overflow: hidden; margin-right: 3px; }
    .page-bar .pages a,
 	.page-bar .pages span { color: white; font-weight: bold; font-size: 12px; line-height: 1; text-align: center; display: block; padding-top: 3px }
      .page-bar .pages a:hover { text-decoration: none; }
  .page-bar .display-all { float: right; width: 86px; }
  
.page-bar-top { margin-bottom: 20px; }
.page-bar-bottom { margin-top: 20px; }

/* Tab Bars */

.tab-bar { height: 30px; }
  .tab-bar li { float: left; height: 30px; margin-right: 4px; background: url(../images/tabs.gif) no-repeat right -30px; }
    .tab-bar a { background: url(../images/tabs.gif) no-repeat left 0; font-size: 12px; line-height: 1; padding: 9px 12px; display: block; color: white; text-transform: uppercase; }
  .tab-bar li.selected,
  .tab-bar li:hover { background-position: right -90px; }
    .tab-bar li.selected a,
    .tab-bar li:hover a { background-position: left -60px; color: white; }
  .tab-bar a:hover { text-decoration: none; }
  
/* Buttons */

.button { display: block; height: 19px; text-indent: -5000px; background-repeat: no-repeat; background-position: top left; }

.buttons { }
  .buttons .button { float: left; margin-right: 5px; }
  .buttons .txt-apply { width: 55px; }

/* Blog Post */

.blog-post { }
  .blog-post .date { font-size: 11px; }
  .blog-post h2 { color: black; margin-bottom: 8px; font-size: 16px; }
  .blog-post .main-image { margin: 8px 0 }

/* Comment form */

.comment-form { margin-top: 20px; }
  .comment-form h3 { margin-bottom: 15px; }
  .comment-form .line input { border: 0; background: white; padding: 3px; width: 220px; }
    .comment-form .iw { background: white; padding: 3px; }
      .comment-form .iw * { border: 0; background: none; display: block; width: 100%; }
      .comment-form .iw textarea { height: 80px; }
  .comment-form .buttons { margin-top: 20px; text-align: right; }
  
/* Search Box */

.search-box { position: relative; color: white; }
  .search-box-w1 { background-repeat: repeat-x; background-position: top center; }
  .search-box-w2 { background-repeat: no-repeat; background-position: top left; }
  .search-box-w3 { background-repeat: no-repeat; background-position: top right; height: 111px; }
  .search-box form { padding: 10px; }
  .search-box .submit { position: absolute; right: 10px; bottom: 10px; }
  .search-box h3,
  .search-box h4 { color: white; margin-bottom: 2px; }
  .search-box h3 { font-size: 13px; }
  .search-box h4 { margin-top: 6px; }
  
.competition-filter { margin: 20px 0 }
  .competition-filter * { vertical-align: middle; }
  
.home-page-teaser { width: 287px; float: left; margin-left: 19px; margin-top: 20px; position: relative; }
  .home-page-teaser-w1 { background: #D6D6D6; }
  .home-page-teaser-w2 { background: url(../images/bg-home-page-teaser-top.gif) top no-repeat; }
  .home-page-teaser-w3 { background: url(../images/bg-home-page-teaser-bottom.gif) bottom no-repeat; min-height: 127px; padding-top: 14px; padding-left: 14px; }
  .home-page-teaser-first { margin-left: 0; }
  
  .home-page-teaser .more { position: absolute; display: block; text-indent: -5000px; bottom: 14px; right: 14px; width: 20px; height: 19px; }
  .home-page-teaser .image { float: left; width: 123px; height: 116px; }
  .home-page-teaser .text { float: left; width: 127px; margin-left: 12px; padding-bottom: 38px; }
  
/* Results List */

.result-list { }
  .result-list li { margin-top: 20px; }
  .result-list h3 { font-size: 18px; margin-bottom: 0.3em; }

  .story-list { border-top: 1px dotted black; }
  .story-list li { padding-bottom: 20px; border-bottom: 1px dotted black; }

.result-item { }
  .result-item .meta { clear: both; margin-top: 20px; }
  .result-item .image { width: 150px; height: 100px; float: left; }
    .result-item .image img { width: 100%; height: 100%; }
  .result-item .text { padding-left: 165px; }
  .result-item p { margin-bottom: 0.7em; }
  
/* Expanders */

.expandable { display: none; }
.expander { width: 84px; }
.expanded { width: 60px; }
  
/* Slideshow */

.slideshow { overflow: hidden; position: relative; }
  .slideshow-items { width: 5000px; }
  .slideshow-item { float: left; position: relative; }
  
#container-wrapper { width: 963px; margin: 0 auto; background: url(../images/main-bg.gif) repeat-y; }
  #container { padding: 0 18px 20px 45px; }
  
  #header { margin-bottom: 25px; position: relative; padding: 10px 0 0 202px; min-height: 1px; width: 698px; }
    
    #header .iw { float: left; height: 26px; background: #D6D6D6 url(../images/bg-search-input-left.gif) no-repeat left; }
      #header .iw input { border: 0; background: none; display: block; width: 100%; font-size: 12px; line-height: 1; padding: 7px 0 0 7px;  }
      #header .submit { float: left; }
    
    #logo { position: absolute; bottom: 0; left: 0; width: 203px; height: 109px; }
      #logo a { display: block; width: 100%; height: 100%; text-indent: -5000px; }
  
    #newsletter-signup { height: 26px; text-align: right; font-size: 11px; padding: 7px 4px 0 0; font-weight: bold; }
    
    #search { clear: right; float: right; margin-right: 4px; padding: 15px 0; }
      #search label { font-weight: bold; float: left; margin-right: 5px; font-size: 11px; padding-top: 7px; }
      #search .iw { width: 300px; }
      #search .submit { float: left; }
      
    #nav { clear: right; float: right; width: 700px; }
      #nav .tab-bar { float: right; }
      #nav .tab-bar a { font-size: 11px; line-height: 1; padding-top: 10px; font-weight: bold; }
        #nav .tab-bar li.selected a,
        #nav .tab-bar li:hover a { color: white; }
      
    #strip { clear: right; float: right; width: 700px; height: 25px; overflow: hidden; }
      #strip .text { text-align: right; color: white; padding: 7px 10px 0 0; font-size: 11px; line-height: 1; }
        #strip .text a { color: white; }
    
  #left { width: 201px; float: left; }
  
  #middle { width: 455px; float: left; margin-left: 22px; }
  #middle-wide { width: 677px; float: left; margin-left: 22px; }
  
  #right { width: 201px; float: left; margin-left: 21px; }
    #right .sidebar-item li { border-bottom: 1px dotted black; padding: 5px 0; }
  
  #home-page { }
    #home-page #right { margin-left: 20px; height: 374px; overflow: hidden; }
  
  #intro { width: 679px; float: left; }
  
    .home-page-intro { }
      .home-page-intro-w1 { background-repeat: repeat-x; background-position: top; }
      .home-page-intro-w2 { background-repeat: no-repeat; background-position: top left; }
      .home-page-intro-w3 { background-repeat: no-repeat; background-position: top right; height: 294px; padding: 12px 12px 0 12px; }
      
      .home-page-intro .slideshow { height: 294px; width: 655px; }
        .home-page-intro .slideshow-item { width: 655px; margin-right: 20px; }
        .home-page-intro .more { position: absolute; bottom: 0; right: 0; width: 73px; height: 19px; text-indent: -5000px; }
        .home-page-intro .image { width: 380px; height: 294px; float: left; }
          .home-page-intro .image img { width: 100%; height: 100%; display: block; }
        .home-page-intro .text { padding: 10px 15px 0 400px; color: white; }
        
        .home-page-intro h2 { font-size: 24px; color: white; margin-bottom: 12px; }
        
        
    .home-page-intro-tabs { height: 68px; }
      .home-page-intro-tabs a { height: 68px; float: left; background-position: left top; overflow: hidden; line-height: 1.2; }
      .home-page-intro-tabs .tab-1 { width: 165px; }
      .home-page-intro-tabs .tab-2 { width: 167px; }
      .home-page-intro-tabs .tab-3 { width: 164px; }
      .home-page-intro-tabs .tab-4 { width: 183px; }
        .home-page-intro-tabs a.selected,
        .home-page-intro-tabs a:hover { background-position: left -68px !important }
        
        .home-page-intro-tabs span { display: block; text-transform: uppercase; font-weight: bold; font-size: 11px; padding: 26px 12px 0 56px; }
          .home-page-intro-tabs a.selected span,
          .home-page-intro-tabs a:hover span { color: white; }
          .home-page-intro-tabs a:hover { text-decoration: none; }
          
#footer { width: 963px; margin: 0 auto 20px auto; background: url(../images/main-bottom.gif) no-repeat top; height: 74px; position: relative; }

  #footer .enquiry-links { position: absolute; top: 25px; left: 40px; width: 210px; font-size: 11px; text-align: center; }
    #footer .enquiry-links a { font-weight: bold; }
    #footer .enquiry-links .separator { margin: 0 3px; }
  
  #footer .networks { position: absolute; top: 25px; left: 57px; }
    #footer .networks li { float: left; }

  #footer .right { text-align: right; padding: 50px 24px 20px 0; font-size: 11px; }
    #footer .right p { margin-bottom: 8px; }
    #footer .right .top-line { font-weight: bold; }
    #footer .right .icons { margin-top: 16px; }
      #footer .right .icons img { margin-left: 16px; }

/* Pages */

.story-page { }
  .story-page .slideshow { width: 430px; height: 285px; margin-bottom: 12px; }
    .story-page .slideshow-item { width: 430px; }

#contact-map, #street-view { height: 300px; }
#contact-details { padding: 30px 20px 15px 20px; font-size: 11px; }
  #contact-details .col-1 { width: 150px; float: left; }
  #contact-details .col-2 { width: 200px; float: left; margin-left: 40px; }