@charset "utf-8";
/* CSS Document */





body {margin: 0; background: url(../img/bck_body.gif) repeat-x #e5e5e5; font: 12px/16px Arial, Helvetica, sans-serif; color: #2f2f2f;}
a {cursor: pointer !important;}
.left {float: left !important;}
.right {float: right !important;}
.clear {clear: both !important;}
.red {color: #e20000 !important;}


#main {width: 920px; margin: 0 auto; padding: 37px 40px;}

#top {height: 120px; border-bottom: 1px solid #dedede; position: relative;}
#top .logo {display: block; float: left; height: 75px; width: 220px; margin-top: 45px;}
#top .right {position: absolute; top: 0; right: 0; width: 700px;}
#top .covers {float: right; margin-bottom: 15px;}
#top .covers img {border: 2px solid #f5f2f2; border-right: 2px solid #a7a7a7; border-bottom: 2px solid #a7a7a7; height: 70px; width: auto; margin-left: 25px; float: left;}
#top .covers img:hover {border: 1px solid #C00; padding: 1px;}

.menu li {display: inline;}
.menu span {display: none;}

#top .menu {clear: both; float: right; width: 332px; height: 31px; margin: 0; padding: 0; list-style: none; text-align: right;}
#top .menu a {display: block; float: left; height: 31px; background: url(../img/menu_top.gif);}

#top .menu #client a {width: 100px; background-position: 0 0;}
#top .menu #client a:hover, #top .menu #client a.active {background-position: 0 -31px;}
#top .menu #files a {width: 84px; background-position: -93px 0;}
#top .menu #files a:hover, #top .menu #files a.active {background-position: -93px -31px;}
#top .menu #contact a {width: 71px; background-position: -177px 0;}
#top .menu #contact a:hover, #top .menu #contact a.active {background-position: -177px -31px;}
#top .menu #background a {width: 89px; float: right; background-position: -270px 0;}
#top .menu #background a:hover, #top .menu #background a.active {background-position: -270px -31px;}

#top .menu #clientnews a {width: 72px; background: url(../img/btn_cientnews.gif) 0 0;}
#top .menu #clientnews a:hover, #top .menu #clientnews a.active {background: url(../img/btn_cientnews.gif) 0 -31px;}


#middle {min-height: 437px; _height: 437px; position: relative;}

#middle div.txt {position: absolute; top: 80px; left: 100px; width: 510px; font: 13px/18px Arial, Helvetica, sans-serif;}
#middle div.txt p, .history div.txt h3  {margin: 14px 0;}
#middle div.txt h3 {font: bold 15px/18px Arial, Helvetica, sans-serif;}
#middle div.form {position: absolute; top: 145px; left: 410px; width: 400px; font: 13px/18px Arial, Helvetica, sans-serif; border-left: 1px solid #e5e5e5; padding-left: 20px;}
#middle div.form input, #middle div.form textarea {border: 1px solid #e5e5e5; width: 300px; padding: 3px;font: 13px/18px Arial, Helvetica, sans-serif;}
#middle div.form input.btn {width: 80px; background: #C00; color: #fff; font-size: 15px; font-weight: bold;}

.projects  {position: absolute; top: 160px;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
.projects  {height: 250px;}

 }
 

 
.about .projects {top: 150px;}

.friends .projects {top: 165px;}



.galleryDesign {background:url(../img/bck_work_design.gif) no-repeat;}
.galleryDesign img.txt {position: absolute; top: 20px; left: 30px;}
.galleryDesign img.tit {position: absolute; top: 12px; right: 0;}

.about {background:url(../img/bck_about.gif) no-repeat;}
.about img.txt {position: absolute; top: 20px; left: 30px;}
.about img.tit {position: absolute; top: 12px; right: 0;}

.publishing {background:url(../img/bck_publishing.gif) no-repeat !important;}
.publishing div.txt {top: 60px !important; width: 355px !important;}
.publishing .projects {top: 160px !important;}

.friends {background:url(../img/bck_friends.gif) no-repeat !important;}
.island {background:url(../img/bck_island.gif) no-repeat !important;}

.btnPortfolio {width: 122px; height: 32px; position: absolute; bottom: 3px; left: 5px;}


#news {width: 315px; position: absolute; bottom: 5px; right: 15px; color: #000;}
#news h2 {float: right; margin: 0;}
#news p {margin: 0;}
#news p.date {color: #666; font-size: 11px;}
#news p.tit {font-size: 14px; font-weight: bold; color: #e20000;}
#news p.txt {font-size: 12px;}
#news a.link {font-size: 11px; color: #e20000; text-decoration: none; padding: 0 5px;}
#news a.link:hover {color: #000;}
#news .news {clear: both; margin-bottom: 10px; padding: 25px 30px; background: #fff; opacity: .9; moz-opacity: .9; filter: alpha(opacity=90); zoom: 1;}

#bottom {height: 90px; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; margin-bottom: 5px;}

#bottom .logos {float: right;}



/*.chrome .about .projects {top: 70px;}*/
.chrome .about .projects .scrollable {margin-left: 40px;} 
.chrome .about .projects .prev, .chrome .galleryDesign .prev {margin-bottom: -150px;}
.chrome .galleryDesign .scrollable {margin-left: 40px;} 


/* OUR CLIENTS page */
.clients {position: absolute; top: 180px;}
.clients ul {margin: 0 0 0 100px; padding: 0;} 
.clients li {float: left; width: 265px; font: bold 14px/24px Arial, Helvetica, sans-serif; list-style: none;}
.clients li a {text-decoration: none; color: #2f2f2f;}
.clients li a:hover {color: #e20000;}