html,body {
	margin:0;
	padding:0;
	height:100%; 
	background: #0e0e0e;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.84em;
	color:#8c9998;
	line-height: 1.4em;
}

img {border: 0px}
form {margin:0px}

table, th, td { 
border: 0; 
border-collapse: collapse;
border-spacing: 0;
padding: 0
}


/*typography*/
a:link {color: #ffbf23;}
a:visited {color: #ffbf23;} 
a:hover {color: #fff;}

span.white{color:#fff}
span.blue{color:#a4b6c8}
span.lq{ margin-left:-12px;  font-size:1.2em}
span.rq{font-size:1.2em; line-height: 0.9em;}

span.red{color:#ff0033}
.y{color:#ffbf23}
.w{color:#fff}

a.y{padding: 0 1px 0 1px}
a.y:link {color: #ffbf23;}
a.y:visited {color: #ffbf23;} 
a.y:hover {color: #000; background: #ffbf24;text-decoration: none;}



/*layout*/
#container { /*background-image: url('guide.gif');*/ width:951px; position:relative; left: 50%; margin-left: -475px;}
#top {height:4px; background: #ff0033}

#header{height:76px;}
#header .menu{float:left; width: 385px; padding: 27px 0 0 5px; }
#header .logo{height:70px; float:left; width:150px; margin-left:10px; text-align: center;}
#header .slogan{float:left; width: 385px; margin-left:10px; text-align:right; padding: 27px 5px 0 0}

#promo {height:405px; text-align:center}
#main{clear:both; margin-top:20px;}

#footer{color:#a4b6c8;margin-top:50px; height:70px;}
#footer .left{float:left; padding-left:5px;}
#footer .left a{color:#c7d800;}
#footer .left a:link {text-decoration: none;}
#footer .left a:visited{text-decoration: none;}
#footer .left a:hover{text-decoration: underline;}


#footer .right{float:right; padding-right:5px;}
#footer .right a:link{color:#8c9998; text-decoration: none;}
#footer .right a:visited{color:#8c9998;}
#footer .right a:hover{text-decoration: underline;}

.lines{height:33px; background-image: url('img/lines.gif')}

#space{clear:both; width:100%; height:50px}
#sp{clear:both; width:100%; height:25px}

#quotation{float: left; width:100%; width:158px; position:relative; left:7px}
#quotation .lines{width:150px;position:relative; left:3px; }
#quotation img {position:relative; left:4px;}
#quotation .txt{color: #fcb315; font-family:Georgia, serif; font-size: 2.2em;line-height: 1.2em; padding: 5px 5px 0 11px;}


/*first page*/
#fresh{float: left; width: 480px; height:400px;}
#fresh .preview{margin-top:10px;}
#fresh .lines{height:33px; width:470px; background-image: url('img/lines.gif')}
#fresh .item {float:left; width:150px; height:150px; margin-left:5px;}
#fresh .item .name{background-image: url('img/l.gif');  background-repeat: repeat-x; padding: 5px 0 0 5px} 
#fresh .item .name a{color:#ccdddd; font-family:Georgia, serif; text-decoration:none; font-weight:bold }


#news{float: left; width: 230px; height:300px; }
#news .content {padding: 10px 5px 0 5px}
#news .content .date{font-family:Georgia, serif; font-weight: bold; color:#ccdddd;}
#news .content .txt{margin:0 0 1em 0}
#news .content .hdr{font-size:1em; font-family:Georgia, serif; color: #fff; font-weight:bold; margin-bottom:0.7em;}
#news h3{font-size:1em; font-family:Georgia, serif; color: #fff; font-weight:bold;}







#profile { float: left; width:150px;  margin-left:10px;}
#profile  .content {font-family:Georgia, serif; }
#profile .folio{ width:100%;  color:#333; height:55px;}
#profile .folio .content {margin-top:30px; font-size:6.5em; position:relative; text-align:center}

#profile .folio .content a{color:#fff;}
#profile .folio .content a:link {text-decoration: none;}
#profile .folio .content a:visited{text-decoration: none;}
#profile .folio .content a:hover{text-decoration: none; color:#ffbf23;}


#profile .projects{color:#8c9998;  text-align:center; font-size:0.9em;}
#profile .line {height:30px; margin-top:15px; width:140px; margin-left:5px; background-image: url('img/l.gif');background-repeat: repeat-x; }

#profile dl{ margin-left:15px; margin-top:-20px; }
#profile .a1{color: #ffbf23; font-size:1.7em;}
#profile .a2{color: #ccdddd; font-size:3.8em; line-height:1.1em}
#profile .a3{color: #ccdddd; font-size:2.2em; line-height:1em}
#profile .a4{color: #ccdddd; font-size:2.65em; line-height:1.1em}
#profile .a5{color: #ccdddd; font-size:1.5em; line-height:1.3em}
#profile .a6{font-style:italic; font-size:1.2em; line-height:1.4em}
#profile .a7{color: #ccdddd; font-size:1.95em; line-height:1em}




#and{float: left; width: 70px; height:300px; margin-left:10px;}
#and .days{margin-left:5px; margin-top:10px;background:#333 url('img/days_bg.gif'); width:60px; height: 41px;}
#and .days .content{position:relative; top:10px;font-family:Georgia, serif; color:#ccdddd; font-size:2.2em; text-align:center}
#and .text {margin-left:10px; margin-top:1em; font-size:0.9em; line-height:1.2em}
#and .text span{color:#ccdddd;}

#and .icons{text-align:center; margin-top:2em}
#and .icons .item{margin-top:1em}

#clients{float: left; width: 150px; height:300px; margin-left:10px;}

/*company*/
#menu{float: left; width: 150px; height:250px;}
#menu .item{padding:10px 5px 5px 5px;}
#menu img.rss{position:relative;top:5px}
#menu img {position:relative; top:3px;}
#menu .block{height:90px}
#menu a{font-weight:bold; font-size:1em; font-family:Georgia, serif;padding: 0 1px 0 1px; margin-left:5px;}
#menu a:link {color: #ffbf23;}
#menu a:visited {color: #ffbf23;} 
#menu a:hover {color: #000; background: #ffbf24;text-decoration: none;}


#passion{float:left; width:790px; margin-left:10px; height:250px;}
#passion img{margin-top:10px;}

#art{clear:left; float: left; width: 150px;}
#art h2{margin-left: 5px; font-family:Georgia, serif; font-weight: normal;font-size: 2em; color:#ccdddd; margin-top:15px;}
#art .item{margin-left:5px; font-size:0.8em }
#art .item img{margin-top:12px; border: 1px solid #222}
#art form{margin:0}
#art select {border: #71817f solid 1px}

#art a{padding: 0 1px 0 1px}
#art a:link {color: #ffbf23;}
#art a:visited {color: #ffbf23;} 
#art a:hover {color: #000; background: #ffbf24;text-decoration: none;}

#company{float:left; width:630px; margin-left:10px;}
#company .item{padding: 10px 5px 0 5px; color: #a4b6c8;}

#services{width:148px; float:left;  margin-left:10px; }
#services .item{ color: #fff; padding: 10px 5px 0 5px;}
#services ul{color:#8c9998; list-style-position: outside; }
#services ul li{margin-left:-25px;}
#services ul li:hover{color:#a4b6c8}

/*#company{float:left; width:630px; margin-left:10px;}
#company .company{float:left; padding: 0 5px 0 5px; color:#ccdddd; font-size: 1.2em;line-height: 1.5em; width: 390px}
#company .services{float:left; padding: 0 5px 0 5px; margin-left:10px; width: 210px;line-height: 1.85em;}
#company .head{height: 35px; padding:10px 0 10px 0;font-family:Georgia, serif; font-weight: normal;font-size: 2.4em; color:#ffbf23;}
#company h2{font-family:Georgia, serif; font-weight: normal;font-size: 2em; color:#ffbf23; margin-top:15px;}
#company 


#company #links{ font-size: 0.84em; margin-top:30px; }

#services{float: left; width: 230px; margin-left:10px;}
#services .item{padding: 10px 5px 0 5px; color: #a4b6c8; margin-bottom:5px;}
#services .item a:link{color: #ffbf23;font-family:Georgia, serif; font-weight: bold; text-decoration: none;border-bottom: dotted 1px;}
#services .item a:visited{}
#services .item a:hover{border-bottom: solid 1px}
*/
/*contacts*/
#details{float: left; width: 310px; height:290px;}
#details .item {margin-top:40px; text-align:center}
#details .item .company {color: #ffbf23 ;font-family:Georgia, serif; font-weight: bold; text-decoration: none;}
#details .item em{font-style:normal; font-size: 1.2em; color: #ccdddd}
#details .item .phone{position:relative; top:3px; font-size: 1.9em; color: #ccdddd}

#location{ width: 950px;}
#location img{margin:10px 0 25px 5px}
.city {color: #ffbf23; font-family:Georgia, serif; font-size:2.8em}
.city span{position:relative; top: -18px; left: 5px}
.city .small{font-size:0.8em}

.address_box{padding: 0 0 0 15px; margin: 0 0 0 10px; border-left: 1px solid #333333; /* margin: 10px 0 0 42px; padding-left:20px;*/}
.address_box_new{padding: 0 0 0 15px; margin: 0 0 0 10px; border-left: 1px solid #333333; width:100px; float:right}
.m{width:250px; float:left; }

.contact_name{color: #a4b6c8; font-family:Georgia, serif; font-size:1.6em; margin-left: 5px; margin-bottom:15px;padding-top:10px;}
.contact_name_top{color: #a4b6c8; font-family:Georgia, serif; font-size:1.6em; margin-top: 10px; margin-left: 5px; margin-bottom:15px;padding-top:10px;}

.address_box .phone{color:#ccdddd; font-size: 2em;}
.address_box .phone span{font-size: 0.6em;}

.fax{margin-top:10px; color:#71817f}
.fax span{color:#ccdddd}

.address_box .address{margin-top:10px;color:#ccdddd}
.address_box .address .big{font-size: 1.2em}

#right_address{float:right; width:200px;}

#europe{float: left; width: 470px; height:300px}
#russia{float: left; width: 229px; margin-left:10px;}
#australia{float: left; width: 229px; margin-left:10px;}

.email{ margin-top:10px; margin-left:6px; color: #ccdddd ;font-family:Georgia, serif; font-weight: bold;}
.email a{margin-left:8px; position:relative; top:-4px;}


/*works*/

#web{float: left; width: 230px;}
#logo{float: left; width: 230px; margin-left:10px;}
#id{float: left; width: 230px; margin-left:10px;}
#print{float: left; width: 230px; margin-left:10px;}

#folio .sq{width:28px; height:28px;  float:left;margin: 10px 0 0 5px; text-align:center;}
#folio .sq em{position:relative; top: 6px;font-style: normal; font-weight:bold; color:#242424; font-size:2em}
#folio .works_header{margin-top:10px; float:left; padding-left:5px; height: 28px; line-height: 1.1em; }
#folio .works_header a{font-family:Georgia, serif; color: #ccdddd; text-decoration: none; font-weight:bold; font-size:1em}
#folio .item{clear:left; height:115px; text-align:center; padding-top:5px;}
#folio .line{margin:20px 0 5px 0; height:4px;background: url('img/lines.gif'); background-position: 0px -12px;}


/*works items*/
#item{float: left; width: 710px;}
#item .content{width:710px; text-align:center;margin: 15px 0 20px 0} 
#item .content_web_small{float:left; width:300px; margin: 0 0 20px 50px;}
#item .content_web_small_a{ float:left; width:300px; margin: 0 0 20px 11px;}
#item .comment{text-align:center; font-style: italic; margin-top:2px;}
#item .sp{clear:both; height:20px}

#project{float: left; width: 230px; margin-left: 10px}
#project .text{margin-left: 5px;}
#project .line{height:15px; background: url('img/line.gif') repeat-x;margin-top:15px}

#project .header{font-family:Georgia, serif; color: #fff; font-size:2.6em; margin-top:10px}
#project .client{font-family:Georgia, serif; color: #ff0033; font-size:1.5em; margin-top:25px;margin-bottom:25px;line-height: 1.1em; }
#project .brief{font-family:Georgia, serif; color: #ffbf23; font-size:1.5em; margin-top:25px;margin-bottom:25px;line-height: 1.1em; }
#project .techno{font-family:Georgia, serif; color: #666666; font-size:1.5em; margin-top:25px;margin-bottom:20px;line-height: 1.1em; }


#project .area{background: #ff0033 url('img/project_a.gif') no-repeat top; width:220px; margin: 15px 0 0 5px; }
#project .area div{padding: 5px 7px 0 7px; font-size: 1.1em; font-style:normal; font-weight: bold; color: #fff; font-family:Georgia, serif;}
#project .text .head{color: #ccdddd;font-family:Georgia, serif; font-size: 1em; font-weight: bold; text-decoration: none;}
#project .text .web_lnk{margin-top:0;}
#project .text .web_lnk a{padding: 0 1px 0 1px; position:relative; color: #ffbf23; top: -4px; left: 5px; font-family:Georgia, serif; font-weight: bold;font-size: 1em;  }
#project .text .web_lnk a:link{}
#project .text .web_lnk a:visited{}
#project .text .web_lnk a:hover{ background: #ff0033; color: #fff}
#project .text a:link {color: #ffbf23; padding: 0 1px 0 1px}
#project .text a:visited {} 
#project .text a:hover {color: #000; background: #ffbf24;padding: 0 1px 0 1px; text-decoration: none;}

#project .prev{height:30px; float:left; font-family:Georgia, serif; color: #666666; font-size:1.5em; }
#project .next{height:30px; float:right; font-family:Georgia, serif; color: #666666; font-size:1.5em; }
#project .next a:link {color: #fff; padding: 0 1px 0 1px; text-decoration: none;}
#project .next a:visited {color: #fff; padding: 0 1px 0 1px; text-decoration: none;} 
#project .next a:hover {color: #000; background: #666666;padding: 0 1px 0 1px; text-decoration: none;}
#project .prev a:link {color: #fff; padding: 0 1px 0 1px; text-decoration: none;}
#project .prev a:visited {color: #fff; padding: 0 1px 0 1px; text-decoration: none;} 
#project .prev a:hover {color: #000; background: #666666;padding: 0 1px 0 1px; text-decoration: none;}

/*works-logo items*/

#logo_description{margin-top:-50px;width:600px;margin-left:60px;}
#logo_description .head{clear:left; margin:0 0 0 5px; padding-top: 20px;}
#logo_description .line{background-image: url('img/l.gif');  background-repeat: repeat-x; height:30px;} 
#logo_description .variations{margin-left:5px}
#logo_description .variations img{margin-left:10px; margin-right:5px; margin-bottom:15px; border:1px solid #323232;}
#logo_description .colors{margin-left:5px;}
#logo_description .colors .item{float:left; width:178px; height:70px;  margin: 0 5px 15px 10px; }
#logo_description .colors .item .color{border:1px solid #0e0e0e; height:40px; }
#logo_description .colors .item .description{ margin-top:5px;margin-left:2px;}
#logo_description .typography {}
#logo_description .typography .font_name {margin-left:15px; font-size:1.1em; font-family:Georgia, serif; color: #efba00;}
#logo_description .typography img{margin-left:15px}
#logo_description .typography .description {margin-left:15px; margin-bottom:20px; padding-right:15px;}
/*other pages*/

#news_archive{float:left; width:630px; margin-left:10px;}
#news_archive .year{clear: both; color:#242424; font-size:2.4em;padding:10px 0 20px 5px }
#news_archive .item{clear:both;  padding:0 0 0 5px}
#news_archive .date{margin-top:10px;  color: #a4b6c8; float:left; width:100px}
#news_archive .article{margin-top:10px;  border-bottom: 1px solid #272b2a; float:right; width: 500px; padding: 0 15px 15px 5px;}
#news_archive h3{font-size:1em; font-family:Georgia, serif; color: #ccdddd; margin-top:0px;}
#news_archive h4{font-size:1em; font-family:Georgia, serif; color: #ccdddd; margin:0px}

#sitemap{float:left; width:630px; margin-left:10px;}
#sitemap a{margin-left:5px}
#sitemap .company{float:left; width:230px; padding: 10px 0 0 0}
#sitemap .works{float:left; width:150px; margin-left:10px; padding: 10px 0 0 0}
#sitemap .contacts{float:left; width:230px; margin-left:10px; padding: 10px 0px 0 0}
#sitemap .main{font-size:2.4em; font-family:Georgia, serif;padding-bottom:15px;}
#sitemap .item{margin-left:15px}
#sitemap .cat{font-size:1.8em; font-family:Georgia, serif; padding: 1em 0 5px 5px;}

#e404{text-align:center}
#e404 h1{font-size: 3em; color:#ccdddd}
#e404 h2{font-size: 2em;}