/* CSS DOCUMENT */
* 	{ margin: 0; padding: 0;}
html { min-height: 100%; margin-bottom: 1px; }
img, a img	{ border: 0; }

body 	{ font-size: 12px; line-height: 18px; font-family: arial, helvetica, sans-serif; text-align: center; color: #555; background: #e7e7e7;}
#skip	{ display: none;}

a:link, a:visited	{ color: #0a1862; font-weight: bold;text-decoration: none;  }
a:hover		{ text-decoration: underline; color: #004bba; }

#container			{ position: relative; width: 990px; margin: 0 auto; text-align: left;padding: 20px 0; }

#header		{ position: relative; z-index: 60; height: 151px; width: 990px; margin: 0 auto; text-align: left; background: #fff url(images/bg_header.gif) no-repeat; }
	#logo	{ position: absolute; top: 35px; left: 20px;}
	#tagline	{ position: absolute; top: 45px; right: 30px; font-size: 18px; color: #999;}
	#contactus	{ position: absolute; top: 110px; right: 30px; font-size: 11px; color: #a9b5f4; z-index: 50;}
	#contactus b	{font-size: 14px; color: #fff;  }

/* NAVIGATION */
#nav { z-index: 40; height: 40px; position: absolute; top: 100px; left: 10px; width: 970px;  background: #2f42a8 url(images/bg_nav.gif) no-repeat bottom left;}
	#nav ul { margin: 0; padding: 0 0 0 10px; }
	#nav li { margin: 0; padding: 0; float: left; position: relative; list-style: none; font-size: 13px; text-transform: uppercase; font-family: helvetica, arial, sans-serif; font-weight: bold;}
	#nav li a:link, #nav li a:visited { position: relative; float: left; display: block; text-decoration: none; line-height: 40px; height: 40px; color: #fff; padding: 0 12px;}
	#nav li a:hover { color: #bad7ff; }
	#nav li.on a:link, #nav li.on a:visited { color: #919ee4; background: url(images/nav_on.gif) no-repeat 50% 100%; }

/* Homepage ============================== */
#h_left	{ position: relative; float: left; display: inline; width: 500px; margin: 0 34px 20px 0;}

#h_right	{ position: relative; float: left; display: inline; width: 375px; margin: 0 0 20px;}
#newsletter_form table	{ width: 100%;}
	#newsletter_form td	{ line-height: 12px; padding: 0 3px 0 0; }
	#newsletter_form td.confirm div	{ color: #0C860B; padding: 10px 0 0; font-weight: bold;}
	#newsletter_form td .input	{ padding: 4px; border: 1px inset #999; font-size: 12px; font-family: arial, helvetica, sans-serif; width: 140px;}
	#newsletter_form td .btn		{ padding: 0 6px; height: 24px; line-height: 24px; font-size: 12px; font-family: arial, helvetica, sans-serif; color: #fff; background: url(images/btn.gif) repeat-x; border: 0;}
	#newsletter_form td strong	{ font-size: 14px; display: block;}
	
#h_tag	{ font-size: 11px; line-height: 15px; color: #777; padding: 0 0 20px;}
	#h_tag img	{ float:left; margin: 0 10px 0 0;}
	
.h_column1, .h_column2	{ float: left; width: 240px; margin: 0 28px 0 0;}
.h_column2	{ margin: 0; width: 230px;}

/* Main ============================== */

#main	{ position: relative; background: #fff url(images/bg_main.gif) repeat-y; height: 1%; margin: 0 10px; }
#main_inner	{ background: url(images/bg_main_btm.gif) no-repeat bottom left; padding: 30px; height: 1%;}

#content	{ position: relative; float: left; display: inline; width: 676px; margin: 0 0 40px 0; height: 1%;}
.one_column #content	{ float: none; display: block; width: auto; margin: 0 0 40px; }
	#content ul, #content ol		{ margin: 0; padding: 0 25px 15px;}
	#content ul ul, #content ol ul	{ padding: 0 25px 0px;}
	#content li		{ padding: 0 0 5px;}
	#content p		{ padding: 0 0 15px;}

.list_column	{ float: left; width: 25%;}

.date-header  { font-size: 10px; text-transform:uppercase; padding: 0 0 5px;}
.post { padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #eee;}

#comments .comment-form { padding: 20px; background: #f9f9f9; border: 1px solid #eee;}
#comments .comment-form iframe { height: 200px;}
#comments #postCommentSubmit, 
#comments #postCommentPreview { padding: 0 10px; height: 24px; line-height: 24px; font-size: 12px; font-family: arial, helvetica, sans-serif; color: #fff; background: url(images/btn.gif) repeat-x; border: 0;}

#sidebar	{ position: relative; float: left; display: inline; width: 200px; margin: 30px 30px 30px 0; font-size: 11px; line-height: 15px;}
	#sidebar ul { margin: 0 0 20px; }
	#sidebar li { list-style: none; font-size: 14px; font-family: helvetica, arial, sans-serif; border-bottom: 1px solid #e8e6e5; position: relative;}
	#sidebar li.last {border: 0;}
	#sidebar li a:link, #sidebar li a:visited { position: relative; display: block; height: 1%; text-decoration: none; padding: 8px 20px; background: url(images/arrow.gif) no-repeat 5px 11px; font-weight: normal; }
	#sidebar li.on a:link, #sidebar li.on a:visited { color: #999;background: url(images/arrow_on.gif) no-repeat 5px 11px;}

#form1 td	{ padding: 5px 5px 5px 0; vertical-align: top;}
	#form1 td label	{ font-weight: bold; display: block; width: 80px;}
	#form1 td .input	{padding: 4px; border: 1px inset #999; font-size: 12px; font-family: arial, helvetica, sans-serif; }
	#form1 td .btn	{ padding: 0 10px; height: 24px; line-height: 24px; font-size: 12px; font-family: arial, helvetica, sans-serif; color: #fff; background: url(images/btn.gif) repeat-x; border: 0;}

#flickr_slider  { background: #000; text-align: center;}
#flickr_slider iframe  { position:relative; width: 500px; margin: 0 auto;}


/* blog ============================== */
.blog-page #content { float: right;}
.blog-page #sidebar-blog { margin: 30px 0; position: relative; float: left; display: inline; width: 200px;  font-size: 11px; line-height: 15px;}
.blog-page .widget  { padding: 0 0 20px; border-bottom: 1px solid #ddd; margin: 0 0 20px;}

/* Go Green ============================== */

#gogreen_header	{ position: relative; margin: 0 0 30px;}
	#gogreen_header .gogreen_btn_calculate	{ position: absolute; top: 10px; left: 710px;}
	#gogreen_header .gogreen_btn_creston	{ position: absolute; top: 140px; left: 710px;}
	
.gogreen #sidebar { margin-top: 0; }
.gogreen #sidebar h2, .gogreen #sidebar p { padding: 0 0 10px 10px; }
.gogreen #sidebar ul { padding: 10px 0 90px; }
.gogreen #sidebar li { border: 0; padding: 0 0 15px 35px; background: url(images/icon_check.gif) no-repeat 10px 0;}
.gogreen #sidebar span { font-size: 10px; color: #999;}

.gogreen_partners	{ border-bottom: 1px solid #e5e5e5; padding: 0 0 15px; margin: 0 0 30px;}

.gogreen_es_stats	{ float: right; display: inline; width: 215px; margin: 30px 0 50px 20px; font-size: 11px; line-height: 15px;}
.gogreen_es_stats ul	{ padding: 0 !important;}
	.gogreen_es_stats li	{ padding: 0 0 10px 15px !important; background: url(images/arrow_green.gif) no-repeat 0 4px; list-style: none;}

.gogreen h2 { color: #0f7c01; padding: 0 0 10px; }

#green	{ color: #0f7c01;font-size: 13px; }
	#green h2	{height: auto; margin: 25px 0 15px; color: #0f7c01; font-family: helvetica, sans-serif; font-style: italic;}
	#green table, #green p	{ margin: 0 0 10px; padding: 0; line-height: 120%; }
	#green table	{	width: 100%; clear: both;}
	#green td	{ padding: 5px; font-size: 13px; color: #0f7c01;}
	#green td label	{ font-weight: bold; display: block; text-align: right; }

.getpdf	{ padding: 20px 100px 20px 20px; background: #eaffea url(images/greenleaf.gif) no-repeat 104% 50%; border: 1px solid #94b599;font-size: 12px;  }
.getpdf b	{ display: block;}

#green_img	{ float: right; display: inline; width: 296px; margin-right: -29px;}
#form_column	{ float: left; width: 340px; }

#crestron	{ float: right; background: #fff; padding: 10px; border: 1px solid #ddd;}
	#crestron i	{ display: block; font-size: 10px; text-align: right;}
#green .floatleft	{ float: left; margin: 0 20px 20px 0;}

.confirmsent, .error  { color: #0C860B; padding: 10px; border: 1px solid #ddd; background: #f9f9f9;}
.error  { color: #990000; }


	
/* Footer ============================== */
#footer_text { padding: 20px 25px; color:#999;}
#footer	{ position: relative; margin: 0 20px 0 10px; color: #999; clear: both; height: 40px; background: url(images/logo_footer.gif) no-repeat 10px 10px;}
	#footer a{ color: #5b6db9; text-decoration: none;}
	#copyright	{ text-align: right;}
/* MISC*/

.clear		{ clear: both; }
br.clear	{ display: block; }
.floatright	{ float: right; margin: 5px 0 10px 25px; clear: right; display: inline; }
.floatleft	{ float: left; margin: 5px 20px 15px 0; display: inline; }
.alignright	{ text-align: right;}
.aligncenter	{ text-align: center;}
.small	{ font-size: 11px;}

hr	{ height: 1px; border: 0; background: #b8baae; color: #b8baae; clear: both; margin: 0 0 20px;}
sup	{ line-height: 0;}
blockquote	{ padding: 20px; font-weight: bold; line-height: 20px; font-size: 15px;  margin: 0 0 20px; background: #f1f1ef;}
	blockquote p	{ padding: 0 !important;}

h1	{ font-size: 22px; padding: 0 0 20px; letter-spacing: -1px;}
h2	{ font-size: 17px; line-height: 120%; }
	h2 a, h3 a	{ text-decoration: none;}
	h2 a:hover, h3 a:hover	{ text-decoration: underline;}
h3	{ font-size: 15px; padding: 0 0 5px; font-weight: normal; color: #222;}
h4	{ font-size: 14px; padding: 0; color: #091760;}