/* ----------------------------------------------------------------
Copyright (c) Demosphere International Inc.
No permission is granted for any purpose without prior
written consent from Demosphere International Inc.
-------------------------------------------------------------------*/

/* Bootstrap Columns Reset */
.gutter-20.row { margin-right: -10px; margin-left: -10px; }
.gutter-20 > [class^="col-"],
.gutter-20 > [class^=" col-"] { padding-right: 10px; padding-left: 10px; }

/* General Page Styles */
* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #3a3b3d;
  border-top: 8px solid #ededed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Page Wrapper */
#design-wrapper { margin: 0; padding: 0; width: 100%; background: #fff; border-top: 1px solid #fff; }

/* Header */
#design-header { margin: 0; padding: 0; width: 100%; height: auto; background: #fff url('../images/headerBg.png') repeat-x; box-sizing: border-box; }
#design-logo { float: left; }
#design-logo img { width: 100%; max-width: 575px; }

/* Nav */
#design-nav {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 55px;
  background: #3a3b3d;
  text-align: center;
  box-sizing: border-box;
}
#design-nav #design-container-main-nav { margin: 0; padding: 0; width: 100%; height: 55px; box-sizing: border-box; }

/* Main */
#design-main-top {
  display: block;
  margin: 0;
  padding: 20px 0;
  width: 100%;
  background: #fff;
  border-top: 30px solid #f5f5f5;
  box-sizing: border-box;
}

#design-main-bottom {
  display: block;
  margin: 0;
  padding: 20px 0;
  width: 100%;
  background: #f8f8f8;
  box-sizing: border-box;
}
#design-container-main { margin: 0; padding: 0; width: 100%; }

/* Main Content Containers */
#design-container-1 { padding: 10px 0 0 0; }
#design-container-2,
#design-container-3,
#design-container-4 { margin: 0 0 20px 0; padding: 0 0 10px 0; }

#design-container-main .dii-content .dii-content-title-photo,
#design-container-1 .dii-content .dii-content-title-photo,
#design-container-2 .dii-content .dii-content-title-photo,
#design-container-3 .dii-content .dii-content-title-photo,
#design-container-4 .dii-content .dii-content-title-photo { margin: 0; padding: 0; border: none; }

/* Footer */
#design-footer {
  margin: 0;
  padding: 10px 0;
  width: 100%;
  height: 80px;
  background: #3a3b3d;
  border-top: 4px solid #a70409;
}
#design-footer #design-footer-left { float: left; }
#design-footer #design-footer-left div,
#design-footer #design-footer-left div a { font-family: 'source-sans-pro', sans-serif; font-size: 12px; font-weight: 400; line-height: 1.4; color: #fff; text-transform: none; text-decoration: none; }
#design-footer #design-footer-right { float: right; }
              
#design-footer #design-footer-left #design-copyright { margin: 15px 0 0 15px; font-weight: 700; }
#design-footer #design-footer-left #design-copyrightDII { margin: 0 0 0 15px; }
#design-footer #design-footer-left #design-copyrightDII a { font-family: 'source-sans-pro', sans-serif; font-size: 12px; color: #fff; line-height: 1.4; text-transform: none; }