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: 190px;
  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/sips-header-bg.jpg) top left no-repeat;
  height: 230px;
  padding-bottom: 0;
  overflow: hidden;
  position: relative;
}
div#site-container div#header h1 {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 20px;
  left: 20px;
}
div#site-container div#header h1 a {
  width: 155px;
  height: 120px;
  display: block;
}
div#site-container div#header h1 a span {
  position: absolute;
  left: -9999em;
}
div#site-container div#header ul#sub-nav {
  background: url(/img/skysips-sub-nav-ul-bg.jpg) top left repeat-x;
  list-style: none;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 179px 0 0 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
div#site-container div#header ul#sub-nav li {
  float: left;
  margin: 0;
  padding: 0;
  height: 52px;
}
div#site-container div#header ul#sub-nav li a {
  display: block;
  height: 100%;
  text-decoration: none;
}
div#site-container div#header ul#sub-nav li a span {
  position: absolute;
  left: -9999px;
}
div#site-container div#header ul#sub-nav li.about {
  background: url(/img/sips-about.jpg) top left no-repeat;
  width: 131px;
}
div#site-container div#header ul#sub-nav li.why-use {
  background: url(/img/sips-why-use-skysips.jpg) top left no-repeat;
  width: 147px;
}
div#site-container div#header ul#sub-nav li.packages {
  background: url(/img/sips-packages.jpg) top left no-repeat;
  width: 95px;
}
div#site-container div#header ul#sub-nav li.news {
  background: url(/img/sips-news.jpg) top left no-repeat;
  width: 70px;
}
div#site-container div#header ul#sub-nav li.technical {
  background: url(/img/sips-technical.jpg) top left no-repeat;
  width: 177px;
}
div#site-container div#header ul#sub-nav li.case-studies {
  background: url(/img/sips-case-studies.jpg) top left no-repeat;
  width: 114px;
}
div#site-container div#header ul#sub-nav li.consultancy {
  background: url(/img/sips-consultancy.jpg) top left no-repeat;
  width: 116px;
}
div#site-container div#header ul#sub-nav li.contact {
  background: url(/img/sips-contact-us.jpg) top left no-repeat;
  width: 114px;
}

div#site-container div#header ul#sub-nav li.about-current,
div#site-container div#header ul#sub-nav li.about:hover {
  background: url(/img/sips-about-selected.jpg) top left no-repeat;
  width: 131px;
}
div#site-container div#header ul#sub-nav li.why-use-current,
div#site-container div#header ul#sub-nav li.why-use:hover {
  background: url(/img/sips-why-use-skysips-selected.jpg) top left no-repeat;
  width: 147px;
}
div#site-container div#header ul#sub-nav li.packages-current,
div#site-container div#header ul#sub-nav li.packages:hover {
  background: url(/img/sips-packages-selected.jpg) top left no-repeat;
  width: 95px;
}
div#site-container div#header ul#sub-nav li.news-current,
div#site-container div#header ul#sub-nav li.news:hover {
  background: url(/img/sips-news-selected.jpg) top left no-repeat;
  width: 70px;
}
div#site-container div#header ul#sub-nav li.technical-current,
div#site-container div#header ul#sub-nav li.technical:hover {
  background: url(/img/sips-technical-selected.jpg) top left no-repeat;
  width: 177px;
}
div#site-container div#header ul#sub-nav li.case-studies-current,
div#site-container div#header ul#sub-nav li.case-studies:hover {
  background: url(/img/sips-case-studies-selected.jpg) top left no-repeat;
  width: 114px;
}
div#site-container div#header ul#sub-nav li.consultancy-current,
div#site-container div#header ul#sub-nav li.consultancy:hover {
  background: url(/img/sips-consultancy-selected.jpg) top left no-repeat;
  width: 116px;
}
div#site-container div#header ul#sub-nav li.contact-current,
div#site-container div#header ul#sub-nav li.contact:hover {
  background: url(/img/sips-contact-us-selected.jpg) top left no-repeat;
  width: 114px;
}


