/*======================================================================
		Document   : All base styles
		Author     : okavanagh - http://www.olliekav.com / http://www.oliverkavanagh.com
		Description: Base stylesheet - peoplehub.com.au
========================================================================*/

/* Import the other stylesheets */

@import "css/reset.css";
@import "css/typography.css";

/* Site colours ---------------------------

Green        #8cc35a
Dark Grey    #454545

------------------------------------------- */

/* Main Layout styles ====================================================*/
html {
  background:#ffffff; /* Always set the background color */
	text-align:center; /* Centering for IE */
	width:100%;
}
html  {
	height:101%; /* Fool the browser into thinking there is always a scroll bar */
}
body { 
	margin:0 auto;
	text-align:left; 
	width:100%;
}
/* Content wrap holder */
.content {
  margin:0 auto;
  position:relative;
  overflow:hidden;
  width:940px;
}
#main-content.content {
  margin-top:18px;
}

/* Header styles ===========================================================*/
#header {
  background:#f2f2f2 url(images/header-background.gif) repeat-x top left;
  border-bottom:1px solid #000000;
  position:relative;
  height:140px;
}
#header #hub-logo {
  background:url(images/payment-hub-logo.gif) no-repeat top left;
  display:block;
  height:77px;
  float:left;
  margin-top:40px;
  text-indent:-9999px;
  width:280px;
}
#header #people-hub-logo {
  background:url(images/peoplehub-logo-header.gif) no-repeat top left;
  display:block;
  height:17px;
  left:0;
  position:absolute;
  text-indent:-9999px;
  top:5px;
  width:100px;
}
/* Contact Details */
#header #contact {
  color:#8cc35a;
  font-size:22px;
  font-weight:bold;
  position:absolute;
  right:10px;
  top:30px;
}
#header #contact span {
  display:inline-block;
  padding:10px 0 10px 40px;
}
#header #contact .tel {
  background:url(images/phone-icon.gif) no-repeat 0 50%;
  margin-right:20px;  
}
#header #contact .email {
  background:url(images/mail-icon.gif) no-repeat 0 50%;
}
/* Main Menu styling */
#header #main-menu {
  overflow:hidden;
  position:absolute;
  right:0;
  top:85px;
  z-index:50;
}
#header #main-menu li {
  display:inline;
  float:left;
  margin-right:10px;
}
#header #main-menu li a {
  background:#959595;
  color:#ffffff;
  display:block;
  font-size:12px;
  padding:5px 10px;
  text-transform:uppercase;
  font-weight:bold;
  /*CSS3*/
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}
#header #main-menu li.current_page_item a,
#header #main-menu li a:hover {
  background:#8cc35a;
  color:#fff;
  text-decoration:none;
}
/* Sub menu styling */
#header #sub-menu {
  font-size:12px;
  overflow:hidden;
  position:absolute;
  right:0;
  top:0;
  z-index:50;
}
#header #sub-menu li {
  display:inline;
  float:left;
  margin-right:10px;
}
#header #sub-menu li a {
  color:#fff;
  display:inline-block;
  padding:4px 10px 5px 10px;
  text-align:center;
  width:50px;
}
#header #sub-menu li.external a {
  background:#8cc35a;
  color:#fff;
  display:block;
  font-weight:bold;
  padding:4px 20px 8px 20px;
  /*CSS3*/
  border-radius:0 0 3px 3px;
  -moz-border-radius:0 0 3px 3px;
  -webkit-border-radius:0 0 3px 3px;
}
#header #sub-menu li.external a:hover {
  background:#3f6123;
  text-decoration:none;
}
/* Sub pahe header */
#page-header {
  background:url(images/closer.jpg) repeat-x top left; 
  /*background:url(images/slide-background.jpg) repeat-x top left; */
  border-bottom:1px solid #54822e; 
  position:relative;
  width:100%;
}
#page-header h1,
#page-header h2 {
  border:0;
  /*color:#fff;*/
  color:#424542;
  font-family:'Arial Black'; 
  font-size:54px; 
  letter-spacing:-3px; 
  line-height:60px;
  margin:0 auto;
  padding:10px 300px 18px 0;
  text-shadow:0 0 5px #737373;
  /*text-shadow:0 0 5px #558f26;*/
  width:640px; 
}
#page-header a.sign-up-button {
  left:50%;
  margin:-25px 0 0 260px;
  position:absolute;
  top:50%;
}
/* Sign up button */
a.sign-up-button {
  background: #6a6a6a;
  /*border:1px solid #3e3e3e;*/
  color:#dddddd;
  display:inline-block;
  font-size:20px;
  font-weight:bold;
  line-height:normal;
  padding:10px 50px 10px 50px;
  z-index:50;
  /*CSS3*/
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  /*background: linear-gradient(#6a6a6a, #444444 70%);
  background:-webkit-gradient(linear, left top, left bottom, from(#6a6a6a), to(#444444));
  background:-moz-linear-gradient(top, #6a6a6a, #444444);
  -pie-background: linear-gradient(#6a6a6a, #444444 70%);*/
  background:#424542;
  /*text-shadow:-1px -1px 1px #000000;*/
}
a.sign-up-button:hover {
  text-decoration:none;
  /*CSS3*/
  /*box-shadow:0 0 5px #3e3e3e;
  -webkit-box-shadow:0 0 5px #3e3e3e;
  -moz-box-shadow:0 0 5px #3e3e3e;*/
  background: linear-gradient(#6a6a6a, #202020 70%);
  background:-webkit-gradient(linear, left top, left bottom, from(#6a6a6a), to(#202020));
  background:-moz-linear-gradient(top, #6a6a6a, #202020);
}
/* Sign up button positiong on normal pages */

/* Footer styling ======================================================== */
#footer {
  background:#959595 url(images/footer-background.gif) repeat-x bottom left;
  padding-top:20px;
  position:relative;
  z-index:1;
}
#footer .content {
  overflow:hidden;
}
#footer #payment-hub-info {
  color:#c2c0c0;
  clear:both;
  font-size:15px;
  font-weight:bold;
  height:100px;
  text-align:left;
  width:940px;
}
#footer #payment-hub-info img {
  margin-top:-3px;
  position:relative;
  vertical-align:middle;
}
#footer #copyright {
  bottom:7px;
  color:#fff;
  margin:0;
  position:absolute;
  left:0;
}
#footer ul#footer-menu {
  bottom:7px;
  color:#fff;
  margin:0;
  overflow:hidden;
  position:absolute;
  right:0;
}
#footer ul#footer-menu li {
  display:inline;
  margin-left:10px;
}
#footer ul#footer-menu li a {
  color:#fff;
}
/* testimonials */
#testimonials {
  float:left;
  margin:0 20px 40px 0;
  width:460px;
}
#testimonials blockquote {
  background:#fff;
  color:#8d8c8c;
  margin-bottom:18px;
  padding:10px;
  /*CSS3*/
  /*border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;*/
}
#testimonials blockquote p {
  margin:0;
}
#testimonials blockquote cite {
  color:#8cc35a;
  display:block;
  font-size:11px;
  font-style:italic;
  margin:9px 0 0 0;
}
/* Latest news */
#latest-news {
  float:left;
  width:460px;
}
#latest-news ul {
  background:#fff;
  color:#8d8c8c;
  margin-bottom:18px;
  overflow:hidden;
  padding:10px;
  /*CSS3*/
  /*
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  */
}
#latest-news ul li {
  border-bottom:1px solid #dddddd;
  margin-bottom:9px;
  padding:0 0 9px 0;
}
#latest-news ul li:last-child {
  border-bottom:0;
}
#latest-news h4 {
  margin:0;
}
#latest-news .date {
  display:block;
}
#latest-news a.button {
  float:right;
}

