/* ---------------------------------------------- /

   NPHS ¡TropiCaliente! Stylesheet
	   Author: Kelley Curry, ideas[at]brightbold[dot]com
	   Copyright 2009 
	   
	   CSS Reset section is provided for public use by Eric Meyer. 
	   (Currently at http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/)
   
   INDEX:
	   =CSS RESET=
	   =LAYOUT=
	   =TYPOGRAPHY=
	   =IMAGERY=
	   =FORM=
	   =LINKS=
	   =NAVIGATION=

	COLORS:  
		Pink:		#ed1556     M100 Y55		(GenoPal: #ff0059)
		Orange:		#f47920     M65 Y100		(#ff5900)
		Yellow:		#fff200	    Y100			(#ffff00)
		Green:		#8dc63f		C50 Y100		(#80ff00 yikes!)	
		Blue:		#00b9ad  	C75 Y40			(#40ff99)
		Chartruse:  #d9e021		C19 Y100		(#cfff00)
		Med Orange:	#faa61a		M40 Y100		(#ff9900)
		Dk. Yellow:	#ffdd00		M10 Y100		(#ffe600)
		Lt. Leaf:	#73b13a		C55 Y100 K10	(#67e600)
		Dk. Leaf:	#3d963b		C70 Y99  K22	(#3cc702)
	   (Dk. Green:  #2b7a2d		C70	Y100 K42	 #2c9401)
	   (Dk. Orange				M75 Y100		 #ff4000)
	
/ ---------------------------------------------- */
/*                 =CSS RESET=                   */

		@import url('../../css/reset.css');

/* ---------------------------------------------- /
                    =LAYOUT= 
/ ---------------------------------------------- */

html, body {
	height: 100%;
	width: 100%;
}
body {
	background: url(images/bkg-header-hot.png) repeat-x 50% top;
	background-color: #faa61a; 
}
body.contrast {
	background: #d9e021 url(images/bkg-header-home.png) repeat-x 50% top;
}
body.hot {
	background: #faa61a url(images/bkg-header-hot.png) repeat-x 50% top; 
	background-color: #ffb200;
}
body.cool {
	background: #d9e021 url(images/bkg-header-cool.png) repeat-x 50% top;
}
#content {
	position: relative;
	width: 960px;
	min-height: 100%;
	margin: 0 auto;
}
#branding {
	background: url(images/tropilogo-300.png) no-repeat left top;
	position: relative;
	width: 305px;
	height: 130px;
	float: left;
	margin: 20px 0 0 20px;
}
#home #branding {
	background: url(images/tropilogo-364.png) no-repeat left top;
	width: 364px;
	height: 142px;
	margin: 10px 0 0 50px;
}
#navMain {
	position: relative;
	float: right;
	width: 530px;
	padding-bottom: 70px;
}
#home #navMain {
	padding-bottom: 20px;
	margin-right: -15px;
} 
#contentMain {
	position: relative;
	float: left;
	clear: left;
	width: 560px;
	padding: 0 30px 380px 30px;
}
#home #contentMain {
	float: right; 
	clear: none;
	width: 420px;
	padding: 0 20px 130px 20px;	
}
#about #contentMain {
	width: 600px;
}
#story #contentMain {
	width: 710px;
}
#story #contentSecondary {
	width: 150px;
}
#invite #contentMain,
#tickets #contentMain {
	padding-top: 50px;
}
#contentSecondary {
	position: relative;
	top: -40px;
	float: right;
	width: 300px;
	padding: 0 20px 380px 20px;
}
#home #contentSecondary {
	float: left;
	top: 0;
	width: 465px;
	margin: 0;
	padding: 0 0 130px 20px;
}
#auction #contentSecondary,
#style #contentSecondary
#support #contentSecondary {
	width: 230px;
}
#about #contentSecondary {
	width: 210px;
}
#footer {
	position: relative;
	height: 370px;
	margin-top: -370px;
	float: left;
	clear: both; 
	width: 100%;
}
#home #footer {
	height: 136px;
	margin-top: -136px;
	background: url(images/bkg-footer-home.png) repeat-x 50% top;
}
.contrast #footer,
.hot #footer {
	background: url(images/bkg-footer-hot.png) repeat-x 50% top;
}
.cool #footer {
	background: url(images/bkg-footer-cool.png) repeat-x 50% top;
}
#footerwrapper {
	position: relative;
	width: 920px;
	overflow: hidden;		/* forces div to contain floats */
	margin: 0 auto;
}
#footer #contactinfo {
	height: 30px;
	width: 920px;
	position: relative;
	margin: auto;
	text-align: center;
	padding: 10px 0 0 0;
	color: #fff;
	clear: both;
}
#contactinfo h1,
#contactinfo div {
	display:-moz-inline-box;	/* Firefox 2 and under*/
	display: inline-block;		/* FF3, Opera, Safari */
	width: auto;
	margin: 0;
	vertical-align: top;
	text-align: center;			/* centers inline-block */
	line-height: 24px; 
}
#contactinfo div span.locality {
	width: 3.5em;			/* FF2 isn't displaying "Boston" for some reason, and this width seems to fix it */
}
#home #footer #contactinfo {
	padding: 80px 0 0 0;
} 
#contactinfo h1 a {
	display:-moz-inline-box;	/* Firefox 2 and under*/
	display: inline-block;		/* FF3, Opera, Safari */
	color: #fff;
	height: 24px;
	width: auto;
	line-height: 24px;
}
#footer #sponsor {
	position: relative;
	float: left;
	width: 920px;
	height: 230px;
	margin: 0 auto;
	padding: 80px 0 0 0;
}
#footer div#sponsor10K {
	width: 240px;
	padding-right: 25px;
}
#footer div#sponsor5K {
	width: 170px;
	padding-right: 25px;
}
#footer div#sponsor2K {
	width: 220px;
	padding-right: 25px;
}
#footer div#sponsor1K {
	width: 210px;
}
#home div.sponsor {
	width: 465px;
	float: left;
	margin-top: 20px;
}
#comingsoon {
	position: relative;
	float: right;
	width: 420px;
	height: 80px;
	text-align: center;
}
#bymail {
	position: absolute;
	left: 640px;
	width: 310px;
}

