/* CSS for Pro Eco Energy */
/* Created by George Pytlik www.adwiz.biz */

/* Standard HTML elements */

body {
	background-color: #fff;
	margin: 0;
}
p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 10px;
}
h1, .title { 
	color: #0078c1;
	font-size: 24px; 
	line-height: 26px; 
	letter-spacing: -25%;
	margin-top: 15px; 
}
h2, .titlegray { 
	color: #666; 
	font-size: 24px; 
	line-height: 26px; 
	letter-spacing: -25%;
	margin-top: 15px; 
}
h3, .subhead { 
	color: #0078c1; 
	font-size: 22px; 
	line-height: 24px; 
	letter-spacing: -25%;
	margin-top: 15px; 
}
h4, .subhead2 { 
	color: #0078c1;
	font-size: 18px; 
	line-height: 20px; 
	margin-top: 15px;
}
h5, .subhead3 { 
	color: #0078c1; 
	font-size: 16px; 
	font-family: "Arial Black", sans-serif; 
	line-height: 18px; 
	margin-top: 15px; 
}
ul { 
	margin-right: 30px; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 10px;
}
li {
	margin-bottom: 5px;
	list-style-image: url('pix/icons/arrow-blue.gif'); 
	display: list-item;
}

/* Text display classes */

.subhead4 { 
	color: #666; 
	font-size: 14px; 
	font-family: "Arial Black", sans-serif; 
	line-height: 16px; 
	margin-top: 20px; 
}
.indented { 
	margin-right: 30px; 
	margin-left: 30px; 
}
.bullet { 
	font-size: 13px; 
	line-height: 16px; 
	background-image: url('pix/icons/arrow-blue.gif'); 
	background-repeat: no-repeat;
	background-position: 0 2px; 
	margin-right: 20px;
	margin-left: 20px; 
	padding-left: 15px; 
}
.formtext { 
	font-size: 13px; 
	line-height: 16px; 
	margin-top: 0;
}
.formgray { 
	color: #666; 
	font-size: 13px; 
	line-height: 16px; 
	margin-top: 0;
}
.formmissing { 
	color: #c03; 
	font-size: 13px; 
	font-weight: bold; 
	line-height: 16px;
	margin-top: 0;
}
.formrequired { 
	color: #c03; 
	font-size: 13px; 
	line-height: 16px; 
	margin-top: 0;
}
.breadcrumbs { 
	color: #666; 
	font-size: 10px; 
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	line-height: 13px; 
}
.footer { 
	color: #666; 
	font-size: 10px; 
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	line-height: 13px; 
	margin-top: 20px; 
	margin-right: 20px; 
}
.pagination { 
	color: #666; 
	font-size: 10px; 
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	line-height: 13px; 
	margin-top: 20px; 
	margin-bottom: 20px; 
}
.leftnav {
	color: #666; 
	font-size: 11px; 
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	line-height: 13px; 
	background-image: url('pix/icons/arrow-light.gif'); 
	background-repeat: no-repeat;
	background-position: -2px 0;
	margin: 0 10px 10px 20px;
	padding-left: 15px; 
}
.callouts { 
	color: #666; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	line-height: 13px; margin: 20px 0 20px 20px;
}
.callouts2 { 
	color: #666; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	line-height: 13px; 
	margin: 0 20px 20px 20px;
}
.callouts3 { 
	color: #999; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	line-height: 13px; 
	margin: 20px 0 10px 20px;
	text-indent: 15px;
	background-image: url('pix/icons/arrow-light.gif');
	background-repeat: no-repeat;
	background-position: center left;
	/* list-style-image: url('pix/icons/arrow-light.gif');
	display: list-item;  */
}

/* Navigation elements */

a:link { 
	color: #0f67a6; 
	text-decoration: none;
}
a:visited { 
	color: #666; 
	text-decoration: none;
}
a:hover { 
	color: #0f67a6; 
	text-decoration: underline; 
}
