html, body, h1, h2, h3, h4, p, a, img, ul, ol, li { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; outline: none; }
body { background: #000; }
div.proHeader, div.proSection, div.proFooter, div.proMenu {  margin: auto; border: 1px solid #222; }

div.proMenu  { margin-top: 20px; width: 950px; height: 28px; border-width: 1px 1px 0 1px; text-align: center; padding-top: 9px; background: url(../images/panel_navigation.jpg) no-repeat; }
div.proMenu ul { list-style: none; }
div.proMenu ul li { display: inline; font: 12px Arial, Helvetica, sans-serif; color: #aaa; }
div.proMenu ul li a { text-decoration: none; color: #bbb; padding: 0 15px; }
div.proMenu ul li a.proSet { color: #cf0; } 
div.proMenu ul li a:hover { color: #cf0; }

div.proHeader { width: 950px; border-width: 0 1px; background: #111; }

div.proSection { width: 875px; background: url(../images/panel_background.gif) bottom left repeat-x #111; border-width: 0 1px; padding: 0 0 25px 75px; overflow: auto; }
div.proSection h1 { margin: 0 25px 15px 0; font: bold 19px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; }
div.proSection h1.first { margin: 0 25px 5px 0; }
div.proSection h1.second { margin: 45px 25px 5px 0; }
div.proSection h2 { margin: 20px 25px 10px 0; font: bold 12px Arial, Helvetica, sans-serif; color: #cf0; text-transform: uppercase; }
div.proSection p { margin: 0 25px 10px 0; font: 12px Arial, Helvetica, sans-serif; color: #bbb; line-height: 18px; }
div.proSection p.onPageNav { margin: 25px 25px 15px 0; }
div.proSection p.onPageNav b { padding: 0 10px; color: #666; }
div.proSection p strong { color: #cf0; }
div.proSection p strong.uppercase { text-transform: uppercase; }
div.proSection a { color: #cf0; }
div.proSection a:hover { color: #bbb; }
div.proSection a.dimmed { color: #bbb; text-decoration: none; }
div.proSection a.dimmed:hover { color: #fff; }
div.proSection ul { list-style: none; width: auto; margin-bottom: 10px; }
div.proSection li { font: 12px Arial, Helvetica, sans-serif; line-height: 18px; background: url(../images/bullet.jpg) 2px 8px no-repeat; padding-left: 12px; color: #bbb; margin-bottom: 5px; }
div.proSection hr { clear: both; border: none; width: 1px; }
div.proSection img { border: 1px solid #666; }
div.proSection table.article { color: #bbb; font: 12px Arial, Helvetica, sans-serif; line-height: 18px; background: #222; margin-bottom: 15px; }
div.proSection table.article strong { color: #cf0; }
div.proSection table.article td { padding: 5px; vertical-align: top; width: 50%; border-bottom: 1px solid #000; }

div.proArea1 { width: 790px; float: left; margin: 0 40px 0 0; }
div.proArea2 { width: 375px; float: left; margin: 25px 40px 0 0; }
div.proArea3 { width: 240px; float: left; margin: 25px 40px 0 0; }
div.proArea4 { width: 175px; float: left; margin: 25px 30px 0 0; }


div.proFooter { clear: both; width: 870px; padding: 0 0 15px 0px; text-align: left; border-width: 1px 0 0 0; }
div.proFooter a.logoExterity { display: block; float:left; width: 100px; height: 50px; background: url(../images/logo_exterity.gif); margin-top: 3px; }
div.proFooter a.logoExterity:hover { background: url(../images/logo_exterity_over.gif); }
div.proFooter span.noShow { display: none; }
div.address { width: 625px; clear: both; margin: 15px auto 0 auto; }
div.infoText { padding-left: 120px; }
div.infoText P { font: 11px Arial, Helvetica, sans-serif; line-height: 17px; color: #666; text-align: left; }
div.infoText a { text-decoration: none; color: #666; }
div.infoText a:hover { color: #cf0; }
div.infoText a img { border: 1px solid #000; vertical-align: middle; margin: 1px; }
div.infoText a:hover img { border: 1px solid #cf0; vertical-align: middle; }
div.clients { clear: both; text-align: center; margin: 25px 0 15px 0; }
div.clients p { font: 11px Arial, Helvetica, sans-serif; color: #666;}