/*=============================

	PayParade CSS
	Author: Doug Hungarter
	Last updated: 08.14.08 (LAB)

===============================*/


/*-----------------------------/
	Section: General
------------------------------*/

* { margin: 0; padding: 0; outline: none !important; }
body { font: 62.5%/1.5 "Lucida Grande", Tahoma, Arial, sans-serif; color: #666; }


/*----------------------------/
	Section: Header
-----------------------------*/

#headerWrap { background: #4B2355 url(../img/bg_header.png) repeat-x bottom; border-bottom: 1px solid #FFF; text-align: center; }
#header { margin: 0 auto; width: 54.5em; text-align: left; padding: 2.2em 0; }
	#header ul { list-style: none; font-size: 1.1em; float: left; }
		#header ul li { display: inline; margin-right: .25em; }
			#header ul li a { padding: .5em 1.5em .6em; color: #FFF; background: #583863; text-decoration: none; font-weight: bold; display: inline-block; }
			#header ul li a:hover { background: #61416A; }
			#header ul li a.current { background: #7CAF1D; }
	#header p { float: right; font-size: .9em; text-transform: uppercase; color: #FFF; letter-spacing: .4em; padding-top: .25em; }
		/* IE6 hack */ * html #header p { padding-top: .75em; }
		/* IE7 hack */ * + html #header p { padding-top: .75em; }
		#header p strong { color: #7CAF1D; }
		


/*---------------------------/
	Section: Content
----------------------------*/

#contentWrap { background: url(../img/bg_content.png) repeat-x; border-top: 1px solid #795B80; text-align: center; }
#content { margin: 0 auto 10em auto; width: 54.5em; text-align: left; padding-top: 6.2em; }
	#content h1 { color: #6766CC; font-size: 2em; font-weight: normal; letter-spacing: -1px; margin-bottom: 1em; }
		#content h1 .logo { display: block; background: url(../img/logo.gif) no-repeat; height: 53px; text-indent: -9999px; position: relative; left: -50px; }
		#content h1 strong em { font-style: normal; color: #7CAF1D; }
	#content p { font-size: 1.2em; margin-bottom: 1.5em; }
	#content p.thanks { padding: 1em 1.5em; background: #D2C8D4; margin: 3em 0; color: #6D4C75; font-size: 1.75em; font-weight: bold; letter-spacing: -1px; } 
	#content p .logo { color: #6766CC; }
		#content p .logo strong { color: #7CAF1D; }
	#content li .logo { color: #6766CC; }
		#content li .logo strong { color: #7CAF1D; }
	#content ul { list-style: url(../img/bullet.png) inside; margin-bottom: 1.5em; font-size: 1.2em; width: 35em; }
		#content ul li { color: #333; margin-bottom: .5em; padding-left: 2em; text-indent: -2em; }
		#content ul li strong { color: #4B2355; }	
	#content form { padding: 1em 1.5em 1.5em; background: #D2C8D4; margin: 3em 0; position: relative; z-index: 100; }
		#content form p { margin-bottom: .25em; font-size: 1.1em; color: #6D4C75; font-weight: bold; }
		#content form input { font-size: 1.3em; padding: .25em; width: 24em; }
		#content form button { border: none; background: #4B2355; color: #FFF; padding: .35em 1em; font-size: 1.2em; }
		#content form button:hover { background: #7CAF1D; }

/*---------------------------/
	Section: Footer
----------------------------*/

#footerWrap { background: #7CAF1D; text-align: center; position: relative; }
	#footerWrap .parade { position: absolute; top: -161px; right: 10%; z-index: 5; }
#footer { margin: 0 auto; width: 44.5em; text-align: left; padding: 2em 0; position: relative; z-index: 50; }
	#footer p { color: #FFF; font-size: 1.2em; margin-bottom: 1.5em; }
	#footer p.copyright { color: #FF9; font-weight: bold; font-size: .9em; }
	#footer a { color: #FF9; }
	#footer a:hover { color: #FC9; }

#lbContent #content h1 {
	margin-left: 50px;
}

#lbContent #content {
	padding-top: 3.2em;
}