<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Abril+Fatface|Oswald' rel='stylesheet' type='text/css'>
<style type="text/css">

#temp-container {
width: 360px;
background-color: #342c39;
padding: 30px 20px 30px 20px;
margin: 20px auto;
}

.temp-text {
width: 300px;
padding: 15px 20px 11px 20px;
background-color: #fff;
outline: 3px #fff double;
outline-offset: 5px;
font: normal normal normal 10px/90% 'Tahoma';
color: #342c39;
text-align: justify;
}

.temp-text b {
font: bold italic normal 10px/90% 'times new roman';
color: #1f4d54;
}

.temp-text p:first-letter {
font: normal normal normal 20px/10% 'Abril Fatface';
text-transform: uppercase;
}

.temp-headerlyrics {
width: 400px;
font: normal normal normal 50px/100% 'Oswald';
color: #342c39;
text-align: center;
text-transform: uppercase;
position: relative;
top: 21px;
letter-spacing: -4px;
word-spacing: 4px;
text-shadow: 1px 1px 0px #fff, 2px 2px 0px #869ca3;
}

.temp-bottombox {
width: 260px;
background-color: #fff;
border-top: 5px solid #869ca3;
padding: 15px 20px 5px 20px;
}
.temp-bottombox img {
width: 100px;
height: 100px;
outline: 4px #d7dee3 solid;
position: relative; 
right: 20px;
}
.temp-fontbox {
width: 175px;
height: 100px;
}
.temp-fontbox h1 {
font: italic normal normal 12px/10% 'times new roman';
color: #869ca3;
letter-spacing: 10px;
text-align: center;
margin-bottom: -10px;
position: relative;
top: 10px;
}
.temp-fontbox h2 {
font: normal normal normal 40px/10% 'Oswald';
color: #869ca3;
text-align: center;
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 50px;
text-shadow: -1px 1px 0px #d7dee3, -2px 2px 0px #869ca3;
}
.temp-tags {
width: 420px;
background-color: #342c39;
margin-left: 20px;
margin-top: -15px;
margin-bottom: 50px;
}
.temp-tag {
width: 76px;
font: normal normal normal 12px/100% 'Oswald';
color: #a6a3a6;
text-align: center;
float: left;
background-color: #342c39;
padding: 10px 10px 10px 10px;
margin-right: 5px;
text-transform: lowercase;
text-shadow: 1px 1px 0px #1f4d54;
}
.temp-tags a:link,
.temp-tags a:active,
.temp-tags a:visited,
.temp-tags a:hover {
font: normal normal normal 12px/100% 'Oswald';
color: #a6a3a6;
text-align: center;
text-transform: lowercase;
text-decoration: none;
}

</style>

<center><div class="temp-headerlyrics">South Korea, Osan</div>

<div id="temp-container">
<div class="temp-text"><p>
Вы можете приехать сюда, как туристы, можете посетить достопримечательности города, но будьте очень осторожны, ведь у города есть свои собственные секреты, от которых неподготовленным людям лучше держаться подальше. Городом здесь, как кажется, заправляют люди, но под человеческими масками скрываются образы таинственных и сверхъестественных существ, а именно, оборотней, чей вой в полнолуние можно услышать даже сквозь сон. Но оборотни не единственные, кто нашел себе место в этом городе, здесь так же присутствуют и другие сверхъестественные существа, вроде банши, кицуне и даже друиды. 
</p>
</div>
<align=center>&&&</align>
<div class="temp-text"><p>                                                                                      
 Пока что наша ролевая находится в режиме разработки, но Вы уже сейчас можете забронировать любимые  внешности. А если у Вас есть желание поучаствовать в создании проекта, если у Вас есть идеи, которыми непременно нужно поделиться,- ждем Вас в АМС. Все, что от Вас требуется,- регистрация. Именно этот шаг отделяет Вас от путешествия в таинственный мир. А мы сделаем все, чтобы это путешествие стало для Вас незабываемым.</p>
</td></tr></table>
</div>
</div>
</div>
</div>

<div class="temp-tags">

<div class="temp-tag">мистика</div>
<div class="temp-tag">nc-17</div>
<div class="temp-tag"><a href="">хочу быть нужным</a></div>
<div class="temp-tag" style= width:77px;"><a href="">нужные персонажи</a>
</div>
</center>