Код:
<!--HTML--> 
<style type="text/css">
#announcecontser { width: 630px; position: relative; }
.announceser:before { width: 0px;height: 0px; content: ' '; border-style: solid; border-width: 20px 20px 0 0;border-color: #557297 transparent transparent transparent; position: absolute; right: 0px; top: 60px; }
.announceser { width:630px; background-color:#9eb0c7; margin-top:-6px; height: 60px; line-height: 60px; box-shadow:inset 0px 0px 20px #899fba;}
.announceser:after {width: 0px; height: 0px; content: ' '; border-style: solid; border-width: 0 20px 20px 0;border-color: transparent #557297 transparent transparent;position: absolute;  left: 0px; top: 60px; }
.anntitleser:before { content: ""; display: inline-block; position: relative; z-index: 0; margin-right: 10px; height: 1px; width: 50px; background-color: #c3cedb; margin-bottom: 7px;}
.anntitleser { font-family: contrail one; display; font-size: 30px; font-weight:bold; color:#e7ecf2;}
.anntitleser:after { content: ""; display: inline-block; position: relative; z-index: 0; margin-left: 10px; height: 1px; width: 50px; background-color: #c3cedb; margin-bottom: 7px;}
.anntitleserr { margin-top: -40px; font-family: calibri; font-size: 8px; letter-spacing: 7px; color: #ffffff; text-transform: uppercase; margin-left: 10px;}
.annborderser { width:565px; padding:10px; background-color: #f2f7ff; border: 3px double #b8c3d0; box-shadow:inset 0px 0px 20px #e6edf6;}
.anncontentser { width:530px; background-color:#e4e9f0; padding: 20px; font-family: verdana; font-size: 10px; text-align: left; box-shadow:inset 0px 0px 20px #d6dbe3;}

.marta img {
    width: 20px;
    height: 20px;
}
.olala {
text-align:left }

</style>
<link href='http://fonts.googleapis.com/css?family=Exo+2&subset=cyrillic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=cyrillic' rel='stylesheet' type='text/css'>
<link href="http://fonts.googleapis.com/css?family=Contrail+One" rel="stylesheet" type="text/css"><center>
<center>
<div id="announcecontser">
<div class="announceser">
<div class="anntitleser">MEMBER GROUP</div>
<div class="anntitleserr"><b>принадлежность</b></div>
</div></div>
<div class="annborderser">
<div class="anncontentser"><div class='olala'>
Для того чтобы обустроить вашего персонажа как можно лучше и разнообразить игру, мы решили разделить всех персонажей на две группы: <b>saints</b> и <b>sinners</b>. Настоятельно просим вас выбрать вашу сторону учитывая характер и биографию вашего персонажа. Запомните, что не все "sinners" обязательно злые и не все "saints" могут быть хорошими. В зависимости от вашей принадлежности, вам будут даваться задания на выбор и за их выполнение вы получите награды и еще кучу всего интересного.</div>
<table class="marta">
<tr><td><b>s a i n t s</b><img src="http://se.uploads.ru/t/blW5T.png" border="0" /><br><i>праведники</i>
</td><td><b>s i n n e r s</b><img src="http://sf.uploads.ru/t/mXBt4.png" border="0" /> <br> <i>грешники</i></td></tr>
<tr><td>вы относитесь к saints, если в вас преобладает хотя бы одно из нижеперечисленных качеств:
</td><td>вы относитесь к sinners, если в вас преобладает хотя бы одно из нижеперечисленных качеств:
</td></tr></table>
<table class="olala">
<tr>
<td>• чистота помыслов. доброта мыслей преобладает в вас, у вас отсутствуют негативные мысли о ком-либо и всегда находится желание подарить людям радость и не обязательно материальную, сколько духовную: улыбку, хорошее отношение, нежность.<br><br>
• сдержанность. вы сдержанны и справедливы, хорошо контролируете себя и умеете сдержать маску холодного безразличия даже в самых критических ситуациях. высоко цените справедливость и честность. <br><br>
• бережливость. вы щедры, милосердны и готовы пожертвовать собой ради других. у вас высоко развито чувство любви и вы готовы одарять любовью других. <br><br>
• усердие. вы доводите свои дела до конца, четко стоите на своих принципах и всегда сдерживаете свои обещания. "не сдаваться" - можно считать вашим жизненным кредо. <br><br>
• терпеливость. вы умеете прощать; милосердны к грешникам. именно вы создаете ощущение стабильности и мира в обществе, отгоняя прочь страдания, враждебность и антагонизм.<br><br>
• доброта. вы занимаетесь благотворительностью, у вас высоко развито чувство сострадания и дружбы. вы доверяете людям, в вашем голосе не чувствуются нотки осуждения. готовы подарить бескорыстную любовь, побуждаете и вдохновляете людей на лучшие действия. вы не ищете признания и одобряющих взглядов за ваши старания.<br><br>
• скромность. вы умеренны в своих требованиях, равнодушны к богатству и не любите тех, кто бахвалится им.</td>


<td>
• похотливость. хотя похотливость больше всего используется в сексуальном контексте, похоть может являться и в других ваших намерениях. например, ваша похоть находит отражение в крайней амбициозности, жажде денег или власти.<br><br>
• чревоугодие. вы чрезмерно много употребляете пищу_алкоголь и в вашем лексиконе нет слова "достаточно". всегда должны что-то есть и вообще не следите за качеством вашей пищи.<br><br>
• алчность. вам всегда всего мало, вы никогда не довольствуетесь тем, что имеете. тянетесь к звездам, по дороге разрушая чужие судьбы и не считаясь с другими.<br><br>
• уныние. вы не любитель любой активной деятельности и избегаете физических нагрузок. иными словами, вы ленивы. также, вы любитель пожаловаться на вашу тяжелую участь и в свободное время любите поныть окружающим.  <br><br>
• гнев. вы быстро срываетесь и вас легко вывести из себя, а попытки окружающих успокоить вас только дают обратный эффект. мстительны, можете затаить обиду даже на самые незначительные вещи. <br><br>
• зависть. вы всегда стараетесь выделиться в толпе, не переносите успехов других людей и вообще любой похвалы, отправленной не в ваш адрес. чужое несчастье приносит вам чувство удовлетворенности.<br><br>
• гордыня. вы высокомерны и эгоистичны. ставите себя выше всех и признаете правомерность только своей позиции. переубедить вас в чем-либо практически невозможно, ведь вы не умеете признавать свое поражение. </td>
</tr>
</table>
</div>  </div>
</center>
  </div>