#referral {width: 980px; margin: 35px 0 0 0; display: block;}

#referral h1 {font-size: 40px; font-weight: bold; letter-spacing: -0.04em; color: #4A4A43; line-height: 0.9em; margin-bottom: 15px;}
#referral h2 {font-size: 24px; font-weight: bold; letter-spacing: -0.04em; color: #AEAEA4; margin-bottom: 10px; line-height: 1em;}
#referral h3 {font-size: 16px; color: #333; line-height: 1.2em; color: #AEAEA4;}
#referral #main_wrapper {border: 1px solid #d7d7d7; display: block; padding: 10px; position: relative; margin-bottom: 20px; background:transparent url('/images/referrals/map.png') no-repeat left 20px;}
#referral .party_box {background: transparent url('/images/referrals/party_box.png') no-repeat 60px bottom !important;}
#referral #headline_wrapper {width: 327px; margin: 155px 0 40px 585px;}

#referral #steps_headline {width: 200px; height: 230px; float: left; display:block; overflow: hidden; padding: 15px; text-align: center; margin: 0; background-color: #a2d273;}
#referral #steps_headline p {font-size: 18px; font-weight: bold; color: #00802f;}
#referral #earn {font-size: 32px !important;}
#referral #twenty5 {font-size: 95px !important; letter-spacing: -0.05em; line-height: 0.8em; margin: 20px 0 30px 0; width: 183px;}

#referral .step {width: 200px; margin-left: 20px; height: 230px; float: left; display:block; overflow: hidden; padding: 15px; text-align: center; position: relative; background-color: #d5e4eb;}
#referral .step_text {margin: 30px auto; display: block; width: 199px; color: #447baa; font-weight: bold; font-size: 14px;}

#referral .big_icon {width: 131px; height: 132px; background-image: url('/images/referrals/big_icons.png'); display: block; margin: 20px auto;}
#referral #smile {background-position: 0 0;}
#referral #check {background-position: -130px;}
#referral #case {background-position: -261px 0; width: 168px !important;}
referral party_box {background-image: url('/images/referrals/party_box.png'); width: 468px; height: 458px; display: block; position: absolute; bottom: 0px; left: 75px; z-index: 999;}
referral map_host {background-image: url('/images/referrals/map.png'); width: 682px; height: 371px; display: block; position: absolute; top: -5px; left: -21px; z-index: 999;}
#referral #video_container {position: absolute; top: 15px; left: 83px;}

#referral .about_us {font-family: georgia, times, serif; font-size: 20px; color: #fff; font-style: italic; margin-bottom: 15px;}
#referral #about_wrapper {background-color: #396ca4; color: #fff; padding: 20px 15px; width: 200px; font-size: 14px; line-height: 1.2em; text-align: center; margin: 0 0 80px 0; float: left; display: block; overflow: hidden; letter-spacing: 0.03em;}

#referral form {display: block; font-size: 18px; font-family: inherit; z-index: 999;}
#referral .host {display: block; -moz-border-radius:10px;-webkit-border-radius: 10px; box-radius: 10px;}
#referral .guest {-moz-border-radius:10px;-webkit-border-radius: 10px; box-radius: 10px;}
#referral input {font-size: 22px;}
#referral input[type=text] {padding: 9px 10px; font-weight: bold; margin-top:3px; color: #447baa; border: 2px solid #d5e4eb; font-size:18px; width:450px; float:right; margin-right:15px; -moz-box-shadow:inset 0 1px 5px #888; -webkit-box-shadow:inset 0 1px 5px #888; box-shadow:inset 0 1px 5px #888;}

#referral #sign_up_container {width:100%; height: 45px; margin-bottom:57px;}
#referral #sign_up_left {float:left; width: 585px;overflow:hidden; height:45px; margin-top:4px;}
#referral #sign_up_right {float:left; width: 372px;}