div#page-content div.clear-floats {
  margin-bottom: 16px;
}

div#site-container {
  background: #f3f3f3;
}

/*
 * Top Nav Styles
 */
div#site-container div#top-nav {
  height: 33px;
  background: #052132 url(/img/sub-nav-bg.gif) top left repeat-x;
  margin-bottom: 0px;
  overflow: hidden;
}
div#site-container div#top-nav form#search-form {
  float: right;
  width: 200px;
  height: 33px;
  line-height: 33px;
}
form#search-form p {
  text-align: right;
  padding-right: 15px;
}
form#search-form input {
  vertical-align: middle;
}
form#search-form input#search-text {
  width: 130px;
  height: 15px;
  line-height: 15px;
  font-size: 0.95em;
  margin-right: 2px;
  color: #999;
}

div#site-container div#top-nav ul {
  background: none;
  list-style: none;
  margin: 0;
  overflow: hidden;
  height: 100%;
}
div#site-container div#top-nav ul li {
  float: left;
  background: url(/img/sub-nav-divider.gif) top right no-repeat;
  padding-right: 1px;
}
div#site-container div#top-nav ul li.last {
  margin-right: 0;
}
div#site-container div#top-nav ul li a {
  display: block;
  height: 33px;
}
div#site-container div#top-nav ul li a span {
  position: absolute;
  left: -9999px;
}
div#site-container div#top-nav ul li a.icon {
  width: 35px;
  padding-top: 8px;
  text-align: center;
}
div#site-container div#top-nav ul li a.icon img {
  margin: 0 auto 0 auto;
}

div#site-container div#top-nav ul li a.about-us {
  background: url(/img/sub-nav-about-us.gif) top left no-repeat;
  width: 80px;
}
div#site-container div#top-nav ul li a.about-us:hover,
div#site-container div#top-nav ul li.current a.about-us {
  background: url(/img/sub-nav-about-us-hover.gif) top left no-repeat;
}

div#site-container div#top-nav ul li a.news {
  background: url(/img/sub-nav-news.gif) top left no-repeat;
  width: 60px;
}
div#site-container div#top-nav ul li a.news:hover,
div#site-container div#top-nav ul li.current a.news {
  background: url(/img/sub-nav-news-hover.gif) top left no-repeat;
}

div#site-container div#top-nav ul li a.residential {
  background: url(/img/sub-nav-residential.gif) top left no-repeat;
  width: 92px;
}
div#site-container div#top-nav ul li a.residential:hover,
div#site-container div#top-nav ul li.current a.residential {
  background: url(/img/sub-nav-residential-hover.gif) top left no-repeat;
}
div#site-container div#top-nav ul li a.commercial {
  background: url(/img/sub-nav-commercial.gif) top left no-repeat;
  width: 99px;
}
div#site-container div#top-nav ul li a.commercial:hover,
div#site-container div#top-nav ul li.current a.commercial {
  background: url(/img/sub-nav-commercial-hover.gif) top left no-repeat;
}
div#site-container div#top-nav ul li a.public-sector-housing {
  background: url(/img/sub-nav-public-sector-housing.gif) top left no-repeat;
  width: 161px;
}
div#site-container div#top-nav ul li a.public-sector-housing:hover,
div#site-container div#top-nav ul li.current a.public-sector-housing {
  background: url(/img/sub-nav-public-sector-housing-hover.gif) top left no-repeat;
}
div#site-container div#top-nav ul li a.skysips {
  background: url(/img/sub-nav-skysips.gif) top left no-repeat;
  width: 72px;
}
div#site-container div#top-nav ul li a.skysips:hover,
div#site-container div#top-nav ul li.current a.skysips {
  background: url(/img/sub-nav-skysips-hover.gif) top left no-repeat;
}
div#site-container div#top-nav ul li a.sales {
  background: url(/img/sub-nav-sales.gif) top left no-repeat;
  width: 55px;
}
div#site-container div#top-nav ul li a.sales:hover,
div#site-container div#top-nav ul li.current a.sales {
  background: url(/img/sub-nav-sales-hover.gif) top left no-repeat;
}
div#site-container div#top-nav ul li a.contact-us {
  background: url(/img/sub-nav-contact-us.gif) top left no-repeat;
  width: 90px;
}
div#site-container div#top-nav ul li a.contact-us:hover,
div#site-container div#top-nav ul li.current a.contact-us {
  background: url(/img/sub-nav-contact-us-hover.gif) top left no-repeat;
}


/*
 * Header Styles
 */
div#site-container div#header {
  background: url(/img/public-sector-header-bg.jpg) top left no-repeat;
  height: 185px;
  overflow: hidden;
  position: relative;
}

