Код:
<!--HTML-->

<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<link href='http://webfonts.ru/import/pacifico.css'>
<center>
<div class="corion">
<div class="corion2">
<div class="orionhead"><div style="position: relative; top:39px;">David Copeland</div>
<div style="font-family:open sans condensed; text-transform:uppercase; position:relative; top:40px; font-size:14px; line-height:100%; color:#333;">Дэвид Коупленд</div>
</div>
<div class="orionhead2"></div>
</div>
<div class="orions">

<div class="orion">
<input type="radio" id="orion-1" name="orion-group-1" checked>
<label for="orion-1">основное</label>
<div class="orionc">


<table cellspacing="0" cellpadding="0">
<tbody><tr><td>

<div style="line-height: 12px; color: #525252;">
<b>NICKNAME:</b><br>
<b>DATE OF BIRTH, AGE:</b><br>
<b>SEXUALITY:</b><br>
<b>MARITAL STATUS:</b><br>
<b>CAREER:</b><br>
<b>CONTACT:</b><br>
<b>FACE:</b><br>
</div>



</td>
<td valign="top">

<div style="line-height: 12px; color: #222;">
-<br>
25 сентября 1989, 26 лет<br>
гетеро<br>
не женат<br>
участник подпольных боев<br>
great_a.<br>
Mario Casas<br>
</div>

</td>
</tr></tbody></table>

<table><tr><td>
<div style="line-height: 12px; color: #222;">
<br><center><b>ХОББИ И ИНТЕРЕСЫ:</b></center>
</div>

<div style="line-height: 12px; color: #222;">
<br> мотоциклы 
<br> автомобили
<br> бокс
<br> бойцовский клуб


</div>

</td>
<td>
<div style="line-height: 12px; color: #222;">
<center><b>СТРАХИ И ЦЕЛИ:</b></center>
</div>

<div style="line-height: 12px; color: #222;">
<br> страх быть никем 
<br> серьезной высоты
<br> быть под влиянием 
<br> проиграть

<br> открыть свой зал / бокс-клуб
<br> получить возможность управлять своим наследством
<br> попробовать себя в приготовлении итальянской кухни

</div>


</td></tr></table>


</div>
</div>

<div class="orion">
<input type="radio" id="orion-2" name="orion-group-1">
<label for="orion-2">Характер</label>
<div class="orionc">
<div style="line-height: 13px; color: #222;">
Вам знакомы люди, свободные ото всех обязанностей? У них нет собаки, с которой они вынуждены гулять по утрам, нет нравоучений со стороны семьи, потому что родные уже давно поняли, что стихию такого человека нельзя потушить какими-то запретами. Запрещая ему что-либо, они лишь порождают еще больший интерес. А вот помочь такому человеку легко, и очень даже просто: нужно просто сказать «да, черт возьми, ты прав! Ты сможешь это сделать». Сопли, которые обнадеживают любые действия таких персон, не устраивают. Такие люди предпочитают жить так, как предложим им судьба. Они часто живут одним днем, и не думают, что будет завтра, завтра, будет завтра, так что и подумаю я о нем позже. А вот сегодня гораздо интереснее! И столько можно сделать всего, не сидеть на месте, и чувствовать, что ты идешь против системы. Они любят наслаждаться каждым моментом, полученным в подарок от судьбы. Не любят ныть о несправедливости, а предпочитают добиваться ее кулаками.
Если бы вы не знали его лично – подумали, что это человек, у которого нет абсолютно ничего и никого, но при дальнейшем общении вы бы поняли – что это человек, живущий риском и свободой. Он на дух не переносит, когда девушки начинают запрещать ему что-то, и просто уходит. По-английски. Но есть в нем что-то и романтическое. То, что тянет к нему. Из-за чего тебе хочется провести с ним вечер, а может быть и ночь. Обаятелен. Бесспорно, он умеет очаровывать в себе людей, любит улыбаться и смотреть прямо в глаза. Также любитель выпить и что-нибудь вытворить, эдакое безумство. Не раз привлекался к административным штрафам, но всегда умело выходил из ситуации: эрудирован и интеллектуально развит. Непостоянен как ветер: ты можешь вдыхать его этой ночью, милая, но уже завтра он уйдет в новый день, а ты останешься, зареванная и забитая, на помятых шелковых простынях. Он любит делать необычные подарки, хотя за душой у него в данный момент ни гроша. Редко сидит на месте, предпочитая нагружать себя физическими упражнениями и постоянным нахождением нового дела. Не лицемерит. Говорит все, что думает о человеке в лицо. Он скорее выпалит подлинную истину, чтобы разъяснить недоразумение, чем постарается справиться с дискомфортом перед лицом чьих-то иллюзий. Теряет из виду все остальное, когда наступает момент прозрения, и выпускает слова, мало думая о том, какие чувства поразит. Так же презирает нечестность людей по отношению к себе. Никто не говорит ему, что делать, и еще менее, как думать. Он обладает собственной системой и подходом к жизни и безразличен ко всем видам критики.  Раздражительный и импульсивный. Если его задели, он не будет отступать, а только сделает все хуже, применяя кулаки. Исключение к девушкам. Там другой подход. Его притягивает опасность, обожает физический и эмоциональный риск. Слишком ревнивый к людям, к которым привязался. Однако свободу ценит больше.

