/* -------------------------- */
/* Tag rewrites */

html, body { height: 100%; background: #000; }
body{ margin: 0; font-size: 13px; }

a, a:link, a:visited{ color: #000; }
a:hover{  }
h2{ color: #f88c1e; font-size: 16px; margin: 0; font-weight: normal; }
div.hr{ color: #999999; border-top: 1px solid #999; height: 0; margin: 0 0 10px 0; display: block; overflow:hidden; }
strong{ font-weight: bold; }
em { font-style: italic; }
p{ margin: 0; }
ul{ list-style-image: url('../images/li-icon.png'); font-size: 16px; }
label{ display: block; font-size: 12px; margin: 0; }
input[type=text]{ border: 1px solid #dcda98; padding: 2px; width: 248px; }

/* -------------------------- */
/* Specifics */

#page{ margin: 0 auto; width: 1045px; height: 1304px; background: url('../images/bg.jpg') no-repeat; margin-bottom: 50px; }

#page .content{ position: absolute; display: block; }
#page a.content{ text-indent: -9999em; }

#page #content1{ width: 280px; margin-top: 265px; margin-left: 75px; }
#page #content2{ width: 470px; margin-top: 300px; margin-left: 487px; }
#page #content2 p{ margin-bottom: 25px; }
#page #content2 #btn-pedge-container{ text-align: center; }
#page #content3{ width: 280px; margin-top: 435px; margin-left: 125px; }
#page #content4{ width: 280px; margin-top: 705px; margin-left: 60px; }
#page #content4 div.buttons{ margin-left: 13px; margin-top: 22px; }
#page #content4 div.buttons img{ margin-left: 15px; }

#page #content5{ width: 280px; margin-top: 1005px; margin-left: 105px; }
#page #content6{ width: 280px; margin-top: 940px; margin-left: 700px; }
#page #content7{ width: 240px; height: 150px; margin-top: 750px; margin-left: 440px; }
#page #content8{ width: 240px; height: 150px; margin-top: 0; margin-left: 80px; }
#page #content9{ width: 240px; height: 170px; margin-top: 930px; margin-left: 420px; }

#page #ft{ position: absolute; margin-top: 1280px; margin-left: 40px; }

div.tooltip{ position: absolute; background: #000; border-bottom: 4px solid #f88c1e; padding: 12px; display: none; }
div.tooltip p{ color: #fff; }
#page #tooltip-cost{ width: 341px; margin-top: 548px; margin-left: 330px; font-size: 16px; }
#page #tooltip1{ width: 233px; margin-top: 820px; margin-left: 157px; }
#page #tooltip2{ width: 247px; margin-top: 825px; margin-left: 253px; }
#page #tooltip3{ width: 342px; margin-top: 810px; margin-left: 339px; }

#pledge-form-popup{ margin-left: -120px; padding-top: 8px; padding-left: 12px; padding-right: 12px; background: #fbf8ad url('../images/bg-pledge-form.png') no-repeat; width: 255px; min-height: 368px; }
#pledge-submit-btn{ margin-top: 5px; }
#pledge-form-close-btn{ margin-left: 220px; }
#pledge-form-popup .badges{ margin-top: 20px; text-align: center; }
#pledge-form-popup .badges img{ margin-right: 15px; }

div.download{ margin-left: -200px; padding-top: 8px; padding-left: 26px; background: #fbf8ad url('../images/bg-download.png') no-repeat; width: 412px; min-height: 636px; }
div.download .close-btn{ margin-left: 365px; }

/* -------------------------- */
/* Utility classes */

.loud{ color: #f88c1e !important; }
.quiet{ color: #323232 !important; }
.small{ font-size: 12px; }
.no-pad{ padding: 0 !important; }
.no-margin{ margin: 0 !important; }