/* RESET STYLE */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, input, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 16px; font-family: inherit; vertical-align: baseline; text-align: left; text-decoration: none; list-style: none; } body{ background: url(../img/body_bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .container{ width: 960px; margin: 0 auto 0 auto; } .header{ width: 100%; float: left; } .header h1{ float: left; margin-top: 80px; } .header ul{ float: right; margin: 20px 60px 0 0; } .header li{ display: inline; margin-left: 10px; } .content{ float: left; margin-top: 60px; } .content h2, .content p, .content a{ text-align: center; font-family: "Myriad Pro"; color: black; } .content h2{ font-size: 36px; line-height: 36px; font-weight: bold; margin: 30px 0 10px 0; } .content p{ font-size: 25px; line-height: 25px; margin-bottom: 5px; } p.sign_up_link{ margin: 90px 0 20px 0; } p.sign_up_link a:hover{ text-decoration: underline; } form{ width: 400px; margin: 0 auto 140px auto; } input.field{ width: 300px; height: 30px; border: 1px solid #a6a6a6; background: white; font-family: "Myriad Pro"; font-size: 16px; padding: 0 10px; border-radius: 3px; -moz-box-shadow: 0px 0px 10px 0px #888; -webkit-box-shadow: 0px 0px 10px 0px #888; box-shadow: 0px 0px 10px 0px #888; } input.button{ padding: 0 5px; line-height: 29px; color: white; background: #2a7ae2; font-family: "Myriad Pro"; font-size: 16px; cursor: pointer; border-radius: 3px; margin-left: 5px; border: 1px solid #0f4791; -moz-box-shadow: 0px 0px 10px 0px #888; -webkit-box-shadow: 0px 0px 10px 0px #888; box-shadow: 0px 0px 10px 0px #888; } input.field:hover{ -moz-box-shadow: 0px 0px 5px 0px #888; -webkit-box-shadow: 0px 0px 5px 0px #888; box-shadow: 0px 0px 5px 0px #888; } input.button:hover{ -moz-box-shadow: 0px 0px 5px 0px #888; -webkit-box-shadow: 0px 0px 5px 0px #888; box-shadow: 0px 0px 5px 0px #888; } .footer{ float: left; } .footer ul li{ float: left; } .footer ul li a{ font-size: 20px; font-family: "Myriad Pro"; color: black; margin-right: 64px; } a.join{ background: url(../img/join.png) no-repeat; background-position: center left; line-height: 118px; display: block; vertical-align: middle; padding-left: 110px; } a.help{ background: url(../img/help.png) no-repeat; background-position: center left; line-height: 118px; display: block; vertical-align: middle; padding-left: 110px; } a.difference{ background: url(../img/difference.png) no-repeat; background-position: center left; line-height: 118px; display: block; vertical-align: middle; padding-left: 110px; } a.more{ position: fixed; bottom: 10px; right: 30px; font-family: "Myriad Pro"; font-weight: bold; font-size: 14px; color: #3d3f3e; } a.more:hover{ text-decoration: underline; }