@charset "UTF-8";
/* Christie's Green Auction - Global */

/* ===========================================
         GLOBAL RESETS
==============================================*/

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, 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;
}

ol, ul { list-style: none; }
a { color: #007b00; text-decoration: none; }
a:hover { text-decoration: underline; }
strong { font-weight: bold; }
em { font-style: italic; }
.clear { clear: both; height: 0px; font-size: 0px; }

sup { font-size: 0.6em; vertical-align: top;  }
sub { font-size: 0.7em; vertical-align: bottom;  }


/* --- clearfix ---- */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
	}

.clearfix {
    display: inline-block;
	}

html[xmlns] .clearfix {
    display: block;
	}

* html .clearfix {
    height: 1%;
	}


/* ===========================================
         MAIN LAYOUT
==============================================*/

body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 10px at default setting */
	line-height: 1;
	color: #414042;
	}

#container {
	padding: 0 20px 85px;
	text-align: center;
	background: url(../images/bg-footer.png) 0 100% repeat-x;
	}

#main {
	position: relative;
	width: 982px;
	margin: 0 auto;
	text-align: left;
	}

#leftCol,
#rightCol {
	float: left;
	position: relative;
	}

#leftCol {
	z-index: 10;
	}

#rightCol {
	z-index: 20;
	}


/* ===========================================
         HEADER
==============================================*/

#header {
	width: 982px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/bg-header.jpg) 0 0 no-repeat;
	}

#header h1 {
	float: left;
	height: 106px;
	padding: 28px 0 10px 15px;
	}

#header h1 a {
	display: block;
	width: 412px;
	height: 106px;
	background: url(../images/hd-greenAuction.png) 0 0 no-repeat;
	_background-image: url(../images/hd-greenAuction.gif); /* IE6 */
	text-indent: -1000em;
	}

/* ---- Sign up form ---- */

#header form {
	float: left;
	width: 500px;
	margin: 112px 0 0;
	padding: 0 0 0 34px; 
	}
	
#header form * {
	float: left;
	}
	
#header form label {
	float: left;
	width: 302px;
	height: 15px;
	margin-top: 4px;
	background: url(../images/hd-signUpForAlerts.png) 0 0 no-repeat;
	_background-image: url(../images/hd-signUpForAlerts.gif); /* IE6 */
	text-indent: -1000em;
	}

#header form input {
	float: left;
	width: 100px;
	margin-left: 9px;
	padding: 3px 4px;
	font-size: 1em;
	color: #999;
	border: 1px solid #d8dadc;
	}
	
#header form button {
	float: left;
	width: 64px;
	height: 20px;
	margin: 0 0 0 7px;
	background: url(../images/bu-submit.png) 0 0 no-repeat;
	_background-image: url(../images/bu-submit-blueBg.gif); /* IE6 */
	border: 0;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	}

/* ---- Intro ---- */

#header .intro {
	margin-top: 4px;	
	padding: 12px 32px 12px;
	font-size: 1.4em;
	line-height: 1.5em;
	color: #222;
	background-color: #a2d99c;
	}

#header .intro strong {	
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	color: #060;
	}


/* ===========================================
         TOP NAV
==============================================*/

#nav {
	margin-top: 0;
	background-color: #fff;
}
	
#nav li {
	float: left;
	}

#nav li a {
	display: block;
	height: 44px;
	text-indent: -1000em;
	background-position: 0 0;
	background-repeat: no-repeat;
	}

#nav li a:hover,
#nav li.on a {
	background-position: 0 100%;
	}

#nav-home a 			{ width: 80px; background-image: url(../images/nav-home.png); }
#nav-event a 			{ width: 82px; background-image: url(../images/nav-event.png); }
#nav-share a 			{ width: 191px; background-image: url(../images/nav-share.png); }
#nav-browse a 			{ width: 116px; background-image: url(../images/nav-browse.png); }
#nav-silent a 			{ width: 104px; background-image: url(../images/nav-silent.png); }
#nav-press a 			{ width: 60px; background-image: url(../images/nav-press.png); }
#nav-organizations a 	{ width: 180px; background-image: url(../images/nav-organizations.png); }
#nav-liveGreener a 		{ width: 169px; background-image: url(../images/nav-liveGreener.png); }
	

/* ===========================================
         FOOTER
==============================================*/

#footer {
	width: 982px;
	margin: 30px auto auto;
	text-align: left;
	background-color: #fff;
	}

/* ---- Header ---- */

#footer h3 {
	width: 213px;
	height: 10px;
	margin-left: 34px;
	background: url(../images/hd-bidToSaveNetwork.png) 0 0 no-repeat;
	text-indent: -1000em;
	}
	
/* ---- Follow us ---- */
	
#footer .follow {
	margin-top: 7px;
	padding: 7px 0 6px 34px;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #007b00;
	background-color: #90d188;
	}

#footer .follow span {
	float: left;
	}

#footer .follow a {
	float: left;
	}

#footer .follow a.twitter { margin-top: 1px; }
#footer .follow a.facebook { margin-top: -1px; }

/* ---- Logos ---- */

#footer .logos {
	border-bottom: 1px solid #bcbec0;
	}

#footer .logos li {
	float: left;
	text-align: center;
	background: url(../images/border-vert-footer.gif) 100% 20px no-repeat;
	}
	
#footer .logos li.last {
	background: none;
	}

#footer .christies 		{ width: 264px; height: 52px; padding-top: 26px; }
#footer .nbcUniversal 	{ width: 246px; height: 70px; padding-top: 8px; }
#footer .barneys 		{ width: 203px; height: 55px; padding-top: 23px; }
#footer .charitybuzz 	{ width: 269px; height: 58px; padding-top: 20px; }
	
/* ---- Lead Sponsor ---- */

#footer .leadSponsor {
	margin-top: 13px;
	padding-left: 40px;
	padding-bottom: 10px;
	border-bottom: 1px solid #bcbec0;
	}

#footer .leadSponsor h4 {
	float: left;
	margin-top: 38px;
	font-size: 1.4em;
	line-height: 1.3em;
	color: #8fd189;
	text-transform: uppercase;
	}

#footer .leadSponsor a {
	float: left;
	margin-top: 16px;
	margin-left: 40px;
	}

#footer #dbcca-widget {
	float: left;
	margin-left: 40px;
	}

/* ---- Event Sponsor ---- */

#footer .eventSponsor {
	float: left;
	width: 270px;
	margin: 12px 0 4px 40px;
	_display: inline; /* IE6 */
	}

#footer .eventSponsor h4 {
	float: left;
	margin-top: 22px;
	font-size: 1.4em;
	line-height: 1.3em;
	color: #8fd189;
	text-transform: uppercase;
	}

#footer .eventSponsor a {
	float: left;
	margin-left: 67px;
	}

/* ---- Native Energy ---- */

.native-energy { 
	float: left;
	width: 450px;
	margin: 16px 0 12px 86px;
	padding-left: 86px;
	background: url(../images/border-vert-footer.gif) 0 16px no-repeat;
	}

.native-energy .logo {
	float: right;
	margin-left: 20px;
	}

.native-energy p {
	margin-top: 18px;
	font-size: 13px;
	line-height: 1.3em;
	}

/* ---- Copyright nav ---- */

#footer .copyright {
	margin-top: 10px;
	padding: 7px 0;
	background-color: #007b00;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #fff;
	text-align: center;
	}
	
#footer .copyright a {
	color: #fff;
	}

#footer .copyright span {
	margin: auto 1.4em;
	}