@charset "utf-8";

#header_home, #header_inner {
	position: relative;
	height: 147px;
	background: #FFF url(header_bg.jpg) top repeat-x;
}

#header_inner {
	height: 307px;
}

#page_top {
	position: relative;
	height: 109px;
}

#logo {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 200px;
	height: 82px;
	background: url(logo.png) no-repeat left top;
	
}
#designGrid {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 579px;
	height: 386px;
	background: url(dgrid.png) no-repeat left top;
	
}
#squers_left, #squers_right {
	position: absolute;
	top: 275px;
	width: 56px;
	height: 114px;
}

#squers_left {
	background: url(squers_left.jpg);
	left: -57px;
}

#squers_right {
	background: url(squers_right.jpg);
	right: -57px;
}


/* You Are Here Section */


#youarehere {
	position: relative;
	height: 26px;
	background: #f1f1f1 url(squers_youarehere.jpg) no-repeat top right;
}

#youarehere ul {
	list-style-type: none;
}

#youarehere ul li {
	display: block;
	height: 26px;
	line-height: 26px;
	float: left;
	padding: 0 30px 0 15px;
	background: url(../images/next_page.jpg) no-repeat right top;
	color: #bababa;
	font-size: 12px;
}

#youarehere ul li.here {
	color: #919191;
	background: none;
}

#youarehere ul li a, #youarehere ul li a:visited {
	text-decoration: none;
	color: #bababa;
}

#youarehere ul li a:hover {
	color: #2c2c2c;
}

#energystar {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 128px;
	height: 54px;
}