body { background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 1; margin: 0; min-width: 960px; padding: 0; } p { color: #252525; line-height: 24px; margin: 0; padding: 0; } p a { color: #252525; text-decoration: underline; } p a:hover { color: #898989; } #header { margin: 0 auto; padding: 44px 0 50px; text-align: center; width: 960px; } #header a.logo { display: block; margin: 0 auto; padding: 0; width: 340px; } #header a.logo img { border: 0; display: block; margin: 0; padding: 0; } #header ul { margin: 0; padding: 56px 0 0; } #header ul li { display: inline; list-style: none; margin: 0; padding: 0 19px; } #header ul li a { color: #252525; display: inline-block; font-family: "Arial Black", Gadget, sans-serif; font-size: 14px; font-weight: normal; margin: 0; padding: 0 0 3px; text-decoration: none; text-transform: uppercase; } #header ul li a:hover, #header ul li.selected a { color: #0ba39c; } #content { margin: 0; padding: 0 0 30px; text-align: center; } #content h1 { color: #fff; display: inline; font-family: poller_oneregular; font-size: 35px; font-weight: normal; margin: 0; padding: 0; text-transform: uppercase; } #content h1 span { background: #252525; display: inline-block; padding: 15px 28px 12px; } #content > div { margin: 0 auto; padding: 0; width: 960px; } #content > div img { border: 2px solid #292929; margin: 24px 0 0; padding: 0; } #content > div .article { margin: 0 auto; padding: 30px 30px 0; width: 560px; } #content > div .article h2 { font-family: "Arial Black", Gadget, sans-serif; font-size: 25px; font-weight: normal; margin: 0 0 30px; } #content > div .article h3 { color: #252525; line-height: 24px; margin: 0; padding: 0; } #content > div .article h4 { background: #252525; color: #fff; display: inline-block; font-family: "Arial Black", Gadget, sans-serif; font-size: 25px; font-weight: normal; margin: 0 0 30px; padding: 8px 27px 10px; } #content > div .article p { margin: 0 0 30px; } #content div ul { margin: 0; padding: 24px 10px 0; width: 940px; } #content div ul li { border: 2px solid #1a1a1a; display: block; list-style: none; margin: 0 0 13px; overflow: hidden; padding: 0; } #content div ul li .figure { border-right: 2px solid #1a1a1a; float: left; margin: 0; padding: 0; width: 376px; } #content div ul li img { border: 0; display: block; margin: 0; padding: 0; opacity: 0.8; transition: 0.5s ease-in-out; } #content div ul li .figure:hover img { opacity: 1; } #content div ul li div { float: left; margin: 0; padding: 63px 0 20px; width: 558px; } #content div ul li div h3 { color: #252525; font-family: "Arial Black", Gadget, sans-serif; font-size: 25px; font-weight: normal; margin: 0; padding: 0; text-transform: uppercase; } #content div ul li div p { padding: 30px 30px 18px; } #content div ul li div a.more { background: #000; color: #fff; display: inline-block; font-family: "Arial Black", Gadget, sans-serif; font-size: 18px; font-weight: normal; margin: 0; padding: 8px 28px; text-decoration: none; text-transform: uppercase; } #content div ul li div a.more:hover { color: #252525; background: #fff; border: 2px solid #252525; } #content #featured { margin: 0 0 13px; padding: 0; position: relative; width: 100%; } #content #featured img { border: 0; display: block; margin: 0; padding: 0; width: 100%; } #content #featured div { left: 50%; margin-left: -480px; margin-top: -171px; padding: 0 0 0 470px; position: absolute; top: 50%; text-align: left; width: 490px; } #content #featured div h2 { background: #fff; color: #000; display: inline-block; font-family: poller_oneregular; font-size: 20px; font-weight: normal; margin: 0 0 18px; padding: 23px 27px 20px; text-transform: uppercase; } #content #featured div span { background: #252525; color: #fff; display: inline-block; font-size: 20px; margin: 7px 0; padding: 12px 27px; } #content #featured div a { background: #0ba39c; color: #fff; display: inline-block; font-size: 16px; margin: 15px 0 0; padding: 26px 27px 22px; text-align: center; text-decoration: none; text-transform: uppercase; } #content #featured div a:hover { background: #1fc3bc; } #content > ul { margin: 0 auto; overflow: hidden; padding: 24px 0 0; width: 960px; } #content > ul li { display: block; float: left; margin: 0 10px 20px; padding: 0; width: 300px; } #content > ul li a { color: #000; display: block; font-family: poller_oneregular; font-size: 20px; font-weight: normal; margin: 0; padding: 0; text-align: center; text-decoration: none; text-transform: uppercase; } #content > ul li a img { border: 2px solid #1a1a1a; display: block; margin: 0; padding: 0; opacity: .8; transition: 0.5s ease-in-out; } #content > ul li a:hover img { opacity: 1; } #content > ul li a span { display: block; margin: 0; padding: 33px 0 0; } #content form { margin: 0 auto; padding: 24px 0 0; width: 620px; } #content form input, #content form textarea { border: 2px solid #252525; color: #252525; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; margin: 0 0 37px; padding: 20px 10px; text-align: center; text-transform: uppercase; width: 596px; } #content form textarea { height: 175px; overflow: auto; resize: none; } #content form #send { background: #252525; color: #fff; font-family: "Arial Black", Gadget, sans-serif; font-size: 15px; font-weight: normal; display: inline-block; padding: 20px 28px; width: auto; } #content form #send:hover { background: #fff; color: #252525; cursor: pointer; } #footer { background: #252525; margin: 0; padding: 36px 0 42px; bottom: 0; width: 100%; } #footer div { margin: 0 auto; overflow: hidden; padding: 0; width: 960px; } #footer div p { color: #fff; float: left; line-height: 44px; margin: 0 0 0 10px; padding: 0; } #footer div ul { display: block; float: right; margin: 0; overflow: hidden; padding: 0; width: 256px; } #footer div ul li { display: block; float: left; list-style: none; margin: 0 10px; padding: 0; width: 44px; } #footer div ul li #twitter { background-position: 0 0; } #footer div ul li #twitter:hover { background-position: -44px 0; } #footer div ul li #facebook { background-position: 0 -44px; } #footer div ul li #facebook:hover { background-position: -44px -44px; } #footer div ul li #googleplus { background-position: 0 -88px; } #footer div ul li #googleplus:hover { background-position: -44px -88px; } #footer div ul li #pinterest { background-position: 0 -132px; } #footer div ul li #pinterest:hover { background-position: -44px -132px; }