/*-----------------------------------------------------------------------------
Flotech Screen Stylesheet
version:   2.0
date:      1/10/08
author:    Peter Koopman
email:    peter@bda.co.nz

website:   http://www.bda.co.nz

-----------------------------------------------------------------------------*/
/* Import other stylesheets
-----------------------------------------------------------------------------*/
@import url("reset.css");
@import url("webforms.css");
@import url("headings.css");


/* Set up the document
-----------------------------------------------------------------------------*/
body{
	font: 62.5%/1.5  "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
	background:repeat-x top url(../Images/body-back.jpg) #B5D8FF;
	color: #000000;	
	text-align:center;
}
#wrapper, #wrapperHome{ 
	position:relative;
	z-index:5;
	width: 910px; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin-left:auto; 
	margin-right:auto; 
}
#wrapperHome{
	background:repeat-y center url(../Images/home-background.gif) #fff;
}
#wrapper{
	background:repeat-y center url(../Images/default-background.gif) #fff;
}
input{
	border:1px solid #666;
}

/* Typography
-----------------------------------------------------------------------------*/
h1{font-size: 2.2em; /* Equivalent to 22pt */}
h2{font-size: 2.0em; /* Equivalent to 20pt */}
h3{font-size: 1.8em; /* Equivalent to 18pt */}
h4{font-size: 1.6em; /* Equivalent to 18pt */}
h5{font-size: 1.4em; /* Equivalent to 14pt */}
p, q, cite{font-size: 1.2em; /* Equivalent to 12pt */}
ul, ol, dl{
	list-style: none;
	font-size: 1.2em; /* Equivalent to 12pt */
}
li, dd, dt{
	font-size: 1em; /* Equivalent to 12pt */	
}

/* Header
-----------------------------------------------------------------------------*/
#branding{
	width:160px;
	height:180px;
	float:left;
	background-color: #6cf;
	position:relative;
}
#branding h1{
	background:no-repeat center top url(../Images/flotech-logo.gif);
	text-indent:-9999px;
	margin-top:35px;
	width:160px;
	height:40px;
}
#branding #se_flag{
	position:absolute;
	top:18px;
	left:12px;
}

/* Navigation
-----------------------------------------------------------------------------*/
/*Top Nav
Menu is created using the 'HTML Only' version of the Dynamic Menus
*/
#navMain{
	width:750px;
	height:20px;
	border-top:solid 15px #2d2f92;
	background-color:#0073BB;
	float:left;
}
#navMain ul{
	list-style: none;
}
#navMain li {
	float: left;
	position: relative;
	width:107px;
}
#navMain li a{
	width:107px;
	min-height:20px;
	display:block;
	color:#fff;
	background-color:#0073bb;
	text-decoration:none;
	text-align:center;
}
#navMain li li a{
	text-align:left;
	font-size:11px;
	padding-left:5px;
	width:102px;
}
#navMain li a:hover{
	background-color:#6cf;
	color:#2d2f92;
}
#navMain li ul {
	display: none;
	position: absolute; 
	top: 1em;
	left: 0;
}
#navMain li > ul {/*fix for Opera browsers*/
	top: auto;
	left: auto;
}
/*NB li.over is for IE browsers that don't apply the :hover pseudoclass.
Javascript for this workaround is in global.js*/
#navMain li:hover ul , #navMain li.over ul{ display: block; }

/*Left side Nav*/
#navSub{
	width:160px;
	background-color:#0573BB;
	margin-top:-60px;
	padding-bottom:10px;
	float:left;
	vertical-align:top;
}
#navSub #search input{
	margin:5px 0 0 5px;
	height:16px;
	width:114px;
	padding:2px;
}
#navSub #search img{
	margin:5px 0 -5px 0;
}
#navSub div h2{
	font:bold 10px/13px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	margin:0 0 0 .5em;
	padding-top:1.4em;
}
#navSub a{
	color:#fff;
	text-decoration:none;
	display:block;
}
#navSub li.qeLink a{
	display:inline-block;
}
#navSub a:hover{
	color:#ff0;
}
#navSub div ul li{
	list-style-type:none;
	font:10px/13px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	margin:0 0 0 1em;
}
#navSub span.subMenuIndent{
	margin-left:9px;
}
#navSub #forSaleAd a{
	display:block;
	margin:25px 5px 0 5px;
	border:solid 1px #fff;
	color:#fff;
	padding:5px;
}
#navSub #forSaleAd a:hover{
	color:#ff0;
	border-color:#ff0;
}

