body, html { text-align: left; background-color: #181818; color:#FFF; font-family:Arial, Helvetica, sans-serif }

#pPortfolio { text-align:left; width:100%; font: normal 11px/16px Arial; margin:0; padding:0; }
#pPortfolio .text{ padding: 0 0 40px 0; }
#pPortfolio .block { font: normal 12px Helvetica,Verdana; width:220px; color: #FFF; float:left; padding:0 19px  30px 0; }
#pPortfolio .block a{ color: #919191; text-decoration: none; font: 11px/17px Arial; }
#pPortfolio .block a:hover{ color:#99CC00 }
#pPortfolio .block p{ padding: 0 0  0 5px; margin:0;}
#pPortfolio .block .background{ height:18px; background:url(../../images/port_buttonsbottom.jpg);}
#pPortfolio .header{ color:#adad98; font-size:16px; padding:10px 0 0 0; }
#pPortfolio .header .caption{ float:left; }
#pPortfolio .header .video{ float:right; padding-right:20px;}
#pPortfolio #portfolioList{ height:400px;  }

#pContentTop{ border-bottom:solid 1px #2E2E2E; height:310px; width:950px; padding:20px 0 0 0; margin-right:3px }
#pContentTop .left{ float:left; width:451px; text-align:left; padding:0 80px 0 0; font-size:11px; }
#pContentTop .left h1{ }
#pContentTop .left h3{ color:#84858C }
#pContentTop .right{ float:left; }

#pHeader{ border-bottom:solid 1px #2E2E2E; padding:38px 0 110px 0; width:950px; height:22px;  margin-right:3px; }
#pHeader .left{ float:left; width:380px; text-align:left;}
#pHeader .left img{ padding:0 0 0 0; float:left;}
#pHeader .left h3{  float:left; padding:5px 0 0 0}
#pHeader .middle{ float:left; width:262px; text-align:right;}
#pHeader .right{ float:right; padding-left:100px; padding-top:4px; width:302px; }

.PortfolioPopup { background-color: #FFF; color: #000; padding:20px; height:630px; overflow:auto; text-align:left; width:1000px}
.PortfolioPopupClose { float:right; }
.PortfolioPopup .left{ float:left; width:420px; }
.PortfolioPopup .border{ border-bottom:dotted 1px #919191; padding-bottom:20px; margin-bottom:10px; }
.PortfolioPopup .right{ float:left; width:470px; padding:10px 0px 0 50px }
.PortfolioPopup .right h1{ color:#6f6f6f; font-size:16px; font-weight:bold; padding:0 0 20px 0 }
.PortfolioPopup .right h2{ color:#a5d21f; font-size:12px; padding:0 0 20px 0 }

.PortfolioPopup .textSmallMA{ color: #919191; font: normal 11px/16px Arial; border-bottom:dotted 1px #919191; clear:both; }
.PortfolioPopup .textSmallMC{ color: #919191; font: normal 11px/16px Arial; border-bottom:dotted 1px #919191; clear:both; }
.PortfolioPopup .textSmallTC{ color: #919191; font: normal 11px/16px Arial; border-bottom:dotted 1px #919191; clear:both; }
.PortfolioPopup .textLargeTC{ color: #919191; font: normal 11px/16px Arial; border-bottom:dotted 1px #919191; clear:both; }
.PortfolioPopup .textLargeJM{ color: #919191; font: normal 11px/16px Arial; border-bottom:dotted 1px #919191; clear:both; }
.PortfolioPopup .textLargeJM .leftLarge{ float:left; width:80px; font-weight:bold; padding:10px 30px 10px 10px }
.PortfolioPopup .textLargeJM .rightLarge{ margin-left: 123px; padding:10px }
.PortfolioPopup .textLargeMA{ color: #919191; font: normal 11px/16px Arial; border-bottom:dotted 1px #919191; clear:both; }
.PortfolioPopup .textLargeMA .leftLarge{ float:left; width:80px; font-weight:bold;  padding:10px 30px 10px 10px }
.PortfolioPopup .textLargeMA .rightLarge{ margin-left: 123px; padding:10px }
.PortfolioPopup .textLargeCR{ color: #919191; font: normal 11px/16px Arial; border-bottom:dotted 1px #919191; clear:both; }
.PortfolioPopup .textLargeCR .leftLarge{ float:left; width:80px; font-weight:bold; padding:10px 30px 10px 10px }
.PortfolioPopup .textLargeCR .rightLarge{ margin-left: 123px; padding:10px }
.PortfolioPopup .textLargeHE{ color: #919191; font: normal 11px/16px Arial; border-bottom:dotted 1px #919191; clear:both; }
.PortfolioPopup .textLargeHE .leftLarge{ float:left; width:80px; font-weight:bold; padding:10px 30px 10px 10px }
.PortfolioPopup .textLargeHE .rightLarge{ margin-left: 123px; padding:10px }

.PortfolioPopup .textSmall{ color: #919191; font: normal 11px/16px Arial; border-bottom:dotted 1px #919191; clear:both; }
.PortfolioPopup .leftSmall{ float:left; width:100px; font-weight:bold; padding:10px }
.PortfolioPopup .rightSmall{ margin-left: 123px; padding:10px }
.PortfolioPopup .rightSmallAE{ float:left; width:280px; padding:10px }
.PortfolioPopup .textSmallAE{ color: #919191; font: normal 11px/16px Arial; border-bottom:dotted 1px #919191; clear:both; }
.PortfolioPopup .textSmallCR{ color: #919191; font: normal 11px/16px Arial; border-bottom:dotted 1px #919191; clear:both; }
.PortfolioPopup .textSmallHE{ color: #919191; font: normal 11px/16px Arial; border-bottom:dotted 1px #919191; clear:both; }
.PortfolioPopup .textLarge{ color: #919191; font: normal 11px/16px Arial; border-bottom:dotted 1px #919191; clear:both; }
.PortfolioPopup .leftLarge{ float:left; width:80px; font-weight:bold; padding:10px 30px 10px 10px }
.PortfolioPopup .rightLarge{ margin-left: 123px; padding:10px }
.PortfolioPopup .textLargeBottom{ color: #919191; font: normal 11px/16px Arial; clear:both; }
.PortfolioPopup .leftLargeBottom{ float:left; width:80px; font-weight:bold; padding:10px }
.PortfolioPopup .rightLargeBottom{ margin-left: 123px; padding:10px }

.PopupBackground { background-image: url('../../images/popup_background.png'); }

#pFooter{ border-bottom:solid 1px #2E2E2E; }

#pFooter ul { background-color: transparent; }
#pFooter ul li { list-style: none; float: left; color: #707070; padding: 4px 0 4px 2px; font: bold 11px/16px Arial; }
#pFooter ul li a { color: #707070; text-decoration: none; font: bold 11px/16px Arial; }
#pFooter ul li a.selected { color: #99CC00; }
#pFooter ul li a:hover { color:#99CC00 }