/* ---------------------------------------------- /
                  =TYPOGRAPHY=
/ ---------------------------------------------- */

body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Ludica Sans", Lucida, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	font-size: 76%;
	line-height: 120%;
}
/* This is Lucida Hybrid, but I have mixed feelings about it */
strong, em, b, i, 
h1, h2, h3, h4, h5, h6,
dt, a, 
p#benefit, .sponsor li, #auction #contentSecondary li {
    font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	font-weight: 700;
}
h1 {
	font-size: 2em; 
	margin: 20px 0 0 0;
}
.hot #contentMain h1 {
	color: #ff0059;
}
#contactinfo h1 {
	margin: 0;
	font-size: 1.4em;
}
#contactinfo div {
	font-size: 1em;
	font-weight: 700;
}
h2 {
	font-size: 2em; 
	line-height: 1.2em;
	margin: 1em 0 0.2em 0;
}
.contrast h2 {
	color: #ff5900;
}
.hot h2 {
	color: #ff0059;
}
.cool h2 {
	color: #ff5900;
}
#comingsoon h2 {
	font-size: 1.5em; 
}
#home #contentSecondary h2{
	width: 235px;
	color: #3d963b;
	text-align: right;
}
h3 {
	font-size: 1.5em; 
	line-height: 1.2em;
	margin: 1.2em 0 0.1em 0;
}
.contrast h3 {
	color: #3d963b;
}
.hot h3 {
	color: #ffff00;
}
.cool h3 {
	color: #ff0059;
}
.contrast #contentMain ul {
	list-style-image: url(images/vinyl-green-ch.png);
}
.hot #contentMain ul {
	list-style-image: url(images/vinyl-yellow-or.png);
}
.cool #contentMain ul {
	list-style-image: url(images/vinyl-yellow-ch.png);
}
h4 {
	font-size: 1.2em; 
	margin: 0.75em 0 0.1em 0;
	line-height: 1.4;
}
#footer h4 {
	margin-top: 0;
}
h5 {	
	font-size: 1.1em;
	margin: 0 0 1em 0;
	font-style: italic;
}
p {
	margin-top: 1em;
}
p, li, dt, dd,
#contentMain .vcard {
	font-size: 1.1em; 
	line-height: 1.4;
}
dl {
	line-height: 1.4;
	margin-top: 0.5em;
}
dt {
	font-weight: 700;
}
#auction dt {
	margin-top: 1em;
	padding-left: 3em;
	background: url(images/vinyl-green-ch.png) no-repeat 1.5em .3em;
}
#auction dd {
	padding-left: 3em;
}
#support dt {
	font-size: 1.2em;
	margin: 1.25em 0 0.1em 0;
}
dl.mamboking {
	margin-left: -36px;
}
.mamboking dt {
	font-size: 1.3em;
	padding-left: 36px;
	height: 40px;
	line-height: 50px;
	background: url(images/littlecrown.png) no-repeat top left;
}
.mamboking dd {
	font-size: 1.5em;
	margin-left: 36px;
}
#home #location {
	font-weight: 700;
	color: #2e6e2c;
	text-align: center;
	margin-bottom: 20px;
}
#home #location .org {
	font-size: 1.2em;
}
#contentSecondary li {
	line-height: 1.4em;
}
#home #contentSecondary li,
#about #contentSecondary li,
#support #contentSecondary li {
	margin-bottom: 0;
}
#auction #contentSecondary li {
	font-weight: bold;
	font-size: 0.95em;
}
#auction #contentSecondary li,
#about #contentSecondary li {
	text-indent: -18px;
	padding-left: 18px;
}
#story #contentSecondary li {
	font-size: 0.92em;
	margin-top: 0.5em;
	text-indent: 22px;
	padding-top: 5px;
	background: url(images/tv.png) no-repeat left top;
}
#contentMain ul {
	margin: 0.5em 0 0 3em;
	line-height: 1.6em;
}
#auction #contentMain li {
	margin-top: 1em;
	margin-bottom: 1em;
}
.sponsor h3 {
	margin-top: 0;
	margin-bottom: 0.15em;
}
#footer div.sponsor,
#footer .sponsor ul,
#footer .sponsor li,
#support .sponsor ul,
#support .sponsor li {
	float: left;
	display: inline; 		/*fixes doubled float margin big */
}
#footer .sponsor h4 {
	height: 43px;
	margin-bottom: 10px;
	line-height: 43px;
	color: #fff;
	font-style: italic;
}
#footer #sponsor10K h4 {
	background: url(images/crown-hot.png) no-repeat left center;
	font-size: 1.5em;
	padding-left: 52px;
}
#footer #sponsor5K h4 {
	background: url(images/shoes-hot.png) no-repeat left center;
	font-size: 1.4em;
	padding-left: 50px;
	line-height: 21px;
}
#footer #sponsor2K h4 {
	background: url(images/bongos-hot.png) no-repeat left center;
	font-size: 1.3em;
	padding-left: 45px;
}
#footer #sponsor1K h4 {
	background: url(images/maracas-hot.png) no-repeat left center;
	font-size: 1.2em;
	padding-left: 36px;
}
.cool #footer #sponsor10K h4 {
	background-image: url(images/crown-cool.png);
}
.cool #footer #sponsor5K h4 {
	background-image: url(images/shoes-cool.png);
}
.cool #footer #sponsor2K h4 {
	background-image: url(images/bongos-cool.png);
}
.cool #footer #sponsor1K h4 {
	background-image: url(images/maracas-cool.png);
}
#home #sponsor 5K,
#home #sponsor 2K,
#home #sponsor 1K {
	margin-top: 20px;
}
#home .sponsor h4 {
	font-style: italic;
	width: 163px;
	float: right;
	margin: 0;
	padding-left: 62px;
}
#home #sponsor10K h4 {
	height: 149px;
	background: url(images/crown-gr.png) no-repeat left 49px;
	font-size: 1.5em;
	line-height: 149px;
}
#home #sponsor5K h4 {
	height: 41px;
	background: url(images/shoes-gr.png) no-repeat 6px top;
	font-size: 1.25em;
	line-height: 41px;
}
#home #sponsor2K h4 {
	height: 35px;
	background: url(images/bongos-gr.png) no-repeat 8px 1px;
	font-size: 1.15em;
	line-height: 35px;
}
#home #sponsor1K h4 {
	height: 44px;
	background: url(images/maracas-gr.png) no-repeat 11px 7px;
	font-size: 1.05em;
	line-height: 44px;
}
#home #sponsor10K a,
#home #contentSecondary ul {
	width: 235px;
	float: left;
	margin-right: 5px;
}
#home .sponsor li {
	text-align: right;
}
#home #sponsor5K ul li {
	font-size: 1.3em;
	font-weight: 700;
	line-height: 41px;
}
#home #sponsor2K ul li {
	font-size: 1.1em;
	font-weight: 700;
}
#home #sponsor1K ul li {
	font-size: .9em;
	font-weight: 700;
}
#home h2#date {
	height: 61px;
	width: 450px;
	margin-top: 25px;
	background: url(images/date.png) no-repeat 55% top;
	text-indent: -9999px;
	font-size: 2em;
}
h2#hot-party {
	height: 89px;
	width: 845px;
	position: absolute;
	top: 80px;
	left: 50px;
	background: url(images/hot-party-hot.png) no-repeat left top;
	text-indent: -9999px;
	font-size: 2em;
}
h2#conga-line {
	height: 91px;
	width: 900px;
	position: absolute;
	top: 85px;
	left: 30px;
	background: url(images/conga-line.png) no-repeat left top;
	text-indent: -9999px;
	font-size: 2em;
}
#footer h2#gracias {
	height: 38px;
	width: 393px;
	position: absolute;
	top: -12px;
	right: 15px;
	background: url(images/sponsor-thanks-pk.png) no-repeat left top;
	text-indent: -9999px;
	font-size: 2em;
	color: #fff;
}
.cool #footer h2#gracias {
	background-image: url(images/sponsor-thanks-bl.png);
}
#features strong {
	color: #ff0059;
	font-size: 1.2em;
}
#features li {
	line-height: 1.7em;
}
p#benefit {
	width: 420px;
	position: absolute;
	right: 0;
	top: 10px;
	font-size: 1em;
	font-weight: 700;
	font-style: italic;
	text-align: center;
	color: #000;
}
#tickets #contentMain .vcard {
	text-indent: 30px;
}
#about h2 + h4 {
	margin-top: 0;
}
#about h4 + p {
	margin-top: 0;
}
#byMail p {
	margin-top: 0;
}
#contentMain h3 + p {
	margin-top: 0.5em;
}
.footnote {
	font-size: 0.8em;
	line-height: 1.2em;
	font-weight: normal;
}
#location .footnote {
	font-style: italic;
}
#auction .pop {
	color: #ff5900;
	font-weight: 700;
}
.intro {
	font-size: 1.3em;
}
.indent {
	padding-left: 30px;
}
.noem {
	font-weight: normal;
}
.strike {
	text-decoration: line-through;
}
.value {
	font-style: italic;
}
.time {
	text-transform: uppercase;
	font-size: .8em;
}
.photo p {
	font-size: .9em;
	font-weight: 700;
	margin: 0;
	padding: 5px 0;
	line-height: 1.3em;
}

