<!--HTML-->
<style type="text/css">
.ldr-young a {
    margin: 150px 372px;
    padding: 18px 20px;
    text-align:center;
    background-color:#cccccc;
    color:#fcfcfc;
}
.ldr-young a::before, .ldr-young a::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    content:'';
    opacity: 0.2;
    -webkit-transition: opacity 0.3s, height 0.3s;
    -moz-transition: opacity 0.3s, height 0.3s;
    transition: opacity 0.3s, height 0.3s;
}
.ldr-young a::after {
    top: 100%;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}
.ldr-young a span:first-child {
    z-index: 2;
    display: block;
    font-weight: 300;
    color:#fcfcfc;
}
.ldr-young a span:last-child {
    z-index: 1;
    display: block;
    padding: 2px 0 0 0;
    color: rgba(0, 0, 0, 0.4);
    text-shadow: none;
    text-align:center;
    text-transform: none;
    font-style: italic;
    font-size: 0.75em;
    font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}
.ldr-young a:hover::before, .ldr-young a:focus::before {
    height: 6px;
}
.ldr-young a:hover::before, .ldr-young a:hover::after, .ldr-young a:focus::before, .ldr-young a:focus::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}
.ldr-young a:hover span:last-child, .ldr-young a:focus span:last-child {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);
}
.ldr-beautiful:hover .ldr-and {opacity:1}
nav a {
    position: relative;
    display: inline-block;
    margin: -50px 2px;
    outline: none;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    font-size: 1.35em;
}
nav a:hover, nav a:focus {
    outline: none;
}
.ldr-and { 
    height:250px; 
    width:330px;
    background-color:rgb(255,255,255,0.8);
    background-color:rgba(255,255,255,0.8);
    float:left;
    margin-top:-370px;
    margin-left:10px;
    border-bottom:1px solid #cccccc;
    padding:5px; text-align:justify;
    font-family: calibri;
    font-size:14px; 
    line-height:97%;
    opacity:0; -moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out; 
    text-indent:20px;
    overflow:auto;
}
.ldr-beautiful {
    width:500px;
    height:281px;
    background-color:#191919;
    background-image:url(http://forumstatic.ru/files/0017/9a/43/79036.gif);
}
.ldr-and ::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.ldr-and ::-webkit-scrollbar-track {
  background-color:#cccccc;
  }

/* Handle */
.ldr-and ::-webkit-scrollbar-thumb {
  background-color:#fcfcfc; 
}
.codesbymerc { 
    font-family:calibri;
    font-size:8px; 
    color:#191919;
}
.codesbymerc a { 
    color:#191919;
    font-style:italic;
    text-decoration:none;
}
</style>

<center>
<div class="ldr-beautiful">
     <nav class="ldr-young" id="ldr-young">
        <a href="#ldr-young">
            <span>leaflets</span>
        <span>Classifieds in Garland</span></a>
    </nav>
   <div class="ldr-and">
Промоутеры - это одна из немаловажных частиц рекламы, которая продвигает товары в массы и наши промоутеры на улицах Гарленда не филонят и выполняют свою работу на 100%. У каждого промоутера было обучение на котором им объяснили правила распространения рекламы. <br>
Единственное и главное правило: РАЗДАЕШЬ ЛИСТОВКИ НЕ НА СВОЕЙ ТЕРРИТОРИИ, БУДЬ ДОБР ПОМОЧЬ И ДРУГИМ ПРОМОУТЕРАМ (проще говоря пиарите у нас, пиарьте и нас. Не забудьте оставить ссылку на размещенную на вашем форуме рекламу, дабы администрации города было легче). <br><br>
Ответственные за раздел: <a href="http://garland.rusff.me/profile.php?id=10">Charles Bargeman</a> & <a href="http://garland.rusff.me/profile.php?id=8">Orrin Bezzard</a>
       </div>
  
       </center>