html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;  direction: rtl;  }

body {  text-align: center; font:normal 62.5% Arial; color: black; background: url(../img/body-bg.jpg) no-repeat -40px -40px; padding-top: 10%; background-color: #000; }
ol, ul  { list-style: none outside none; }

table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

.clear { display: block; border: 0; height: 0; clear: both; float: none; }
.left { float: left; }
.right { float: right; }
.bold {  font-weight: bold;  }

a:link, a:visited { color: #21bee0; text-decoration: none;  }
a:hover { text-decoration: underline;  }
img { float: left; }

#wrapper { width: 702px; text-align: right; margin: 0 auto;  color: #fff; font-size: 1.2em; background: url(../img/content-bg.png); /* box-shadow: 3px 3px 20px #000; */}
#content {  padding: 2.6em 3.8em; border-bottom: 1px solid #959595;  }
#content p {  line-height: 1.7em;  font: normal 1.2em Arial; width: 290px;  }
li { display: block; float: left; text-align: center; padding: 14px 2.4em 12px; background: url(../img/border.png) no-repeat top right;  font-size: 1.2em; }
li.last { background: none; padding-left:310px; padding-right: 0;  }
li.last a:link, li.last a:visited { display:block; float: left; margin-right:5px; width:16px; }