/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{
	display: block;
	width: auto;
}
mark, rp, rt, ruby, summary, time{ display: inline }

* { margin:0; padding:0;}
html { min-width:988px;}
html, body { height:100%;}	
body { 
	background: url(../images/bg.jpg) top center no-repeat #fff; 
	background-width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.1875em;
	color:#595959;
	}
input, select, textarea { font-family:Arial, Helvetica, sans-serif;	font-size:1em;	vertical-align:middle;	font-weight:normal;}
object { vertical-align:top; outline:none}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }
fieldset{ border:none}

a{ color:#595959; text-decoration:underline; outline:none}
a:hover{ text-decoration:none}
		

.link{color:#5b5b5b; font-style:italic}

.button{color:#fff; background:url(http://greeninnovationsltd.com/images/button.gif) top left no-repeat; width:114px; text-align:center; line-height:32px; display:block; text-decoration:none;  }
.button:hover{text-decoration:underline }

ul.list{margin:0; padding:0; list-style:none;}
ul.list li{background:url(../images/marker.gif) top left no-repeat; background-position:0 11px; margin:0; padding-left:13px; }
ul.list li a{color:#595959; text-decoration:underline; line-height:2.15em} 
ul.list li a:hover { text-decoration: none; }

ol{margin:0; padding:0; font-weight:bold; color:#000; }
ol li{ list-style-position:outside; background:url(../images/bg_num.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:63px; zoom:1; position:relative;}
ol li b{ position:absolute; margin:-2px 0 0 15px; left:0; top:0; font-size:67px; font-family:Arial, Helvetica, sans-serif; color:#fff; display:block; line-height:1em;} 
ol li span{ color:#595959; font-weight:normal; font-size:13px} 
ol li a{color:#595959; text-decoration:underline; font-weight:bold; font-style:italic; font-size:13px; line-height:2.5em} 
ol li a:hover { text-decoration:none ; }

ul.li{margin:0; padding:0; list-style:none;}
ul.li li{background:url(../images/icon-1.gif) top left no-repeat; background-position:0 3px; margin:0; padding-left:20px; float:left; display:inline; margin-left:24px}
ul.li .li-1{background:url(../images/icon-2.gif) top left no-repeat; background-position:0 3px;}
ul.li .li-2{background:url(../images/icon-3.gif) top left no-repeat; background-position:0 3px;}
ul.li li a{color:#888484; text-decoration:none; line-height:1.5em} 
ul.li li a:hover { text-decoration: underline; }

.link-1 { display:block; float:left; background:url(../images/link_bg.gif) top left repeat-x; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(../images/link_left.gif) left top no-repeat; text-transform:uppercase; font-size:.76em}
.link-1  b { display:block; background:url(../images/link_right.gif) right top no-repeat; padding:0 16px 0 16px; line-height:28px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}



/*header*/
header {font-size:0.75em; color:#FFFFFF; }
header .indent{margin:83px 0 0 631px; position:absolute; width:356px; padding:0}
header .inside{
	margin: 148px 0 0 49px;
	position: absolute;
	width: 900px;
	padding: 0;
	left: 13px;
	top: -16px;
	height: 69px;
}
header .img{margin:0 0 0 61px}
header .logo{margin:40px 0 123px 46px}

header ul.menu{margin:0; padding:0; list-style:none; width:100%;}
header ul.menu li{ margin:0; display:inline; padding:0; vertical-align:top; float:left; margin-right:5px}
header ul.menu li a{color:#343434; text-decoration:none; font-size:1.66em; font-style:italic; text-transform:none;  float:left; padding:0; margin:0; padding-right:13px} 
header ul.menu li a  b { display:block; font-weight:normal; line-height:28px; padding-left:13px;}
header ul.menu li a em{ display:block; font-weight:normal; font-style:normal;  }

header ul.menu li a:hover { color:#fff; text-decoration:none; background:url(../images/menu_right.png) right top no-repeat;; padding-right:13px }
header ul.menu li a:hover b{ background:url(../images/menu_left.png) left top no-repeat; padding-left:13px;  }
header ul.menu li a:hover em{background:url(../images/menu_bg.png) top left repeat-x; }

header ul.menu .current a { color:#fff; text-decoration:none; background:url(../images/menu_right.png) right top no-repeat; padding-right:13px }
header ul.menu .current a b{ background:url(../images/menu_left.png) left top no-repeat; padding-left:13px }
header ul.menu .current a em{background:url(../images/menu_bg.png) top left repeat-x}


/*content*/
.bg-cont{ font-size:0.8125em; width:100%; text-align:left; background:url(../images/bg_cont.png)}
.inside{padding:0 85px 0 93px}
.inside1{padding:42px 61px 0 61px}
.img-left{ float:left; margin:0 20px 16px 0}
.img-left1{ float:left; margin:0 20px 38px 0}
.img-indent{ margin:0 0 16px 0}
p{ margin:0 0 17px 0}
.p{ margin:0}
.p1{ margin:0 0 17px 0}
h2{color:#595959; font-size:2.307em; margin-bottom:17px; line-height:1.2em; letter-spacing:-1px }
h4{color:#74aa07; font-weight:normal; font-size:1em;}
.txt{ text-align:justify}
.tail{ background:url(http://greeninnovationsltd.com/images/tail.gif) bottom repeat-x; padding-bottom:9px; margin-bottom:9px}
.txt1{ color:#74aa07}
.txt2{ font-style:italic}
.col-1-facts { float:right;}

.indent{padding:40px 0 0 0}

/*box*/
.box{ background:#fff; width:100%; font-size:.916em}
.box .border-top {background:url(../images/border_top.gif) top repeat-x;}
.box .border-bottom {background:url(../images/border_bottom.gif) bottom repeat-x;}
.box .border-left {background:url(../images/border_left.gif) left repeat-y;}
.box .border-right {background:url(../images/border_right.gif) right repeat-y;}
.box .corner-top-left {background:url(../images/corner_top_left.gif) left top no-repeat;}
.box .corner-top-right {background:url(../images/corner_top_right.gif) right top no-repeat;}
.box .corner-bottom-left {background:url(../images/corner_bottom_left.gif) left bottom no-repeat;}
.box .corner-bottom-right {background:url(../images/corner_bottom_right.gif) right bottom no-repeat; width:100%; }
.box .indent-box{ padding:30px 30px 25px 30px; }
.box h2{color:#262626; font-size:1.58em; margin-bottom:17px; line-height:1.2em; letter-spacing:0; text-transform:uppercase }

/*footer*/
footer { color:#9c9c9c; font-size:0.75em; background:url(../images/bot.png) top left no-repeat; height:140px}
footer .inside{ padding:92px 8px 0 64px }
footer a {color:#9c9c9c; text-decoration:underline}  
footer a:hover {  text-decoration:none}
footer span{ color:#4f4f4f}
.w{ width:278px}

footer ul{margin:0; padding:0; list-style:none; float:right}
footer ul li{ margin:0; display:inline;float:left}
footer ul li a{color:#636363; text-decoration:none; display:block; float:left; padding:0 7px 0 0} 
footer ul li a:hover { text-decoration:none; color:#c60100 }

	
.indent-2{ position:relative; padding-left:20px; float:left}
.rowElem{ height:48px; background:url(../images/bg_input.gif) top left no-repeat}
.rowElem1{ height:185px; background:url(../images/bg_input1.gif) top left no-repeat}
.block-contact span{ float:right; margin-right:0}
.input{
   	border:none; 
	background:none;
	width:220px; height:20px;
	font-size:1em;
	color:#000;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
}input{
   	border:none; 
	background:none;
	width:239px; height:18px;
	font-size:1em;
	padding-left:5px;
	padding-top:6px;
	padding-bottom:6px;
}
textarea{
   	border:none; 
	background:none;
	width:239px; height:150px;
	font-size:1em;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
.pad {
	padding:0 0 15px 15px;
}
.mar {
	margin:0 0 15px 60px;
}
input.TextInput, .resultBox {
		display:block;
		width:75px;
		height:33px;
		background-color:#e9e9e9;
		border:1px solid #a3a3a3;
		padding:5px 0px 0 0px;
		text-align:center;
		font:23px Arial, Helvetica, sans-serif;
		color:#4a4a4a;
		}
	
	input#bills_mailed, input#bills_received, input#statements_received, input#percent_converted, input#statements_mailed {
	width:75px;
	margin-bottom: 5px;
	}	
		
	.resultBox2  {
		display:block;
		width:95px;
		height:33px;
		background-color:#e9e9e9;
		border:1px solid #a3a3a3;
		padding:5px 0px 0 0px;
		text-align:center;
		font:23px Arial, Helvetica, sans-serif;
		color:#4a4a4a;
		}
		
	input#percent_converted {
		background:url(http://greeninnovationsltd.com/images/common/percentInput.gif) right top no-repeat;
		background-color:#e9e9e9;
		padding-right:25px;
		width:50px
	}

	input#calculator_submit, input#calculator_button {
		width:182px;
		height:28px;
		line-height:28px;
		display:block;
		text-indent:-5000px;
		background:url(http://greeninnovationsltd.com/images/common/button-calculateFootprint.gif) top left no-repeat;
		outline:none;
		border:none;
		cursor:pointer;
		margin:10px 0 0 0px;
		}
		
	td.calculatorQ, .DataTable th {
		font:14px/18px Arial, Helvetica, sans-serif;
		color:#e68d01;
		font-weight:bold;
		letter-spacing:-1px;
		padding:0px 0 0 0px;
		}	

	td.calculatorBusQ {
		font:13px/20px Arial, Helvetica, sans-serif;
		color:#e68d01;
		font-weight:bold;
		letter-spacing:-1px;
		padding:0px 0 0 0px;
		}
	
	#calcResults .shadedBox {
	padding: 25px 0 0 30px;
	background: url(http://greeninnovationsltd.com/images/common/shadedBoxTop2.gif) no-repeat; 
	width: 615px;
	display: block;
	color:#666;
	}
	
	#calcResults .shadedBox h2 {
		margin-top: 0px;
		}

	#calcResults .shadedBox h3 {
		width: 520px;
		}