/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }

  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }

  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }

  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt;
    padding: 0pt;
    overflow: auto;
    letter-spacing: 0px;
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }

  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

* {
	outline: none;
	padding: 0;
	margin: 0;
}



html {
	height: 100%;
}

body {
	background: #001200 url(../images/bg_right.jpg) top left repeat-x;
	font-family: Tahoma, Geneva, sans-serif;
	height: 100%;
	font-size: 12px;
}

/* LAYOUT */
#Layout {
  overflow:auto;
  zoom:1;
}
#main, #main_home {
	margin: 0 auto;
	width: 900px;
	position: relative;
	z-index: 2;
}
#main_home {
	background: url(../images/home_gradient.png) 0px 35px no-repeat;
}
#content {
	width: 842px;
	padding: 29px;
	overflow: auto;
	zoom: 1;
	background-color: #f8f8f9;
}
#content a {
	text-decoration: none;
	color: #7ca03e;
}
#content a.underline {
	text-decoration: underline;
	color: #7ca03e;
}

/*#content a:hover {
	color: #454343;
}*/

#content li {
	list-style-type: none;
	padding-left: 12px;
	background: url(../images/arrow_green_right_content.gif) left 6px no-repeat;
}
#content #SearchResults li {
	background:none;
	padding-bottom:10px;
}

#content_header {
	margin-bottom: 31px;
	border-bottom: 1px solid #d3d1d2;
	overflow: auto;
	zoom: 1;
}
#column_left {
	width: 400px;
	padding-right: 42px;
	float: left;
}
#column_right {
	width: 400px;
	float: left;
}

#header {
	height: 27px;
  width:860px;
	padding: 15px 20px 20px;
	background-color: #000000;
	filter: alpha(opacity=91);
	opacity: 0.91;
	z-index: 100;
}
#logo {
	text-align:left;
	float: left;
}
#quote_container {
	height: 150px;
}
#quote {
}
#top {
	height: 40px;
	zoom: 1;
	z-index: 1000;
	position:relative;
}

.col_content, .col_content_r {
	width: 400px;
	float: left;
	padding-right: 42px;
}

.col_sidebar, .col_sidebar_r {
	width: 400px;
	float: left;
}
.col_content_r {
	padding: 0;
	margin-top: 16px;
}
.col_sidebar_r {
	padding-right: 33px;
	margin-top: 16px;
}

.greybox, .grey_small {
	background-color: #e9e9e9;
	padding: 20px;
  overflow:auto;
	zoom: 1;
	margin-bottom: 6px;
}

.colleft_small, .colright_small {
	width: 175px;
	float: left;
}
.colleft_small {
	padding-right: 10px;
}

#contentheader_colheader {
	width: 610px;
	float: left;
}

#contentheader_colicons {
	width: 60px;
	float: left;
	margin-top: 38px;
}

#contentheader_colrelated {
	width: 110px;
	float: left;
}
/*
#contentheader_colrelated h4{
  text-indent:-9999px;
  width:83px;
  height:8px;
  background:transparent url(../images/related_links.gif) top left no-repeat;
  margin-bottom:4px;
}
 */
#contentheader_colrelated ul {
	margin-top: 0;
}

#copyright {
	color: #5E5E5E;
	font-size: 11px;
	line-height: 13px;
	margin: 12px 0;
  padding-top:12px;
}
#copyright a{
  color:#5E5E5E;
  text-decoration:none;
}
#copyright a:hover{
  color:#FFFFFF;
}

/* homepage layout */
#home_content {
	width: 810px;
	margin: 63px 36px 36px 53px;
	overflow: auto;
	zoom: 1;
  position:relative;
}

#home_content p{
	color: #ffffff;
}
#home_content a, #home_content h4 {
  text-decoration: none;
	color: #ffffff;
}
#home_content h4 a:hover {
  color:#cccccc;
}
#home_content a:hover{
	text-decoration:underline;
}

#home_image_header, #home_image_header_image{
	vertical-align: top;
	margin-top: 54px;
	float:left;
}
#home_image_header p {
  margin:0 !important;
}
#home_image_header_image {
  margin-left:-20px;
}

#home_image_header{
	vertical-align: top;
	margin-top: 48px;
	width: 350px;
	text-transform: uppercase;
	font-weight:normal;
	line-height: 26px;
}

