@charset "utf-8";
/* CSS Document */
a{outline:none;}
h1,h2,h3,h4,h5,p,img,ul,li{border:0;margin:0;padding:0;outline:0;}
ul,li{list-style:none;}
body,html{height:100%;}
.floatLeft{float:left;}
.floatRight{float:left;}
.clearBoth{clear:both;}
.marginBottom5{margin-bottom:5px;}
.marginBottom8{margin-bottom:8px;}
.marginBottom10{margin-bottom:10px;}
body{
	background:#d8dfe0;
	font:10px/1.2em Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

#wrapper{
	background:#fff;
	width:755px;
	text-align:left;
	margin:0px auto;

}
#footer{
	background:#D8DFE0;
	width:755px;
	height:22px;
	padding-top:16px;
	text-align:center;
}
#footer a:link,#footer a:visited{color:#000}
#row1_co11{
	width:491px;
	height:254px;
	padding-left:25px;
	padding-top:25px;
}
#row1_co12{
	width:239px;
	height:42px;
}
#row3_col1{
	width:315px;
	padding-bottom:20px;
	min-height:200px;
	height: auto !important;
	height:200px;
}
	#row3_col1 a{
		display:block;
		width:315px;height:30px;
	}
	#home{background:url("../img/home.gif") no-repeat;width:315px;height:30px;}
			#home a:link{background:url("../img/shome.gif") no-repeat;width:315px;height:30px;}
			#home a:hover{background:url("../img/home_on.gif") no-repeat;width:315px;height:30px;}
			#home .onState{background:url("../img/home_on.gif") no-repeat;width:315px;height:30px;}
		#solution{background:url("../img/solution.gif") no-repeat;width:315px;height:30px;}
			#solution a:link{background:url("../img/solution.gif") no-repeat;width:315px;height:30px;}
			#solution a:hover{background:url("../img/solution_on.gif") no-repeat;width:315px;height:30px;}
			#solution .onState{background:url("../img/solution_on.gif") no-repeat;width:315px;height:30px;}
		#cost_efficient{background:url("../img/cost_efficient.gif") no-repeat;width:315px;height:30px;}
			#cost_efficient a:link{background:url("../img/cost_efficient.gif") no-repeat;width:315px;height:30px;}
			#cost_efficient a:hover{background:url("../img/cost_efficient_on.gif") no-repeat;width:315px;height:30px;}
			#cost_efficient .onState{background:url("../img/cost_efficient_on.gif") no-repeat;width:315px;height:30px;}
		#power_made_greener{background:url("../img/power_made_greener.gif") no-repeat;width:315px;height:30px;}
			#power_made_greener a:link{background:url("../img/power_made_greener.gif") no-repeat;width:315px;height:30px;}
			#power_made_greener a:hover{background:url("../img/power_made_greener_on.gif") no-repeat;width:315px;height:30px;}
			#power_made_greener .onState{background:url("../img/power_made_greener_on.gif") no-repeat;width:315px;height:30px;}

		#construction{background:url("../img/construction.gif") no-repeat;width:315px;height:30px;}
			#construction a:link{background:url("../img/construction.gif") no-repeat;width:315px;height:30px;}
			#construction a:hover{background:url("../img/construction_on.gif") no-repeat;width:315px;height:30px;}
			#construction .onState{background:url("../img/construction_on.gif") no-repeat;width:315px;height:30px;}
		#where_it_works{background:url("../img/where_it_works.gif") no-repeat;width:315px;height:30px;}
			#where_it_works a:link{background:url("../img/where_it_works.gif") no-repeat;width:315px;height:30px;}
			#where_it_works a:hover{background:url("../img/where_it_works_on.gif") no-repeat;width:315px;height:30px;}
			#where_it_works .onState{background:url("../img/where_it_works_on.gif") no-repeat;width:315px;height:30px;}
		#who_convia{background:url("../img/who_convia.gif") no-repeat;width:315px;height:30px;}
			#who_convia a:link{background:url("../img/who_convia.gif") no-repeat;width:315px;height:30px;}
			#who_convia a:hover{background:url("../img/who_convia_on.gif") no-repeat;width:315px;height:30px;}
			#who_convia .onState{background:url("../img/who_convia_on.gif") no-repeat;width:315px;height:30px;}
		#product{background:url("../img/product.gif") no-repeat;width:315px;height:30px;}
			#product a:link{background:url("../img/product.gif") no-repeat;width:315px;height:30px;}
			#product a:hover{background:url("../img/product_on.gif") no-repeat;width:315px;height:30px;}
			#product .onState{background:url("../img/product_on.gif") no-repeat;width:315px;height:30px;}
		#more{background:url("../img/more.gif") no-repeat;width:315px;height:30px;}
			#more a:link{background:url("../img/more.gif") no-repeat;width:315px;height:30px;}
			#more a:hover{background:url("../img/more_on.gif") no-repeat;width:315px;height:30px;}
			#more .onState{background:url("../img/more_on.gif") no-repeat;width:315px;height:30px;}