/* ---------------------------------------------- /
                   =IMAGERY=
/ ---------------------------------------------- */

div.photo img {
	margin-top: 10px;
}
div.left {
	float: left;
	margin: 10px 10px 0 0;
	display: inline;
}
div.right {
	float: right;
	margin: 10px 0 0 10px;
	display: inline;
}
div.last {
	margin-left: 0;
}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
.h138 p,
.h219 p,
.h239 p{
	height: 2.6em;
}
div.h271 {
	margin-bottom: 10px;
}
.w98 {
	width: 98px;
}
.w100 {
	width: 100px;
}
.w110 {
	width: 110px;
}
.w111 {
	width: 111px;
}
.w118 {
	width: 118px;
}
.w121 {
	width: 121px;
}
.w124 {
	width: 124px;
}
.w134 {
	width: 134px;
}
.w137 {
	width: 137px;
}
.w147 {
	width: 147px;
}
.w150 {
	width: 150px;
}
.w152 {
	width: 152px;
}
.w156 {
	width: 156px;
}
.w170 {
	width: 170px;
}
.w175 {
	width: 175px;
}
.w184 {
	width: 184px;
}
.w191 {
	width: 191px;
}
.w195 {
	width: 195px;
}
.w218 {
	width: 218px;
}
.w229 {
	width: 229px;
}
.w235 {
	width: 235px;
}
.w236 {
	width: 236px;
}
.w241 {
	width: 241px;
}
.w243 {
	width: 243px;
}
.w246 {
	width: 246px;
}
.w250 {
	width: 250px;
}
.w291 {
	width: 291px;
}
.w301 {
	width: 301px;
}
.w325 {
	width: 325px;
}
.w331 {
	width: 331px;
}
.w335 {
	width: 335px;
}
.w350 {
	width: 350px;
}
.w361 {
	width: 361px;
}
.w408 {
	width: 408px;
}
#contactinfo div {
	padding-left: 20px;
}
.contrast #contactinfo div {
	background: url(images/bullet-contrast.png) no-repeat 4px 50%;
}
.hot #contactinfo div {
	background: url(images/bullet-contrast.png) no-repeat 4px 50%;
}
.cool #contactinfo div {
	background: url(images/bullet-cool.png) no-repeat 4px 50%;
}
#home img#tropigal {
	margin-left: 16px;
}
#about #conga-guy {
	float: right;
	margin: 0 0 10px 0;
}
img#hawk {
	float: left;
	margin: 0 10px 10px 0;
}
#home #sponsor10K img {
	margin-left: 30px;
}
#footer .sponsor li {
	display: inline; 		/*fixes doubled float margin big */
}
#footer #sponsor2K ul {
	margin-top: -10px;
}
#footer #sponsor1K ul {
	width: 205px;
}
#footer #sponsor1K li,
#support #sponsor1K li {
	width: auto;
	display: block;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
}
#footer #sponsor li#bhhb {
	margin-top: 30px;
}
#footer li#hingham {
	margin-left: 55px;
}
#footer li#pomeroy {
}
#footer #sponsor li#agar {
	margin-left: 10px;
}
#footer #sponsor1K li#vinco,
#support #sponsor1K li#vinco {
	float: right;
	margin-right: 0;
}
#support li#bautista {
	margin-top: 10px;
}
#footer #sponsor li#bautista {
	margin: 0;
}
#footer #sponsor1K li,
#support #sponsor1K li {
	margin: 20px 20px 0 0;
}
#footer #sponsor10K img,
#footer #sponsor5K img,
#footer #sponsor2K img,
#support #sponsor10K img,
#support #sponsor5K img,
#support #sponsor2K img {
	margin-bottom: 1em;
}
#auction #contentMain li img {
	float: right;
	margin-left: 10px;
}
div#fantasia {
	float: right;
	width: 200px;
	margin: 10px -20px 10px 10px;
}
img#logoBHHB {
	width: 125px;
	height: 60px;
}
img#logoMercaldo {
	width: 63px;
	height: 63px;
}
img#logoStir {
	width: 146px;
	height: 55px;
}
img#logoComina {
	width: 147px;
	height: 52px;
}
img#logoOrinoco {
	width: 95px;
	height: 100px;
}
img#logoEyeQ {
	width: 125px;
	height: 77px;
}
img#logoMicrosoft {
	width: 150px;
	height: 27px;
}
img#logoMicrosoft {
	width: 150px;
	height: 27px;
}
img#logoRevfit {
	width: 150px;
	height: 40px;
}

