﻿/* LAYOUT */
.wrp
{
  z-index:2;
	position:relative;
  width:950px;
  height:100%;
  margin:0 auto;
  background:white;
}

.col1
{
  z-index:0;
	position:relative;
	float:left;
  width:240px;
  min-width:240px;

}


.col2
{
  z-index:0;
	position:relative;
	float:left;
  width:425px;
  margin-left:20px;
}

.col2_reduced
{
  z-index:0;
	position:relative;
	float:left;
  width:325px;
  padding-right:100px;
  margin-left:20px;
}

.col2 img
{
  margin:0px 20px 20px 0;
}

.copy
{
  padding:12px 15px 15px 15px;
}

.banner
{
  margin:0 0 20px 0;
}

.homepage #decoration
{
  z-index:1;
	position:absolute;
	left:0;
  top:225px;
  background:#d8ebf7;
  width:100%;
  height:600px;
}

.homepage #decoration div
{
  z-index:2;
	position:absolute;
	left:0;
  top:316px;
  width:100%;
  height: 100%;
  min-height: 100%;
  background:#ecf5fb;
}


.homepage #content 
{
  background:#f9fcfe;
  height:100%;
}

.homepage #content .wrp
{
  background:#f9fcfe url(/site_media/images/homepage_bg.gif) -70px 0px no-repeat;
}

.homepage .copy
{
  width:480px;
  background:transparent;
  padding-bottom:0;
}

.homepage #extracopy .copy
{
  width:890px;
  padding-top:30px;
}


.example_product .copy a
{
  width:100px;

}

.example_product
{
  height:138px;
  overflow:hidden !important;
  display:block;
  position:relative;
}

.example_product img
{
  position:absolute;
  margin-left:125px;
}

.example_product .copy
{
  width:100px;
  background:transparent;
  height:155px;
  display:block;
}

.homepage h3
{
  padding-bottom:10px;
}



/* top nav behaviour */
.focus
{
  background-position:0 -44px;
}

/* selected page */
.arrowedlink
{
  padding:8px 0 0 10px;
  width:205px;
  height:18px;
  text-decoration:none;
  color:#e2f2fd;
  font-weight:bold;
  font-size:12px;
  display:block;
  float:left; 
  margin-bottom:5px;
}

.bluebg
{
  background:transparent url(/site_media/images/arrow_bluebg.gif) 1px 9px no-repeat;
}

.whitebg
{
  background:#ffffff url(/site_media/images/arrow_whitebg.gif) 1px 9px no-repeat;
  color:#0055a5;
}

.lightbluebg
{
  background:#d5e7f3 url(/site_media/images/arrow_creambg.gif) 1px 9px no-repeat;
}




/* homepage */
.special_feature
{
  position:relative;
  display:block;
  z-index:1;
  float:left;
  width:472px;
  height:155px;
  background:#0063b2;
  margin-bottom:6px;
  overflow:hidden;
  cursor:pointer;
}

.special_feature span.copy
{
  position:absolute;
  z-index:2;
  float:left;
  width:180px;
  height:135px;
  left:0;
}

.special_feature img
{
  float:right;
}

.special_feature a.arrowedlink
{
  width:130px;
  display:block;
  position:absolute;
  bottom:0px;
  left:15px;
}

.feature_block_link
{
  display:block;
  position:relative;
  z-index:-10;
  background:transparent;
  width:472px;
  height:155px;
  text-decoration:none;
}

.smallmargin
{
  margin-right:6px;
}

.customer
{
  width:180px;
  background:transparent;
  border-right:1px solid #dbe9f4;
  position:relative;
  float:left;
  clear:none;
  text-align:center;
  margin-top:20px;
  margin-bottom:20px;
  overflow:hidden;
}

.cancel
{
  margin-right:0;
  border:none;
}



.homepage .example_product img
{
  float:right;
}

.more
{
  display:block;
  position:relative;
  top:0px;
  float:left;
  left:410px;
  width:65px;
  height:20px;
  line-height:20px; 
  padding:2px 40px 0 25px;
  text-decoration:none;
  color:#0055a5;
  font-weight:bold;
  font-size:12px;
  text-align:left;
  margin-bottom:5px;
  z-index:100;
  clear:both;
  background:white url(/site_media/images/arrow_down.gif) 93px 7px no-repeat;
}

.background
{
  background:#ecf5fb;
  display:block;
  position:relative;
  top:0px;
  float:left;
}

.mapdown
{
  padding:2px 0 0 0;
  padding-left:17px;
  background:white url(/site_media/images/map_down.gif) 0px 6px no-repeat;
}

.mapup
{
  padding:2px 0 0 0;
  padding-left:17px;
  background:white url(/site_media/images/map_up.gif) 0px 6px no-repeat;
}

.hide
{
  float:left;
  padding:2px 0 0 0;
  width:100px;
  height:26px;
  text-decoration:none;
  color:#0055a5;
  font-weight:bold;
  font-size:12px;
  display:none;
  text-align:left;
  padding-left:40px;
  margin-bottom:5px;
  position:absolute;
  z-index:20px;
  bottom:-25px;
  left:405px;
  z-index:10;
  background:white url(/site_media/images/arrow_up.gif) 80px 5px no-repeat;
}

