/* GENERAL */
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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline; }
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

.clear { display: block; clear: both; border: 0; padding: 0; margin: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; }
.left { float: left; }
.right { float: right; }

/* -------------------------- */

html { font-size:100%; height:100% }
body { background: url( ../images/background.png) no-repeat top left #371323; font-family: Arial; color: #333; -moz-box-sizing: border-box; height:100%; }

h1 { display: block; font-size: 3em; font-family: "Times New Roman", Times, serif; color: #fff; font-weight: normal; margin-bottom: 10px;  }
h2 { display: block; font-size: 2em; font-family: "Times New Roman", Times, serif; color: #fff; font-weight: normal; margin-bottom: 10px;  }
h3 { display: block; font-size: 2em; font-family: "Times New Roman", Times, serif; color: #fff; font-weight: normal; margin-bottom: 15px;  }
.background { background: url( ../images/content-background.png) no-repeat bottom right; height: 100%; width: 100%; }
strong { font-weight: bold; }

.wrap { width: 755px; margin: 0 auto; padding: 30px 0; _opacity:0.80; _filter:alpha(opacity=80) }
.logo { display: block; float: right; width: 254px; height: 26px; background: url(../images/logo.png) no-repeat; text-indent: -9000px; margin-bottom: 12px; }

ul.menu { float: left; width: 500px; color: #ffffff; font-size: 0.750em; margin-top: 14px; }
ul.menu li { display: block; float: left; }
ul.menu li a { display: block; float: left; margin-right: 10px; color: #ffffff; }
ul.menu li.current a, ul.menu li a:hover { text-decoration: none; }
ul.menu li span { display: block; float: left; margin-right: 10px; }
.copy { display: block; float: right; font-size: 0.75em; color: #ffffff; margin-top: 14px; }

.random-thumb { width:715px; height: 241px; padding-bottom: 20px;  }

.box-content { display: block; border-width: 1px 0; border-color: #16080e; border-style: solid; color: #ffffff; margin: 0px 1px; }
.box-content .main { display: block; padding: 20px; margin: 0 -1px; border-width: 0 1px; border-color: #16080e; border-style: solid; background: #16080e; color: #fff; font-size: 0.750em; }
.box-content .main a { color: #ffffff;}

.box-round { display: block; border-width: 1px 0; border-color: #331622; border-style: solid; color: #ffffff; margin: 0px 1px; }
.box-round .content { display: block; padding: 15px 15px 15px 15px; margin: 0 -1px; border-width: 0 1px; border-color: #331622; border-style: solid; background: #331622; color: #fff; line-height: 1.22em;  }
.box-round .content.clearbox { padding:0;}
.box-round .content.projects {  padding: 10px 10px 0 10px;}
.box-round.dark-purple { border-color: #16080e; }
.box-round .content.dark-purple { border-color: #16080e;}
.box-round .content table tr { margin-bottom: 2px; background: #5a112e;}
.box-round .content table tr.second { background: #341622; }
.box-round .content table th { background: #000; padding: 5px 15px; font-weight: bold; }
.box-round .content table td { padding: 5px 15px; }

.pagination { padding: 10px 0 20px 0; }
.pagination .disabled { border-color: #ccc; }
.pagination .disabled span  { border-color: #ccc; background: #ccc; color: #999; }
.pagination .current { border-color: #ccc; }
.pagination .current span  { border-color: #ccc; background: #ccc; color: #999; }

.fill { display: block; margin-bottom: 2px; background: #f00; padding: 5px 20px; font-weight: bold; }

.register { width: 100%; }
.register td { vertical-align: middle; padding-right: 20px; }
.register td.no-gap { padding-right: 0; }
.register td .text { width: 300px; padding: 5px 5px; background: #f5ede4; border: 1px solid #ccc; font-size: 12px; }
.register td select.text { width: 312px; padding: 5px 5px; background: #f5ede4; border: 1px solid #ccc; font-size: 12px }
.register td textarea.text { width: 300px; height: 150px; padding: 5px 5px; background: #f5ede4; font-family: Arial; border: 1px solid #ccc; font-size: 12px }

.table-profile {  display: block; }
.table-profile .header { display: block; font-weight: bold; padding: 5px; background: #000; margin-bottom: 1px; }
.table-profile .nik { display: block; float: left; width: 450px; }
.table-profile .age { display: block; float: left; width: 60px; }
.table-profile .location { display: block; float: left; width: 150px; }
.table-profile .title { display: block; float: left; width: 200px; text-align: right; padding: 10px 10px 10px 5px; line-height: 1.2em; }
.table-profile .value { display: block; float: left; width: 420px; padding: 10px 10px 10px 5px; line-height: 1.2em; }

.table-profile li a { display: block; padding: 10px 5px; text-decoration: none; line-height: 1.2em; }
.table-profile li a.second { background: #5a112e; }
.table-profile li a:hover { background: #000; }
.table-profile li.lines { display: block; font-weight: bold; padding: 5px; background: #000; margin-bottom: 1px; }

.box-round label { display: block; margin: 0 0 5px 0; }

.item { display: block; float: left; width: 155px; margin: 0 30px 25px 0; }
.item img { display: block; margin-bottom: 10px; }
.item strong { display: block; margin-bottom: 8px; font-weight: bold; }
.item p { line-height: 1.4em; }
.raiting { display: block; margin: 10px 0 0 0; }
.raiting img { display: block; margin-right: 10px; float: left !important; }

.info { width: 400px; position: absolute; margin-top: 20px; margin-left: 295px; }
.info-1 { width: 315px; position: absolute; margin-top: 130px; margin-left: 380px; z-index: 999; }
.info p { line-height: 1.5em; }
.info strong { font-weight: bold; }
a.download { display: block; float: right; background: url(../images/download.png) no-repeat; width: 185px; height:26px; margin-top: 10px; }
.button { display: block; float: right; background: url(../images/view.png) no-repeat; width: 129px; height:26px; margin-top: 10px; text-indent: -9000px; }

.viewall { display: block; float: left; border-width: 1px 0; border-color: #ccb99b; border-style: solid; color: #000; margin: 10px 1px; text-decoration: none; }
.viewall span{ display: block; padding: 5px 10px; margin: 0 -1px; border-width: 0 1px; border-color: #ccb99b; border-style: solid; background: #ccb99b; color: #000; line-height: 1.22em;  }
.viewall:hover { border-color: #ccc; }
.viewall:hover span { border-color: #ccc; background: #ccc; }
.viewall.number { margin-right: 3px; }
.viewall.right { float: right; }
.login { display: block; float: left; background: url(../images/login.png) no-repeat; width: 75px; height:26px; border: 0; cursor: pointer; margin-left: 10px; }


.contactform label { display: block; font-weight: bold; width: 100px; float: left; padding: 13px 0 10px 0; }
.contactform .text { display: block; padding: 5px; width: 500px; float: left; margin: 5px 0 20px 0; }
.error { display: block; padding: 0 0 10px 0; color: #f00; }

.mailto { text-decoration: none; font-weight: bold; }
.text { line-height: 1.5em; font-family: Arial, Helvetica, sans-serif;}
.text p { font-size: 1em; line-height: 1.5em; }
.login-text { display: block; background-color: #13060b; border: 0; padding: 5px; width: 160px; color: #fff; margin-bottom: 10px; }
.box-list { float: left; width: 350px; }

.box-list.second { float: right; }
.mb-25 { margin-bottom: 25px;}
.mt-25 { margin-top: 25px;}
.text-11 { font-size: 0.9em; }