CSS Challenge: Custom Radio Selects

Създадох доста страхотно изглеждащо оформление на формуляр, но нямам представа как да накарам радиостанциите в него да работят! По-долу е даден макет на формуляра: Вече създадох CSS за въвеждане на текст ( и ще го прикача по-долу за всеки друг, който търси нещо подобно). Това, което сега трябва да разбера, е "Каква услуга търсите?" раздел. Написах CSS за синьото поле, но сега трябва да разбера как да превърна „Консултиране, уеб разработка и графичен дизайн“ в радио избира къде това с отметката до него е избраното радио поле. Доста над главата ми. Все още се опитвам да го разбера и ще публикувам отново тук, ако го направя; просто търся някаква информация за това как бихте написали тези радиостанции.

Актуален код за въвеждане на текст:

input[type=text] {
     width: 365px;
     height: 54px;
     margin: 0 0 12px 0;
     padding: 0 0 0 25px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     border-radius: 15px;
     background: #a2bdd8;
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #76899d), color-stop(0.075, #a2bdd8));
     color: #fff;
     font-size: 30px;
     border: none;
}
*:focus { outline: none; }

Текущ код за фон на „Каква услуга търсите?“:

#options {
     width: 270px;
     height: 120px;
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     border-radius: 15px;
     background: #a2bdd8;
}