/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* -------------------------------------------------------------------------------------------------

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008 Justin French

--------------------------------------------------------------------------------------------------*/


/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
--------------------------------------------------------------------------------------------------*/
form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; }
form.formtastic fieldset { border:0; }
form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; }
form.formtastic ol, form.formtastic ul { list-style:none; }
form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; }
form.formtastic legend { color:#000; }


/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset { }
form.formtastic fieldset.inputs { }
form.formtastic fieldset.buttons { padding-left:25%; }
form.formtastic fieldset ol { }
form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; }

/* clearfixing the fieldsets */
form.formtastic fieldset { display: inline-block; }
form.formtastic fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset { display: block; }
* html form.formtastic fieldset { height: 1%; }


/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li { margin-bottom:1.5em; }

/* clearfixing the li's */
form.formtastic fieldset ol li { display: inline-block; }
form.formtastic fieldset ol li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset ol li { display: block; }
* html form.formtastic fieldset ol li { height: 1%; }

form.formtastic fieldset ol li.required { }
form.formtastic fieldset ol li.optional { }
form.formtastic fieldset ol li.error { }
  

/* LABELS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li label { display:block; width:25%; float:left; padding-top:.2em; }
form.formtastic fieldset ol li li label { line-height:100%; padding-top:0; }
form.formtastic fieldset ol li li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;}


/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li fieldset { position:relative; }
form.formtastic fieldset ol li fieldset legend { position:absolute; width:25%; padding-top:0.1em; }
form.formtastic fieldset ol li fieldset legend span { position:absolute; }
form.formtastic fieldset ol li fieldset legend.label label { position:absolute; }
form.formtastic fieldset ol li fieldset ol { float:left; width:74%; margin:0; padding:0 0 0 25%; }
form.formtastic fieldset ol li fieldset ol li { padding:0; border:0; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-errors { color:#cc0000; margin:0.5em 0 0 25%; }
form.formtastic fieldset ol li ul.errors { color:#cc0000; margin:0.5em 0 0 25%; list-style:square; }
form.formtastic fieldset ol li ul.errors li { padding:0; border:none; display:list-item; }


/* STRING & NUMERIC OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.string input { width:74%; }
form.formtastic fieldset ol li.password input { width:74%; }
form.formtastic fieldset ol li.numeric input { width:74%; }


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.text textarea { width:74%; }


/* HIDDEN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.hidden { display:none; }


/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.boolean label { padding-left:25%; width:auto; }
form.formtastic fieldset ol li.boolean label input { margin:0 0.5em 0 0.2em; }


/* RADIO OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.radio { }
form.formtastic fieldset ol li.radio fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.radio fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.radio fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.radio fieldset ol li label input { margin-right:0.2em; }


/* CHECK BOXES (COLLECTION) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.check_boxes { }
form.formtastic fieldset ol li.check_boxes fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label input { margin-right:0.2em; }



/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.date fieldset ol li,
form.formtastic fieldset ol li.time fieldset ol li,
form.formtastic fieldset ol li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; }

form.formtastic fieldset ol li.date fieldset ol li label,
form.formtastic fieldset ol li.time fieldset ol li label,
form.formtastic fieldset ol li.datetime fieldset ol li label { display:none; }

form.formtastic fieldset ol li.date fieldset ol li label input, 
form.formtastic fieldset ol li.time fieldset ol li label input, 
form.formtastic fieldset ol li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }


/*
 * jQuery Nivo Slider v1.9
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}                                  



.nivo-controlNav {
	position:absolute;
	left:47%;
	bottom:-15px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(/images/css/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(/images/css/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}



html {
  overflow-y: scroll; }

body {
  padding: 0 0 30px 0;
  margin: 0;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  font-size: 11px;
  line-height: 15px;
  color: #504e53;
  background-color: white;
  font-family: Verdana, Arial, sans-serif; }

a {
  color: #00b4f0;
  text-decoration: none; }
  a:hover, a.here {
    color: #504e53; }

h1, h2 {
  margin: 0;
  color: #5c5c5c;
  font-size: 24px;
  font-weight: normal;
  font-family: Arial, sans-serif;
  padding-bottom: 3px;
  text-transform: uppercase; }

h1 {
  text-indent: -9000px;
  background: url(/images/css/header.png) no-repeat 0 0;
  height: 48px;
  border-top: 1px solid #00B4F0;
  border-bottom: 1px solid #00B4F0;
  overflow: hidden;
  padding: 0; }

h3 {
  font-size: 12px;
  font-weight: bold;
  color: #606060;
  margin: 0; }

.clear {
  clear: both;
  height: 0px; }

#intro {
  height: 48px;
  background-color: #C8E637;
  margin-bottom: 16px; }

#content {
  padding-top: 24px; }

#navi {
  padding: 0;
  margin: 0;
  list-style-type: none;
  font-size: 13px;
  letter-spacing: 0.05em;
  display: block; }

#footer {
  margin-top: -25px;
  border-top: 1px solid #00B4F0;
  padding: 20px 0 20px 0;
  clear: both; }
  #footer .address {
    float: left;
    margin-right: 60px; }
    #footer .address a {
      display: inline; }
  #footer .col {
    float: left;
    margin-right: 60px; }
  #footer a {
    color: #5c5c5c; }
    #footer a:hover {
      color: #00b4f0; }
  #footer ul li {
    float: none;
    padding: 0; }
  #footer .facebook,
  #footer .rss {
    display: block;
    text-align: right;
    padding: 0 30px 0 0;
    height: 45px;
    background: url(/images/css/facebook.png) no-repeat 100% 2px;
    line-height: 110%; }
  #footer .rss {
    background: url(/images/css/rss.png) no-repeat 100% 2px; }

div.navi {
  clear: both;
  border-bottom: solid #00b4f0 1px;
  text-transform: uppercase; }

#navi {
  padding-top: 46px;
  color: #00b4f0; }
  #navi a {
    color: #5c5c5c; }
    #navi a:hover {
      color: #00b4f0; }
  #navi a.active {
    color: #00b4f0; }
  #navi ul {
    display: none; }
  #navi li.language_switcher {
    float: right;
    padding-right: 0; }

#navi li, #footer li {
  float: left;
  padding-right: 25px;
  padding-top: 8px;
  padding-bottom: 8px; }

#page_title {
  position: relative;
  border-top: 1px solid #00B4F0;
  height: 40px; }
  #page_title h2 {
    top: 0;
    z-index: 1;
    position: absolute;
    color: #00b4f0;
    font-size: 18px;
    padding-top: 11px; }

#subnavi {
  padding: 0;
  margin: 0;
  list-style-type: none;
  font-size: 13px;
  letter-spacing: 0.05em;
  display: block;
  z-index: 2;
  background: #EEE;
  position: absolute;
  display: none;
  height: 40px; }
  #subnavi .wrapper {
    position: relative;
    margin-top: -8px;
    width: 900px;
    overflow: hidden; }
    #subnavi .wrapper .content {
      width: 19000px; }
  #subnavi #arrow {
    position: relative;
    left: 10px;
    top: -1px;
    background: url(/images/css/navi-arrow-down.png) no-repeat 0 0;
    width: 13px;
    height: 8px;
    z-index: 3; }
  #subnavi li.active a {
    color: #00b4f0; }
  #subnavi a {
    font-size: 13px;
    color: #9c9e9f; }
    #subnavi a:hover {
      color: #5c5c5c; }
  #subnavi ul {
    float: left; }
    #subnavi ul li {
      float: left;
      padding: 11px 12px; }
  #subnavi #arrow_left {
    height: 40px;
    width: 24px;
    background: #EEE url(/images/css/navi-arrow-left.png) no-repeat 10px 50%;
    position: absolute;
    left: 0;
    z-index: 1; }
  #subnavi #arrow_right {
    height: 40px;
    width: 24px;
    background: #EEE url(/images/css/navi-arrow-right.png) no-repeat 8px 50%;
    position: absolute;
    right: 0;
    z-index: 2; }

#navi a, #footer a {
  display: block; }

div.clear {
  clear: both;
  height: 0px; }

* html div.clear {
  line-height: 0px;
  font-size: 0px;
  padding: 0;
  margin: 0; }

.node {
  padding: 0 0 24px 0;
  margin-bottom: 24px;
  border-bottom: 1px solid #00b4f0;
  clear: both; }
  .node h2 {
    padding: 0;
    margin: -5px 0;
    font-size: 28px;
    line-height: 25px; }
  .node h3 {
    margin-top: 15px; }

.image_text .text {
  float: left;
  width: 290px; }
.image_text .img {
  float: right;
  width: 600px;
  margin-left: 10px; }
  .image_text .img dl {
    margin-top: 10px; }
    .image_text .img dl dt {
      float: left;
      clear: both;
      font-weight: bold;
      text-transform: uppercase;
      width: 120px;
      color: #606060; }
    .image_text .img dl dd {
      width: 480px;
      float: left; }
      .image_text .img dl dd.customer {
        width: 380px; }

.enquiry .left {
  float: left;
  width: 500px; }
.enquiry .right {
  float: left;
  width: 380px;
  padding-left: 20px; }
.enquiry .formtastic fieldset.right ol li legend label {
  width: 0px;
  display: none; }
.enquiry .cases {
  margin: 0 0 10px 0; }
.enquiry .fr {
  float: right;
  margin-right: 20px; }

body .enquiry form.formtastic {
  margin-top: 20px; }

body .enquiry form.formtastic fieldset ol li.string input,
body .enquiry form.formtastic fieldset ol li.text textarea {
  width: 70%;
  background: #e3e4e4;
  border: 1px solid #fff;
  padding: 3px; }
  body .enquiry form.formtastic fieldset ol li.string input:focus,
  body .enquiry form.formtastic fieldset ol li.text textarea:focus {
    border: 1px solid #BBB; }

.newsletter h2 {
  margin-bottom: 20px; }
.newsletter .text {
  float: left;
  width: 270px; }
.newsletter .formtastic {
  margin-top: 48px;
  float: right;
  width: 600px; }

.image .img {
  width: 900px;
  margin-bottom: 10px; }

.projects .threecols {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 24px; }

.threecols {
  float: left;
  padding: 0 0 24px 0;
  margin-bottom: -1px;
  width: 292px;
  border-bottom: 1px solid #00b4f0; }
  .threecols img {
    width: 292px;
    height: 192px; }
  .threecols .content {
    background: #DFDFDF;
    height: 350px;
    overflow: hidden; }
  .threecols h3 {
    margin-top: 6px; }
  .threecols p, .threecols h3 {
    padding: 0 5px; }

.tcc {
  padding: 0 12px 24px 12px; }

a.slideshow_button {
  float: right;
  padding-left: 18px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: -15px; }
a.stop {
  background: url(/images/css/play.png) no-repeat 6px 2px; }
a.play {
  background: url(/images/css/stop.gif) no-repeat 5px 3px; }

.slideshow img {
  display: none; }
.slideshow img.img0 {
  display: block; }

.rounded {
  background: #00b4f0;
  color: #FFF;
  padding: 5px 20px 5px 20px;
  border: none;
  text-transform: uppercase; }

#comments h2 {
  float: left;
  height: 30px;
  padding: 0; }
#comments .comments {
  text-align: right;
  margin: 20px 0 20px;
  padding-bottom: 20px; }

.pagination {
  margin: 10px 0 20px 0;
  height: 30px;
  border-bottom: 1px solid  #00B4F0; }

form.formtastic fieldset ol li {
  margin-bottom: 12px; }