#title_carousel                         {width: 100%; height: 300px; margin: 0 auto 20px auto; clear: both;}
#title_carousel #slides                 {position: relative;}
#title_carousel .slide                  {width: 100%; height: 300px; background: url(../images/bg.gif) repeat-x #eb1a1a; position: absolute; left: 0; top: 0; overflow: hidden;}
#title_carousel .slide .content         {color: #fff; font-weight: bold; font-size: 200%; padding: 30px; text-shadow: 1px 1px 1px #000;}
#title_carousel .slide .content H2      {color: #ffdb7b; font-size: 200%; letter-spacing: 11px; margin: 0 !important; text-transform: uppercase;}
#title_carousel .slide .content LI      {background: url(../images/li.png) 0 21px no-repeat; border: 0; padding: 0 0 0 70px !important;}
#title_carousel .slide .content LI A    {color: #fff; text-decoration: none;}
#title_carousel .slide .content LI:hover        {background: url(../images/li.png) 10px 21px no-repeat;}
#title_carousel .slide .content LI A:hover      {color: #000; text-shadow: none;}
#title_carousel .slide .link            {width: 100%; height: 100%; text-decoration: none; display: block;}

@media screen and (max-width: 1500px) {
        #title_carousel .slide                   {background-size: 120% !important;}
        #title_carousel .slide .content          {font-size: 180%;}
        #title_carousel .slide .content H2       {font-size: 200%;}
        #title_carousel .slide .content LI       {background: url(../images/li.png) 0 24px no-repeat; line-height: 1.1em; padding: 15px 0 5px 70px !important;}
        #title_carousel .slide .content LI:hover {background: url(../images/li.png) 10px 24px no-repeat;}
}

@media screen and (max-width: 1400px) {
        #title_carousel .slide .content          {font-size: 160%;}
        #title_carousel .slide .content LI       {background: url(../images/li.png) 0 28px no-repeat; padding: 20px 0 5px 70px !important;}
        #title_carousel .slide .content LI:hover {background: url(../images/li.png) 10px 28px no-repeat;}
}

@media screen and (max-width: 1200px) {
        #title_carousel .slide .content          {font-size: 130%;}
        #title_carousel .slide .content H2       {font-size: 240%;}
        #title_carousel .slide .content LI       {background: url(../images/li.png) 0 24px no-repeat; padding: 20px 0 5px 70px !important;}
        #title_carousel .slide .content LI:hover {background: url(../images/li.png) 10px 24px no-repeat;}
}

@media screen and (max-width: 1018px) {
        #title_carousel .slide .content          {font-size: 120%;}
        #title_carousel .slide .content H2       {font-size: 260%;}
        #title_carousel .slide .content LI       {padding: 20px 0 5px 65px !important;}
}

@media screen and (max-width: 768px) {
        #title_carousel .slide .content          {font-size: 110%;}
        #title_carousel .slide .content H2       {font-size: 260%;}
        #title_carousel .slide .content LI       {background: url(../images/li.png) 0 13px no-repeat; padding: 10px 0 5px 70px !important;}
        #title_carousel .slide .content LI:hover {background: url(../images/li.png) 10px 13px no-repeat;}
}

@media screen and (max-width: 610px) {
        #title_carousel .slide                   {background-size: 130% !important;}
        #title_carousel .slide .content          {font-size: 100%;}
        #title_carousel .slide .content H2       {font-size: 200%; letter-spacing: 8px;}
}

@media screen and (max-width: 450px) and (orientation: portrait) {
        #title_carousel .slide                   {background-size: 160% !important;}
        #title_carousel .slide .content          {font-size: 110%;}
        #title_carousel .slide .content H2       {font-size: 190%; letter-spacing: 1px;}
        #title_carousel .slide .content LI,
        #title_carousel .slide .content LI:hover {background: transparent; line-height: 1.1em; padding: 15px 0 0 0 !important;}
}