/* ---------------------------------------------- /
                     =FORM= 
/ ---------------------------------------------- */

form {
	padding: 10px 0 0 0;
}
fieldset {
	border: none;
	padding: 10px 0 0 0;
}
fieldset#dollars {
	padding-top: 0;
}
form div {
	margin-top: 8px;
	padding: 0 30px;
}
.dollarDiv,
#contact div {
	height: 1.7em;
}
#totalDiv {
	padding: 0.5em 0 0 30px;
	font-weight: bold;
	height: 1.9em;
}
#totalDiv .addItUp {
	border-top: #000000 solid 1px;
}
#dollars div {
	text-align: right;
}
div.dollarDiv {
	width: 26em;
}
div.addItUp {
	float: right;
	width: 12em;
	margin: 0;
	padding: 0;
	text-align: right;
}
#contact label {
	font-weight: bold;
	float: left;
	width: 150px;
	clear: left;
	text-align: right;
	margin-right: 10px;
}
#dollars label,
#totalLabel {
	float: left;
	clear: left;
	width: 11em;
	font-weight: bold;
	margin-left: 20px;
	margin-right: 10px;
	text-align: left;
}
#invite label {
	font-weight: bold;
	display: block;
}
input[type="text"] {
	width: 20em;
}
input[type="radio"] {
	width: auto;
	float: left;
}
input[type="submit"] {
	margin: 10px 0 0 30px;
	width: auto;
}
form div#phone input{
	margin-top: 0;
}
input#quantity_1, input#state, input#night_phone_a, input#night_phone_b {
	width: 2.5em;
}
input#night_phone_c {
	width: 3.5em;
}
input#zip {
	width: 4em;
}
#dollars input#donationAmount {
	width: 5em;
}
input#subject {
	width: 32em;
}
input#custom {
	margin-top: 8px;
}
input#address2 {
	margin-left: 160px;
}
input + input {
	margin-top: 8px;
}
textarea {
	width: 32em;
	height: 5em;
}
textarea#message {
	height: 7.5em;
}
label {
	margin-top: 8px;
}
label#customlabel {
	float: none;
	margin-bottom: 8px;
}
label#single, 
label#bulk, 
label#donation {
	width: 25em;
}
label#quantitylabel {
	font-weight: bold;
}

