/* =========================================================================== */

/* First, the Uberstyles for the whole site */

html, body {
  height: 100%;
  margin: 0px;
  padding: 0px;
  border: none;
  background-color: #b3c3dc;
  background-image: url(../img/img_bkg_gradient.jpg);
  background-position: 0 200px;
  background-repeat: repeat-x;
  background-attachment: scroll;
  color: #ffffff;
  font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-variant: normal;
  font-size: 100%;
  line-height: 125%;
  word-spacing: 1px;
  text-align: center;
}


/* =========================================================================== */

/* Ensure that tables/TDs don't muck up the styles */

table, td {
  background-color: transparent;
  color: inherit;
  font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-variant: normal;
  font-size: 100%;
  line-height: 125%;
  word-spacing: 1px;
}

p {
  margin: 0px 0px 2% 0px;
  background-color: transparent;
  color: inherit;
  font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-variant: normal;
  font-size: 100%;
  line-height: 125%;
  word-spacing: 1px;
}

/* =========================================================================== */

/* General styling */

/* Anchor links are not underlined, and are alternate colored */
/* Hovering over them alters color */
a {
  text-decoration: none;
  color: #f4f196;
}

a:hover {
  color: #e49578;
}

a.under {
  text-decoration: underline;
}

/* Images do not have borders or extra spacing */
img {
  margin: 0px;
  padding: 0px;
  border: none;
}

.bold {
  font-weight: bold;
}

.fLeft {
  float: left;
}

.fRight {
  float: right;
}

.bumpRight {
  margin-right: 16px;
}

.bumpLeft {
  margin-left: 16px;
}

.bumpDown {
  margin-bottom: 16px;
}

.bumpUp {
  margin-top: 16px;
}

.clearIt {
  clear: both;
}

.centerText {
  text-align: center;
}

.colorLite {
  color: #f4f196;
}

.colorDeep {
  color: #e49578;
}

h3 {
  color: #f4f196;
  font-weight: bold;
  font-size: 1.20em;
  display: inline;
  text-transform: uppercase;
  font-style: italic;
}

ul {
  list-style-image: url(../img/fbgicon.png);
}

.cwrapper {
  width: 100%;
  text-align: center;
}
.testimonial {
  color: #f4f196;
  font-weight: bold;
  text-align: left;
  width: 75%;
  margin: auto;
  border: 1px solid #e49578;
  padding: 4px 8px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.attribution {
  width: 100%;
  text-align: right;
  color: #ffffff;
  font-weight: normal;
  font-style: italic;
}
/* =========================================================================== */

/* Layout styling */

#header {
  height: 200px;
  width: 100%;
  background-color: #b53cc9;
  margin: 0;
  padding: 8px 0 0;
  text-align: center;
}

#headerContent {
  width: 900px;
  height: 150px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

#headerTags {
  display: inline-block;
  margin: 0 0 0 16px;
  color: #f4f196;
  font-weight: bold;
  font-size: 1.15em;
  line-height: 1.35em;
}

#headerMenuBar {
  margin: 10px 0 0;
  width: 100%;
  height: 32px;
  background-color: #a75e4b;
  background-image: url(../img/img_bkg_menu.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  background-attachment: scroll;
  line-height: 32px;
}

#headerMenu img {
  height: 32px;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

#headerMenu a {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  padding: 0 24px;
  margin: 0;
  vertical-align: top;
  background-color: #a75e4b;
  background-image: url(../img/img_bkg_menu_btn.jpg);
  background-position: top right;
  background-repeat: repeat-x;
  background-attachment: scroll;
  text-align: center;
  font-weight: bold;
  font-size: 0.85em;
  text-transform: uppercase;
  color: #b53cc9;
}

#headerMenu a:hover {
  background-color: #f4f196;
  background-image: url(../img/img_bkg_menu_btn_lite.jpg);
  background-position: top right;
  background-repeat: repeat-x;
  background-attachment: scroll;
  color: #fff;
}

#wrapCentral {
  width: 900px;
  margin: 0 auto;
  padding: 8px 0;
  text-align: left;
}

#copyrightNote {
  clear: both;
  text-align: center;
  font-size: 0.70em;
  color: #000;
}

/* =========================================================================== */

/* Gallery pictures */

.picBlack {
  display: inline-block;
  width: 235px;
  height: 235px;
  margin: 0 16px 16px;
  padding: 0;
  background-color: #000;
  text-align: center;
  overflow: hidden;
}

.picGradient {
  display: inline-block;
  width: 231px;
  height: 231px;
  margin: 2px;
  padding: 0;
  background-color: #e49678;
  background-image: url(../img/img_picgradient.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  background-attachment: scroll;
  text-align: center;
  overflow: hidden;
}

.borderPurple {
  width: 225px;
  height: 225px;
  margin: 2px;
  padding: 0;
  background-color: #b53cc9;
  border: 1px solid #b53cc9;
}


/* =========================================================================== */

/* Events/Rates */

.ratesInfo {
  margin: 8px 64px 16px;
  color: #591c66;
  font-weight: bold;
  font-size: 1.20em;
}

/* =========================================================================== */

/* Contact pictures */

#facesContact {
  margin: 0 auto;
  text-align: center;
}

#facesContact table {
  display: inline-block;
}

.contactLabel {
  text-align: left;
  color: #f4f196;
  font-weight: bold;
  padding: 0 8px 8px 0;
}

.contactField {
  text-align: left;
  padding: 0 8px 8px 0;
}

.contactInputText, .contactDropdown {
  border: 2px solid #e49578;
  font-family: inherit;
  background-color: #fff;
  color: #591c66;
}

.contactSubmitBtn {
  margin: 0;
  padding: 0 4px 8px;
  height: 32px;
  background-color: #a75e4b;
  background-image: url(../img/img_bkg_menu.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  background-attachment: scroll;
  border: 2px solid #b53cc9;
  line-height: 24px;
  color: #b53cc9;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.contactSubmitBtn:hover {
  border: 2px solid #e49578;
  color: #fff;
}

.captcha_pic, .captcha_pic_selected {
  width: 128px;
  height: 128px;
  border: 4px solid #fff;
  margin: 8px;
}

.captcha_pic_selected {
  border: 4px solid #b53cc9;
}

/* =========================================================================== */