*{
padding: 0; 
margin: 0;
}
body {
background-color:#ccc;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#content a{
color: #06f;
}
#content a:visited{
color: #933;
}
#content a:hover, #content a:active{
color: #f60;
}
#header {
background-image:url(img-bgr/header.jpg);
background-repeat:no-repeat;
background-position:top left;
background-color:#300;
height: 320px;
margin:0;
padding:0;
}
#logo{
margin-top: 174px;
}
.logo img
{
border:none;
}
.logo{
border: 1px solid #f00;
background-image:url(img-bgr/logo-sprite.gif);
background-repeat:no-repeat;
background-position:0 0;
display:block;
height:146px;
width:257px;
position:relative;
top:174px;
border:none;
}
a:hover.logo{
background-image:url(img-bgr/logo-sprite.gif);
background-repeat:no-repeat;
background-position: 0 -146px;
display:block;
height:146px;
width:257px;
position:relative;
top:174px;
}
#main {
max-width: 1200px;
border: 1px solid #000;
background-color: #fff;
margin:20px;
padding:0px;
}
#header-r {
width: 500px;
float:right;
padding-top:0;
margin-top:0;

}
#languages{
float: right;
width: 300px;
text-align:right;
margin-right: 40px;
margin-top: 65px;
margin-bottom: 68px;
padding-top: 0px;
padding-bottom: 0px;
clear:both;
}
* html #languages{
margin-bottom: 66px;
margin-right: 20px;
}
#languages li{
color: #000;
display:block;
list-style-type:none;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:11px;
padding-top: 0px;
margin-top:0px;
padding-right: 11px;
padding-bottom: 0px;
padding-left: 0px;

}
#languages li a{
color: #000;
text-decoration:none;
padding-top: 0px;
margin-top:0px;
}
#languages li a:hover{
color: #f60;
}

#navigation{
float: right;
text-align:right;
margin-right: 40px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
clear:both;
width: 300px;
}
* html #navigation {
margin-right: 20px;
}

#navigation li{
float: right;
list-style-type:none;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:11px;
padding:0;
margin:0;
text-transform:uppercase;
letter-spacing:5px;
color:ccc;
}
#navigation li a{
color: #ccc;
text-decoration:none;
padding-top: 0px;
padding-right: 7px;
padding-bottom: 0px;
padding-left: 13px;
display:block;
height: 30px;
}
/*#navigation li a.blog{
color:#9cf;
}*/

#navigation li a:hover, #navigation a.cur{
color: #fff;
background-image:url(img-bgr/navi-selected.gif);
background-repeat:no-repeat;
background-position:bottom center;
}
 * html #navigation li a{
display:inline-block;
height:28px;
}
 + html #navigation li a{
display:inline-block;
}
#navigation.start{
margin-top: 145px;
width: 400px;
}
/*#navigation.ru{
width: 400px;
}*/
#content {
padding-top: 20px;
padding-bottom:50px;
font-weight:normal;
font-size:12px;
line-height: 180%;
color: #333;
width: 100%;
}
#content p, #content ul {
padding-left: 115px;
padding-right: 115px;
max-width: 700px;
margin-bottom: 10px;
margin-top: 10px;
}
p#before-portfolio {
margin-bottom:20px;
}
h1 {
color: #444;
font-size:15px;
font-weight:bold;
padding-left: 115px;
padding-right: 115px;
padding-bottom: 20px;
padding-top: 30px;
max-width: 700px;
}
h2 {
font-size:10px;
font-weight:normal;
text-transform:uppercase;
letter-spacing: 5px;
}
.gallery{
max-width:600px;
}
.gallery-title h2 {
margin-left: 115px;
padding:0;
}
.gallery-title h2 .amp {
font-size:14px;
color:  #edd;
}
.gallery-title{
color: #fff;
background-color:#a99;
margin-right:0;
margin-left:0;
width: 100%;
}
.box
{
background-color: #dcc;
}
blockquote
{
background-color: #f4ebe6;
margin-top:0;
margin-bottom:20px;
}
blockquote, .box, .cv
{
margin-right:0;
margin-left:0;
padding-top: 10px;
padding-bottom: 10px;
color: #000;
width: 100%;
}
#content blockquote p {
max-width: 400px;
}
cite
{
font-size:11px;
font-style:normal;
}
#footer {
background-image:url(img-bgr/footer.gif);
background-repeat:no-repeat;
background-position:bottom right;
height: 155px;
margin:0;
}
#footer p{
padding-top: 130px;
padding-right:50px;
color: #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
text-align:right;
}

#impressum a{

text-align:left;
float:left;
padding-left: 50px;
font-size:11px;
}
#email {
background-color: #6b5856;
}

.gallery{
margin-left: 113px;
padding-top:10px;
padding-bottom: 10px;
}
.thumbnail
{
border: 1px solid #a99;
margin-right: 10px;
margin-bottom: 5px;
background-color:#999;
}
a:hover .thumbnail
{
border: 1px solid #fff;
}

.cv {
border:none;
border-collapse:collapse;
background-color: #f4ebe6;
}

.cv tr td{
padding: 10px 7px 10px 7px;
}
.cv tr td.left, .cv tr td.headerrow{
padding-left: 115px;}

.cv tr td.left{
width: 135px;
}

.cv tr.last td{
padding-bottom: 30px;
}

.cv tr .headerrow {
background-color: #a99;
padding:7px;
}



.headerrow h2{
color: #fff;
margin:0;
line-height:100%;

}

#branding{
float:right;
margin:0 0 94px 0;
padding:0;
clear:both;
width:250px;
}

* html #branding{
margin:0 0 98px 0;
}

#branding #blog-title a{
text-decoration:none;
font-size:30px;
line-height:100%;
font-weight:normal;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
color:#ccc;
background-color:#300;
letter-spacing:-0.02em;
float:right;
padding:10px 20px 10px 40px;
}

#branding #blog-title a:hover {
   color: #fff;
}
#branding #blog-title a span.ru{
font-size: 14px;
line-height:100%;
letter-spacing:normal;
}

.main-box {
margin: 20px 0 20px 3%;
float:left;
width: 29%;
}
.main-box-title {
background-color:#f4ebe6;
}
.border-bottom{
border-bottom: 1px dotted #300;
margin:0;
}
.border-top{
border-top: 1px dotted #300;
margin:0;
}
.omega{
border:none;
}
.clear {
clear: both;
}
.main-box h2, .main-box p{
margin-left: 10px;
margin-right: 10px;
padding: 0 !important;
}

#qod p.qod-author {
text-align:right;
}
