/* STYLE SHEET */

/* CSS RESET STUFF */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}





/* GENERAL STUFF */
body {
	background-color:#000;

}

body, td, th, dd, dt {
		font: 11px/15px verdana, sans-serif;
}

strong { font-weight: bold; }
em { font-style: italic; }

form td { padding-bottom: 10px; }

p, td {
	color:#ccc;
}

p { margin-bottom: 5px; }

p.flash { margin: 25px 0;}
p.flash-no-bottom { margin: 25px 0 0;}

h1 {

	font-size: 21px;
	font-weight: normal;
	color: #fff;
	padding-bottom:5px;
	margin-top: 5px; 
	margin-bottom: 25px; 
}
h2 {

	font-size: 15px;
	font-weight: normal;
	color: #c6d9f1;

	margin: 20px 0 5px;
	line-height:18px;
}


/* DIVs */
#bodyContainer {
	position:relative;
	margin:10px auto 0 auto;
	width:881px;
	min-height:200px;
	height:100%;
	/* height:auto !important; */
	/*height:200px;*/
	background-color:#000;
}
.insidePages {
	background-image: url(images/body-bg.gif);
	background-repeat: repeat-y;
	background-position: 1px 0px;
}
#banner {
	width:881px;
	height:104px;
	line-height:0;
	padding:0;
	margin:0;
	overflow:hidden;
}
#navMenu {
	width:881px;
	height:24px;
	line-height:0;
	margin:0;
	padding:0;
	overflow:hidden;
}
#homeMain {
	width:881px;
	height:282px;
	overflow:hidden;
}
#buttonLearnMore {
	width:83px;
	height:24px;
	position:absolute;
	margin:178px 0 0 617px;
	background-image: url(images/b-learnMore.gif);
	text-indent:-100em;
}
#buttonLearnMore:hover {
	background-image: url(images/b-learnMore-over.gif);
}
#homeBlueButtons {
	width:881px;
	height:34px;
	overflow:hidden;
}
#greenInfoArea {
	width:881px;
	height:151px;
	overflow:hidden;
}
#greenInfoArea p {
	line-height:0;
}
#pageMain {
	width:420px;
	padding:13px 13px 13px 13px;
	float:left;
}

#pageMainFull {
	width:650px;
	padding:13px 13px 13px 13px;
	float:left;
}

#imageArea {
	float:left;
	width:220px;
	margin-top:15px;
}

#imageArea img {
	border: 1px solid #2a7f54;
}

#imageAreaNoBorder {
	float:left;
	width:220px;
	margin-top:15px;
}

#imageAreaNoBorder img {
	border: 0px solid #2a7f54;
}


/* IMAGE TEXTS */
#homeMain h1 {
	display:none;
}
/*#homeMain p {
	background-image: url(images/why-just-dump-it.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 282px;
	width: 881px;
	text-indent:-100em;
}*/
#homeBlueButtons h2 {
	float:left;
	height:34px;
	text-indent:-100em;
	background-repeat: no-repeat;
	line-height:0;
	margin:0;
	padding:0;
}
#goGreen {
	width:295px;
	background-image: url(images/go-green-now.jpg);
}
#calculator {
	width:292px;
	background-image: url(images/economic-calculator.jpg);
}
#quote {
	width:294px;
	background-image: url(images/request-a-quote.jpg);
}
#greenInfoArea p {
	float:left;
	height:149px;
	text-indent:-200em;
	background-repeat: no-repeat;
}
#goGreenText {
	width:295px;
	background-image: url(images/text-not-only.jpg);
}
#calculatorText {
	width:292px;
	background-image: url(images/text-why-just-dump-it.jpg);
}
#quoteText {
	width:294px;
	background-image: url(images/text-theres-no-time.jpg);
}
#buttonLearnMore {
	position:relative;
	display:block;
	height:24px;
	width:83px;
	margin:106px 0 0 -778px;
	float:left;
}
#buttonSaveMore {
	position:relative;
	display:block;
	height:24px;
	width:83px;
	margin:106px 0 0 -484px;
	float:left;
	background-image: url(images/b-saveMore.gif);
	text-indent:-100em;
}
#buttonSaveMore:hover {
	background-image: url(images/b-saveMore-over.gif);
}
#buttonStartNow {
	position:relative;
	display:block;
	height:24px;
	width:83px;
	margin:106px 0 0 -192px;
	float:left;
	background-image: url(images/b-startNow.gif);
	text-indent:-100em;
	overflow: hidden;
}
#buttonStartNow:hover {
	background-image: url(images/b-startNow-over.gif);
}
#bottomCopyInfo {
	font-size: 10px;
	color: #999;
	padding:10px 10px 10px 10px;
	line-height:14px;
	width: 861px;
	height:35px;
	background: #000 url('images/body-bottom.gif') 1px 0 no-repeat;
}
#bottomCopyInfo strong, #bottomCopyInfo a {
	color: #fff;
	font-weight:bold;
	text-decoration:none;
}




