html, body{margin:0; padding:0; text-align:center; background:url(../images/bg.gif) repeat-x #d8cfbe;}

.clearfix{ _height: 1%; _overflow: visible;}
.clearfix:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height:0px; font-size:0px;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clear{clear:both; width:0; height:0; overflow:hidden;}

a{color:#8b8c8f;}
a:hover{text-decoration:none;}

.vyd {background: #f0f0f0; padding: 6px 15px 9px;}

.kopje_right{
width:230px;
float:right;
padding: 6px 20px 9px;
margin: 0 10px 30px 30px;
border: 1px solid #ffb70a;
}
.kopje_right div{
text-indent: -10px;
padding: 0;
}
.kopje_kto{
float:right;
padding: 6px 20px 9px;
margin: 0 30px 30px 30px;
}
.kopje_ferm{
width:400px;
float:right;
padding: 6px 20px 9px;
margin: 0 0 30px 30px;
border: 1px solid #ffb70a;
}

#page{margin:0 auto; padding-top:25px; width:960px; padding-bottom:50px;}

#page #head{height:90px; position:relative;}
#head #logo{width:152px; height:84px; display:block; text-indent:-9999px; background:url(../images/logo.gif) no-repeat; position:absolute; left:0; top:0;}
#head #menu{position:absolute; right:0; top:0; background:url(../images/m_r.gif) right bottom no-repeat #FFF;  padding-right:23px;}
#menu ul{background:url(../images/m_l.gif) left top no-repeat; margin:0; padding:0 0 0 3px; list-style-type:none; width:598px; */width:620px;  height:38px;}
#menu ul li{font:20px Arial; font-weight:bold; font-style:italic; color:#999; line-height:38px; padding-left:20px; height:38px; float:left;}
#menu ul li a{color:#999;}
#menu ul li a:hover{text-decoration:none;}
#head #order{width:185px; height:41px; display:block; position:absolute; right:323px; bottom:0; padding-bottom:1px;}
#head #order a{font:20px Arial; font-weight:bold; font-style:italic; color:#fff; text-decoration:none; border-bottom:1px dashed #fff;}
#head #order a:hover{text-decoration:none; border:0;}
#head #call{font:24px Arial; font-weight:bold; font-style:italic; color:#fff; width:331px; height:41px; display:block; position:absolute; right:0; bottom:0; padding-bottom:1px;}
#head #call a{color:#fff; text-decoration:underline;}
#head #call a:hover{text-decoration:none;}

#glav{font:20px Arial; font-weight:bold; font-style:italic; color:#999; padding-right:20px;}
#glav a{color:#999;}
#glav a:hover{text-decoration:none;}

#glavza{font:20px Arial; font-weight:bold; font-style:italic; color:#999;}
#glavza a{color:#666; text-decoration:none; border-bottom:1px dashed #999;}
#glavza a:hover{text-decoration:none; border:0;}

#tizer{margin:0 auto; padding:0; width:898px; height:214px; list-style-type:none;}
#tizer li{float:left; position:relative; text-align:center;}
#tizer li a img{display:block; border:0;}

.box{text-align:left; position:absolute; bottom:0; padding-top:16px;}

#red{visibility:hidden; z-index:999;}
#red .angle{position:absolute; top:0; left:50%; margin-left:-12px; background:url(/img/red/angle.png) no-repeat; display:block; width:24px; height:23px;}
#red .lt{width:12px; height:12px; background:url(/img/red/LT.png) no-repeat;}
#red .rt{width:12px; height:12px; background:url(/img/red/RT.png) no-repeat;}
#red .lb{width:12px; height:12px; background:url(/img/red/LB.png) no-repeat;}
#red .rb{width:12px; height:12px; background:url(/img/red/RB.png) no-repeat;}
#red .l{background:url(/img/red/L.png) repeat-y; width:12px;}
#red .r{background:url(/img/red/R.png) repeat-y; width:12px;}
#red .c{background:#ea3a34; font:13px Arial; font-weight:bold; font-style:italic; color:#FFF; line-height:19px; vertical-align:top;}
#red .t{background:url(/img/red/TC.png) repeat-x; height:12px;}
#red .b{background:url(/img/red/BC.png) repeat-x; height:12px;}

#blue{visibility:hidden; z-index:999;}
#blue .angle{position:absolute; top:0; left:50%; margin-left:-12px; background:url(/img/blue/angle.png) no-repeat; display:block; width:24px; height:23px;}
#blue .lt{width:12px; height:12px; background:url(/img/blue/LT.png) no-repeat;}
#blue .rt{width:12px; height:12px; background:url(/img/blue/RT.png) no-repeat;}
#blue .lb{width:12px; height:12px; background:url(/img/blue/LB.png) no-repeat;}
#blue .rb{width:12px; height:12px; background:url(/img/blue/RB.png) no-repeat;}
#blue .l{background:url(/img/blue/L.png) repeat-y; width:12px;}
#blue .r{background:url(/img/blue/R.png) repeat-y; width:12px;}
#blue .c{background:#97abde; font:13px Arial; font-weight:bold; font-style:italic; color:#FFF; line-height:19px; vertical-align:top;}
#blue .t{background:url(/img/blue/TC.png) repeat-x; height:12px;}
#blue .b{background:url(/img/blue/BC.png) repeat-x; height:12px;}

#yellow{visibility:hidden; z-index:999;}
#yellow .angle{position:absolute; top:0; left:50%; margin-left:-17px; background:url(/img/yellow/angle.png) no-repeat; display:block; width:35px; height:23px;}
#yellow .lt{width:12px; height:12px; background:url(/img/yellow/LT.png) no-repeat;}
#yellow .rt{width:12px; height:12px; background:url(/img/yellow/RT.png) no-repeat;}
#yellow .lb{width:12px; height:12px; background:url(/img/yellow/LB.png) no-repeat;}
#yellow .rb{width:12px; height:12px; background:url(/img/yellow/RB.png) no-repeat;}
#yellow .l{background:url(/img/yellow/L.png) repeat-y; width:12px;}
#yellow .r{background:url(/img/yellow/R.png) repeat-y; width:12px;}
#yellow .c{background:#ffab1f; font:13px Arial; font-weight:bold; font-style:italic; color:#FFF; line-height:19px; vertical-align:top;}
#yellow .t{background:url(/img/yellow/TC.png) repeat-x; height:12px;}
#yellow .b{background:url(/img/yellow/BC.png) repeat-x; height:12px;}

#page #body{background:url(../images/center.jpg) repeat-y; font:12px Arial; color:#8b8c8f; line-height:17px;}
#body #bottom{background:url(../images/bottom.jpg) right bottom no-repeat;}
#body #bottom #context-main{background:url(../images/top.jpg) no-repeat; padding:55px 30px 30px 30px; text-align:left;}
#body #bottom #context{background:url(../images/top-inner.jpg) no-repeat; padding:55px 30px 30px 30px; text-align:left;}

#context-main #about{width:235px; float:left; padding-left:30px; padding-right:25px;}
#context-main #lastworks{width:230px; float:left; padding-left:30px; padding-right:40px;}
#context-main #writing{width:230px; float:left; padding-left:60px;}
#context-main #writing p{clear:both; display:block; text-indent: -1.5em;}

#context #corporate{width:200px; float:left; background:url(../images/icon-bcard.gif) no-repeat; padding-left:60px; padding-right:30px;}
#context #unique{width:230px; float:left; background:url(../images/icon-business.gif) no-repeat; padding-left:60px; padding-right:30px;}
#context #eshop{width:230px; float:left; background:url(../images/icon-eshop.gif) no-repeat; padding-left:60px;}

#context #upgrade{width:200px; float:left; background:url(../images/icon-upgrade.gif) no-repeat; padding-left:60px; padding-right:30px;}
#context #barter{width:230px; float:left; background:url(../images/icon-barter.gif) no-repeat; padding-left:60px; padding-right:30px;}
#context #partner{width:230px; float:left; background:url(../images/icon-partner.gif) no-repeat; padding-left:60px;}

#context #style{width:480px; float:left; background:url(../images/icon-style.gif) no-repeat; padding-left:60px; padding-right:30px;}
#context #tech{width:480px; float:left; background:url(../images/icon-tech.gif) no-repeat; padding-left:60px; padding-right:30px;}

#context #contekst{width:330px; float:left; background:url(../images/icon-media.gif) no-repeat; padding-left:60px; padding-right:30px;}

#context h1{margin:0; font:22px Arial; font-weight:bold; font-style:italic; color:#666666;}
#context h1 a{color:#666666;}
#context .price span{display:block; font:22px Arial; font-style:italic; color:#666666;}
#context .price span .num{color:#da7e2b;}
#context .more{color:#8b8c8f; font:19px Arial; font-weight:bold; font-style:italic; margin-top:20px; display:block; float:left;}

#context-main h1{margin:0; font:22px Arial; font-weight:bold; font-style:italic; color:#666;}
#context-main h2{margin:0; font:22px Arial; font-weight:bold; font-style:italic; color:#999;}
#context-main h1 a{color:#666666;}
#context-main .price span{display:block; font:22px Arial; font-style:italic; color:#666;}
#context-main .price span .num{color:#da7e2b;}
#context-main .more{color:#8b8c8f; font:19px Arial; font-weight:bold; font-style:italic; margin-top:20px; display:block; float:left;}

#page #sub{text-align:left; padding-top:30px; background:url(../images/sub.jpg) no-repeat; position:relative;}
#sub {color:#737477; font:12px Arial; line-height:15px;}
#sub a{color:#4975d7;}
#sub .ft{background:url(../images/ft.gif) no-repeat; width:57px; height:29px; float:right; padding-right:57px;}
#sub .width{width:320px; float:left;}
#sub .client{padding:45px 20px 0 87px; background:url(../images/client.gif) 85px top no-repeat;}
#sub .works{padding:45px 0 0 0; background:url(../images/lastworks.gif) center top no-repeat; text-align:center;}
#sub .works img{display:block; margin:auto; margin-bottom:20px; }
#sub .faq{padding:45px 0 0 57px; background:url(../images/faq.gif) 55px top no-repeat;}
#sub .word{background:url(../images/word.gif) no-repeat; display:block; margin-top:15px; padding-left:45px; color:#4975d7; height:35px;}
#sub .acrobat{background:url(../images/acrobat.gif) no-repeat; display:block; margin-top:15px; padding-left:45px; color:#4975d7; height:37px;}

#sub .faq #icons{padding-top:15px;}
#icons a{display:block;}
#icons .contacts{background:url(../images/icon_c.gif) left center no-repeat; padding-left:25px; margin-bottom:15px;}
#icons .icq{color:#4975d7; background:url(../images/icon_i.gif) left center no-repeat; padding-left:25px; margin-bottom:15px;}
#icons .skype{background:url(../images/icon_s.gif) left center no-repeat; padding-left:25px;}
#icons .chat{color:#4975d7; background:url(../images/icon_k.gif) left center no-repeat; padding-left:25px;}

#page #footer{margin:0 57px 0 53px; background:url(../images/f_l.gif) no-repeat #bababa; text-align:left; font:11px Arial; color:#FFF;}
#footer #r{background:url(../images/f_r.gif) right bottom no-repeat; height:40px; padding:12px 20px 12px 20px;}
#footer a{color:#FFF; line-height:20px;}

.splCont{display:none; padding-top:10px;}

.twit{ background: url(/img/background.gif); color: #da7e2b; display: block; font-style: italic; margin-top: 15px; margin-bottom: 15px; padding: 15px 15px 15px 15px; }
.twitnon{ background: url(/img/background.gif); color: #da7e2b; display: block; font-style: italic; margin-top: 15px; padding: 15px 15px 15px 15px; }
.agency { background: url(/img/background.gif); color: #da7e2b; display: block; font-style: italic; margin-top: 15px; margin-bottom: 15px; padding: 15px 15px 15px 15px; }
.agency a{color: #da7e2b; border-bottom:1px dashed #da7e2b; text-decoration:none;}
.agency a:hover{text-decoration:none; border:0px;}

#context #offer a{margin-left:5px; text-decoration:none; border-bottom:1px dashed #999; font:22px Arial; font-weight:bold; font-style:italic; color:#666;}
#context #offer a:hover{text-decoration:none; border:0px;}
#context #offer .splCont a{font:12px Arial; text-decoration:underline; border:0px; color:#8b8c8f; margin:0;}
#context #offer .splCont a:hover{text-decoration:none;}

#context #linker a{margin-left:5px; text-decoration:underline; border:0px; font:22px Arial; font-weight:bold; font-style:italic; color:#999;}
#context #linker a:hover{text-decoration:none; border:0px;}
acronym { border-bottom:1px dashed #666; cursor:help }