/*
 * Homepage styles
 */
div#page-content div#content-panel {
  float: left;
  width: 496px;
  margin: 12px 40px 0 16px !important;
  padding: 10px 0 0 0;
  background: url(/img/2col-panel-top.gif) top left no-repeat;
}

div#page-content div#content-panel h3 {
  font-size: 1.2em;
  font-weight: normal;
  color: #7aa63d;
}
div#page-content div#content-panel h2 {
  font-size: 2em;
  font-weight: normal;
  color: #7aa63d;
}
div#page-content div#content-panel-inner {
  background: url(/img/2col-panel-bottom.gif) bottom left no-repeat;
  padding: 0 0 10px 0;
}
div#page-content div#content-panel-inner-fill {
  background: #fff;
  padding: 0 25px 0 25px;
  overflow: hidden;
  height: 100%;
}

div#page-content div#two-column div#left-column-inner h2 {
  float: none;
  font-size: 2em;
  font-weight: normal;
  color: #7aa63d;
  background: transparent;
}




div#page-content div#right-side {
  float: left;
  width: 396px;
  margin: 12px 0 0 0px;
}

div#page-content div#right-side div#green-panel {
  background: url(/img/green-panel-top.gif) top left no-repeat;
  padding: 9px 0 0 0;
}
div#page-content div#right-side div#green-panel-inner {
  background: #0d6626 url(/img/green-panel-bottom.gif) bottom left no-repeat;
  padding: 10px 25px 19px 25px;
  color: #fff;
}
div#page-content div#right-side div#green-panel-inner h3 {
  color: #91c84a;
}
div#page-content div#right-side div#green-panel-inner ul {
  list-style: none;
  margin: 0;
  padding: 0.75em 0 0 0;
}
div#page-content div#right-side div#green-panel-inner ul li {
  color: #fff;
  background: url(/img/skysips-right-panel-checkbox.png) no-repeat;
  margin: 0 0 0.75em 0;
  padding: 0 0 2px 25px;
}


div#page-content div#right-side div#news-panel {
  color: #000;
  height: 316px;
  background: url(/img/skysips-home-news-panel.jpg) top left no-repeat;
}
div#page-content div#right-side div#news-panel h2 {
  margin: 0;
  padding: 12px 0 0 22px;
  height: 33px;
  he\ight: 18px;
  overflow: hidden;
}
div#page-content div#right-side div#news-panel h2 span.links {
  float: right;
  margin: 0;
  padding: 0 20px 0 0;
}
div#page-content div#right-side div#news-panel h2 span.title {
  position: absolute;
  left: -9999px;
}
div#news-panel ul {
  list-style: none;
  margin: 10px 0 1.3em 0;
  padding: 12px 24px 0 24px;
}
div#news-panel ul li {
  margin: 1.0em 0 1.3em 0;
  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: #7aa63d;
}



/*
 * 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 div#centre-column div#centre-column-inner h2 {
  font-size: 2em;
  font-weight: normal;
  color: #7aa63d;
}



/*
 *  Some other style overwrites
 */
div#news li a,
ul.news-nav a,
div#contact-us form label {
  color: #0d6626 !important;
}
div#news li img {
  border: 2px solid #0d6626 !important;
}
div#contact-us form label {
  color: #0d6626;
}


div#sips-home-footer ul {
  list-style: none;
  margin: 0 0 0 16px;
  padding: 0;
}
div#sips-home-footer ul li {
  float: left;
  padding-top: 8px;
}
div#sips-home-footer ul li.last {
  padding-top: 0;
  padding-left: 16px;
}
div#sips-home-footer ul li a,
div#sips-home-footer ul li a img {
  display: block;
}

div#right-column h3 {
  background-image: url(/img/green-panel-header.gif) !important;
}