#row3_col3{
	background:url("../img/row3_col2.jpg") repeat-y;
	width:385px;
	padding-bottom:10px;
	padding-left:15px;
}

	#row3_col3 h2,#row3_col3 h3{
		color:#598b8a;
		margin-bottom:10px;
		line-height:1.3em;
		font-size:12px;
	}



	#row3_col3 ul{
		width:300px;
		margin:10px 0 10px 25px;

	}
	#row3_col3 li{
		background:url("../img/bullet_green.gif") 0 .6em no-repeat;
		padding-left:10px;
		margin-bottom:12px;
	}
	#row3_col3 p{
		margin-bottom:10px;
	}

#eCardHeader{
	padding-left:25px;
	font:12px/1.2em Verdana, Arial, Helvetica, sans-serif;
}
#eCardHeader h2{
	color:#598b8a;
	margin-bottom:5px;
	line-height:1.3em;
	text-transform:uppercase;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:20px;
}



/*MODAL IFRAME / FORM */
#modalForm{
	padding:30px;
	width:700px;
	position:relative;
	color:#848484;
}
#modalForm{
	width:700px;
}
#formTable p{
	font-size:14px;
	line-height:1.3em;
	width:280px;
}
#formLayout{
	width:400px;
	position:absolute;
	top:300px;
	left:320px;
	font-size:11px;
}

#formLayout .input{
	margin-left:15px;
	margin-bottom:15px;
	width:160px;
	float:left;
	color:#848484;
	border:1px solid #848484;
	font-size:12px;
	padding:3px;
}
#formLayout .input:focus{
	outline: 1px solid #598784;
	color:#598784;
	background:#fffeef;
}
#formLayout select{
	position:relative;
	left:-4px;
	width:184px;
}
#formLayout span{
	position:relative;
	left:18px;
	font-size:12px;
}
#formLayout .submitButton{
	position:absolute;
	right:34px;
	bottom:-15px;
}
.requiredFields{
	position:relative;
	top:10px;
}
.ecardImgSelected{
	border:3px solid #afde1e;
}
.ecardImg{
	border:3px solid #ffffff;
}
.ecardStepsTitle{
	font-family:verdana;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	letter-spacing:5px;
	color:#00000;
}
.ecardStepsText{
	font-family:verdana;
	font-size:12px;
	color:#00000;
	line-height:14px;
}
.cssMarginLeft25{
	margin-left:25px;
}
.cssPaddingBottom20{
	padding-bottom:20px;
}
.cssPaddingBottom10{
	padding-bottom:10px;
}
.ecardTempSelected{
	color:#afde1e;
	text-decoration:none;
}
.ecardTemp{
	color:#000000;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.cssPaddingTop40{
	padding-top:40px;
}
.cssPaddingTop20{
	padding-top:20px;
}
#formEcard .ecardInput, #formEcard textarea{
	width:100%;
	border:1px solid #cacaca;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

}
#formEcard .ecardInput:focus,#formEcard textarea:focus{
	outline:1px solid #009999;
	background:#fefef0;
}
#txtMessage{
	height:100px;
}
#previewRightCol{
	height:auto !important;
min-height:200px;
padding-bottom:20px;
width:286px;
}
.ecardLink{
	color:#598b8a;
	font-weight:700;
	text-decoration:underline;
}
#footerLinks{
	font-size:10px;
	font-family:verdana;
}
.cssWhoConviaLnk{
	color:#598B8A;
}