/* ——————————————————————————————————————————
File: portfolio.css
Site: Promopx [www.promopx.ru]
Coder: Maksim Pashkevich
Author: XHTMLPLUS [www.xhtmlplus.ru]
Version: 26 Jan 2009
# Browsers: IE 6.0, IE 7.0, FF 3.0, Opera 9.2, Opera 9.5, Safari 3, Chrome 1.0
————————————————————————————————————————— */

#opacityPortfolio { display: none; position: fixed; z-index: 100; min-width: 100%; height: 100%; background: black; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#portfolioFixed { display: none; position: fixed; z-index: 101; width: 100%; height: 100%; min-width: 1000px; min-height: 600px; }
#portfolioOuter { display: table; width: 100%; height: 100%; min-width: 1000px; min-height: 600px; vertical-align: middle; }
*:first-child + html #portfolioOuter { min-height: 600px; overflow: hidden; }
#portfolioContainer { display: table-cell; vertical-align: middle; width: 1000px; height: 600px; margin: 0 auto; }
#portfolioMainarea { position: relative; z-index: 1; width: 986px; height: 586px; margin: 0 auto; border: 7px solid #a4140f; background: url(../i/body.gif) 0 0 repeat; }
.portfolioBlock { display: none; width: 986px; height: 586px; overflow: hidden; }
.portfolioLeft { width: 740px; height: 586px; float: left; }
.portfolioTitle { width: 740px; height: 56px; }
.portfolioBlock h2 { display: block; float: left; height: 35px; background: #a4140f; margin: 0; padding: 0 50px; font: 18px/35px Tahoma, Verdana, Arial; text-transform: uppercase; color: white; }
.portfolioTitle img { display: block; float: left; }
.portfolioLeftBlock { padding-left: 24px; }
.portfolioSite { height: 18px; font-size: 14px; line-height: 18px; font-weight: bold; overflow: visible; }
.portfolioSite a { color: #40710c; text-decoration: none; }
.portfolioSite a:hover { color: #40710c; text-decoration: underline; }
.portfolioDescription { height: 64px; line-height: 16px; overflow: hidden; padding-top: 3px; }
.portfolioGallery { padding-top: 15px; }
.portfolioGalleryLeft { width: 600px; float: left; }
.portfolioGalleryRight { width: 98px; float: left; padding-left: 18px; }
.portfolioMainImage { position: relative; z-index: 104; width: 592px; height: 392px; border: 4px solid #a4140f; overflow: hidden; }
.portfolioMainImage img { position: absolute; width: 592px; height: 392px; }
.portfolioGalleryLeft a { display: block; float: left; margin-top: 5px; padding: 1px 0 4px 26px; color: #a4140f; text-decoration: none; background: url(../i/zoom.gif) 0 0 no-repeat; }
.portfolioGalleryLeft a:hover { color: #a4140f; text-decoration: underline; }
.portfolioRight { position: relative; z-index: 1; zoom: 1; width: 225px; float: left; padding-left: 21px; overflow: hidden; }
.portfolioClose { width: 129px; margin: 0 0 24px 96px; font-size: 1px; }
.portfolioClose a { display: block; width: 129px; height: 41px; background: url(../i/portfolioClose.jpg) 0 0 no-repeat; }
.portfolioClose a:hover { background-position: 0 -41px; }
.portfolioInRed { height: 411px; padding: 110px 17px 0 17px; background: #a4140f url(../i/portfolioInfo.png) 0 0 no-repeat; color: white; }
.portfolioInfoHead { margin-bottom: 3px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #f3cd95; }
.portfolioInfoDivider { font-size: 1px; height: 15px; }
.portfolioRight a { color: white; text-decoration: underline; }
.portfolioRight a:hover { color: #f3cd95; text-decoration: underline; }
.portfolioGalleryRight a { display: block; margin-bottom: 14px; font-size: 1px; border: 4px solid #a4140f; }
.portfolioGalleryRight a:hover { border-color: #cc7152; }
.portfolioSelected { visibility: hidden; position: absolute; z-index: 103; width: 90px; height: 60px; cursor: default; border: 4px solid white; }
@media screen and (min-width:0) { .portfolioSelected { margin-top: 14px !important; } }

/* Services + Portfolio */
#content .portfolioPreviewBlock { width: 156px; height: 179px; padding: 10px; background: url(../i/portfolio_block2.gif) 0 0 no-repeat; }
#content .portfolioPreviewBlock a { display: block; width: 143px; height: 167px; border: 4px solid #b89971; padding: 2px; overflow: hidden; }
#content .portfolioPreviewBlock a img { display: block; }
#content .portfolioPreviewBlock a:hover { border-color: #b94331; }
#content td.portfolioPreviewDivider img { width: 19px; }
#content td.portfolioPreviewTd { width: 176px; overflow: hidden; }
#content .portfolioPreviewTextLink { padding: 6px 0; width: 143px; margin: 0 auto; text-align: center; }
#content .portfolioPreviewTextLink a { color: #40710c; text-decoration: none; }
#content .portfolioPreviewTextLink a:hover { color: #b94331; text-decoration: underline; }
#content .portfolioHorDivider { height: 15px; font-size: 1px; }

#content .portfolioPager .pages { padding: 0 27px 0 9px; }
#content .portfolioPagerRight { float: right; white-space: nowrap; }
#content .branch { color: #40710c; margin-bottom: 15px; }

/* Portfolio Rating */
.portfolio_rate { position: absolute; bottom: 0; z-index: 1; width: 222px; height: 140px; border-left: 7px solid #a4140f; background: #920e0a; text-align: center; overflow: hidden; }
.portfolio_text_top { height: 29px; border-bottom: 7px solid #a4140f; color: #f3cd95; text-transform: uppercase; font-weight: bold; line-height: 29px; }
.portfolio_text_bottom { height: 29px; border-top: 7px solid #a4140f; color: white; line-height: 29px; }
.portfolio_links, .portfolio_ajax, .portfolio_result { position: relative; z-index: 1; zoom: 1; height: 68px; overflow: hidden; }
.portfolio_links a { display: block; float: left; width: 111px; height: 68px; overflow: hidden; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
.portfolio_links a.portfolio_bad { background: url(../i/bad.jpg) 0 0 no-repeat; }
.portfolio_links a.portfolio_good { background: url(../i/good.jpg) 0 0 no-repeat; }
.portfolio_links a:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

.portfolio_ajax { height: 32px; padding: 18px; }
.portfolio_ajax img { display: block; margin: 0 auto; }

.portfolio_result_text { padding: 6px 8px; color: white; text-align: left; }
.portfolio_result_stats { height: 26px; background: url(../i/portfolio_stats_right.gif) 216px 0 no-repeat; overflow: hidden; }
.portfolio_result_stats2 { height: 26px; padding-left: 1px; background: url(../i/portfolio_stats_left.gif) 0 0 no-repeat; overflow: hidden; }
.portfolio_result_stats3 { position: relative; z-index: 1; zoom: 1; height: 26px; overflow: hidden; }
.portfolio_stats_bad, .portfolio_stats_good { height: 26px; float: left; }
.portfolio_stats_bad { background: url(../i/portfolio_stats_bad.gif) 0 0 repeat-x; }
.portfolio_stats_good { background: url(../i/portfolio_stats_good.gif) 0 0 repeat-x; }
.portfolio_stats_bad_text, .portfolio_stats_good_text { position: absolute; z-index: 1; zoom: 1; height: 26px; line-height: 26px; color: #f3cd95; font-weight: bold; font-size: 11px; }
.portfolio_stats_bad_text { left: 8px; }
.portfolio_stats_good_text { right: 11px; }

.portfolio_links { display: block; }
.portfolio_ajax { display: none; }
.portfolio_result { display: none; }