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

/* ---- FONTS ---- */
#body .dii-content , #body .dii-content div, #body .dii-content span, #body .dii-content p, #body .dii-content a, #body li, #body th, #body td, #body .dii-content section, #body button, #body label { font-family: 'Open Sans'; font-weight: 400; }
#body .dii-content h1, #body .dii-content h2, #body .dii-content h3, #body .dii-content h4, #body .dii-content h5, #body .dii-content h6, #header .logo span { font-family: Oswald, sans-serif; font-weight: 400; text-transform: uppercase; font-size: 16px; }
#body div.ww-item-nav ul li a { font-family: Oswald, sans-serif; font-size: 20px; }

/* ---- SPONSORS ---- */
#design-sponsors-title { color: #000; padding: 3px 5px 5px 10px; font-size: 17px; font-family: 'Oswald'; font-weight: 400; text-transform: uppercase; border-radius: 0 8px 0 0; background: url(../images/yellow.png) no-repeat; }

/* ---- GENERAL COLORS ---- */
#body { background: url(../images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  
#body .dii-content p { color: #616161; line-height: 1.1; }
#body blockquote { border-left: 3px solid #c00; color: #fff; background-color: #000; }

/* ---- SOCIAL & TOP LINK COLORS ---- */
#social { max-width: 1024px; width: 100%; }
#social p:hover { color: #6d0101; }
#social p { float: right; display: inline-block; margin: 10px; color: #fff; padding-top: 14px; text-transform: uppercase; font-family: Oswald, sans-serif; }
#social a img { float: right; display: inline-block; margin-top: 11px; padding: 4px; }
#mobile-menu { background: #e4bf1f; color: #FFF !important; }
#submenu-social {  }
#submenu-social a { color: #fff; text-transform: uppercase; font-family: Oswald, sans-serif; }
#submenu-social a:hover { color: #fff; }
#submenu-links { }
#submenu-links a {  color: #fff; text-transform: uppercase; font-family: Oswald, sans-serif; }
#submenu-links a:hover { color: #fff; }
#nav-menu { border-bottom: 3px solid #9e0b0f; background: #003E7E; color: #FFF; }

/* ---- HEADER ---- */
#header .headerbanner { background-repeat: no-repeat; background-size: contain; width: 100%; max-width: 1024px; height: 160px; }
#header .headerbanner img { display: inline-block; text-align: center; }
#header .phonebanner img { display: none; }
#header .phoneheader { background-repeat: no-repeat; background-size: contain; height: 150px; width: 100%; }
#header { width: 100%; }
#header .logo span { background-color: #c00; color: #fff; }
#header .logo span:after { border-top-color: #c00; border-right-color: #c00; }

/* ---- CONTAINERS ---- */
#design-container-main-nav { background-color: #000; border-bottom: 4px solid #6d0101; }
#design-container-main { background-color: #fff; }
#body .leftcontainer { background-color: #fff; color: #000; }
#body .rightcontainer { background-color: #fff; margin-bottom: 10px; color: #000; }
#body .leftcontainer .dii-content { color: #000; }
#body .rightcontainer .dii-content { color: #000; }
#body .rightcontainer p, h1, h2, h3, h4, h5, h6 { color: #000; }
#body .leftcontainer p, h1, h2, h3, h4, h5, h6 { color: #000; }
.transparent-bg { background-color: rgba(0, 0, 0, 0.3); }


/* ---- PAGE STRUCTURE ---- */
.maincontainer { background-color: none; margin-top: 10px; }
.pagecontainer { background-color: none; }


/* ---- FOOTER ---- */
#body .maincontainer #footer { color: #fff; }
#body .maincontainer #footer .dii-content { }
#footer-widgets { border-bottom: 1px solid rgba(255,255,255,0.1); }
#footer-widgets .dii-content-header h2 { color: #fff; }
#footer-widgets .dii-content-linkview { border-bottom: 1px solid rgba(255,255,255,0.1); }
#footer-widgets .dii-content-linkview a { color: #d1030f; }
#footer-widgets .dii-content-linkview a:hover { background-color: #d1030f; color: #fff; }
#body .maincontainer #footer #copyright { background: url url(../images/orange.png) repeat; color: #fff; margin-bottom: 15px; font-size: 12px; padding-top: 18px; text-transform: uppercase; font-family: Oswald;  }
#body .maincontainer #footer #copyright a { color: #fff; margin-bottom: 15px; font-size: 12px; padding-top: 16px; text-transform: uppercase; font-family: Oswald; }