/*
 * Anastasia Khoroshilova CSS
 * Copyright: anti-design.com 2009
 * Author: Nils Lorenz
 * Version: $Id: khoroshilova.css,v 1.30 2009/05/26 20:55:35 lars Exp $
 */

/*global*/
body{background:#fff;margin:0;padding:0;font-family:Arial, Verdana, Helvetica, sans-serif;font-size:12px;}
a{color:black;text-decoration:none;}
a.active{color:#cc0000;font-weight:bold;}
ul{margin:0;padding:0;}
li{list-style-type:none;}
h1 {margin:0 0 28px 0;padding:0;font-size:13px;font-weight:bold;text-transform:uppercase;}
h2 {margin:50px 0 28px 0;padding:0;font-size:13px;font-weight:bold;text-transform:uppercase;clear:both;}
/*elements*/
#main{width:930px;text-align:left;}
/*header*/
#head{width:930px;height:70px;position:relative;margin-top:75px;z-index:20;}
#head #logo{float:left;width:210px;height:70px;background:url(/img/logo.jpg);display:block;}
#head #logo i{display:none;}
#head #work{display:block;float:left;text-transform:uppercase;position:absolute;left:220px;top:45px;color:#cc0000;z-index:20;}
#head ul{position:absolute;left:455px;top:45px;}
#head ul li{float:left;margin-left:10px;text-transform:uppercase;}
#head #subwork{position:absolute;left:41px;top:25px;display:none;width:166px;height:auto;background:#fff;z-index:20;}
#head #subwork ul{position:relative;top:0px;left:0px;padding:0 0 16px 0;display:block;}
#head #subwork ul li{float:none;margin:16px 0 0 12px;text-transform:uppercase;}
#head #subwork ul li.active{font-weight:bold;}
/*content*/

#content ul{position:absolute;top:0px;left:224px;background:white;display:block;height:10px;padding:10px;z-index:10;width:470px;}
#content ul li{float:left;margin: 0 7px 30px 0;text-transform:uppercase;font-size:9px;}

#content #right ul{position:absolute;top:0px;left:729px;background:white;display:block;height:10px;padding:0;z-index:10;width:190px;}

#content{clear:both;width:930px;height:470px;border:solid 1px #CACACA;position:relative;}
#content #left{width:209px;height:470px;float:left;}
#content #line{width:1px;height:470px;float:left;background-color:#CACACA;}

#arrows {position:absolute;top:10px;left:716px;width:6px;height:32px;background:url(/img/arrows.gif) top left no-repeat;display:none;}

#content #imgcont{margin:5px;width:710px;height:460px;float:left;}

#content #mid{overflow:hidden;width:509px;height:470px;float:left;font-size:11px;font-family:Arial, Helvetica, sans-serif;position:relative;}
#content #mid.work {width:720px;}
#content #mid ul{margin:10px 0 0 15px;}
#content #mid ul li{float:left;margin-left:7px;text-transform:uppercase;}
#content #mid ul li a.active{color:#000000;}

#content #mid #imprint,
#content #mid #contact {margin:38px 24px 15px 24px;}

#content #mid #about {margin: 0 24px 15px 24px;}
#content #mid #worktext {margin:15px 24px;}
#content #mid #text {margin:35px 24px 15px 24px;}

#content #mid #text div.row,
#content #mid #about div.row {clear: both; display: block;}
#content #mid #about h2 {margin:62px 0 28px 0;}
#content #mid #text div.row div.pleft {float: left; width: 288px; display: inline; margin: 0 0 15px 0; }
#content #mid #about div.row div.pleft {float: left; width: auto; display: inline; margin: 0 0 15px 0; }
#content #mid #text div.row div.pright {float: left; width: auto; margin: 0 0 15px 0; }
#content #mid #text div.row div.pright a {margin: 0 12px 0 0;}
#content #mid #about div.row div.pright {float: right; width: 380px; margin: 0 0 15px 0; }

#content #mid label{text-transform:capitalize;width:70px;display:block;float:left;line-height:22px;height:22px;}
#content #mid input, #content #mid textarea{width:210px;margin-bottom:15px;}
#content #mid textarea{height:60px;}
.remove{position:absolute;top:210px;left:300px;text-transform:capitalize;}
.send{position:absolute;top:210px;left:365px;text-transform:capitalize;}

#content #spaceline{margin-top:15px;width:1px;height:440px;float:left;background-color:#CACACA;}
#content #right{width:210px;height:470px;float:left;}
/*footer*/
#footer{width:930px;height:105px;position:relative;font-size:11px;}
#footer #desc{line-height:18px;width:500px;position:absolute;left:215px;top:15px;}
#footer #desc img {border:none;position:absolute;top:88px;left:0px;}
#footer #paging{height:85px;width:210px;position:absolute;left:721px;top:15px;}
#footer #paging ul li{margin-left:18px;line-height:18px;float:left;}
#footer #paging ul li a.active{color:#000000;}
#footer #paging .pagenav{clear:both;position:relative;top:20px;left:20px;text-transform:uppercase;font-size:10px;}
#footer #paging .pagenav span{margin: 0 20px 0 -2px;}

#workImg{margin:5px 0 0 5px;height:460px;overflow-y:hidden}

#right ul li{margin: 12px 0 0 12px;font-size:11px;line-height:12px;float:left;text-transform:uppercase;}
#right ul li a.active{color:#000000;font-weight:bold;}

#frontEndContactForm {margin:20px 0 30px 0;display:block;position:relative;}
#frontEndContactForm .formLabelBox {float:left;width: 68px;}
#frontEndContactForm button {background:white;border:none;position:absolute;top:162px;left:290px;font-size:11px;}
* html #frontEndContactForm button {top:165px;}

.clearBoth {clear:both;display:block;}