/* Sliding content section =============================================== */
#sliding-content {
  /*background:#fff url(images/slide-background.jpg) repeat-x top left;*/
  border-bottom:1px solid #000000;
  color:#424542;
  height:270px;
  overflow:hidden;
  position:relative;
  width:100%;
  z-index:1;
}
#sliding-content .content {
  overflow:visible;
}
#sliding-content ul {
  height:270px;
  margin:0 auto;
  width:940px;
}
#sliding-content ul li {
  display:inline;
  float:left;
  height:270px;
  width:940px;
  padding-left:200px;
  margin-left:-200px;
  margin-right:-200px;
  padding-right:200px;
}
#sliding-content ul li h3 {
  color:#424542;
  font-family:'Arial Black';
  font-size:55px;
  font-weight:normal;
  letter-spacing:-3px;
  margin:35px 0 9px;
  text-shadow:0 0 5px #737373;
}
#sliding-content ul li p {
  font-size:24px;
  line-height:25px;
  margin-bottom:10px;
  font-weight:bold;
  width:500px;
  text-shadow:0 0 5px #737373;
}
#sliding-content ul li#section-one {
  background:url(images/slide-one.jpg) no-repeat top center;
}
#sliding-content ul li#section-two {
  background:url(images/slide-two.jpg) no-repeat top center;
}
#sliding-content ul li#section-three {
  background:url(images/slide-three.jpg) no-repeat top center;
}
#sliding-content ul li#section-four {
  background:url(images/slide-four.jpg) no-repeat top center;
}
#sliding-content ul li#section-five {
  background:url(images/slide-five.jpg) no-repeat top center;
}
#sliding-content ul li#section-five p {font-size: font-size:19px; line-height:19px;}
/* Button */
#sliding-content a.sign-up-button {
  bottom:65px;
  left:0;
  position:absolute;
}
/* Navigation */
#sliding-content #nav {
  bottom:20px;
  left:0;
  position:absolute;
  z-index:50;
}
#sliding-content #nav a {
  background:#9c9c9c;
  color:#fff;
  display:inline-block;
  margin-right:10px;
  font-weight:bold;
  padding:3px 8px 3px 8px;
  /* CSS3 */
  border-radius:40px;
  -moz-border-radius:40px;
  -webkit-border-radius:40px;
}
#sliding-content #nav a:hover,
#sliding-content #nav a.activeSlide {
  background:#656565;
  color:#ffffff;
  text-decoration:none;
}