#home_image {
	position: absolute;
	left: 402px;
  top:6px;
  z-index:90;
}
#home_image_caption{
  position:absolute;
	text-align: right;
  right:0;
  top:285px;
	width: 300px;
	color: #ffffff;
	font-size: 10px;
	line-height: 11px;
  filter:alpha(opacity=70);
  opacity:0.7;
}
#home_links {
  margin-top:10px;
  width: 200px;
  clear:both;
  margin-left:20px;
}
#home_links li {
  text-decoration: none;
  display: block;
  background: url(../images/arrow_yellow_right.gif) 0px center no-repeat;
  zoom:1;
}
#home_links li h4{
  margin-top:2px;
  padding-left: 12px;
}

.home_columns {
  width: 204px;
  float: left;
}
#home_news_wrapper {
  clear:both;
  padding-top:20px;
  overflow:auto;
  zoom:1;
}
#home_prod {
  padding-right: 16px;
  margin-left:10px;
}
#home_news {
}
.home_columns h3 {
	color: #ffe94c;
	margin: 5px 0px;
}

.home_thumb {
	width: 183px;
	height: 140px;
	background: url(../images/home_thumb_container.png) 0px center no-repeat;
}

.home_thumb_img {
	width: 175px;
	height: 131px;
	margin-left: 4px;
	margin-top: 4px;
}

.home_column_text {
	font-size: 11px;
	margin-top: 2px;
	line-height: 15px;
}
.home_column_link  {
	background: url(../images/arrow_white_right.gif) 0px 4px no-repeat;
	padding-left: 12px;
	font-size: 11px;
  color:#FFFFFF;
  text-decoration:none;
}

/* mediastories layout */
#media_content{
	width: 842px;
	overflow: auto;
	zoom: 1;
}
#media_content h3 {
	margin: 12px 0px;
}
#media_content h4 {
	color: #7ca03e;
	line-height: 12px;
}
#media_content .grey_small h4 {
	color: #5e5e5e;
}

.media_story, .media_story_last, .media_release, .media_release_last {
	width: 842px;
	/*margin: 31px 0px;*/
	padding-bottom: 31px;
	margin-bottom: 31px;
	border-bottom: 1px solid #d3d1d2;
	overflow: auto;
	zoom: 1;
}
.media_story_last, .media_release_last {
	border-bottom: none;
}
.media_caption {
	font-size: 11px;
	line-height: 13px;
	margin: 0;
  margin-top:5px;
}

/* solutions layout */
.page_single_solution {
	margin-top: -20px;
}

.page_login {
	margin-top: 15px;
}
.solutions_content, .solutions_content_last {
	overflow: auto;
	zoom: 1;
	padding-bottom: 31px;
	margin-bottom: 31px;
	border-bottom: 1px solid #d3d1d2;
}
.solutions_content_last {
	border: none;
}

.solutions_content h4,.solutions_content_last h4 {
	color: #7ca03e;
	display: inline;
}

.solutions_thumb {
	width: 192px;
	height: 147px;
	background: url(../images/solution_thumb_container.png) 0px center no-repeat;
	float: left;
	margin-right: 18px;
}

.solutions_thumb_img {
	width: 171px;
	height: 128px;
	margin: 9px 11px 10px 11px;
}
.solutions_text {
	width: 530px;
	float: left;
}
.solutions_header {
	font-weight: bold;
}

.solutions_link {
	display: inline;
	margin-right: 20px;
	vertical-align: bottom;
	background: url(../images/arrow_green_right_content.gif) right 3px no-repeat;
	padding-right: 12px;
	text-transform: uppercase;
	color: #5e5e5e;
	font-size: 11px;
	font-weight: bold;
}

.solutions_link_img {
	margin-bottom: 1px;
}

#content a.solutions_back {
	color: #363636;
	background: url(../images/arrow_green_left.gif) 0px 4px no-repeat;
	padding-left: 10px;
}

#solution_text {
	border-bottom: solid 1px #d3d1d2;
	padding-bottom: 12px;
}
#solution_text li {
	background: url(../images/arrow_grey_right.gif) 0px 5px no-repeat;
}
#solution_text h2 {
	margin-top: 0;
}
#solution_learn {
	margin-top: 7px;
	border-bottom: solid 1px #d3d1d2;
}
#solution_learn h4, #solution_learn p{
	display: inline;
}
#solution_learn p {
  vertical-align:5px;
}
.benefits_map {
	margin: 7px 0px;
}
.solution_services h4 {
	margin-top: 11px;
	margin-bottom: 4px;
}
.solution_services  ul{
	margin-top: 0;
}
.solution_quote {
	font-size: 20px;
	line-height: 25px;
	color: #7CA03E;
	font-style: italic;
	margin-top: 30px;
}
.solution_quote_credit {
	font-size: 11px;
	line-height: 26px;
	font-style: italic;
	margin-top: 2px;
}