</div>
</div>
</div>

<div class="orion">
<input type="radio" id="orion-3" name="orion-group-1">
<label for="orion-3">биография</label>
<div class="orionc">
<div style="line-height: 13px; color: #222;">
Я родом из Питтсбурга. Миллионами нашу семью обеспечил еще дед, у которого была своя сеть итальянских ресторанов. Мое происхождение по линии матери именно итальянское. После своей кончины, дед передал свое наследств моему отцу, ибо его дочь, моя мать, не справилась бы с управлением бизнеса таких масштабов. Мои предки знали меру для моего воспитания, и поэтому сказать, что у меня было все то, что я хотел, нельзя. С детства я никогда не мог сидеть на месте, и родители решили отдать меня в какой-нибудь спорт. Споров было много, мать хотела, чтобы я пошел на футбол, отец на баскетбол. Но компромисс они нашли в боксе. Они решили, что все же пользы от этого будет больше. И они были правы. Спасибо им за этот правильный выбор. У меня были огромные успехи. Уже в 10 лет я занимал первые места на чемпионате по боксу среди юниоров. Мне казалось, что тренер требует от меня больше, чем от других, постоянно нагружая меня физическими нагрузками, а потом и оставляя  после занятий. Как оказалось, он видел во мне будущего чемпиона мира, да и родители подкупали его, чтобы он занимался со мной дополнительно в зале. Однако, они не хотели, чтобы это становилось моей профессией. Ведь им так же требовался наследник. 
Когда мне было 15 лет, моя жизнь изменилась, и совсем не в лучшую сторону. Я потерял родителей.  Самых близких мне людей. Они ехали ко мне на соревнования, чтобы поддержать, а я ведь тогда еще разозлился, не увидев их среди зрителей. Тренер решил мне сообщить об этом только после соревнований. То, что я ощутил после тех слов, словами не передать. Во мне смешалось все, начиная от обиды, и заканчивая злостью. Обида на самого себя. За то, что когда-то не уделял внимание родителям, грубил, кричал. В такой момент, меня начало воротить от самого себя. Я решил переосмыслить свою жизнь, пытаться посмотреть на нее другими глазами. В тот день я провел всю ночь в зале, избивая грушу и кулаки о стены, справляясь с яростью. Я знал, что домой я вернусь только для того, чтобы собрать вещи, потому что меня либо отправят в детдом, либо найдут родственничка.
Случилось именно последнее, чего я больше всего не хотел. Меня отправили в Нью-Йорк, к брату моего отца, то бишь к моему дяде. Человек влиятельный, но ему не было до меня никакого дела. Он думал вообще от меня отказаться, но долг перед своим братом он решил выполнить. Именно тогда я начал самостоятельную жизнь. Моему родственнику было глубокого пофигу, где я шляюсь, что я делаю, и что вообще у меня творится. Своим долгом он видимо считал кинуть меня в университет, что он и сделал, только вот я даже первый курс не проучился, свалил из этого гребаного города, с которым у меня остались лишь плохие ассоциации. Я взял машину, деньги на первое время, и умчался, куда глаза глядят. Начал разъезжать по Америке, останавливаясь и осматривая города. Колеся так по Америке, я случайным образом попал в Майами. Город, который я бы проскочил так же, как и все остальные, если бы не зашел в один из баров, и не познакомился с человеком, который так же повлиял на мою дальнейшую жизнь. Его предложение, насчет бойцовского клуба, было сначала сомнительным, пока он мне его не показал. Естественно, за это давались деньги, и очень неплохие деньги, которые у меня уже вот-вот должны кончиться. Я согласился. В первую очередь – мне нужны были деньги, и только во вторую – вспоминание о старом занятии. Но, на этом ринге оказалось все иначе. Уже после первого боя я отхаркивался кровью и еле шевелился, ощущая ужасную боль по всему телу. Странно, но уже спустя три дня, мне захотелось снова туда вернуться. Я понял, что надо постоянно тренировать свои навыки, чтобы действительно зарабатывать этим деньги и не лежать со сломанными ребрами. Но самое главное – я получал от этого дела кайф. Боль, которая присутствовала после каждого боя, была приятная боль. Того, что было в начале, появлялось все меньше. Я решил остаться в этом городе, снимая квартиру и тренируясь в зале, чтобы снова выйти на бой и уйти победителем.


