body { background: #93b92b url("images/bottom-background.png") no-repeat center 313px; width: 100%; height: 100%; margin: 0px; padding: 0px; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; line-height: 1.5em; }
img { border: 0px; }

#page { background: url("images/header-background.png") no-repeat center top; height: 317px; z-index: 2; }
#container { position: relative; margin: 0px auto; width: 980px; }

#logo { position: absolute; top: 40px; left: 40px; width: 474px; z-index: 4; }

#downlinks { position: absolute; top: 0px; left: 575px; z-index: 5; color: #000; }
#downlinks .bl { position: absolute; bottom: 0px; left: 0px; width: 14px; height: 10px; overflow: hidden; }
#downlinks .br { position: absolute; bottom: 0px; right: 0px; width: 14px; height: 10px; overflow: hidden; }
#downlinks .inside { padding: 10px; background: #fff; }
#downlinks a { color: #000; text-decoration: none; font-weight: bold; }

#phone { position: absolute; top: 110px; right: 60px; z-index: 5; }
#phonescreen { position: absolute; top: 190px; /* top: 230px; */ left: 593px; z-index: 4; list-style: none; margin: 0px; padding: 0px; }
#phonescreen li { width: 207px; height: 238px; }

#pitchcentre { position: absolute; top: 510px; right: 0px; z-index: 3; }

#left { position: absolute; top: 615px; left: 0px; width: 555px; }
#left #informed { margin: 30px 0px 20px 0px; color: #fff; }
#left #informed .inner { border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 10px 40px; margin: 0px 5px; background: #000; }
#left #informed .inner .heading { font-size: 18px; line-height: 24px; margin: 0px 0px 10px 0px; color: #93b92b; }
#left #informed .inner b { color: #fff;  }
#left #informed .inner form label b { color: #f00; }
#left #informed .inner form .submit { font-family: Georgia, "Times New Roman", Times, serif; padding: 2px 5px; background: #fff; border: 1px solid #999; color: #000; text-decoration: none; font-size: 12px; font-weight: bold; width: auto; }
#left #informed .footer { position: relative; height: 8px; }
#left #informed .footer img { position: absolute; top: 0px; left: 0px; }
#left #features {  }
#left #features .header { position: relative; height: 34px; }
#left #features .header img { position: absolute; top: 0px; left: 0px; }
#left #features .inner { border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 10px 20px; margin: 0px 5px; background: #6b8e3a; }
#left #features .inner b { color: #fff;  }
#left #features .inner .itemthird { float: left; width: 150px; margin-right: 25px; }
#left #features .inner .itemhalf { float: left; margin: 20px 50px 0px 50px; width: 150px; }
#left #features .footer { position: relative; height: 8px; }
#left #features .footer img { position: absolute; top: 0px; left: 0px; }
#left #competition { margin: 20px 0px; color: #fff; }
#left #competition .header { position: relative; height: 34px; }
#left #competition .header img { position: absolute; top: 0px; left: 0px; }
#left #competition .inner { display: none; border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 10px 40px; margin: 0px 5px; background: #000; }
#left #competition .inner .heading { font-size: 18px; line-height: 24px; margin: 0px 0px 10px 0px; color: #93b92b; }
#left #competition .inner .body { margin: 10px 0px 0px 0px; color: #fff; }
#left #competition .footer { display: none; position: relative; height: 8px; }
#left #competition .footer img { position: absolute; top: 0px; left: 0px; }
#left #terms {  }
#left #terms .header { position: relative; height: 34px; }
#left #terms .header img { position: absolute; top: 0px; left: 0px; }
#left #terms .inner { display: none; border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 10px 20px; margin: 0px 5px; background: #6b8e3a; }
#left #terms .inner b { color: #fff;  }
#left #terms .footer { display: none; position: relative; height: 8px; }
#left #terms .footer img { position: absolute; top: 0px; left: 0px; }

#signupform { margin: 20px 0px 10px 0px; background: #222; padding: 10px; }
#signupform form { margin: 0px; padding: 0px; }
#signupform form label { color: #93b92b; }
#signupform form label b { color: #f00; }
#signupform form input { width: 180px; }
#signupform form .submit { font-family: Georgia, "Times New Roman", Times, serif; padding: 5px 10px; background: #fff; border: 1px solid #999; color: #000; text-decoration: none; font-size: 13px; font-weight: bold; width: auto; }
#signupform form .checkbox { width: auto; }

#right { position: absolute; top: 650px; right: 150px; width: 251px; text-align: center; padding-bottom: 30px; }

#appstore { margin: 0px auto; }

#ruleshi { margin: 20px 0px; }
#ruleshi .top { position: relative; height: 35px; }
#ruleshi .top img { position: absolute; top: 0px; left: 0px; }
#ruleshi .bottom { position: relative; height: 8px; }
#ruleshi .bottom img { position: absolute; top: 0px; left: 0px; }
#ruleshi #rules { float: left; width: 167px; margin-right: 15px; }
#ruleshi #rules .pad { margin: 0px 5px; padding: 10px; border-left: 1px solid #fff; border-right: 1px solid #fff; background: #6b8e3a; }
#ruleshi #socialnetworking { float: left; width: 60px; padding: 10px 0px; }
#ruleshi #socialnetworking .facebook { margin-bottom: 10px; overflow: hidden; height: 60px; }
#ruleshi #socialnetworking .twitter { overflow: hidden; height: 60px; }

#invite { background: #757a7d; color: #fff; font-size: 13px; padding: 15px 40px; }
#invite a { color: #fff; text-decoration: none; }

#footer { text-align: right; color: #fff; padding: 10px 0px 50px 0px; }

#thomson { position: absolute; top: 0px; left: 20px; }