.thumbnail_wrapper {
  position:relative;
  zoom:1;
}
.thumbnail_wrapper img{
  display:block;
}
.thumbnail_wrapper a{
  display:block;
}
.thumbnail_overlay {
  position:absolute;
  left:0;
  bottom:24px;
}
.col_sidebar_r .thumbnail_overlay {
  left:1px;
}

/* sitemap layout */
#sitemap h4 {
	color: #7ca03e;
}
#sitemap li {
	background:transparent url(../images/arrow_grey_right.gif) no-repeat scroll 0 6px;
}
#sitemap li a {
	text-decoration: none;
	color: #363636;
}
#sitemap ul {
	margin-top: 0;
}
#map_tech {
	margin-top: 10px;
}
#map_about {
	margin-top: 28px;
}
#map_services {
	margin-bottom: 9px;
}

/* advantages layout */

#advantages_content .col_content {
	color: #5d5d5d;
}

#advantages_content .col_content{
	padding-right: 16px;
}
#advantages_content li {
	background: none;
	padding: 2px 0px;
	border-bottom: 1px solid #d3d1d2;
}
/*
#advantages_content .col_sidebar li{
	background: none;
	color: #363636;
	padding: 2px 0px;
	border-bottom: 1px solid #d3d1d2;
}
 */
#advantages_content p {
	height: 36px;
	margin-bottom: 0px;
}
/* benefits layout */
/*#benefits_dropdown  h2{
	padding-left: 20px;
	margin: 8px 0px;
}*/
#benefits_cost {
  background-image:url(../images/benefit_cost_bg.gif);
}
#benefits_strength {
  background-image:url(../images/benefit_strength_bg.gif);
}
#benefits_compact {
  background-image:url(../images/benefit_compact_bg.gif);
}
#benefits_enviro {
  background-image:url(../images/benefit_enviro_bg.gif);
}
#benefits_tech {
  background-image:url(../images/benefit_tech_bg.gif);
}
#benefits_ease {
  background-image:url(../images/benefit_ease_bg.gif);
}
#benefits_dropdown .content {

}
h2.benefits_toggle_active {
	background-position: 4px -42px;
}
.benefits_toggle {
  background:transparent none 4px 6px no-repeat;
  cursor:pointer;
	border-top: 1px solid #d3d1d2;
  padding:4px 0;
  margin-bottom:4px;
  margin-top:4px;
  height:24px;
  text-indent:-9999px;
}

.benefits_text {
	background: none;
	padding-left: 30px;
	overflow:hidden;
	padding-bottom:15px;
}
.benefits_formula {
	font-size: 14px;
	text-align: center;
}
.col_content ul.benefits {
	margin-bottom: 40px;
}

/* resources formatting */
#content .resource_div {
	width: 120px;
	float: left;
  padding:0;
  margin:0;
	padding-right: 25px;
  margin-bottom:20px;
}
.resource_div img {
  display:block;
}
.category_div {
	margin-bottom: 20px;
	overflow: auto;
	zoom: 1;
}
.category_div ul {
}

.resource_text {
	font-size: 11px;
	line-height: 12px;
	font-style: italic;
}
.resource_link {
	background: url(../images/arrow_green_right_content.gif) left 6px no-repeat;
	text-indent: 12px;
}

/* TEXT FORMATTING */
#content h1 {
	margin-top: 25px;
	color: #7ca03e;
	font-size: 29px;
	font-style: italic;
	font-weight: normal;
}
h2 {
	color: #7ca03e;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 12px;
	margin-top: 12px;
}

h2.smaller {
	font-size: 12px;
	margin-top: 18px;
	margin-bottom: 4px;
}
h3 {
	font-size: 17px;
	font-weight: normal;
	line-height: 22px;
	margin-bottom: 20px;
}
h3.smaller {
	font-size: 15px;
	line-height: 21px;
	font-weight: bold;
	/*margin-top: 18px;
	margin-bottom: 4px;*/
}
.greybox h3{
	margin: 0;
	color: #5e5e5e;
}
.greybox h3.smaller {
	color: #7ca03e;
}