</div>
</div>
</div>

</div></div>

</center>

<style type="text/css">
.corion {
  width: 500px;
  padding: 15px;
  height: 500px;
  background-color: #DED8CE;
  border-top: 5px solid #C7B79E;
  border-bottom: 5px solid #C7B79E;
  }

.corion2 {
  width: 500px;
  height: 150px
  }

.orionhead {
  width: 230px;
  font-family: 'Cinzel Decorative';
  font-size: 28px;
  text-transform: lowercase;
  line-height: 100%;
  position: relative;
  float: left;
  height: 150px;
  color: #A28E6D
  }

.orionhead2 {
  width: 240px;
  height: 120px;
margin-right: -240px;
  float: none;
  border: 6px solid #C7B79E;
  background-image: url(http://33.media.tumblr.com/tumblr_mat5ouC7pn1r35r4io6_250.gif)
  }

.orions {
  position: relative;
  width: 500px;
  height: 350px;
  overflow: hidden
  }

.orion {
  float: left
  }

.orion label {
  background: #D6CBBB;
  height: 25px;
  margin-bottom: 5px;
  position: relative;
  display: block;
  line-height: 25px;
  width: 166px;
  text-align: center;
  text-transform: uppercase;
  font-family: open sans condensed;
  font-weight: 300
  }

.orion [type=radio] {
  display: none
  }

.orionc {
  position: absolute;
  top: 30px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 457px;
  height: 275px;
  background: #EFEBE6;
  padding:20px;
  overflow: auto;
  text-align: justify;
  font-family: arial;
  font-size: 11px;
  line-height: 95%;

  border: 1px solid #C7B79E;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s
  }

.orions [type=radio]:checked ~ label {
  background: #C7B79E;
  z-index: 2
  }

.orions [type=radio]:checked ~ label ~ .orionc {
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  z-index: 5
  }

.libcred a {
   font-family: orator std;
   font-size: 8px;
   color: #03435e;
   padding-right: 10px;
   padding-top:10px;
   line-height: 8px;
   letter-spacing: 1px
   }
</style>