/* ---------------------------------------------- /
                    =LINKS= 
/ ---------------------------------------------- */

#content a {
	text-decoration: underline;
	font-weight: bold;
} 
.cool #content a,
.contrast #content a,
.cool strong.pop,
.contrast strong.pop {
	color: #ff0059;
}
.hot #content a, 
.hot strong.pop {
	color: #ff4000;
}
#about #features a {
	color: #000;
}
#about #features strong a {
	color: #ff0059;
}
#home #contentSecondary a,
#auction #contentSecondary li a,
#story #contentSecondary li a,
#support #contentSecondary a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#contentMain a[href$=".pdf"] {
	padding-right: 16px;
	background: url(images/pdf.gif) no-repeat bottom right;
}
#branding a {
	width: 305px;
	height: 140px;
	display: block;
}
#home #branding a {
	width: 364px;
	height: 142px;
}
#footer a:link,
#footer a:visited {
	color:#fff;
	text-decoration: none;
}
.cool #contentMain a:hover,
.contrast #contentMain a:hover  {
	color: #ff5900;
}
#auction #contentSecondary li a:hover,
#support #contentSecondary a:hover {
	color: #ff0059;
	text-decoration: underline;
}
#story #contentSecondary li a:hover {
	color: #ff4000;
	text-decoration: underline;
}
.hot #contentMain a:hover {
	color: #ff5900;
}
#footer a:hover {
	color: #ffff00;
	text-decoration: none;
}

