/* ------------------------------------------------------------- * * Reawaken Media 2010: Moonlight Sonata * * Designed by Antinomie Designs, a Reawaken Media company * * © 2010 Reawaken Media, LLC * * --------------------------------------------------------------*/ /* * COPYRIGHT NOTICE * -------------------------------------------------------------- * The following design is owned by Reawaken Media, and cannot be * used without permission from the Managing Director * * The following design is protected by Copyright Act 1968, and * its amendments, in Australia; along with relevalent acts in * the user's territory. * * Unless mentioned, all code has been written by Antinomie * Designs. If code attribution has been mentioned, the code has * been sourced from an "open-source" party. * * If a section of the code has been from "open-source", then * any alternations to the code are available to the public. * * Code that is used without permission will face severe * penalities from Alfahosts and/or Reawaken Media * * Reawaken Media does have the right to change this agreement * when it sees fit. * * */ /* ---------------------- START CSS CODE --------------------- */ /* Body */ body {background: white;} /* Header */ #header-wrapper {background: black;} #header {width: 980px; margin: 0 auto; overflow: hidden; padding-top: 40px; padding-bottom: 15px;} #header #logo {float: left;} #header #logo a {background: url(../img/core/logo.png) top right; width: 185px; height: 30px; display: block; text-indent: -999em;} /* Navigation */ #header #nav {float: right;} #header #nav ul {list-style: none; margin: 11px 0 0 0; padding: 0;} #header #nav ul li {float: left; margin-left: 15px;} #header #nav ul li a {display: block; height: 11px; background: url(../img/core/navi.png) no-repeat; text-indent: -999em;} #header #nav ul li.home a {width: 38px; background-position: 0px 0px;} #header #nav ul li.media a {width: 41px; background-position: -54px 0px;} #header #nav ul li.design a {width: 47px; background-position: -111px 0px;} #header #nav ul li.services a {width: 60px; background-position: -174px 0px;} #header #nav ul li.about a {width: 46px; background-position: -249px 0px;} #header #nav ul li.contact a {width: 59px; background-position: -309px 0px;} #header #nav ul li.home a:hover {width: 38px; background-position: 0px -13px;} #header #nav ul li.media a:hover {width: 41px; background-position: -54px -13px;} #header #nav ul li.design a:hover {width: 47px; background-position: -111px -13px;} #header #nav ul li.services a:hover {width: 60px; background-position: -174px -13px;} #header #nav ul li.about a:hover {width: 46px; background-position: -249px -13px;} #header #nav ul li.contact a:hover {width: 59px; background-position: -309px -13px;} body.home #header #nav ul li.home a {width: 38px; background-position: 0px -26px;} body.media #header #nav ul li.media a {width: 41px; background-position: -54px -26px;} body.design #header #nav ul li.design a {width: 47px; background-position: -111px -26px;} body.services #header #nav ul li.services a {width: 60px; background-position: -174px -26px;} body.about #header #nav ul li.about a{width: 46px; background-position: -249px -26px;} body.contact #header #nav ul li.contact a {width: 59px; background-position: -309px -26px;} /* Footer */ #footer-wrapper {background: url(../img/core/bottom-toolbar.png) repeat-x top left; background-color: black;} #footer-bar {width: 980px; overflow: hidden; margin: 0 auto;} #footer-bar ul {list-style: none; margin: 0; padding: 0;} #footer-bar ul li {width: 320px; margin-left: 10px; direction: block; float: left; padding: 13px 0;} #footer-bar ul li:first-child {margin-left: 0;} #footer-bar ul li a {color: white;} #footer-bar ul li a.button {float: left; margin-right: 10px; display: block; width: 90px; height: 90px;} #footer-bar ul li a.btn-twitter {background: url(../img/icons/twitter.jpg) top left no-repeat;} #footer-bar ul li a.btn-techgeek {background: url(../img/icons/techgeek.jpg) top left no-repeat;} #footer-bar ul li a.btn-alfahosts {background: url(../img/icons/alfahosts.jpg) top left no-repeat;} #footer-bar ul li h5 {margin: 0; padding: 12px 0 6px 0; color: white; font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal;} #footer-bar ul li p {font-size: 1.2em; line-height: 1.4em; color: #864f4f;} #footer {width: 980px; margin: 0 auto; padding: 15px 0 50px 0;} #footer p {margin: 0 0 2px 0; font-size: 1.1em; color: #595959;} #footer p.power {margin: 12px 0 0 0;} #footer p.power span.red-text {color: #b83232;} /* Layout */ #layout {width: 980px; margin: 0 auto; overflow: hidden; padding: 40px 0;} #page-title {width: 980px; margin-bottom: 30px;} body.about #page-title h1 {background: url(../img/@text/about.png) top left no-repeat; height: 30px; display: block; width: 980px; text-indent: -999em;} body.about.team #page-title h1 {background: url(../img/@text/the-team.png) top left no-repeat; height: 30px; display: block; width: 980px; text-indent: -999em;} body.services #page-title h1 {background: url(../img/@text/services.png) top left no-repeat; height: 30px; display: block; width: 980px; text-indent: -999em;} body.media #page-title h1 {background: url(../img/@text/media.png) top left no-repeat; height: 30px; display: block; width: 980px; text-indent: -999em;} body.contact #page-title h1 {background: url(../img/@text/contact.png) top left no-repeat; height: 30px; display: block; width: 980px; text-indent: -999em;} body.az-index #page-title h1 {background: url(../img/@text/a-z.png) top left no-repeat; height: 30px; display: block; width: 980px; text-indent: -999em;} body.error404 #page-title h1 {background: url(../img/@text/404.png) top left no-repeat; height: 30px; display: block; width: 980px; text-indent: -999em;} #content {width: 640px; float: left;} #content p {margin-bottom: 18px; line-height: 1.6em; font-size: 1.2em;} #content p.enlarge {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; line-height: 1.6em; font-style: italic; margin-bottom: 26px;} #sidebar {width: 300px; float: right;} #sidebar ul {list-style: none; margin: 0; padding: 0; border-top: 3px solid #D5D5D5} #sidebar ul li {border-bottom: 1px dotted #D5D5D5; color: #C0C0C0; padding: 10px 0; font-size: 1.2em;} #sidebar ul li a {color: #C0C0C0;} #sidebar ul li a:hover, #sidebar ul li:hover {color: #818181;} #sidebar ul li.selected a {color: #454545; font-weight: bold; text-transform: uppercase;} #sidebar ul li ul {margin-top: 5px; border: 0;} #sidebar ul li ul li {list-style-type: square; padding: 0; margin: 7px 0 0 20px; border: 0; font-size: 100%; text-transform: none; font-weight: normal;} #sidebar ul li.selected ul li a {text-transform: none; font-weight: normal; color: #C0C0C0;} #sidebar ul li.selected ul li a:hover, #sidebar ul li.selected ul li:hover {color: #818181;} #sidebar ul li.selected ul li.selected a, #sidebar ul li.selected ul li.selected {color: #818181; font-weight: normal; text-transform: none;} .block-container {padding-top: 10px; border-top: 3px solid #D5D5D5;} .block-container h2 {font-size: 2.0em; padding-bottom: 10px; letter-spacing: -1px;} .block-container .block {border-bottom: 1px dotted #D5D5D5; padding: 10px 0; overflow: hidden;} .block-container .block.first {border-top: 1px solid #D5D5D5;} .block-container .block img {float: left; margin-right: 20px;} .block-container .block h3 {font-size: 1.6em; padding: 8px 0 6px 0; font-weight: bold;} .block-container .block p {font-size: 1.1em !important; margin-bottom: 14px !important;} .block-container .block p:last-child {margin-bottom: 0;} .block-container#az-index {border: none;} #az-index .letter {float: left; width: 100px; font-size: 4.0em;} #az-index ul.az-list {float: left; width: 540px; margin: 0; padding: 0; list-style: none;} #az-index ul.az-list li {float: left; padding: 7px 0 7px 10px; font-size: 1.2em; width: 260px;} .block-container#contact {padding-top: 0; border-top: 0px solid white;} .block-container#contact .block p {font-size: 1.2em !important; margin-bottom: 18px !important;} .block-container#contact .block p.smaller-margin {font-size: 1.2em !important; margin-bottom: 5px !important;} .testimonial p {font-size: 2.2em; color: #D4D4D4; line-height: 1.8em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin-bottom: 25px;}