h4 {
	text-transform: uppercase;
	color: #5e5e5e;
	font-size: 11px;
}
h5 {
	font-weight:bold;
	color: #738742;
	font-size: 12px;
  margin-bottom:4px;
}
.greybox h4 {
	margin-bottom: 5px;
}
.col_sidebar_r .greybox h4 {
	margin-bottom: 10px;
}
.grey_small h4 {
	margin-bottom: -5px;
}
#greybox_enquiry {
	margin: 0;
	background: url(../images/arrow_green_right_grey.gif) left 4px no-repeat;
	padding-left: 12px;
}

p {
	color: #363636;
	margin-bottom: 12px;
}
ul {
	margin: 12px 0;
}
ol {
	margin: 12px 0;
}
p.smaller {
	font-size: 11px;
	line-height: 14px;
	margin-top: 5px;
}
img {
	border: 0;
}

/* BACKGROUND */
#bgheader {
	width: 100%;
	background: transparent url(../images/bg_header.jpg) center top no-repeat;
	z-index: 1;
}
#bgleft {
	width: 50%;
	/*z-index: -1;*/
	background: transparent url(../images/bg_left.jpg) left top repeat-x;
}
#bgheader, #bgleft {
	position: absolute;
	height: 720px;
	top: 0px;
	left: 0px;
}

/* NAVIGATION */
#header_nav {
	float: right;
	padding-top: 6px;
}
#header_nav li {
	display: block;
	float: left;
	margin: 0 2px;
	position: relative;
}
#header_nav li a{
	display: block;
	height: 20px;
	text-indent: -9999px;
	text-decoration: none;
}
#header_nav, #header_nav ul {
	margin: 0;
	filter: alpha(opacity=100);
	opacity: 1;
	background-color: #ffffff;
	background: none;

}
#header_nav li ul {
	position: absolute;
	width: 111px;
	left: -999em;
	background-color: #000000;
	padding-top: 23px;
	padding-bottom: 9px;
}
#header_nav li:hover ul, #header_nav li ul.selected {
	left: 0px;
}
#header_nav li ul li{
  margin:0;
}
#header_nav li ul a {
	text-indent:0;
	display:block;
	height:13px;
	background: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #71993f;
	padding: 3px 19px 3px 25px;

	background: url(../images/arrow_green_right_menu.gif) 14px 8px no-repeat;
}
#header_nav li ul a:hover {
	color: #ffffff;
	background: url(../images/arrow_white_right.gif) 14px 8px no-repeat;
}

.nav_li:hover {
  z-index:1000;
}
#header_nav_1 a {
	width: 52px;
	background: transparent url(../images/header_menu-trans.gif) 0px 0px no-repeat;
}
#header_nav_1 a:hover, #header_nav_1 a.selected {
	background: transparent url(../images/header_menu-trans.gif) 0px -40px no-repeat;
}
#header_nav_2 a {
	width: 114px;
	background: transparent url(../images/header_menu-trans.gif) -52px 0px no-repeat;
}
#header_nav_2 a:hover, #header_nav_2 a.selected {
	background: transparent url(../images/header_menu-trans.gif) -52px -40px no-repeat;
}
#header_nav_3 a {
	width: 77px;
	background: transparent url(../images/header_menu-trans.gif) -166px 0px no-repeat;
}
#header_nav_3 a:hover, #header_nav_3 a.selected {
	background: transparent url(../images/header_menu-trans.gif) -166px -40px no-repeat;
}
#header_nav_4 a {
	width: 67px;
	background: transparent url(../images/header_menu-trans.gif) -243px 0px no-repeat;
}
#header_nav_4 a:hover, #header_nav_4 a.selected {
	background: transparent url(../images/header_menu-trans.gif) -243px -40px no-repeat;
}

#top_nav {
	float:right;
  width:290px;
}
#top_nav li {
	display: block;
	float: left;
	position: relative;
}
#top_nav a {
	height:20px;
	text-decoration:none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	padding: 1px 8px 0px;
	color: #021600;
}

#top_nav a:hover, #top_nav a.selected {
	color: #ffffff;
	position: relative;
	z-index: 3;
}

#top_nav a.menu {
	padding: 1px 8px 2px 8px;
}

#top_nav a.menu:hover, #top_nav li a.selected {
	background-color: #80b03b;
	border: solid 1px #94bf3a;
	border-bottom: none;
	padding: 1px 7px 3px 7px;
}

#top_nav li ul:hover, #top_nav li ul.selected {
	background-color: #80b03b;
	border: solid 1px #94bf3a;