/* Page styling ===================================== */
#left-column {
  float:left;
  margin:0 20px 18px 0;
  width:620px;
}
#right-column {
  float:left;
  margin:0 0 18px 0;
  width:300px;
}
#reasons {}
#reasons ol {padding-left:25px; }
#reasons li {list-style-type:decimal; margin-bottom:10px;}

/* Homepage ========================================== */
body.home .sub-header {
  font-size:18px;
  font-weight:bold;
  margin:0 auto 9px auto;
  text-align:center;
  width:460px;
}
.contact {
  font-size:42px;
  font-weight:bold;
  margin-bottom:9px;
  text-align:center;
}
.home-intro {
  margin-top:18px;
}

.home-intro li {
  float:left;
  margin:18px 20px 18px 0;
  padding-left:80px;
  position:relative;
  width:220px;
  list-style:none;
}
.home-intro li:nth-child(2n+2) {
  margin-right:0;
}
.home-intro li h3 {
  color:#8cc35a;
  font-size:15px;
  margin-bottom:9px;
  font-size:15px;
}
.home-intro li p {
  color:#717171;
}
.home-intro li.one {
  background:url(images/block-1.jpg) no-repeat top left;
}
.home-intro li.two {
  background:url(images/block-2.jpg) no-repeat top left;
}
.home-intro li.three {
  background:url(images/block-3.jpg) no-repeat top left;
}
.home-intro li.four {
  background:url(images/block-4.jpg) no-repeat top left;
}

#keepLeft {float:left; width:300px;}



/* List styles for when you want a green tick */
ul.green-ticks {
  margin-top:18px;
}
ul.green-ticks li {
  background:url(images/tick-icon-large.gif) no-repeat 15px 0;
  float:left;
  margin:18px 20px 18px 0;
  padding-left:70px;
  position:relative;
  width:220px;
  list-style-type:none;
}
ul.green-ticks li:nth-child(2n+2) {
  margin-right:0;
}
ul.green-ticks li p {
  color:#717171;
  font-size:13px;
  font-weight:normal;
}

