/* Harmonic Wealth Screen CSS */

body { background: #52100b; }

/* structure */
#container { width: 960px; margin: 20px auto 20px; }
	#header { background: url(../images/header.jpg) no-repeat; width: 940px; height: 194px; padding-left: 40px; margin-bottom: 2px; }
	body.main #header { background: url(../images/main/homeHeader.jpg) no-repeat; }
	body.dvd #header { background: url(../images/headerDvd.jpg) no-repeat; }
	#printLogo { display: none; }
	#content { background: url(../images/middle.jpg) repeat-y; margin-left: 5px; }
	#top { background: url(../images/mainTop.jpg) no-repeat; height: 173px; }
	#sidebar { float: left; width: 160px; margin-top: -173px; padding: 0 20px 5px 0; }
	#callOut { background: url(../images/callOutBg.jpg) no-repeat; height: 170px; width: 160px; padding: 20px; margin-bottom: 10px; }
	#main { float: left; width: 708px; margin-top: -173px; margin-left: 2px; padding: 20px 20px 5px; margin-left: 20px; }
	#contentBottom { clear: both; background: url(../images/mainBottom.jpg) no-repeat bottom left; height: 10px; }
	
	#homeContent { background: white; margin: 0 0 0 5px; width: 950px; }
	#homeContent #top { background: url(../images/mainTopLogin.jpg) no-repeat; height: 173px; }
		#login { width: 400px; float: left; padding: 20px 0; margin: -173px 0 0 20px; }
		#register { width: 400px; float: left; margin: -173px 0 0 110px; padding: 20px 0; }
		#footerContent { width: auto; padding: 20px; margin: -173px 0 0; }
		div.readingList div#left,form#net-worth div#left { float: left; width: 340px; }
		div.readingList div#right, form#net-worth div#right { float: left; width: 340px; margin-left: 20px; }
	#contentBottomHome { clear: both; background: url(../images/mainBottomHome.jpg) no-repeat bottom left; height: 10px; }
	
	div.movie { margin: 20px 0; }
	div#flashVB { margin: 20px 0 40px; }
	
	div#readingLinks { padding: 15px 20px 0; background: #eee; border: 1px solid #999; }
	div#readingLinks ul { margin: 0; }
	div#readingLinks li { line-height: 20px; background: url(../images/readingListBullet.gif) no-repeat 0 50%; padding-left: 10px; list-style: none; }
	div#readingLinks p { font-size: 12px; color: #333; margin-top: 15px; }
	
#footer { margin: 20px 0 0 5px; }
	#footer a { font-family: arial; font-size: 14px; color: white; text-decoration: none; margin-right: 25px; }
	#footer a:hover { text-decoration: underline; }
	#footer p { font-family: arial; font-size: 11px; color: white; margin-top: 10px; }
	
/* headers */
#header h1 { text-indent: -1000em; height: 100px; margin-left: -25px; position: absolute; top: 40px; width: 260px; }
h2 { font-family: arial; font-size: 19px; font-weight: bold; color: #641f17; border-bottom: 1px solid #641f17; padding-bottom: 4px; margin-bottom: 5px; }
h3 { font-family: arial; font-size: 16px; font-weight: bold; color: #641f17; margin-top: 15px; }
div.readingList h3 { border-bottom: 1px solid #641f17; padding-bottom: 4px; }
#footerContent h3 { font-size: 14px; }
#footerContent h4 { font-size: 12px; font-weight: bold; margin-top: 5px; }
div.readingList h4 { margin: 20px 0 0; }

/* links */
#header h1 a { height: 100px; width: 260px; display: block; }
a { color: #be4200; text-decoration: none; }
a:hover { color: #be4200; text-decoration: underline; }
div.readingList a { font-size: 14px; }

a#readit, a#watchit, a#liveit, a#discussit { width: 196px; height: 38px; display: block; float: left; margin: 140px 30px 0 0; }

a#readit { background: url(../images/readit.png) no-repeat; }
a#readit:hover { background: url(../images/readitHover.png) no-repeat; }

a#watchit { background: url(../images/watchit.png) no-repeat; }
a#watchit:hover { background: url(../images/watchitHover.png) no-repeat; }

a#liveit { background: url(../images/liveit.png) no-repeat; }
a#liveit:hover { background: url(../images/liveitHover.png) no-repeat; }

a#discussit { background: url(../images/discussit.png) no-repeat; }
a#discussit:hover { background: url(../images/discussitHover.png) no-repeat; }

/* lists */
ul, ol { margin: 10px 0 10px 15px; }
li { font-size: 14px; line-height: 16px; list-style-type: disc; padding-left: 6px; }
#sidebar ul { margin-left: 20; }
#sidebar li { list-style: none; padding: 0; padding-left: 5px; margin-bottom: 4px; line-height: 12px; text-align: left; }
#sidebar li.header { font-family: arial; font-size: 11px; padding: 2px 0 2px 5px; color: #641f17; font-weight: bold; letter-spacing: 1px; }
#sidebar a { font-family: arial; font-size: 11px; color: #999999; text-decoration: underline; text-align: left; }
#sidebar a.available, #sidebar a.constant, ul#myAccount li a { color: #641f17; }
#sidebar a.current { background: url(../images/arrow.png) no-repeat 0 50%; padding-left: 10px; margin-left: -10px; color: #641f17; }
ul#myAccount { margin-top: 10px; }
ul#myAccount li { padding-left: 5px; }

/* paragraphs */
p { margin: 5px 0 15px; font-size: 14px; line-height: 16px; }
div.readingList p { margin: 0 0 20px; font-size: 13px; }
p.error { padding: 5px; background: #CC0000; color: white; margin-top: 20px; }
p.success { padding: 5px; background: green; color: white; margin-top: 20px; }
#callOut p { font-size: 11px; margin-bottom: 8px; }
#footerContent p { font-size: 14px; }

/* forms */
form { padding: 0; }
fieldset { margin-bottom: 20px; font-size: 13px; }
legend { font-family: arial; font-size: 16px; font-weight: bold; color: #641f17; margin: 5px 0 0; border-bottom: 1px solid #641f17; padding: 0; }
label { float: left; width: 34em; padding: 2px 0; font-size: 13px; margin-right: 10px; text-align: left; }
form p { margin: 15px 0; }

div#login label, div#register label { width: 8em; }
fieldset.offerWaves label { width: 8em; }
fieldset.newBelief label { width: 0; }
fieldset.mindset label { width: 25em; }
fieldset.bmi label { width: 4em; }
fieldset.relationshipIntention label { width: 8em; }
p.textarea label { width: 44em; }

input.text { width: 16.5em; border: 1px solid #999; padding: 2px; }
input.text:focus, textarea:focus { border: 1px solid #666; }
fieldset.bmi input.text { width: 4em; }
fieldset.newBelief input.text { width: 25em; }
fieldset.relationshipIntention input.text { width: 40em; }

textarea { display: block; clear: left; border: 1px solid #999; padding: 2px; width: 670px; }

form#net-worth p { margin: 10px 0; }
form#net-worth h3 { font-size: 20px; margin: 10px 0 20px 0; }

#contactForm label { display: block; float: none; }
#contactForm textarea { width: 300px; height: 75px; }

#contactForm { float: left; padding: 0 20px 20px 0; }

.button { width: 100px; height: 25px; }

/* images */
img.banner { position: absolute; margin: 25px 0 0 -500px; }