@import url(../css/reset.css);
html { height:100%; font-size:11px; }
body { position:relative; background:#000; color:#fff; font:100.1% Tahoma, Arial, Helvetica, sans-serif;  min-height:100%; height:auto !important; height:100%; min-width:992px; max-width:1220px; margin:0 auto }

a {color:#00a1fe;text-decoration:underline}
a:hover { color:#fff;text-decoration:none;background-color:#ff0054}

h1,h2,h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.636em; font-weight:normal; color:#000; margin:1em 0 .7em; padding:0}

.container { overflow:hidden; position:relative}

#header { padding:35px 0 0; position:relative; overflow:hidden }

#logo { padding:0 74px 0 30px; float:left; margin:0; font-size:28px; height:52px; text-transform:lowercase; width:198px; font-style:italic }
#logo a:hover { background:none; }

#nav { overflow:hidden; margin:0 4px 0 0 }
#nav table {border:0;margin:25px 0 0 0; }
#nav td {border:0; padding:0; text-align:center; line-height:20px; height:29px; }
#nav a { display:block; height:29px; color:#fff; text-decoration:none; width:96px; margin:0 auto }
#nav a:hover { background:url(../img/nav-li.png) #ff0054 no-repeat 0 0; color:#fff; text-decoration:none;  }
#nav .active a, #nav .active a:hover { background:url(../img/nav-li.png) #949494 no-repeat 0 -29px; cursor:default  }
#nav span { display:block; margin-left:10px; padding-right:10px; height:22px }
#nav a:hover span { background:url(../img/nav-li.png) 100% 0 no-repeat ;}
#nav .active a span, #nav .active a:hover span { background:url(../img/nav-li.png) 100% -29px no-repeat; cursor:default}

#main { background-color:#fff; margin-top:12px; color:#424242; overflow:hidden; position:relative; z-index:2 } 
#main .container { z-index:10; overflow:hidden; position:relative;}

.bg1 { background:url(../img/yarkie-resheniya.jpg) no-repeat 0 0 #fff;}
.bg1 #content, .bg1 #side { padding-top:0 }

#side { float:left; width:300px; position:relative; z-index:2; clear:right; padding-top:20px; }
#side .container { width:250px; margin-left:30px }

.services { padding:0}
.services li {border-bottom:1px dotted #e5e5e5; position:relative; margin:0 }
.services dfn { display:-moz-inline-stack; display:inline-block; width:30px; font-style:normal; text-indent:1px}
.services a { text-decoration:none; display:block; padding:4px 0 }
.services a dfn { color:#b1b1b1 }
.services a:hover dfn { color:#fff }
.services .active *, .services .active a:hover { background:#cdcdcd; color:#fff;  cursor:default  }

p.contacts { padding-top:20px }

.archive dt { padding:0; margin:0; font-weight:normal }
.archive dd { padding:0; margin:0; font-weight:normal; margin-bottom:1em }

.more { text-align:right }
.more a { display:-moz-inline-stack; display:inline-block; height:16px; line-height:16px; font-size:11px; padding-left:20px; background-image:url(../img/ic-archive.gif); background-repeat:no-repeat; background-position:1px 1px }
.more a:hover { background-position:1px -33px}

#content { float:left; width:100%; margin-left:-9000px; padding-top:20px; position:relative; z-index:1; right:-9300px; text-align:left   }
#content .container { margin-right:330px; margin-left:25px; overflow:visible ; font-size:13px }

.lastworks { margin-left:300px; margin-right:10px; margin-top:36px; background:#d3dcdf }
.lastworks .container { padding:20px 5px 10px 25px;  }
.lastworks i.ct{ height:36px; background:url(../img/lastworks-corners.png) #fff no-repeat -23px 0; margin-bottom:-23px}
.lastworks i.ct i{ background:url(../img/lastworks-corners.png) no-repeat 0 0; height:36px; width:23px; z-index:2}
.lastworks i.cb{ height:65px; background:url(../img/lastworks-corners.png) #fff no-repeat -23px 100%; margin-top:-23px}
.lastworks i.cb i{ background:url(../img/lastworks-corners.png) no-repeat 0 -36px; height:23px; width:23px; z-index:2 }
.lastworks i.cb b { position:absolute; width:100%; height:23px; background:#d3dcdf; z-index:1;left:23px;top:0;}
.lastworks i.ct b { position:absolute; width:100%; height:23px; background:#d3dcdf; z-index:1;left:23px;bottom:0}

.lastworks ins, .portfolio ins { text-decoration:none; display:block; width:212px;  }
.portfolio ins { display:-moz-inline-stack; display:inline-block; text-align:left; margin-bottom:20px; vertical-align:top }
.portfolio img { display:block; border:6px solid #cdcdcd; position:relative; margin-left:-6px; margin-bottom:6px }
.portfolio a:hover img{ border:6px solid #ff0054 }
.portfolio a br { display:none }
.portfolio {  text-align:justify }
.portfolio .end { margin:0; height:1px; width:100% }
.portfolio .empty { margin:0; height:1px }


.lastworks .portfolio { text-align:justify; margin-right:5px; height:222px; padding-left:10px; margin-left:-10px; overflow:hidden; position:relative }
.lastworks .portfolio img { border-color:#fff}
.lastworks .portfolio ins { margin-right:0; text-align:left; }


.preview { padding:18px 22px; background:#e5e5e5; display:-moz-inline-block; display:inline-block; margin-right:22px; max-width:100%; margin-bottom:1em; text-decoration:none }
.preview img { margin:4px 0; max-width:100%;}

.news { overflow:hidden; position:relative; border-bottom:1px solid #e5e5e5; padding-bottom:1em; margin-bottom:1em }
.news dt, .news dd { padding:0; margin:0; font-weight:normal  }
.news .date { clear:both; width:92px; float:left }
.news dd { margin-left:92px; padding-top:1em }
.news .name { margin-left:92px }

.pages { background:#cdcdcd; font-size:13px; font-weight:bold; overflow:hidden; position:relative; height:24px; line-height:24px; text-align:center; margin-bottom:20px; margin-top:10px}
.pages .next, .pages .prev { float:right; font-weight:normal; height:24px; display:block; padding:0 12px; background:#000; text-decoration:none; color:#fff } 
.pages .prev { float:left } 
.pages .next:hover, .pages .prev:hover, .pages a:hover { background:#ff0054 }
.pages p a:hover { border:4px solid #ff0054; border-top:0; border-bottom:0; margin:0 -4px}
.pages p a, .pages p span { padding:0 3px; display:-moz-inline-stack; display:inline-block; }

#page { padding-bottom:136px;}

#footer { height:136px; position:absolute; width:100%; left:0; bottom:0; z-index:1 }
#footer .logo a:hover { background:none }
#footer .brightweb { width:300px; float:left}
#footer .brightweb .container { padding:18px 30px }
#footer .content { background:url(../img/body-corners.png) no-repeat 0 -32px; overflow:hidden; height:136px}
#footer .content .container { padding:18px 25px }
#footer .counters { padding-top:20px;  }
#footer .counters a {margin-right:6px}
#footer .counters a:hover { background:none; }

/*content corners*/
i.ct { width:100%; height:16px; margin-bottom:-16px; background:url(../img/body-corners.png) -30px 0 no-repeat; display:block; overflow:hidden; position:relative; z-index:2}
i.ct i { width:16px; height:16px; display:block; float:right; background:url(../img/body-corners.png) 0 0; overflow:hidden; position:relative }
i.cb { width:100%; height:16px; margin-top:-16px; background:url(../img/body-corners.png) -30px -16px no-repeat; display:block; overflow:hidden; position:relative; z-index:2 }
i.cb i { width:16px; height:16px; display:block; float:right; background:url(../img/body-corners.png) 0 -16px no-repeat; overflow:hidden; position:relative }


/*pagination*/
#pagination { margin:20px 0px 0px 10px; min-height:40px;}
#pagination a, #pagination .pagenum, #pagenation .activepage, #pagination .pageprev, #pagination .activepage { padding: 5px 10px 5px 10px; border: 1px solid #AAAAAA; text-decoration:none;}
#pagination .pageprev, #pagination .pagenext { width: 100px; margin:5px 10px 5px 10px; }
#pagination .activepage { font-weight:bold; background:#949494; color:#fff; }