/* 60px gray space around site with image of "pappageorgehaymes partners" in background */
body { margin:60px; background:url(/images/phpartners.gif) no-repeat 275px 46px #1D1D1D; }

/* the font base for the site */
td, body { color: #666666; font-size: 10px; line-height: 16px; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; }

/* standard link styles */
a:link, a:visited { text-decoration: none; color: #666666; }
a:active, a:hover { text-decoration: none; color: #B9D300; }

/* h2 header */
h2 { font-size: 10px; color:#eeeeee; clear:left; }

/* horizontal rule */
hr { border:0; color:#333333; background-color:#333333; height: 1px; margin-top:20px; margin-bottom:10px; }


/****************** LOGO AREA ******************/

/* the floating div that holds the rotating logo flash movie */
#rotateLogo { position: absolute; top: 0px; left: 0px; }

/* the following classes show a jpg of the logo while the flash logo loads */
.logo  { background:url(/images/logos/logo.gif) no-repeat; }
.logo1  { background-image:url(/images/logos/logo1.jpg) }
.logo2  { background-image:url(/images/logos/logo2.jpg) }
.logo3  { background-image:url(/images/logos/logo3.jpg) }
.logo4  { background-image:url(/images/logos/logo4.jpg) }
.logo5  { background-image:url(/images/logos/logo5.jpg) }
.logo6  { background-image:url(/images/logos/logo6.jpg) }
.logo7  { background-image:url(/images/logos/logo7.jpg) }
.logo8  { background-image:url(/images/logos/logo8.jpg) }
.logo9  { background-image:url(/images/logos/logo9.jpg) }
.logo1, .logo2, .logo3, .logo4, .logo5, .logo6, .logo7, .logo8, .logo9
  { background-repeat: no-repeat; background-position: 0px 73px; padding: 1px; height: 145px; }
  
/* a remnant of when text was used for a page header instead of an image  */
.logo1 h1, .logo2 h1, .logo3 h1, .logo4 h1, .logo5 h1, .logo6 h1, .logo7 h1, .logo8 h1, .logo9 h1 
  { display: block; margin: 0px; padding: 0px; width: 70px; color: #FFFFFF; font-size: 10px; line-height: 13px; }


/****************** LEFT NAVIGATION AREA ******************/
  
/* padding of the navigation area on the left  */
.nav, .subnav { color: #B9D300; font-weight: bold; padding-left:2px; }
.navPadding { padding-top: 60px; }
.subnav, #propDesc { padding-top: 15px; }
.nav { padding-bottom: 0px; padding-right: 0px; }
.thumbnails { padding: 7px 0px; }

/* top level links that have dropdowns  */
#porfolio, #firm { position: relative; }
/* dropdowns from the navigation area on the left  */
#sub1, #sub2 { position: absolute; visibility: hidden; width: 160px; padding-left: 10px; padding-bottom: 10px; }
#sub1 { z-index: 50; }
#sub2 { z-index: 51; }
/* selected link styles within the navigation */
.selectLink a:link, .selectLink a:visited { text-decoration: none; color: #B9D300; }
.selectLink a:active, .selectLink a:hover { text-decoration: none; color: #B9D300; }
/* regular link styles within the navigation (used within Javascript to override selectLink) */
.regLink a:link, .regLink a:visited { text-decoration: none; color: #666666; }
.regLink a:active, .regLink a:hover { text-decoration: none; color: #B9D300; }


/****************** TEXT AREA ON PROPERTY PAGES ******************/

/* infoBox holds infoBoxBG and infoBoxTxt
   infoBoxBG floats within infoBox as a 90% transparency 
   infoBoxTxt floats in front of infoBoxBG and holds the information on the property */
#infoBox { position: absolute; height: 100%; overflow: hidden; width: 220px; visibility: hidden; z-index: 20; }
#infoBoxBG, #infoBoxTxt { position: absolute; height: 1200px; }
#infoBoxTxt, .infoTxt, .topPad { padding-top: 126px; }
#infoBoxBG { background-color: #1d1d1d; filter:alpha(opacity=90); opacity: 0.9; -moz-opacity:0.9; width: 218px; }
#infoBoxTxt { color: #FFFFFF; width: 198px; }
#infoBoxTxt, .infoTxt, #largeTextBlock, .popupPropertyTxt { padding-left: 10px; line-height: 21px; }

/* link styles */
#infoBoxTxt a:link, #infoBoxTxt a:visited { text-decoration: none; color: #FFFFFF; font-weight:bold; }
#infoBoxTxt a:active, #infoBoxTxt a:hover { text-decoration: none; color: #B9D300; font-weight:bold; }

/* styling of property name and address on property pages' info box */
#propName, #propData { font-weight: bold; }
#propData { min-height: 81px; }

/* hides the extra text within the property page info */
#MORE { display:none; }

.infoTxt, .grayTxt { color: #666666; }

/* popupPropertyTxt controls the look of the page that pops up after the user clicks "read more" */
.popupPropertyTxt { color: #cccccc; background:#111111; height:100%; }
.popupPropertyTxt2 { margin-bottom:60px; }
.popupPropertyTxt p { padding-right: 25px; }
.popupPropertyTxt #propName, .popupPropertyTxt #propData { color:#eeeeee; }


/****************** OTHER ******************/

/* the content area of the site */
.mainTbl { background-color:#000000; }

/* padding on the architext videos */
.architectVideo { padding-top: 133px; padding-left: 10px; }

/* largeTextBlock is a td id controlling text heavy pages */
#largeTextBlock { width: 275px; color:#888888; padding-top: 116px; padding-bottom: 10px; }
#largeTextBlock strong, #largeTextBlock b, .lightText { color:#CCC; }

/* applied to first paragraphs on text pages to line them up with the logo */
.firstPara { padding-top: 10px; }

/* showoffers is a p id controlling the link style on the careers page */
#showoffers a:link, #showoffers a:visited { color:#CCC; font-weight:bold; }
#showoffers a:active, #showoffers a:hover { color:#B9D300; font-weight:bold; }

/* hides the offers on the career page */
#offers { display:none; }

/* scales the photoarea to the maximum area */
#photoArea { width: 100%; height: 100%; position: relative; z-index: 10; }

/* award page formatting */
.award { line-height: 17px; }
.award img { padding: 2px 5px 12px 0px; float:left; }
.award a { display:block; }
p.award { clear:left; }
#awardImagePopup { position:absolute; visibility: hidden; z-index:73; background-color:#000000; }