/* ----------------------------------- */
/* ------ LAYOUT --------------------- */
/* ----------------------------------- */

/* #bkg is the body - refer to it with this id to avoid inheritance by tinymce */
#bkg {}
.site-width { margin: 1px auto 10px; width: 980px; position: relative;}

#header .site-width {
    height: 150px;
    padding-top: 20px;
}

/* HEADER */
#header a#mcSimpleLogin                           {background: #2da4e6; color: white;} /* login */
#header .moduletable.mc-search                    {background: #EFEBEB;} /* search box */
#header .mc-search input.inputbox, 
#header .moduletable.mc-search:after              {color: #A8A5A5;} /* search text & icons */
/* SIDEBAR */
.login-search.side-bar a#mcSimpleLogin            {background: #4a4a4a; color: #fff;}
.login-search.side-bar a.button.mc-search         {background: #4a4a4a; color: #fff;}

/* MAIN MENU - bar & 1st level
-------------------------------------------------- */
#primary-nav-container                                              {background-color: #2da4e6;} /* bar color */
.resp-menu > li > a, .resp-menu > li > .separator                   {color: #f0f0f0;} /* text */
.resp-menu > li:hover > a, .resp-menu > li:hover > .separator       {background: #6cbfed; color: #fff;} /* hover */

/* MAIN MENU - 2nd level
-------------------------------------------------- */
.resp-menu li li > a, .resp-menu li li > .separator                 {background: #6cbfed; color: #EFEBEB;}
.resp-menu li li:hover > a, .resp-menu li li:hover > .separator     {background: #2893cf; color: #fff;} /* hover */

/* MAIN MENU - 3rd level
-------------------------------------------------- */
.resp-menu li li li a, .resp-menu li li li .separator               {background: #2893cf; color: #EFEBEB;}
.resp-menu li li li:hover a, .resp-menu li li li:hover .separator   {background: #2893cf; color: white;} /* hover */

/* ----------------------------------------- */
/* ------ HORIZONTAL MENU with SUBS -------- */
/* ----------------------------------------- */

/* ------------------------ */
/* --- essential styles --- */
/* ------------------------ */
ul.resp-menu {background: none;}
.resp-menu, .resp-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 99;
}

.resp-menu ul {
    position: absolute;
    top: -999em;
    /* left offset of submenus need to match (see below) */
    width: 220px;
}
.resp-menu ul li {width: 100%;}
.resp-menu li:hover {
    /* fixes IE7 'sticky bug' */
    visibility: inherit;
}
.resp-menu li:hover li {display: block;}
.resp-menu li {
    float: left;
    position: relative;
    z-index: 99;
}
.resp-menu a, .resp-menu .separator {
    display: block;
    position: relative;
}
.resp-menu li:hover ul {
    left: 0;
    top: 50px; /* match top ul list item height */
    z-index: 99;
}

ul.resp-menu li:hover li ul {top: -999em;}
ul.resp-menu li li:hover ul {
    left: 219px; /* match ul width */
    top: -1px;
}

.resp-menu > li.turn-left ul {left: auto; right: 1px;}
.resp-menu > li.turn-left li:hover ul,
.resp-menu > li.third-level li:hover ul {left: auto; right: 220px;}

#primary-menu .resp-menu > li.turn-left a, 
#primary-menu .resp-menu > li.turn-left .separator,
#primary-menu .resp-menu > li.third-level li li a, 
#primary-menu .resp-menu > li.third-level li li .separator {text-align: right;}

/* ------------------- */
/* --- custom skin --- */
/* ------------------- */
#primary-nav-container {
	height: 50px;
}
#primary-nav-container .resp-menu > li:first-child  {border-left: 1px solid white;}
/* 1st level */
.resp-menu li > a, .resp-menu li > .separator {
    text-decoration:none;
    padding: 0 20px;
    height: 50px;
    border: 0;
    line-height: 50px;
    color: #fff;
    font-size: 14px;
    border-right: 1px solid #fff;
}
.resp-menu > li {border-top: 0;}

.resp-menu > li.active > a, .resp-menu > li.active > .separator {
}

/* 2nd level */
#primary-menu .resp-menu li li:first-child {border-top: 1px solid white;}
.resp-menu li li > a, .resp-menu li li > .separator {
    font-size: 12px;
    height: auto;
    line-height: 16px;
    min-height: 16px;
    padding: 7px 12px;
    text-shadow: none;
    font-weight: normal;
    text-transform: none;
    border: 0;
    border-bottom: 1px solid white;
    border-bottom: 1px solid rgba(255,255,255,0.25);
}

.resp-menu li li:last-child > a, .resp-menu li li:last-child > .separator {border-bottom: 0;}

.resp-menu li li.active > a,
.resp-menu li li.active > .separator {text-decoration: underline;}

/* 3rd level */
#primary-menu .resp-menu li li li:first-child, .resp-menu li li li:first-child {
  border-top: 1px solid white;
  border-top: 1px solid rgba(255,255,255,0.25);
  }
.resp-menu li li li a, .resp-menu li li li .separator {}
.resp-menu li li li.hover a {}

/* SOCIAL NETWORK MENU - classes that can go on the MENU are: 
.rounded-sq (rounded square instead of a circle)
.color      (use this and remove all colors below to get the brand colors on the background)
.icon       (displays just the icon with no circle if you unset the background here)
-------------------------------------------------- */
.socnets {
    overflow: hidden;
    float: right;
    font-size: 16px;
}

.socnets a                  {background: #fff; color: #2da4e6;}
#footer .socnets a:hover    {background: #fff; color: #2da4e6;}

.socnets a span {
    width: 1em;
    overflow: hidden;
    display: block;
    height: 1em;
}
.socnets a span {
    text-transform: lowercase;
}
[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.socnets a {
    background: #fff;
    color: #2da4e6;
}

.socnets a {
    font-size: 1em;
    line-height: 1em;
    padding: 0.5em;
    border-radius: 50%;
    transition: 0.2s;
    display: block;
    text-decoration: none;
}

.socnets li {
    margin-left: 0.25em;
    float: left;
    list-style: none;
}

#RTT {
    color: #fff;
    text-decoration: none;
    float: right;
    clear: right;
    margin-top: 30px;
}

/* FOOTER
-------------------------------------------------- */
#footer                     {background: #2da4e6; height: 180px;}
.footer-info                {color: #fff;}
.footer-info    a           {color: #fff;}
#footer .site-width {
    padding: 40px 10px;
    margin: 0 auto;
    width: 980px;
    position: relative;

}
.footer-info {
    float: left;
    max-width: 75%;
}

#featured-content {
    background: #eee url(/i/custom/fastgrowthtexas/hero.jpg) center top no-repeat;
}

#featured-content .site-width {
    padding: 0;
    height: 300px;
}

body {
	    font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
}