/* Content
-----------------------------------------------------------------------------*/
#homeContent, #content{
	width:500px;
	float:left;
	font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	padding:10px;
	background-color:#fff;
}
#content{
	width:730px;
}
#content p{
	font-size:12px;
	line-height:15px;
	margin:7px 7px 7px 0;
}
#content h1{
	font:bold 22px/1em Verdana, Arial, Helvetica, sans-serif;
	margin:15px 0 5px 0;
}
#content h2{
	font:bold 18px/1em Verdana, Arial, Helvetica, sans-serif;
	margin:15px 0 5px 0;
}
#content h3{
	font:bold 16px/1em Verdana, Arial, Helvetica, sans-serif;
	margin:15px 0 5px 0;
}
#content h4{
	font:bold 14px/1em Verdana, Arial, Helvetica, sans-serif;
	margin:15px 0 5px 0;
}
#content h5{
	font:bold 12px/1em Verdana, Arial, Helvetica, sans-serif;
	margin:15px 0 5px 0;
}

#flashContent, #templateHeader{
	width:750px;
	height:200px;
	float:left;
	background-color:#6cf;
}
table.tabledefault td{
	font-size:10px;
}
img.page {
	margin: 0px 0px 10px 10px;
	float: right;
}
img.pageLeft{
	margin: 0 10px 10px 0;
	float: left;
}


/*News Box
-----------------------------------------------------------------------------*/
#newsBox{
	width:180px;
	float:right;
	background-color:#999;
	color:#fff;
	padding:10px;
	font:normal 8px/14px Verdana, Arial, Helvetica, sans-serif;
}
#newsBox h5{
	margin:25px 0 15px;
	font-size:14px;
}
#newslettersList a{
	color:#fff;
	text-decoration:none;
}
#newslettersList a:hover{
	color:#0073BB;
}
/* Home Page
----------------------------------------------------------------------------*/

#greenlaneHome a{
	width:266px;
	float:left;
}
#greenlaneHome img#lloydslogo{
	float:right;
}
#greenlaneHome p, #compressionHome p, #heatExchangeHome p, #afterCareHome p{
	clear:both;
	font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
	width:400px;
	margin:10px 0 10px 90px;
}
/* Footer
-----------------------------------------------------------------------------*/
#pageInfo{
	position:relative;
	z-index:10;
	clear:both;
	height:13px;
	background-color:#0073BB;
}
#pageInfo span#copyright{
	float:left;
	font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}
#pageInfo span#footerLinks{
	float:right;
	font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}
#pageInfo a{
	color:#fff;
}
#pageInfo a:hover{
	color:#ff0;
}
#bottomLine{
	position:relative;
	z-index:0;
	height:13px;
	background-color:#0073BB;
	width:100%;
	margin-top:-13px;
}

/*News & Announcements Page (newsletter downloads)
--------------------------------------------------------------------------------*/
#newsLeftCol{
	width:250px;
	float:left;
	margin-top:10px;
}
#newsLeftCol p{
	margin:8px 0 35px 0;
}

/*News Pages*/
.newsItem{
	border-bottom:dashed 1px #999;	
	padding:5px 0 15px;
	display:table;
}
.newsItem p.newsListHeadline a{
	font:bold 17px/22px Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	color:#000;
	text-align:center;
}
.newsItem p.newsListHeadline a:hover{
	color:#999;	
}
.newsItem .newsListDate{
	font:bold 11px/13px Georgia, "Times New Roman", Times, serif;
}
.newsDetailDate{
	font:bold 14px/14px  Georgia, "Times New Roman", Times, serif !important;
	margin:10px 0 0 0;
}
#content h2.newsDetailHeadline{
	font:bold 20px/24px Georgia, "Times New Roman", Times, serif;
	margin-top:8px;
}
#content .newsContent p{
	margin:0 7px 7px 7px;	
}
.newsThumb, .newsContent{
	float:left;	
}
.newsThumb{
	display:table-cell;
	width:100px;
	vertical-align:top;
}
.newsContent{
	display:table-cell;
	width:630px;
	vertical-align:top;
}


/*Quality page (quality.htm)/Environment page (environment.htm)
---------------------------------------------------------------------------------*/
#isoCerts{
	width:340px;
	float:right;
}
#isoCerts div{
	float:left;
	width:160px;
	margin:5px 0 0 5px;
}
#isoCerts div p{
	text-align:center;
}
/*Projects List
--------------------------------------------------------------------------------*/
#projectsList table {
	margin:10px 0;
	border:1px solid #0073BB;
	padding-bottom:2px;
}
#projectsList table td{
	padding:1px 5px;
}

#projectsList table td.projectDetailName{
	width:200px;
	vertical-align:top;
}
#projectsList table td.projectDetail{
	width:400px;
	vertical-align:top;
}
#projectsList p.projectNote{
	font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
}
#projectsList table td.projectClientName{
	font-weight:bold;
}
/*Biogas Upgrading page
-------------------------------------------------------------------------------*/
img.biogasUpgradingPic{
	margin-top:3em;
	margin-bottom:3em;
}
.biogasUpgradingLink{
	margin-left:3em;
}
/*Contact pages
--------------------------------------------------------------------------------*/
div.contactListHeader{
	margin:20px 0;
}
ul.gbContactList li, ul.compressionRepList li{
	margin:20px;
}