/* *1 common (общие)
----------------------------------------------------------------------------- */
html,body,p,form,input,label,h1,h2,h3,h4,h5,h6 {
padding:0px;
margin:0px;
}
html {
width:100%;
height:100%;
}
body {
width:100%;
height:100%;
font:62.5% verdana,tahoma,arial,sans-serif;
color:inherit;
background:#fff;
}

/* *2 text (ссылки, абзацы, заголовки, списки)
----------------------------------------------------------------------------- */
a {
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
img {
border:0px;
}
p {
margin-bottom:13px;
text-indent:10px;
display:block;
font:1.2em arial,tahoma,verdana,sans-serif;
color:#fff;
background-color:#7f7f7f;
}
p a {
color:#fff;
background-color:inherit;
}
p.noindent {
text-indent:0px;
}
div.bg {
padding:13px 8px;
margin-bottom:8px;
background-color:#7f7f7f;
}
a.red {
padding:1px 3px;
color:#fff;
background:#e802c4;
text-decoration:none;
}
a.red:hover {
text-decoration:underline;
}
a.reds {
padding:1px 3px;
color:#fff;
background:#e802c4;
text-decoration:none;
}
a.grey {
padding:1px 3px;
color:#fff;
background:#969696;
text-decoration:none;
}
a.grey:hover {
text-decoration:underline;
}

/* *3 main (основные)
----------------------------------------------------------------------------- */
#wrap {
width:714px;
margin:0 auto;
position:relative;
overflow:hidden;
}
.both {
width:100%;
clear:both;
overflow:hidden;
}
#spacer {
width:100%;
height:195px;
clear:both;
overflow:hidden;
}

/* *4 footer (подвал)
----------------------------------------------------------------------------- */
#footer {
width:100%;
height:48px;
border-top:2px solid #999;
margin-top:14px;
position:relative;
overflow:hidden;
}
#footer img {display:block;}
#footer address {
display:block;
position:absolute;
top:5px;
left:0px;
font:10px arial,tahoma,verdana,sans-serif;
color:#7f7f7f;
}
#lang {
position:absolute;
top:4px;
right:1px;
font:10px arial,tahoma,verdana,sans-serif;
}
#lang a {
padding:1px 3px;
color:#fff;
background:#e802c4;
text-decoration:none;
}
#lang a:hover {
text-decoration:underline;
}

#lang1 {
position:relative;
float:right;
top:0px;
bottom:10px;
right:1px;
font:10px arial,tahoma,verdana,sans-serif;
}
#lang1 a {
padding:1px 3px;
color:#fff;
background:#e802c4;
text-decoration:none;
}
#lang1 a:hover {
text-decoration:underline;
}

/* *5 header (шапка)
----------------------------------------------------------------------------- */
#header {
width:100%;
height:200px;
overflow:hidden;
position:relative;
}
#header img {display:block;}
#logo {
position:absolute;
top:23px;
left:0px;
z-index:2;
}
#menu {
width:100%;
padding:67px 0 0 0;
margin:0px;
list-style:none;
overflow:hidden;
position:relative;
z-index:1;
}
#menu li {
width:100%;
padding-bottom:4px;
float:left;
clear:both;
}


#auth {
width:127px;
display:block;
position:absolute;
top:23px;
right:0px;
z-index:2;
}
#auth .both {
padding-bottom:2px;
}
#auth input {
border:1px solid #cecece;
display:block;
float:left;
font:11px arial,tahoma,verdana,sans-serif;
color:#fff;
background:#cecece;
}
#login {
width:125px;
}
#pass {
width:86px;
}
#auth input.submit {
width:37px;
height:16px;
margin-left:2px;
cursor:pointer;
color:#fff;
font:10px arial,tahoma,verdana,sans-serif;
background:#cecece;
}
#sub {
width:100%;
padding:0px;
margin:0px;
list-style:none;
overflow:hidden;
}
#sub li {
height:14px;
padding-left:4px;
float:left;
}
#sub img {
display:block;
}


/* *5 content (контент)
----------------------------------------------------------------------------- */
#content {
width:684px;
/* original by m1ron
padding:22px 13px 24px 17px;
edit by tim */
padding:23px 15px 23px 15px;
color:#fff;
background:#dadada;
}
#content .space {
width:100%;
overflow:hidden;
color:inherit;
background:#cecece url('../img/content.gif');
}

#left {
width:400px;
float:left;
}

#right {
width:268px;
padding:0 8px 13px 0;
float:right;
position:relative;
}
.pic {
width:100%;
padding-top:13px;
}
.pic img {
width:100%;
margin:0 auto;
display:block;
}


.more {
padding-top:3px;
margin:0px;
font:1.0em arial,tahoma,verdana,sans-serif;
text-align:right;
background:none;
}
.more a {
padding:1px 3px;
color:#7f7f7f;
text-decoration:none;
color:#fff;
background:#e802c4;
}
.more a:hover {
text-decoration:underline;
}





#flash {width:684px;height:364px;}
#flash object {display:block;}
.off {visibility:hidden;display:none;}
.on {visibility:visible;display:block;}
#small {
width:100%;
padding:0px;
margin:0px;
list-style:none;
overflow:hidden;
}
#small li {
float:left;
}
#small li img {
display:block;
}


#popup {
width:900px;
padding-bottom:45px;
position:relative;
}
#popup object {display:block;}
#popup .before {
padding:0px 7px;
text-indent:0px !important;
display:block;
font:11px arial,sans-serif;
position:absolute;
top:387px;
left:16px;
background:#f400c4;
}
#popup .after {
padding:0px 7px;
text-indent:0px !important;
font:11px arial,sans-serif;
position:absolute;
top:387px;
right:16px;
background:#f400c4;
}
#popup .project {
text-indent:0px !important;
position:absolute;
top:407px;
left:16px;
font:11px arial,sans-serif;
color:#000;
background:none;
}
#popup .click {
width:100%;
text-indent:0px !important;
position:absolute;
top:387px;
left:16px;
font:11px arial,sans-serif;
color:#000;
text-align:center;
background:none;
}