body, td, div, p, span, input, select, textarea {
	font-family: arial, helvetica, sans-serif;
}

body{
	font-size: 12px;
	line-height: 18px;
	color: #333;
	background-color: #232323;
	margin-top: 20px;
}

p {
	font-size: 12px;
}



/* main link spec */
a, a:active, a:link, a:visited{
	color: #c60;
	text-decoration: none;
	font-weight:bold;
}

a:hover{
	text-decoration: underline;
}


/* links in the main menu */
a.menu, a.menu:active, a.menu:link, a.menu:visited {
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #369;
	text-transform: uppercase;
}

a.menu:hover {
	font-style:italic;
	color: #c60;
}

a.menu2, a.menu2:active, a.menu2:link, a.menu2:visited {
	
	font-weight: bold;
	text-decoration: none;
}

a.menu2:hover {
	font-style:italic;
	color: #c60;
}


/* open/close triangles */
div.menu_tri  a, div.menu_tri  a:active, div.menu_tri  a:link div.menu_tri  a:visited {
	font-size: 11px;
}

div.menu_tri  a:hover {
	font-style:italic;
	text-decoration: none;
}


/* white links in footer */
a.whitelinks, a.whitelinks:active, a.whitelinks:link, a.whitelinks:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

a.whitelinks:hover {
	font-style:italic;
}

/* lower thumbnails on solutions landing pages */

a.energyHead, a.energyHead:active, a.energyHead:link, a.energyHead:visited {
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #369;
}

a.energyHead:hover {
	font-style:italic;
	color: #c60;
}



#main_body{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #fff;
}

/* where clean energy is the solution */
#header{
	background-image: url("images/header_background.gif");
	background-repeat: no-repeat;
	height: 73px;
	padding: 20px 10px 0px 0px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	cursor: pointer;
}

/* main structural column: L */

#col_left {
	width: 170px;
	background-color: #ccc;
}

/* main structural column: R */
#col_right {
	width: 580px;
	background-color: #fff;
}


/*  text footer */
#footer_left, #footer_right {
	font-size: 11px;
	line-height: 16px;
	color: #fff;
	background-color: #232323;
	height: 75px;
	padding-top: 10px;
}

#footer_left{
	width: 430px;
}

#footer_right{
	width: 320px;
	text-align: right;
}


ul.orange_bullet li {
	margin-left: -25px;
	list-style-image: url("images/bullet_list.gif");
	list-style-position: outside;
	line-height:14px;
}

ul.bullet li {
	list-style-image: url("images/bullet_list.gif");
	list-style-position: outside;
	line-height:14px;
}

ul.downloads li {
	list-style-image: url("images/downloadIcon.gif");
	list-style-position: outside;
	line-height:16px;
	padding-top:6px;
}

/* L sidebar energy tips */

#energy_tips{
	width: 133px;
	margin: 10px auto 20px auto;
	clear: both;
}

#energy_tips img.image{
	border: 1px solid #666;
	border-top: none;
	border-bottom: none;
}

#energy_tips .text {
	padding: 5px;
	margin: 0px;
	background-color: #fff;
	border: 1px solid #666;
	border-top: none;
	border-bottom: none;
	font-size: 10px;
	line-height: 11px;
	color: #000;
}

#energy_tips .text b {
	font-weight: bold;
	color: #336699;
}

/* heavy white links on home page */

.heavy_links_blue, .heavy_links_orange {
	font-size: 14px;
	font-weight: bold;
}

.heavy_links_blue {
	padding: 5px 10px 5px 10px;
	width: 224px;
	background-color: #369;
	color: #999;
}

.heavy_links_orange {
	color: #fff;
	background-image: url('images/home_your_bg.gif');
	background-repeat: repeat-y;
	width: 494px;
	text-align: center;
	padding: 5px 0px 5px 0px;
	margin-top: 6px;
}


/* L and R image columns on home page */
.col_right, .col_left{
	width: 244px;
	float: left;
}

.col_right{
	margin-left: 6px;
}

.hardspace{
	/*display: table-cell;*/
	display: table;
}



hr {
	border: none;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	width: 100%;
	text-align: left;
}

hr.dark{
	height: 2px;
	color: #333;
	background-color: #333;	
}


/* gray solutions thumbnail box at bottom of landing page */