div#site-container div#header ul#sub-nav {
  border-bottom: 1px solid #D1C8CC;
  list-style: none;
  margin: 140px 0 0 0;
  padding: 0;
  background: url(/img/public-sector-nav-bg.gif) top left repeat-x;
  overflow: hidden;
}
div#site-container div#header ul#sub-nav li {
  float: left;
}
div#site-container div#header ul#sub-nav li a {
  text-decoration: none;
  display: block;
  padding: 0;
  height: 33px;
}
div#site-container div#header ul#sub-nav li a span {
  position: absolute;
  left: -9999px;
}
div#site-container div#header ul#sub-nav li.home a {
  background: url(/img/public-sector-home.jpg) top left no-repeat;
  width: 123px;
}
div#site-container div#header ul#sub-nav li.home-current a,
div#site-container div#header ul#sub-nav li.home a:hover {
  background: url(/img/public-sector-home-selected.jpg) top left no-repeat;
  width: 123px;
}
div#site-container div#header ul#sub-nav li.news a {
  background: url(/img/public-sector-news.jpg) top left no-repeat;
  width: 175px;
}
div#site-container div#header ul#sub-nav li.news-current a,
div#site-container div#header ul#sub-nav li.news a:hover {
  background: url(/img/public-sector-news-selected.jpg) top left no-repeat;
  width: 175px;
}
div#site-container div#header ul#sub-nav li.sky-way a {
  background: url(/img/public-sector-why-build-the-sky-way.jpg) top left no-repeat;
  width: 195px;
}
div#site-container div#header ul#sub-nav li.sky-way-current a,
div#site-container div#header ul#sub-nav li.sky-way a:hover {
  background: url(/img/public-sector-why-build-the-sky-way-selected.jpg) top left no-repeat;
  width: 195px;
}
div#site-container div#header ul#sub-nav li.developments a {
  background: url(/img/public-sector-our-developments.jpg) top left no-repeat;
  width: 174px;
}
div#site-container div#header ul#sub-nav li.developments-current a,
div#site-container div#header ul#sub-nav li.developments a:hover {
  background: url(/img/public-sector-our-developments-selected.jpg) top left no-repeat;
  width: 174px;
}
div#site-container div#header ul#sub-nav li.partners a {
  background: url(/img/public-sector-professional-partners.jpg) top left no-repeat;
  width: 172px;
}
div#site-container div#header ul#sub-nav li.partners-current a,
div#site-container div#header ul#sub-nav li.partners a:hover {
  background: url(/img/public-sector-professional-partners-selected.jpg) top left no-repeat;
  width: 172px;
}
div#site-container div#header ul#sub-nav li.contact a {
  background: url(/img/public-sector-contact-us.jpg) top left no-repeat;
  width: 125px;
}
div#site-container div#header ul#sub-nav li.contact-current a,
div#site-container div#header ul#sub-nav li.contact a:hover {
  background: url(/img/public-sector-contact-us-selected.jpg) top left no-repeat;
  width: 125px;
}



/*
 * Homepage styles
 */
div#page-content div#content-panel {
  float: left;
  width: 465px;
  height: 503px;
  margin-right: 0px;
  padding: 20px 45px 0 36px;
  w\idth: 465px;
  he\ight: 462px;
  background: url(/img/content-home-panel.gif) top left no-repeat;
  background-position: 18px 0px;
}
div#page-content div#content-panel h3 {
  font-size: 2em;
  font-weight: normal;
  color: #85b100;
}


div#page-content div#right-side {
  float: left;
  width: 398px;
}
div#page-content div#right-side div#latest-development {
  height: 234px;
}
div#page-content div#right-side div#news-panel {
  width: 396px;
  background: url(/img/public-sector-heading-bg.gif) no-repeat;
}
div#page-content div#right-side div#news-panel h2 {
  color: #fff !important;
  font-weight: bold !important;
  line-height: 39px;
  font-size: 1.15em;
  margin: 0;
  padding: 0 0 0 20px;
  overflow: hidden;
}
div#page-content div#right-side div#news-panel h2 span.links {
  float: right;
  margin: 0;
  padding: 1px 20px 0 0;
}
div#page-content div#right-side div#news-panel h2 span.title {
  float: left;
}

div#news-panel ul {
  background: #fff url(/img/right-panel-footer-bg.gif) left bottom no-repeat;
  list-style: none;
  margin: 0 0 1.3em 0;
  padding: 13px 24px 10px 24px;
}
div#news-panel ul li {
  margin-bottom: 1.3em;
  font-size: 0.95em;
  overflow: hidden;
}
div#news-panel ul li a.image {
  float: left;
  margin: 0 1.5em 0.7em 0;
}
div#news-panel ul li p {
  margin: 0 0 0 0;
}
div#news-panel ul li.first p {
  font-size: 1.1em;
  font-weight: bold;
}
div#news-panel ul li h3 {
  margin: 0 0 3px 0;
  padding: 0;
}
div#news-panel ul li h3 a {
  color: #85b100;
}



/*
 * center column for subpages
 */
div#page-content div#centre-column {
  float: none;
  margin: 10px 0 0 15px;
  padding: 20px 0 0 0;
  background: #fff url(/img/content-panel-top.gif) top left no-repeat;
  width: 936px !important;

}
div#page-content div#centre-column div#centre-column-inner {
  background: #fff url(/img/content-panel-bottom.gif) bottom left no-repeat;
  padding: 0 25px 20px 25px;
}

div#page-content h2 {
  font-size: 2em;
  font-weight: normal;
  color: #85b100 !important;
}



/*
 *  Some other style overwrites
 */
div#news li a,
div#right-column a,
div#news-item a,
div#contact-us form label {
  color: #85b100 !important;
}