@import url(/css/generic.css);
@import url(/css/xstandard.css);

/*
 * Site Layout Styles
 */

body {
  text-align: center;
  position: relative;
  z-index: 5;
}

body#thebody {
  background: #000000 url(/img/site-bg.jpg) top center no-repeat;
}
.noshow {
  position: absolute;
  left: -9999px;
}

.align-right {
  text-align: right;
}

div#site-container-outer {
  background: #ffffff;
  width: 960px;
  margin: 0 auto 0 auto;  
}

div#site-container {
  background: url(/img/subpage-site-container.jpg) top left no-repeat;      
  text-align: left;
  width: 960px;
  margin: 0 auto 0 auto;
}

div#site-container.novid {
  background: url(/img/subpage-site-container-no-vid.png) top left no-repeat !important;      
}

div#site-container p#skip-navigation {
  position: absolute;
  left: -9999px;
}

h1 {
  font-weight: normal;
  font-family: georgia, serif;
  font-size: 1.615em;
  margin: 0;
  padding: 0 0 17px 0;
}

a {
  color: #000;  
}

.alt {
  color: #cc0050;
}

.alt2 {
  color: #b15cb6;
}

a.more {
  color: #f00;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.85em;
  padding: 0 8px 0 0;
  background: url(/img/red-arrow.gif) right no-repeat;
}
a.more:hover {
  text-decoration: underline;
}

a#logo-link {
  padding: 20px 0 0 38px;
  display: block; 
  float: left;
}

/*
 * Header
 */
div#header {
  position: relative;
  z-index: 20;  
  float: right;
  width: 780px;
  height: 171px;  
  overflow: auto;
}
 
div#header div#top-nav-ctr {
  float: right;
  width: 480px;
  height: 82px;
}


div#header div#top-nav-ctr ul#top-nav {
  list-style: none;
  float: left;    
  margin: 0;
  padding: 47px 0 0 0;
}

div#header div#top-nav-ctr ul#top-nav li {
  font-size: 0.8em;
  text-transform: uppercase;
  background: url(/img/header-nav-bg.gif) center left no-repeat;
  float: left;
  margin: 0;
  padding: 0 0 0 27px;    
}

div#header div#top-nav-ctr ul#top-nav li.first {
  background: none;
}

div#header div#top-nav-ctr ul#top-nav li a {
  text-decoration: none;
}

div#header div#top-nav-ctr ul#top-nav li a:hover {
  text-decoration: underline;
}

div#header div#top-nav-ctr ul#social-nav {
  float: right;
  list-style: none;
  margin: 0;
  padding: 35px 0 0 0;  
}

div#header div#top-nav-ctr ul#social-nav li {
  float: left;
  margin: 0;
  padding: 0 4px 0 0;
} 

div#header div#top-nav-ctr ul#social-nav li.blog {
  padding: 0 45px 0 0;
}

div#header div#main-nav-ctr {
  float: right;
  width: 772px;
  height: 47px;  
}

div#header div#main-nav-ctr ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div#header div#main-nav-ctr ul li {
  margin: 0;
  padding: 0;
  line-height: 47px;
  float: left;
  font-size: 	1.385em; 
  border-right: 1px solid #c9c9c9;
  border-left: 1px solid #ffffff;
}

div#header div#main-nav-ctr ul li.first {
  border-left: none;
}

div#header div#main-nav-ctr ul li.last {
  border-right: none;
}

div#header div#main-nav-ctr ul li a {
  font-family: georgia, serif;
  text-decoration: none;
  display: block;
  padding: 0 36px 0 36px;
}

div#header div#main-nav-ctr ul li a:hover {
  text-decoration: underline;
  color: #cd004f;
}

div#header div#main-nav-ctr ul li a.current {
  color: #cd004f;
  background: url(/img/main-nav-a-current.gif) repeat-x #ffffff;
}

/*
 * intro and video container
 */
div#intro-and-video-container {
  display: inline-block;  
}

div#intro-and-video-container {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 auto 0 auto;
  width: 890px;
  height:404px;
}


div#intro-and-video-container div#intro-container {
  color: #ffffff;
  float: left;
  padding: 24px 0 0 20px;
  width: 231px;
  height: 217px;

}
div#intro-and-video-container div#intro-container p {
  line-height: 1.8em;  
}

div#intro-and-video-container div#video-container {
  float: right;  
  color: #ffffff;  
  font-family: georgia;
  font-size: 1.3em;  
  padding: 5px 93px 0 0;
  width: 387px;
}

div#intro-and-video-container div#video-container a {
  display: block;  
  width: 327px;
}
div#intro-and-video-container div#video-container a img {
  display: block;
}


div#intro-only-container {
  height: 75px;
  _height: 78px;  
  position: relative;
}

div#intro-only-container #intro-container {
  position: absolute;
  top: -30px;
  left: 195px;
  float: right;
  width: 579px;

  color: #ffffff;
}

div#intro-only-container #intro-container p {
  line-height: 1.3em;
  float: right;
  padding: 23px 0 0 0;
  width: 400px;
}

div#intro-only-container #intro-container h1 {
  float: left; 
  width: 169px;
  line-height: 79px;
  text-align: center;
  margin: 0;
  padding: 0;
}

/*
 * Page Content (contains left, centre and right columns)
 */

div#site-container div#page-content {
  
  float: none; 
  clear: both;
  margin-bottom: 12px;
  width: 100%;
}



