/* imports */
@import url("nav.css");

/* global reset */
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;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
a img {border:none;}
a, a:visited{display:inline-block;color:#457a1d; text-decoration:none; border-bottom:1px solid white;}
a:hover{color:#457a1d; text-decoration:none; border-bottom:1px dotted #457a1d;}

/* style rules */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:1.5em;
	background:white url(../../images/bkg.gif) no-repeat;
	color:#404040;
	padding:0;
	margin:0 auto;
	text-align:center;
}
html>body{font-size: 10px;}

#header{
	background:white;
	width:960px;
	height:82px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#header div.logo{
	display:block;
	float:left;
	width:298px;
	height:82px;
}
#header div.logo a{
	display:block;
	width:222px;
	height:57px;
	margin:13px 0 0 45px;
	text-decoration:none;
	border:0;
	background: transparent url(../../images/logo_gridcom.gif) no-repeat;
}
#header #search{
	float:right;
	margin:11px 23px;
	padding:0;
}
#header #search input.query{
	width:116px;
	height:10px;
	border:1px solid #909090;
	padding:4px 6px;
	margin:0;
	float:left;
	font-size:0.9em;
	color:#909090;
}
#header #search input.button{
	padding:0;
	margin:2px 0 0 9px;
	float:left;
}
#header span, #wrap h1 span, #wrap h2 span{
	visibility:hidden;
}
#wrap{
	width:960px;
	margin:0 auto;
	text-align:left;
	background:white url(../../images/wrap_bg.jpg) no-repeat;
}
#wrap div.headings{
	float:left;
	width:693px;
	height:243px;
}
#wrap h1{
	width:693px;
	height:51px;
	margin-top:21px;
	font-size:3.4em;
	line-height:1em;
	background:transparent url(../../images/hdr_smart-grids-trans.png) no-repeat;
	color:white;
}
#wrap h2{
	width:339px;
	height:65px;
	margin-left:354px;
	font-size:1.4em;
	background:transparent url(../../images/hdr_gridcom-trans.png) no-repeat;
	color:white;
}
#wrap div.news{
	float:left;
	width:237px;
	height:223px;
	padding:20px 15px 0 15px;
}
#wrap div.news a{border-bottom:1px solid #d9d6c3;}
#wrap div.news a:hover{border-bottom:1px dotted #457a1d;}
#wrap div.news h3{
	font-size:1.4em;
	border-bottom:0;
	padding:0;
	margin:0 0 0.5em 0;
	text-transform:uppercase;
}
#wrap div.news p, #wrap div.cols p{
	font-size:1.2em;
	line-height:1.5em;
	margin:0 0 1.25em 0;
}
#wrap div.news p.nomargin, #wrap div.cols p.nomargin{margin:0;}
#wrap div.cols{
	float:left;
	width:298px;
	margin:75px 13px 0 10px;
}
#wrap div.cols-last{
	margin-right:10px;
}
#wrap h3{
	font-size:1.6em;
	color:#457a1d;
	padding:0 0 7px 2px;
	margin-bottom:15px;
	border-bottom:1px solid #c45123;
}
#wrap div.Big{
	width:149px;
	height:49px;
	float:left;
	overflow: hidden;
}
#wrap div.Big a{border:0;}
#wrap div.Big img{
	width:149px;
	height:49px;
	border:0;
}
#footer{
	width:960px;
	margin:0px auto;
	padding-top:0px;
	text-align:left;
	/*background:white url(../../images/ftr_bg.gif) repeat-x;*/
	font-size:1em;
}
#footer .copyright{float:right; color:#404040; font-weight:bold; padding-right:15px; margin-top:10px;}
#footer .footernav{float:left; color:#535353; padding-left:15px;}

/* typography */
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
strong{font-weight:bold;}
em{font-style:italic;}
img{border:0;}

/* clearing */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.clear{clear:both;}

/* util */
.button, .button:hover{border:0;}
.left{float:left;}
.right{float:right;}

/* Add-ons   */
#wrap div.underline{
	padding: 0 0 12px 0;
	margin-top:-7px;
	margin-bottom:10px;
	border-bottom:1px solid #c45123;
}

#footbanner {
	width:960px;
	height:200px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#footbanner div.underline{
	padding: 0 0 12px 0;
	margin-top:-7px;
	margin-bottom:5px;
	border-bottom:1px solid #c45123;
}

#footbanner IMG.footbannerimage {
	display: block;
    margin-left: auto;
    margin-right: auto 
}