<!--HTML-->
<style type="text/css">
.tempcodeone{width: 500px; padding: 10px; background-image: url(http://s28.postimg.org/wzxzg68pp/panel.jpg); opacity: 0.8; border-bottom: 7px solid #38141c;} 
.tempcodetwo {width: 75%; padding: 10px; background-color: a79c9c; font-family: arial narrow; font-size: 11px;  line-height: 90%; text-align: justify; letter-spacing: 1px; color: d03939;} 
.tempcodewords {vertical-align:middle; font-family: georgia; color:#cccccc; text-transform:lowercase; text-align:center; font-size:30; letter-spacing:2px; line-height:92%; padding-top:3px;}
.tempcodesubwords {vertical-align:middle; font-family: arial narrow; color:#aba2a3; text-transform:uppercase; text-align:center; font-size:9; letter-spacing:2px; line-height:88%; padding-top:2px; padding-bottom:2px;}
.temptop {width: 520px; background-color:#3d0d18;}
.tempback {width:520px; background-color:#150d0e; padding:20px;}
</style>
<center><div class="tempback"><div class="temptop"><div class="tempcodewords">lorem ipsum</div>
<div class="tempcodesubwords">text goes here</div></div><div class="tempcodeone"><div class="tempcodetwo"><font color=#aea4a6>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <br><br>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <br><br>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <br><br>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</font></div></div></div></center>

<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic' rel='stylesheet' type='text/css'>

<style type="text/css">
#asf-container {
   width:500px;
   height:500px;
   overflow:hidden;
   background-color:#8b9995;
   margin:auto;
}
#asf-container ::-webkit-scrollbar-thumb:vertical {
height:7px;
  border-left:3px solid #004d61;
  border-right:3px solid #004d61;
  background-color:#9dafa9;
  height:75px;
}
#asf-container p {
   text-indent:50px;
}
#asf-container ::-webkit-scrollbar {
  width:10px;
  height:3px;
  background-color:#9dafa9; 
  border-left:4px solid #004d61;
  border-right:4px solid #004d61;
}
.asf-image {
   width:250px;
   height:500px;
   float:left;
}
.asf-left {
   background-color:#8b9995;
   color:#180f0b;
   width:250px;
   float:left;
   text-align:right;
}
.asf-first {
   background-color:#004d61;
   color:#c2d0d3;
   font-style:italic;
   text-align:right;
   font-family: calibri;
   font-size:8px;
   text-transform:uppercase;
   letter-spacing:2px;
}
.asf-first a {
   color:#180f0b;
   text-decoration:none;
   font-style:none;
}
.asf-name {
   font-family:georgia;
   font-size:30px;
   color:#180f0b;
   font-style:italic;
   font-weight:none;
   padding-right:5px;
   padding-top:100px;
   line-height:90%;
}
.asf-name:first-letter {
   color:#004d61;
}
.asf-shipper {
   font-family:calibri; 
   font-style:italic;
   font-size:10px;
   line-height:100%;
   color:#180f0b;
   padding:10px;
   width: 210px;
   margin:auto;
   height:310px;
   margin-top:10px;
}
.asf-content {
   overflow:auto;
   text-align:justify;
   height:287px;
   padding:5px;
}
.asf-content:first-letter {
   color:#004d61;
   font-size:40px;
   float:left;
   padding-top:15px;
   padding-bottom:15px;
   padding-right:3px;
   padding-left:2px;
   font-family:libre baskerville;
}
</style>

<div id="asf-container">
   <div class="asf-left">
       <div class="asf-name">pandemonium</div>
       <span class="asf-first">evil has its winning ways</span>
       <div class="asf-shipper">
           <div class="asf-content">
               И вас, заглянувших на огонек случайно, и вас, целенаправленно пришедших к нам, мы от всего сердца приветствуем и приглашаем пересечь порог «Химеры», за которым берет свое начало дивный новый мир соблазна и искушения: здесь сбываются дерзкие мечты и исполняются сокровенные желания, достигаются амбициозные цели и осуществляются хитростные замыслы, вершатся про́клятые судьбы и разрушаются благословенные жизни. И вас, заглянувших на огонек случайно, и вас, целенаправленно пришедших к нам, мы от всего сердца приветствуем и приглашаем пересечь порог «Химеры», за которым берет свое начало дивный новый мир соблазна и искушения: здесь сбываются дерзкие мечты и исполняются сокровенные желания, достигаются амбициозные цели и осуществляются хитростные замыслы, вершатся про́клятые судьбы и разрушаются благословенные жизни. И вас, заглянувших на огонек случайно, и вас, целенаправленно пришедших к нам, мы от всего сердца приветствуем и приглашаем пересечь порог «Химеры», за которым берет свое начало дивный новый мир соблазна и искушения: здесь сбываются дерзкие мечты и исполняются сокровенные желания, достигаются амбициозные цели и осуществляются хитростные замыслы, вершатся про́клятые судьбы и разрушаются благословенные жизни. И вас, заглянувших на огонек случайно, и вас, целенаправленно пришедших к нам, мы от всего сердца приветствуем и приглашаем пересечь порог «Химеры», за которым берет свое начало дивный новый мир соблазна и искушения: здесь сбываются дерзкие мечты и исполняются сокровенные желания, достигаются амбициозные цели и осуществляются хитростные замыслы, вершатся про́клятые судьбы и разрушаются благословенные жизни.
          </div>
      </div>
   </div>
   <div class="asf-image">
       <img src="http://s11.postimg.org/bp7ry34dv/250.jpg">
   </div>
</div>