html { 
	background: #c4c9ab url(../images/background-top-image.jpg) repeat-x center top;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body { 
	background: transparent url(../images/background-top.jpg) repeat-x top;
	height: 100%;
	margin: 0px;
	padding: 0px;
}


/*  Containers
===================================================================================*/



.wrapper {
	background: transparent url(../images/background-page-front.png) repeat-y top;
	width: 953px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto;
	padding: 0px;
}

.header {
	width: 953px;
	height: 462px;
	margin: 0px auto;
	padding: 0px;
}

.logo {
	float: left;
	width: 306px;
	height: 462px;
	margin: 0px;
	padding: 0px 0px 0px 1px;
}

.banner {
	float: right;
	width: 645px;
	height: 462px;
	margin: 0px;
	padding: 0px 1px 0px 0px;
}

.body_container {
	width: 953px;
	margin: 0px;
	padding: 0px 0px 50px 0px;
}

/*
========== if need to use 2 coloums ==============
.body_container_text {
	float: right;
	width: 575px;
	margin: 0px;
	padding: 18px 44px 0px 0px;
}

.body_container_text_left {
	float: left;
	width: 240px;
	margin: 0px;
	padding: 18px 0px 0px 53px;
}
*/
.body_container_text {
	float: left;
	width: 815px;
	margin: 0px;
	padding: 18px 0px 0px 53px;
}



.footer_container {
	background: transparent url(../images/background-footer-front.jpg) no-repeat center top;

	width: 953px;
	height: 138px;
	margin: 0px;
	padding: 0px;
}

.footer_container_text {
	float: right;
	width: 544px;
	height: 18px;
	margin: 0px;
	padding: 115px 36px 0px 0px;
}



/*  Front Page Blocks
===================================================================================*/

/* ======== Ranvir use this container to display house pic's =====*/

.body_container_blocks {
	width: 866px;
	margin: 30px auto 0px auto;
	padding: 0px;
}


/* the code below is my format for those 6 image blocks I have used for home page.  You can set your own DIV class for your gallery here.*/
.body_container_blocks .new-construction {
	background:url(../images/blocks/block-front-new-construction.jpg) no-repeat right top;
	float: left;
	width: 284px;
	height: 135px;
	margin: 0px;
	padding: 0px 0px 7px 0px;
}
.new-construction a:hover, .new-construction a:focus, .new-construction a:active { width: 284; height: 135px; background:url(../images/blocks/block-front-over-new-construction.jpg) no-repeat right top; }


.body_container_blocks .multi-family {
	background:url(../images/blocks/block-front-multi-family.jpg) no-repeat right top;
	float: left;
	width: 284px;
	height: 135px;
	margin: 0px;
	padding: 0px 0px 7px 7px;
}
.multi-family a:hover, .multi-family a:focus, .multi-family a:active { width: 284; height: 135px; background:url(../images/blocks/block-front-over-multi-family.jpg) no-repeat right top; }


.body_container_blocks .replacement-windows {
	background:url(../images/blocks/block-front-replacement-windows.jpg) no-repeat right top;
	float: left;
	width: 284px;
	height: 135px;
	margin: 0px;
	padding: 0px 0px 7px 7px;
}
.replacement-windows a:hover, .replacement-windows a:focus, .replacement-windows a:active { width: 284; height: 135px; background:url(../images/blocks/block-front-over-replacement-windows.jpg) no-repeat right top; }


.body_container_blocks .energy-efficient-windows {
	background:url(../images/blocks/block-front-energy-efficient-windows.jpg) no-repeat right top;
	float: left;
	width: 284px;
	height: 135px;
	margin: 0px;
	padding: 0px 0px 7px 0px;
}
.energy-efficient-windows a:hover, .energy-efficient-windows a:focus, .energy-efficient-windows a:active { width: 284; height: 135px; background:url(../images/blocks/block-front-over-energy-efficient-windows.jpg) no-repeat right top; }


.body_container_blocks .tax-credit {
	background:url(../images/blocks/block-front-tax-credit.jpg) no-repeat right top;
	float: left;
	width: 284px;
	height: 135px;
	margin: 0px;
	padding: 0px 0px 7px 7px;
}
.tax-credit a:hover, .tax-credit a:focus, .tax-credit a:active { width: 284; height: 135px; background:url(../images/blocks/block-front-over-tax-credit.jpg) no-repeat right top; }


.body_container_blocks .promos {
	background:url(../images/blocks/block-front-promos-sponsor.jpg) no-repeat right top;
	float: left;
	width: 284px;
	height: 135px;
	margin: 0px;
	padding: 0px 0px 7px 7px;
}
.promos a:hover, .promos a:focus, .promos a:active { width: 284; height: 135px; background:url(../images/blocks/block-front-over-promos-sponsor.jpg) no-repeat right top; }


.body_container_blocks .extra {
	background:url(../images/blocks/block-front-extra.jpg) no-repeat right top;
	width: 284px;
	height: 135px;
	margin: 0px auto;
	padding: 0px;
}
.extra a:hover, .extra a:focus, .extra a:active { width: 284; height: 135px; background:url(../images/blocks/block-front-over-extra.jpg) no-repeat right top; }


.body_container_blocks a {
	display: block;
	overflow: hidden;
	color: #171c10;
	width: 284px;
	height: 135px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}


