/* --------------------------------------------------------------
reset.css
* Resets default browser CSS.
-------------------------------------------------------------- */
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
 
body {
  line-height: 1.5;
}
 
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
 
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
 
/* Remove annoying border on linked images. */
a img { border: none; }


/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #222; 
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }

.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* -----------------------------------------------------------------------
 
 
Blueprint CSS Framework 0.7.1
http://blueprintcss.googlecode.com
 
* Copyright (c) 2007-2008. See LICENSE for more info.
* See README for instructions on how to use Blueprint.
* For credits and origins, see AUTHORS.
* This is a compressed file. See the sources in the 'src' directory.
 
----------------------------------------------------------------------- */
 
/* ie.css */
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}



/* --------------------------------------------------------------
forms.css
* Sets up some default styling for forms
* Gives you classes to enhance your forms
Usage:
* For text fields, use class .title or .text
-------------------------------------------------------------- */
 
label { font-weight: bold; }
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
 
 
/* Form fields
-------------------------------------------------------------- */
 
input.text, input.title,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}
 
input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}
 
input.text,
input.title { width: 300px; padding:5px; }
input.title { font-size:1.2em; }
textarea { width: 390px; height: 250px; padding:5px; }
 
 


/* KJKammerer
-------------------------------------------------------------- */
body {
	color:#777777;
	font-weight:bold;
}
h1{
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, sans-serif; 
	color:#12456E;
}
h2{
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, sans-serif; 
	color:#45759B;
}
h2 span{
	font-size: 12px;
}
h3{
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, sans-serif; 
	color:#12456E;
}
a{
	color: #12456E;
}
a:hover{
	color: #46759B;
}
#headerWrapper{
	margin-top: 15px;
	margin-bottom: 15px;
	width: 100%;
	background: url(../images/headerBG.jpg) repeat-x 0 0; 
}
#header{
	width: 900px;
	margin: 0 auto;
}

#smartEnergyBranding{
	width: 410px;
	position: relative;
	float: right;
}
#smartEnergyBranding h2{
	display: inline;
	position: absolute;
	bottom: 0;
	margin-bottom: 0;
	font-style: italic;
	text-align: right;
}
#smartEnergyBranding img{
	float: right;
}

#contentWrapper{
	background: url(../images/contentBG.jpg) repeat-x 0 0;
	width: 100%;
	clear: both;
}
#content{
	background: url(../images/contentBG.jpg) repeat-x 0 0;
	width: 880px;
	margin: 0 auto;
	padding: 20px 10px 10px;
}
#content img{
	background: #E5ECF2;
	padding: 2px;
	border: solid 1px #12456E;
}
.halfLeft{
	display: inline;
	width: 425px;
	margin: 0 15px 0 0;
	float: left;
}
.halfRight{
	background: url(../images/headlinesBG.jpg) no-repeat 0 0;
	display: inline;
	width: 405px;
	padding: 15px 10px 0;
	margin: 0 0 0 15px;
	float: left;
}
#main{
	display: inline;
	width: 640px;
	margin: 0 20px 0 0;
	float: left;
}
#sidebar{
	display: inline;
	width: 220px;
	margin: 0;
	float: left;
}
#sidebar ul{
	margin: 18px 0 10px 0;
	padding: 0;

}
#sidebar li{
	border-bottom: solid 1px #45759B;
	margin: 0 0 6px 0;
	padding: 0 0 3px 0;
	list-style-position: outside;
	list-style-type: none;

}
#sidebar li a{
	text-decoration: none;
}
#sidebar li a:hover{
	text-decoration: underline;
}

#footerWrapper{
	clear: both;
	width: 100%;
	background: url(../images/footerBG.jpg) repeat-x 0 0;
	border-top: 3px solid #12456E;

}
#footer{
	width: 880px;
	margin: 0 auto;
	padding: 20px 10px 5px;
}
#footer a{
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}
#footer ul{
text-align:center;
	margin: 0;
	padding: 0;
}
#footer li{
	font-size: 11px;
	font-weight: bold;
	display: inline;
	margin: 0 15px 0 0;
}
#footer p{
	text-align: center;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 0;
}


/* Success, notice and error boxes
-------------------------------------------------------------- */
 
.error,
.notice,
.success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
 
.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }

.right{float: right; 	margin: 4px 0 5px 5px;
}

.left{float: left; 	margin: 4px 10px 5px 0;
}

.clearfix:after {content:"."; display:block; height:0;
                 clear:both; visibility:hidden; }
.clearfix       {display:inline-block;}
/* Hide from IE Mac */
.clearfix       {display:block;}
/* End hide from IE Mac */