/* Contact Page */
#contact-form {
  float:left;
  margin:0 20px 0 0;
  padding-bottom:18px;
  width:620px;
}
#contact-form fieldset {
  float:left;
  margin-right:20px;
  overflow:hidden;
  width:300px;
}
#contact-form fieldset:nth-child(3) {
  margin-right:0;
}
/* Use microformats for the contact information */
#hcard-PeopleHub {
  color:#777777;
  float:left;
  width:300px;
}
#hcard-PeopleHub span {
  display:block;
}
#hcard-PeopleHub .adr {
  margin-bottom:18px;
}

/* News entries, the posts and loops */
.post-lists li {
  margin-bottom:36px;
}
/* Page navigation */
.page-navigation {
  margin:18px 0 18px 0;
  overflow:hidden;
}
.page-navigation li a {
  background:#8cc35a;
  color:#fff;
  display:inline-block;
  font-weight:bold;
  line-height:normal;
  overflow:visible;
  padding:5px 20px 5px 20px;
  /* CSS3 Properties */
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}
.page-navigation li a:hover {
  background:#3f6123;
  text-decoration:none;
  -webkit-transition: all 0.2s linear;
}
.page-navigation li.previous {
  float:left;
}
.page-navigation li.next {
  float:right;
}

/* Comment Layout */
#comment-list {
  border-bottom:1px solid #dddddd;
}
#comment-list li {
  border-top:1px solid #dddddd;
  list-style:none;
  margin-bottom:18px;
  padding:18px 0 18px 100px;
  position:relative;
  overflow:hidden;
  width:520px;
}
#comment-list li .comment-author {
  left:0;
  font-size:11px;
  position:absolute;
  top:18px;
}
#comment-list li .comment-author img {
  display:block;
}

/* The pricing page ===========================================*/
#paymenthub-pricing {
  overflow:hidden;
}
#paymenthub-pricing li.main {
  background:#f6f6f6;
  border:1px solid #c1c1c1;
  float:left;
  height:440px;
  margin-left:20px;
  width:298px;
  /* CSS3 Properties */
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}
#paymenthub-pricing li.main:first-child {
  margin-left:0;
}
#paymenthub-pricing li h4 {
  background:#c1c1c1;
  color:#fff;
  padding:10px;
}
#paymenthub-pricing li img {
  vertical-align:middle;
}
/* The content all needs padidng and margins added */
#paymenthub-pricing li h3,
#paymenthub-pricing li ul,
#paymenthub-pricing li h5,
#paymenthub-pricing li p {
  margin:20px;
}
#paymenthub-pricing li li {
  margin-bottom:9px;
}
#paymenthub-pricing li li {
  list-style-type: disc;
  margin-left:20px;
}
#paymenthub-pricing li li.tick {
  background:url(images/tick-icon.png) no-repeat 0 50%;
  list-style:none;
  margin-left:0;
  padding-left:20px;
}
#paymenthub-pricing li li.none {
  list-style:none;
  margin-left:0;
  padding-left:20px;
}
#paymenthub-pricing li li p {
  font-weight:bold;
  margin:0;
}
#paymenthub-pricing li li span {
  color:#777;
  font-size:11px;
}
#paymenthub-pricing li em {
  color:#8cc35a;
  display:block;
  font-size:15px;
  font-weight:bold;
  margin:-11px 20px 17px 20px;
}
/* The active list item is green - to show the best product */
#paymenthub-pricing li.active {
  background:#eefae5;
  border:1px solid #8cc35a;
}
#paymenthub-pricing li.active h4 {
  background:#8cc35a;
} 
.page-template-prices-php .contact {
  margin:9px 0 18px 0;
  text-align:center;
}
.page-template-prices-php .contact {
  font-size:42px;
  color:#777;
}
.page-template-prices-php h2 + ul {
  color:#8cc35a;
  float:left;
  font-size:15px;
  font-weight:bold;
  width:400px;
}