/* ----------------------------------------------------------------
    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 section, #body button, #body label { font-family:  Verdana, Arial, Helvetica, sans-serif; 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: Verdana, Arial, Helvetica, sans-serif; font-weight: 400; text-transform: uppercase; font-size: 16px; }
#body div.ww-item-nav ul li a { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; }

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

/* ---- GENERAL COLORS ---- */
#body { background: #000000 url(../images/bg.jpg) scroll center top repeat-x; }

#body .dii-content h1, #body .dii-content h2, #body .dii-content h3, #body .dii-content h4, #body .dii-content h5, #body .dii-content h6 { color: #000; }
#body .dii-content p { color: #000; }
#body blockquote { border-left: 3px solid #c00; color: #fff; background-color: #000; }

/* ---- SOCIAL & TOP LINK COLORS ---- */
#social { max-width: 1024px; width: 100%; }
#body .goog-te-gadget-simple { height: 24px; } 
#social #google_translate_element { float: right; margin-top: 3px; margin-bottom: 10px; }
#social p { float: right; display: inline-block; margin: 10px; color: #f6d035; padding-top: 14px; text-transform: uppercase; }
#social a img { float: right; display: inline-block; margin: 5px; }
#mobile-menu { background: #e4bf1f; color: #FFF !important; }
#submenu-social {  }
#submenu-social a { color: #fff; text-transform: uppercase; font-family: Oswald; }
#submenu-social a:hover { color: #9e0b0f; }
#submenu-links { }
#submenu-links a {  color: #fff; text-transform: uppercase; font-family: Oswald; }
#submenu-links a:hover { color: #9e0b0f; }
#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; }
#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 .logo img { url('images/medal.png'); float: left; position: absolute; z-index: 20; height: auto; width: auto; }
#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:url(../images/nav.png) repeat-x; border-radius: 8px; margin-bottom: 10px; }
#design-container-main { background-color: #fff; border-radius: 8px; margin-left: 5px; }
#body .leftcontainer { background-color: #000; border-radius: 8px; color: #000; border: 1px solid #fff; }
#body .rightcontainer { background-color: #000; margin-bottom: 10px; border-radius: 8px; border: 1px solid #fff; }
#body .leftcontainer .dii-content { background-color: #fff; color: #000; border-radius: 8px; margin: 7px; }
#body .rightcontainer .dii-content { background-color: #fff; color: #000; border-radius: 8px; }
#body #design-container-main .dii-content { background-color: #fff; color: #000; border-radius: 8px; }
#body .rightcontainer p, h1, h2, h3, h4, h5, h6 { color: #000; }
#body .leftcontainer p, h1, h2, h3, h4, h5, h6 { color: #000; }
#body #design-container-main-nav #google_translate_element { float: right; padding-right: 10px; padding-top: 3px; }

/* ---- PAGE STRUCTURE ---- */
.maincontainer { background-color: #CBCBCB; border-radius: 8px; border: 3px solid #fff; }
.pagecontainer { background-color: #CBCBCB; border-radius: 0 0 6px 6px; }
.transparent-bg { background-color: rgba(255,255,255,0.7); border-radius: 0 0 8px 8px; }

/* ---- FOOTER ---- */
#body #footer { color: #f6d035; background-color: #000; }
#body #footer .dii-content { background:none; }
#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; }
#copyright { color: #fff; margin-bottom: 15px; font-size: 12px; padding-top: 20px; padding-left: 30px; text-transform: uppercase; }
#copyright a { color: #fff; margin-bottom: 15px; font-size: 12px; padding-top: 16px; text-transform: uppercase; }