.extracopy
{
  padding:2px 0 0 0;
  width:100px;
  height:12px;
  text-decoration:none;
  color:#0055a5;
  font-weight:bold;
  font-size:12px;
  display:block;
  padding-left:15px;
  z-index:10;
  position:absolute;
  left:14px;
  bottom:10px;
  background:transparent url(/site_media/images/arrow_down.gif) 0px 5px no-repeat;
}


.hidecopy
{
  padding:2px 0 0 0;
  width:100px;
  height:12px;
  text-decoration:none;
  color:#0055a5;
  font-weight:bold;
  font-size:12px;
  display:none;
  padding-left:15px;
  z-index:10;
  position:absolute;
  left:14px;
  bottom:10px;
  background:transparent url(/site_media/images/arrow_up_lightbluebg.gif) 0px 5px no-repeat;
}






/* Projects / Specialities */
.example_project
{
  position:relative;
  display:block;
  float:left;
  clear:both;
  width:180px;
  min-height:160px; 
  background:#0063b2;
  margin-bottom:20px;
  overflow:hidden;  
}

.example_project span.copy
{
  z-index:2;
  float:left;
  width:180px;
  display:block;
background:white;
  left:0;
}

.example_project img
{
  margin-bottom:10px;
}


.example_project h4, .example_project h5
{
  margin-left:10px;
}

.exproject_block_link
{
  width:180px;
  min-height:160px; 
  display:block;
  position:relative;
  z-index:10;
  text-decoration:none;
}

.indent
{
  margin-left:10px;
}




.projectSection
{
  position:relative;
  display:block;
  float:none;
  clear:both;
  width:100%;
  height:auto;
  padding:20px 0 20px 0;
}



.margin_right
{
  margin-right:10px;
}


.example_product
{
  position:relative;
  display:block;
  float:left;
  width:312px;
  height:138px;
  background:#0063b2;
  margin-bottom:6px;
  margin-left:6px;
}














/* Testimonials */
.testimonial
{
  position:relative;
  display:block;
  float:left;
  clear:both;
  width:100%;
}

.testimonial img
{
  margin-top:20px;
  float:left;
}

.testimonial .copy
{
  float:right;
  width:500px;
  clear:none;
  background:transparent;
}
.testimonial .copy blockquote {
    color:#458EC3;
    padding-bottom:10px;
}
.testimonial .copy blockquote p {
    margin-bottom:-10px;
}




/* Product and Technical */
.product
{
  position:relative;
  display:block;
  float:left;
  width:342px;
  height:138px;
  background:#0063b2;
  margin-bottom:6px;
}

.overview
{
  height:116px;
}

.product img
{
  float:right;
}

.product a
{
  width:130px;
}

.product .copy
{
  width:130px;
}

.pdf_form
{
  list-style-type:none;
  margin-top:-8px;
  width:320px;
}

.pdf_form li
{
  width:320px;
  position:relative;
}

.pdf_form label
{
  font-size:10px;
  width:110px;
  display:block;
  color:#e2f2fd;
}

.pdf_form input
{
  font-size:10px;
  height:12px;
  width:127px;
  line-height:11px;
  color:#000;
}

.pdf_form #id_product
{
  display:none;
}

.pdf_form ul.errorlist
{
  list-style-type:none;
  margin-top:11px;
  width:100px;
  display:block;
  position:absolute;
  left:140px;
  color:white;
}

.pdfsubmit
{
  position:absolute;
  bottom:12px;
  right:20px;
}

.fadeout
{
  /* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
}






/* News */
.news li
{
  min-height:41px;
}

.news a
{
  min-height:36px;
}

.news li a:hover, .news li a.selected
{
  background:#0360a9 url(/site_media/images/selected_bg_large.jpg) 0 0 repeat-x !important;
  color:#e0f2fb;
}

.date
{
  color:#0055a5 !important;
  margin-top:-10px;
  font-weight:bold;
}\




/* Contact Page */
.contact p
{
  font-size:14px;
}


.phone_number
{
  color:#0055a5;
  font-size:24px;
  font-weight:bold;
  line-height:24px;
}


.errorlist
{
  margin-left:13px; 
  color:red;
  top:3px;
  left:-1px;
  font-size:10px;
  position:relative;
}




/* LINKS */
.link 
{
  position:relative;
  display:block;
  float:left;
  clear:both;
  width:100%;
  margin-bottom:10px;
}

.link  img
{
  margin-top:0px;
}
.link .copy
{
  float:right;
  width:500px;
  background:transparent;
}






/* colours! */
.lighter
{
  color:#e2f2fd;
}

.skyblue
{
   color:#c0e2f9;
}








/* general */
.pdf
{
  float:left !important;
  margin:20px 0 2px 0;
}

.none
{
  margin:0;
  padding-left:0;
  padding-right:0;
  padding-bottom:0;
  border:none;
}








/* site map */
.mapdata
{
  position:relative;
  float:left;
  clear:none;
  width:220px;
  margin-right:30px;
}






html, body {
height: 100%;
min-height: 100%;
}