.body_container_blocks p {
	color: #171c10;
	font-family: "Trebuchet MS", Trebuchet, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	letter-spacing: 0px;
	font-weight: normal;
	font-style: normal;
	text-align: right;
	margin: 0px;
	padding: 10px 17px 0px 17px;
}

.body_container_blocks h1, .body_container_blocks h2, .body_container_blocks h3, .body_container_blocks h4, .body_container_blocks h5, .body_container_blocks h6 {
	color: #171c10;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 17px;
	line-height: 20px;
	letter-spacing: 0px;
	font-weight: normal;
	font-style: normal;
	text-align: right;
	margin: 0px;
	padding: 20px 17px 0px 17px;
}



/*  Character Styles
===================================================================================*/



.body_container_text p {
	color: #1d2410;
	font-family: "Trebuchet MS", Trebuchet, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0px;
	font-style: normal;
	text-align: justify;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

.body_container_text h1, .body_container_text h2, .body_container_text h3, .body_container_text h4, .body_container_text h5, .body_container_text h6 {
	color: #1d2410;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 17px;
	line-height: 24px;
	letter-spacing: 0px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

.body_container_text ul {
	list-style: outside;
	list-style-type: disc;
	margin: 0px;
	padding: 10px 0px 0px 30px;
}

.body_container_text li {
	color: #1d2410;
	font-family: "Trebuchet MS", Trebuchet, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	letter-spacing: 0px;
	font-style: normal;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}

.body_container_text a:link, .body_container_text a:visited {font-weight: normal; text-decoration:none; color:#926000;}
.body_container_text a:active, .body_container_text a:hover {font-weight: normal; text-decoration:underline; color:#926000;}



.body_container_text_left p {
	color: #1d2410;
	font-family: "Trebuchet MS", Trebuchet, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	letter-spacing: 0px;
	font-style: normal;
	text-align: justify;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

.body_container_text_left h1, .body_container_text_left h2, .body_container_text_left h3, .body_container_text_left h4, .body_container_text_left h5, .body_container_text_left h6 {
	color: #1d2410;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 17px;
	line-height: 24px;
	letter-spacing: 0px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

.body_container_text_left ul {
	list-style: outside;
	list-style-type: disc;
	margin: 0px;
	padding: 10px 0px 0px 30px;
}

.body_container_text_left li {
	color: #1d2410;
	font-family: "Trebuchet MS", Trebuchet, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	letter-spacing: 0px;
	font-style: normal;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}

.body_container_text_left a:link, .body_container_text_left a:visited {font-weight: normal; text-decoration:none; color:#926000;}
.body_container_text_left a:active, .body_container_text_left a:hover {font-weight: normal; text-decoration:underline; color:#926000;}



.footer_container_text p {
	color: #1d2410;
	font-family: "Trebuchet MS", Trebuchet, Arial, Geneva, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 15px;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

.footer_container_text a:link, .footer_container_text a:visited {font-weight: normal; text-decoration:none; color:#1d2410;}
.footer_container_text a:active, .footer_container_text a:hover {font-weight: normal; text-decoration:none; color:#926000;}



/*  Menu
===================================================================================*/



.menu_top {
	position: absolute;
	z-index: 999;
	width: 917px;
	height: 30px;
	text-align: right;
	margin: 0px;
	padding: 18px 36px 0px 0px;
}

.menu_top ul {
	width: 490px;
	color: #1d2410;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	display: inline;
	list-style:none;
	margin: 0px;
	padding: 0px;
}

.menu_top ul li {
	list-style: none;
	display: inline;
	letter-spacing: 0px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

.menu_top ul li a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

.menu_top ul li a:link, .menu_top ul li a:visited {font-weight: normal; text-decoration:none; color:#1d2410;}
.menu_top ul li a:active, .menu_top ul li a:hover {font-weight: normal; text-decoration:none; color:#916100;}
.menu_top ul li a.on {font-weight: normal; text-decoration:none; color:#916100;}



.menu_bottom {
	float: left;
	width: 945px;
	height: 14px;
	margin: 0px;
	padding: 18px 0px 0px 0px;
}

.menu_bottom ul {
	width: 560px;
	color: #1d2410;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	display: inline;
	list-style:none;
	margin: 0px;
	padding: 0px;
}

.menu_bottom ul li {
	list-style: none;
	display: inline;
	letter-spacing: 0px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

.menu_bottom ul li a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

.menu_bottom ul li a:link, .menu_bottom ul li a:visited {font-weight: normal; text-decoration:none; color:#1d2410;}
.menu_bottom ul li a:active, .menu_bottom ul li a:hover {font-weight: normal; text-decoration:none; color:#916100;}
.menu_bottom ul li a.on {font-weight: normal; text-decoration:none; color:#916100;}



/*  Positionings
===================================================================================*/



img a {border: none;}

.floatright {
	border: 10px solid #d9dbc6;

	float: right;
	margin: 15px 0px 15px 25px;
	padding: 0px;
}

.floatleft {
	border: 10px solid #d9dbc6;

	float: left;
	margin: 15px 25px 15px 0px;
	padding: 0px;
}

.floatright_flush {
	float: right;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.floatleft_flush {
	float: left;
	border: 0px;
	margin: 0px;
	padding: 0px;
}