/*	padding: 1px 7px 2px 7px; */
}

#top_nav li ul {
	position: absolute;
	width: auto;
	left: -999em;
	background-color: #80b03b;
	border: solid 1px #94bf3a;
	border-bottom: solid 1px #739434;
	margin-top: 2px;
	z-index: 1000;
	top:18px;
}
#top_nav li:hover ul, #top_nav li ul.selected {
	left: 0px;
	margin-top: 1px;
	z-index: 2;
}
#top_nav li:hover ul a, #top_nav li ul.selected a{
  display:block;
}

#top_nav li ul li {
  z-index: 4;
  zoom:1;
  display:block;

}
#top_nav li ul a, #top_nav li.selected ul a {
	position: relative;
	text-indent: 0px;
	padding: 3px 19px 3px 25px;
	background: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #173212;
	background: transparent url(../images/dropdown_bullets_top_nav.gif) 14px -9px no-repeat;
	white-space: nowrap;
	z-index: 4;
	border: none;
  zoom:1;
  height:15px;
}
#top_nav li ul a:hover {
	color: #ffffff;
	background: transparent url(../images/dropdown_bullets_top_nav.gif) 14px 7px no-repeat;
	border: none;
}

#SearchForm_SearchForm fieldset {
	margin:0;
	padding:0;
	border:0;
  margin-top:5px;
}
#SearchForm_SearchForm_action_results {
	display:none;
}
#SearchForm_SearchForm {
	float:right;
  display:block;
  padding:0;
  margin:0;
	margin-left: 7px;
  width:135px;
  height:18px;
  margin-top:6px;
}
#SearchForm_SearchForm div{
  float:left;
}
#SearchForm_SearchForm input {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	background: transparent url(../images/search.gif) 0px 2px no-repeat;
	width: 118px;
	height: 18px;
	line-height: 16px;
	border: none;
	border-bottom: solid 1px #000000;
	padding-left: 16px;
	padding-bottom: 2px;
  float:left;
}

#content p, #content ul, #content ol,
#home_content p, #home_content ul, #home_content ol  {
  line-height:18px;
}

#content a.page_top {
	text-decoration: none;
	color: #454343;
	font-size: 10px;
	margin: 12px 0;
	display: block;
	list-style-type: none;
	text-indent: 10px;
	background: url(../images/arrow_grey_up.gif) 0px 6px no-repeat;
}

#content a.page_top:hover {
	color: #7ca03e;
}

#content a.seemore_link {
	display: block;
	padding-left: 12px;

	/*url(../images/arrow_green_right.png) 2px 5px no-repeat;*/
	background: url(../images/arrow_green_right_content.gif) left 6px no-repeat;
}

/*#content a.seemore_link:hover {
	color: #454343;
}*/


#content a.save_money {
	display:block;
	width:230px;
	height:24px;
	text-indent:-9999px;
	background: url(../images/save_money.gif) top left no-repeat;
}


#media_content .watermark {
	background-color: #000000;
	margin-top: -30px;
	margin-bottom: 18px;
}
#media_content .watermark  h4{
	color: #ffffff;
	margin: 0;
	max-width: 10px;
}

#img_mail {
	cursor:pointer;
}
#img_print {
	cursor:pointer;
  margin-left:8px;
}
.contact table {
  width:400px;
  text-align:left;
  margin-bottom:150px;
}
.contact th, .contact td {
  padding:3px 0;
}
.contact th {
  color:#7d9748;
  width:25px;
}
.contact fieldset {
  border:0;
}
.contact fieldset div{
  overflow:visible;
  zoom:1;
  margin:2px 0;
}
.contact fieldset div.text{
  padding:0;
}
.contact fieldset div label{
  float:left;
  width:70px;
  position:relative;
  zoom:1;
  font-size:11px;
}
.contact fieldset div label em{
  position:absolute;
  left:-12px;
  top:3px;
}
.contact fieldset div input{
  border:0;
  padding:3px;
  width:174px;
  height:16px;
  background:#FFF;
}
.contact fieldset div textarea{
  border:0;
  padding:3px;
  width:274px;
  height:97px;
  background:#FFF;
}
.contact .Actions {
  padding-left:70px;
}

#team_image_tom, #team_text_tom {
	margin-top: 174px;
}

#team_image_glenn, #team_text_glenn {
	margin-top: 25px;
}

#services_content h2{
	margin-bottom: 0px;
}
#services_content p{
	margin-bottom: 30px;
}