/* Breadcrumbs */
#breadcrumbs,#breadcrumbs2 {
	width:668px;
	height:23px;
	background-image: url(images/breadcrumbs-bg.jpg);
	background-repeat: no-repeat;
	background-position: 1px 0px;
	font-size: 10px;
	color: #ccc;
	padding:11px 5px 0 208px;
	overflow:hidden;
}
#breadcrumbs2 {
	background-image: url(images/breadcrumbs-bg2.gif);
}
#breadcrumbs a,#breadcrumbs2 a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}



/* Secondary Nav */
#secondaryNav {
	position:relative;
	background-image: url(images/subnav-bg.gif);
	background-repeat: no-repeat;
	width:192px;
	min-height:300px;
	height:100%;
	float:left;
	background-position: 1px 0px;
	line-height:0;
	padding:0 0 0 3px;
	/*background-color:#FFFF00;*/
}
#secondaryNav ul {
	list-style-type: none;
}
#secondaryNav ul li {
	font-family: arial;
	width:191px;
	height:30px;
	padding:0;
	margin:0;
	text-transform:uppercase;
	font-size:9.5px;
	font-weight:bold;
	background-repeat: no-repeat;
	display:block;
	float:left;
	overflow:hidden;
}
#secondaryNav ul li a {
	background-image:url(images/secondary-nav-bg.gif);
	color:#eee;
	text-decoration:none;
	height:21px;
	width:251px;
	display:block;
	line-height:normal;
	padding:9px 0 0 10px;
}
#secondaryNav ul li a:hover, #secondaryNav ul li#active a {
	background-image:url(images/secondary-nav-bg-OVER.gif);
}
#navQuickLinks {
	position:absolute;
	bottom:60px;
	left:3px;
	height:123px;
	width:167px;
	padding:10px 0 10px 11px;
	/*line-height:0;*/
}
#navQuickLinks a {
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 41px;
	width: 167px;
	text-indent:-100em;
}
#navQuickLinks a#goGreenNow {
	background-image: url(images/b-goGreen-Up.gif);
}
#navQuickLinks a#goGreenNow:hover {
	background-image: url(images/b-goGreen-Over.gif);
}
#navQuickLinks a#economicCalculator {
	background-image: url(images/b-calculator-Up.gif);
}
#navQuickLinks a#economicCalculator:hover {
	background-image: url(images/b-calculator-Over.gif);
}
#navQuickLinks a#requestAQuote {
	background-image: url(images/b-reqQuote-Up.gif);
}
#navQuickLinks a#requestAQuote:hover {
	background-image: url(images/b-reqQuote-Over.gif);
}
#secondaryNav ul li.tertiary {
	font-size:9px;
	height:auto;
	padding:8px 0 8px 22px;
	background-color:#143045;
	width:169px;
}
#secondaryNav ul li.tertiary a {
	background-image: none;
	height:auto;
	width:auto;
	display:inline;
	line-height:16px;
	margin:0;
	padding:0;
}
#secondaryNav ul li.tertiary a:hover {
	color:#ccc;
}

/* Main Page Area text formatting */
#pageMain a {
	font-weight:bold;
	color: #c6d9f1;
}
#pageMain b, #pageMain strong {
	font-weight:bold;
}
#pageMain i, #pageMain em {
	font-style:italic;
}

#pageMainFull a {
	font-weight:bold;
	color: #c6d9f1;
}
#pageMainFull a:visited {
	color: #ccc;
}
#pageMainFull a:active, #pageMainFull a:hover  {
	color: #fff;
}
#pageMainFull b, #pageMain strong {
	font-weight:bold;
}
#pageMainFull i, #pageMain em {
	font-style:italic;
}