/*
 * Subpage content container
 */
div#site-container div#page-content div#subpage-container {
  position: relative;  
  margin: 20px auto 20px auto;
  width: 926px;
}
div#site-container div#page-content div#subpage-container-inner {
 
}
div#site-container div#page-content div#subpage-content {
  font-size: 0.95em;
  margin: 0; 
  padding: 0 0 0 0;    
}
div#subpage-content h2 {
  font-weight: normal; 
  color: #cc0050;
  font-family: georgia, serif;
  font-size: 1.8em;
}
div#subpage-content div#subpage-content-inner {  
  position: relative;    
  background: url(/img/subpage-bottom.png) bottom center no-repeat;  
  padding: 2em 20px 10px 360px;
  margin: 0 0 0 0;  
  width: 546px;
  min-height: 253px;
}

div#subpage-content div#subpage-content-inner.no-left-bg {
padding: 2em 70px 10px 120px;
width: 736px;
}

div#subpage-content div#subpage-content-inner.fullwidth {
  margin: 0;
  padding: 0;
  width: 926px !important;
}

div#subpage-content div#bryan-dunlop-ctr {
  position: absolute;
  top: 0px;
  left: 20px;
  width: 320px;
  height: 280px;
} 

/* 
 * Subpage navigation container
 */
div#subpage-container ul#subpage-nav {
  position: absolute;
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 50px;
  right: 0px;
  top: 0;
}
ul#subpage-nav li {
  background: url(/img/subpage-nav-item-left-bg.gif) top left no-repeat;
  float: left;
  font-size: 0.95em;
  line-height: 50px;
  padding-left: 9px;
  margin-left: 1px;
}

ul#subpage-nav li a {
  display: block;
  background: url(/img/subpage-nav-item-right-bg.gif) top right no-repeat;
  padding: 0 15px 0 6px;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
ul#subpage-nav li a:hover {
  text-decoration: underline;
}
ul#subpage-nav li.first a {
  padding-left: 11px;
}
ul#subpage-nav li.last a {
  background: url(/img/subpage-nav-item-last-right-bg.gif) top right no-repeat;
}



/*
 * three column layout for what-we-do page
 */
div#subpage-content div#three-column-layout {
  overflow: hidden;
  padding: 0 20px 0 20px;
}



div#subpage-content div#middle-column {
  background: #fff url(/img/spacer.gif) top left no-repeat;
  float: left;
  padding: 2.2em 0 0 274px;
  width: 230px;
}

div#subpage-content div#right-column {
  float: left;
  width: 375px;
}



/*
 * What we do right column
 */
div#subpage-content div#right-column ul {
  list-style: none;
  padding: 1.2em 0 0 15px;
  margin: 0;
}
div#subpage-content div#right-column ul li {
  background: #c1c1c1 url(/img/subpage-right-col-li-bottom.gif) bottom left no-repeat;
  margin-bottom: 12px;
}
div#subpage-content div#right-column ul li h3 {
  background: #c1c1c1 url(/img/subpage-right-col-li-top.gif) top left no-repeat;
  margin: 0 0 2px 0;
  font-size: 1.25em;
  padding: 8px 12px 0 12px;
}
div#subpage-content div#right-column ul li div.item {
  padding: 4px 12px 15px 12px;
  height: 100%;
  overflow: hidden;
}
div#subpage-content div#right-column ul li div.image {
  background: url(/img/subpage-panel-frame.png) top left no-repeat;
  float: left;
  width: 114px;
  height: 65px;
  overflow: hidden;
}
div#subpage-content div#right-column ul li div.image img {
  display: block;
  padding: 3px 0 0 3px;
}
div#subpage-content div#right-column ul li p.info {
  float: left;
  font-size: 0.9em;
  line-height: 1.4em;
  margin: 0 0 0 5px;
  padding: 0;
  width: 217px;
}



/*
 * Footer
 */

div#site-container div#footer {
  float: none;
  clear: both;
  padding: 0 10px 15px 20px;
  background: url(/img/footer-fade.png) top left repeat-x;
  height: 100%;
  overflow: hidden;
}

div#site-container div#footer div.telephone-number {
  line-height: 71px;
  text-align: center;
  font-family: georgia, serif;
  font-size: 1.4em;
  padding-bottom: 20px;
}


div#footer ul {

  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 45%;
}
div#footer ul li {
  float: right;
  line-height: 1em;
  border-right: 1px solid #ababab;
  padding: 0 10px 0 10px;
  margin: 0;
}
div#footer ul li.first {
  background: none;
  border-right: none;  
}
div#footer ul li a {
  text-decoration: none;
  color: #4b4b4b;
}
div#footer ul li a:hover {
  text-decoration: underline;
}

div#tibus-credit p {
  text-align: right;
  margin: 0;
  padding: 10px 10px 0 0;
}
div#tibus-credit p a {
  color: #4b4b4b;
  text-decoration: none;
}
div#tibus-credit p a:hover {
  text-decoration: underline;
}

/*
 * Tibus Strapline
 */

div#tibus-strapline {
  margin: 12px 0 0 0;
  text-align: center;
}
div#tibus-strapline p.site-in-development {
  margin: 0;
}
div#tibus-strapline p.site-in-development img {
  display: block;
  margin: 0 auto 0 auto;
}

div#youtube-video-container { 
  display: block;
  width: 480px;
  height: 295px;
}