@CHARSET "UTF-8";
/**
 * @package    cre8ive
 * @subpackage CSS
 * @author     Vaughan Durno {@link www.inertialFATE.za.net}
 * @author     Created on 15-Nov-2014
 * @license    GNU/GPL
 */


body {
   background-color: #ffffff;
   background-attachment: fixed;
   background-image: url(../creativeconstructo1.jpg);
   background-repeat: no-repeat;
   background-size: 100% 100%;
   color: Black;
   font-family: Caviar, Arial, Helvetica, Verdana, sans-serif;
   font-size: 13pt;
}

#container {
   margin: 5px auto;
   width: 1100px;
}

#header {
  text-align: center;
}
#wLogo {
  float: left;
}
.sitename {
   color: #0000CD;
   font-size: 20pt;
}


#main {
/*  background-color: #c0c0c0;*/
  border-radius: 0 15px 15px 15px;
  padding-bottom: 15px;
  opacity: 0.85;
  overflow: hidden;
}

#wFooter {
  /*line-height: 3em;*/
  padding: 15px 0;
  vertical-align: bottom;
}
#wFooter .nav {
  float: left;
}

#copyright {
  color: #ffffff;
  float: left;
  margin: 0;
  padding: 0;
}

#content {
   /*float: left;*/
   /*width: 800px;*/
   padding: 15px;
   opacity: 0.85;
   background-color: #ffffff;
}

input.required.invalid {
	border: 2px solid red;
}

div#system-debug {
	background-color: #fff;
	font-family: monospace;
}

a {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

#wOverlay {
  background-color: #0a0a0a;
  overflow: hidden;
  width: 30%;
}

li.nav {
  float: left;
}
h3 {
  font-weight: bold;
}
.nav h3 {
  border-radius: 15px 15px 0 0;
  display: inline-block;
  font-size: 1.25em;
  margin: 0;
  padding: 15px;
}
.nav.menu {
  border-radius: 0 15px 0 0;
}

li.nav, .nav li {
  display: inline-block;
  list-style: none;
  /*margin-right: 20px;*/
}

.nav li {
  padding: 0px 15px;
}

.special li {
  padding: 5px 15px;
}

ul.menu {
  margin: 0;
  padding: 0;
}
/*
li.special {
  width: 23%;
}
li.special h3 {
  width: 100%;
}
.casa h3, ul.casa {
  background-color: #04b700;
}

.hire h3, ul.hire {
  background-color: #e4bd60
}

.wecre8 h3, ul.wecre8 {
  background-color: #005aff
}

.youcre8 h3, ul.youcre8 {
  background-color: #ff0000
}
*/
/**/
li.special {
  border-radius: 15px 15px 0 0;
  margin-right: 20px;
  width: 20%;
}
li.casa, ul.casa {
  background-color: #04b700;
}

li.hire, ul.hire {
  background-color: #e4bd60;
}

li.wecre8, ul.wecre8 {
  background-color: #005aff;
}

li.youcre8, ul.youcre8 {
  background-color: #ff0000;
}
li.casa {
  border: 1px solid #049401;
}
li.hire {
  border: 1px solid #c19b41;
}
li.wecre8 {
  border: 1px solid #3178fb;
}
li.youcre8 {
  border: 1px solid #d20000;
}
/**/

/*
.inactive {
  margin-top: 30px;
}
*/

#wButtons a.item:nth-child(4n-1):hover {
  background-color: #04b700;
}
#wButtons a.item:nth-child(4n+0):hover {
  background-color: #e4bd60;
}
#wButtons a.item:nth-child(4n+1):hover {
  background-color: #005aff;
}
#wButtons a.item:nth-child(4n+2):hover {
  background-color: #ff0000;
}

#wMailster {
  /*float: right;*/
  line-height: inherit !important;
}
#wMailster td {
  margin: 0;
  padding: 0;
}
.mailster_subscriber_container, .subscribeUnsubscribeContainer, .mailster_subscriber_message {
  color: #ffffff;
  float: right;
}
.mailster_subscriber_message {
  float: left;
}

.mailsterheader {
  color: #ffffff;
  cursor: pointer;
  font-weight: bold;
}

input, select {
  border-radius: 8px;
  line-height: 1em;
}

#wLogo2 {
  left: -155px;
  position: relative;
  top: 20px;
}