/* ---------------------------------------------- /
                  =NAVIGATION= 
/ ---------------------------------------------- */

#navMain li {
	height: 55px;
	width: 65px;
	float: left;
	position: relative;
	padding: 20px 5px 5px 5px;
	background: url(images/hover-orange.png) no-repeat right top;  /*prevents flicker in IE*/
	display: inline; 				/* removes gaps in IE6 */
	text-align: center;
	font-size: 1em;
	text-transform: uppercase;
} 
.cool #navMain li {
	background: url(images/hover-yellow.png) no-repeat right top;  /*prevents flicker in IE*/
}
#navMain a {
	position: relative;
	display: block;
	height: 55px;
	width: 65px;
	text-decoration: none;
	color: #fff;
}
#navMain a:link,
#navMain a:visited {
	color: #000000;
}
/* Here is the working Gilder Levin

#navMain span {						Uses Gilder-Levin image replacement because we need the extra span anyway for the background image 
	position: absolute;
	margin-top: 3px;
	width: 100%;
	height: 100%;
}
#home #navMain #navAbout a span {
	background: url(images/navAbout1.png) no-repeat left bottom;
}
#home #navMain #navTickets a span {
	background: url(images/navTickets1.png) no-repeat left bottom;
}
#home #navMain #navInvite a span {
	background: url(images/navInvite1.png) no-repeat left bottom;
}
#home #navMain #navAuction a span {
	background: url(images/navAuction1.png) no-repeat left bottom;
}
#home #navMain #navSupport a span {
	background: url(images/navSupport1.png) no-repeat left bottom;
}
#home #navMain a {
	position: relative;
	display: block;
	height: 40px;
	width: 500px;
	line-height: 40px;
	text-decoration: none;
}
#home #navMain a:link, 
#home #navMain a:visited {
	color: #000000;
	background: url(images/navpixyHome.png) no-repeat left top;  
} */
#about #navMain #navAbout a,
#support #navMain #navSupport a,
#tickets #navMain #navTickets a,
#invite #navMain #navInvite a,
#auction #navMain #navAuction a,
#venue #navMain #navVenue a,
#style #navMain #navStyle a,
#navMain a:hover {
	background-position: left top;
	color: #000;
} 
#about #navMain #navAbout a span,
#support #navMain #navSupport a span,
#tickets #navMain #navTickets a span,
#invite #navMain #navInvite a span,
#auction #navMain #navAuction a span,
#venue #navMain #navVenue a span,
#style #navMain #navStyle a span {
	background-position: left top;
	color: #000;
}
#navMain #navAbout a:hover span,
#navMain #navSupport a:hover span,
#navMain #navTickets a:hover span,
#navMain #navInvite a:hover span,
#navMain #navAuction a:hover span,
#navMain #navStyle a:hover span,
#navMain #navVenue a:hover span {
	background-position: left top;
	color: #000;
}