#solutions_box{
	padding: 7px 0px 7px 0px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	clear: both;
	margin-top: 7px;
}

#solutions_box td {
	background-color: #e5e5e5;
	width: 20%;
	text-align: center;
}

#solutions_box td img {
	margin-top: 5px;
	border: 2px solid #369;
}


/* main headline */

h1{
	color: #336699;
	font-size: 18pt;
	font-weight: normal;
	margin: 0px;
	line-height:18pt;
}


/* above headline, breadcrumbs*/
h2 {
	font-size: 10px;
	text-transform: uppercase;
	color: #999999;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
}


/* "want to know more" on detail page */
h3 {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

/* open/close triangles for more detail */
h4{
	margin: 0px;
	padding: 0px;
}


/* links within the breadcrumbs */
h2 a, h2 a:active, h2 a:link, h2 a:visited {
	color: #336699;
	
}

h2 a:hover {
	text-decoration: none;
	font-style:italic;
}


/* thumbnail at top of solution detail page */
.section_image {
	margin-right: 10px;
	border: 2px solid #369;
	float: left;
}




/* generic, large image on the right */

img.main_image{
	float: right;
}

/* file download list thumbnails */
img.file {
	border: none;
	padding: 0px 10px 10px 0px;
	float: left;
}

/* file download list thumbnails */
span.file {
	color: #666;
	font-size: 10px;
}

/* about us page */
img.about{
	float: left;
	margin: 0px 10px 5px 0px;
}

p.about{
	clear: both;
	margin-top: 20px;
}

/* file sizes from the file object appear as this */
.file_size{
	font-size: 10px;
	color: #666;
}

/* client login input text boxes */
input.text{
	width: 200px;
	border: 1px solid #ccc;
	padding: 3px;
	background-color: #fafafa;
	font-size: 12px;
}

textarea.text{
	width: 330px;
	border: 1px solid #ccc;
	padding: 3px;
	background-color: #fafafa;
	font-size: 12px;
}

/* search results */
ul.search{

}

li.search{
	margin-left: -20px;
	list-style-image: url("images/bullet_list.gif");
	list-style-position: outside;
	margin-bottom: 10px;
}

span.list{
	border: 1px solid #ccc;
	padding: 2px;
}

p.list{
	font-weight: bold;
}

.list_snippet{
	font-size: 11px;
	padding: 0px;
	margin: 0px;
}

.subhead {
	font-size: 18px;
	color:#336699;
	line-height:22px;
	padding-top:12px;
}
.homeText {
	font-size: 12px;
	line-height:14px;
	color:#000;
}

hr {
	size:1; 
	color:#666666;
}

.callout {
	font-size: 10px;
	line-height: 11px;
}


/* large image popup galleries **************************/

h3.popup{
	color: #fff;
	font-weight: normal;
	font-size: 15pt;
	margin: 0px;
	margin-bottom: 10px;
}

a.popup_close, a.popup_close:link, a.popup_close:visited, a.popup_close:hover{
	color: #333;
	background-color: #ccc;
	font-weight: bold;
	font-size: 9pt;
	text-align: center;
	padding: 6px;
	display: block;
}

.popup_caption{
	background-color: #434343;
	color: white;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	padding: 6px;
}

.popup_counter{
	color: white;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	padding: 6px;
	text-transform: uppercase;
}

.popup_counter img {
	border: none;
}

/** small image galleries ****************************************/


/* image strip : image container */
.istrip_box{
	width: 220px;
	background-color: #666;
	float: right;
	margin-left: 20px;
}

/* image strip actual frame of image */
.istrip_frame {
	height: 150px;
	width: 200px;
	margin: auto;
}

.istrip_enlarge{
	width: 190px;
	margin: auto;
	color: #ccc;
	font-size: 8pt;
	text-align: center;
	padding: 5px;
	font-style: italic;
}

.istrip_enlarge a, .istrip_enlarge a:link, .istrip_enlarge a:visited, .istrip_enlarge a:hover{
	color: #ccc;
	font-weight: normal;
	text-decoration: none;
}

.istrip_enlarge img{
	border: none;
}

/* image strip caption text */
.istrip_caption{
	height: 20px;
	background-color: #333;
	color: white;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}


/* image strip control text between buttons */
.istrip_controls{
	height: 20px;
	background-color: #666;
	color: white;
	text-transform: uppercase;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}