/* 20081105 // Lucidmode Modified Shorthand CSS Reset */ /* http://meyerweb.com/eric/tools/css/reset/ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; } /* Whew... Now on to the show. */ body { line-height: 1; } ul { list-style: none; } blockquote, q { quotes: none; } /* blockquote:before, blockquote:after, q:before, q:after { content: none; }*/ /* Clear All Focus Styles */ :focus { outline: 0; } /* Highlights */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* Tools */ #reset, .reset, #clearFloats, .clearFloats, #clearBoth, .clearBoth { clear: both; font-size: 0px; height: 0px; visibility: hidden; } /* h1 { }*/ html { background: url(/images/0509_masterbg_lrscroll.jpg) top repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 80%; line-height: 14px; } body { background: url(/images/0509_masterbg.jpg) no-repeat scroll center top; margin: 0; padding: 0; } a, a:visited, a:link { color: rgb(138,53,56); } a:hover { text-decoration: none; color: rgb(0,0,0); } h1, h2, h3 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: 100; color: rgb(138,53,56); text-transform: uppercase; text-align: left; } h1 a, h2 a, h3 a { text-decoration: none; } h1 { font-size: 205%; letter-spacing: +1px; margin: 0px 0px 20px 0px; line-height: 25px; } h2 { font-size: 150%; letter-spacing: +1px; margin: 3px 0px 5px 0px; } h3 { font-size: 125%; letter-spacing: +0px; margin: 0px 0px 0px 0px; } h4 { font-family: Arial, Helvetica, sans-serif; font-size: 120%; font-weight: 900; color: rgb(102,102,102); line-height: 50%; margin: 0px 0px 20px 0px; padding: 5px 0px 0px 0px; } /* ---------- Main Shell and Container ------------------------------------------ -- Note: Main Shell "Brought Out" of the form for 100% height capability -------- */ #mainshell { position: relative; z-index: 0; } #container { width: 976px; margin: 0px auto; border: 2px solid rgb(78,70,76); border-top: none; background: url(/images/0509_shellbg.jpg) center 0 no-repeat rgb(255,255,255); } /* Navigation Block */ #navigation { } #navigation #navLogo { position: absolute; padding: 5px 17px 0px 17px; float: left; } #navigation #navBar { height: 32px; padding: 85px 0px 0px 0px; } #navMenu { height: 26px; padding: 3px 0px; background: url(/images/0509_navMenuBg.jpg) center repeat-x rgb(255,255,255); } #navMenu ul#mainNav { display: inline-table; height: 22px; margin: 0px 0px 0px 179px; text-align: center; } ul#mainNav li.mainNavList { display: table-cell; } div.mainNavHead { border-left: 2px solid rgb(255,255,255); } .topgid14 div.mainNavHead { border-right: 2px solid rgb(255,255,255); position: relative; z-index: 900; } ul#mainNav li.mainNavList div.mainNavHead a { display: block; height: 22px; line-height: 22px; padding: 0px 10px; text-align: center; align: center; font-family: Arial, Helvetica, sans-serif; font-size: 105%; text-decoration: none; color: rgb(255,255,255); text-transform: uppercase; } #mainNav .selected, #mainNav .rollover { background: url(/images/0509_navMain_overL.png) left 0 no-repeat; } #mainNav .selected .mainNavHead, #mainNav .rollover .mainNavHead { background: url(/images/0509_navMain_overR.png) right 0 no-repeat; } ul.subNav .hidden { visibility:hidden; } ul.subNav { margin: 7px 0px 0px 2px; position: relative; z-index: 1000; background: url(/images/0509_navSubBg.png) center bottom repeat-x; } ul.subNav li { height: 18px; margin: 1px 0px; } ul.subNav li a { display: block; color: rgb(0,0,0); font-family: Arial, Helvetica, sans-serif; font-size: 80%; text-decoration: none; text-transform: uppercase; padding: 0px 10px; height: 16px; line-height: 16px; text-align: center; align: center; } ul.subNav li a:hover { color: rgb(138,53,56); background: url(/images/0509_navSubBg_rollover.png); } .topgid1 ul.subNav { } .topgid2 ul.subNav { } .topgid3 ul.subNav { } .topgid8 ul.subNav { } .topgid14 ul.subNav { margin: 7px 2px 0px 2px; } .formElement { float:left; width: 500px } .formElement200 { float:left; width: 150px } /* Layout & Body Block */ #body { padding: 70px 0px 34px 0px; line-height: 17px; text-align: justify; } #body p { margin: 2px 0px 12px 0px; } #body ul { list-style: square; list-style-position: inside; padding: 8px 34px; } #body ul li { list-style-position: outside; margin: 0px 0px 0px 15px; } #body #bodyPhotos { padding: 0px 0px 0px 27px; float: left; width: 162px; } #body #bodyContents { padding: 2px 34px 0px 26px; float: left; width: 727px; } #body #contentsCopy { width: 493px; float: left; padding: 5px 0px 0px 0px; } #body #contentsSections { width: 200px; padding: 5px 0px 0px 34px; float: right; text-align: left; } #contentsSections a { text-decoration: none; } #contentsSections .sectionBlock { border-left: 1px solid rgb(138,53,56); margin: 0px 0px 0px 6px; padding: 5px 0px 10px 17px; } #contentsSections .selected { border-left: 7px solid rgb(138,53,56); margin: 0px 0px 0px 0px; } #contentsSections .top { padding: 0px 0px 10px 17px; } /* Footer Block */ #footer { width: 726px; margin: 10px auto; text-align: center; text-transform: uppercase; padding: 5px 125px 15px 125px; font-size: 90%; } #footer ul#navFooter { padding: 0px 0px 10px 0px; font-size: 80%; } #footer ul#navFooter li { display: inline; padding: 0px 10px 0px 12px; line-height: 14px; background: url(/images/0509_footerDot.png) left no-repeat; } #footer ul#navFooter li.first, #footer ul#navFooter li.footNavAdvisory { background: none; } #footer ul#navFooter li a { text-decoration: none; } #footer #amiesIcon { padding: 10px 0px 0px 0px; } /* General Layout Styles */ .copySections { } .copySection { } /* Home (pgid1) */ body#pgid1 h1 { margin: 1px 0px 10px 0px; } body#pgid1 #body { padding: 40px 0px 34px 0px; } body#pgid1 #homeFlash { width: 908px; height: 235px; padding: 0px 34px 5px 34px; } body#pgid1 #homeCopy { width: 808px; padding: 0px 84px; text-align: justify; } body#pgid1 #homeCopy #copyAbout { width: 420px; padding: 0px 42px 0px 0px; float: left; } body#pgid1 #homeCopy #copySections { width: 340px; float: right; } body#pgid1 #homeCopy #copySections a { text-decoration: none; } body#pgid1 #homeCopy #copySections #sectionInvestments { border-left: 7px solid rgb(138,53,56); margin: 0px 0px 0px 0px; padding: 0px 0px 10px 24px; } body#pgid1 #homeCopy #copySections #sectionAdvisory { border-left: 1px solid rgb(138,53,56); margin: 0px 0px 0px 6px; padding: 10px 0px 7px 24px; } /* Acquisition Criteria (pgid4) */ body#pgid4 { } body#pgid4 #theCriteria { padding: 10px 0px 0px 0px; } body#pgid4 .criteriaBox { padding: 0px 0px 8px 0px; } body#pgid4 .criteriaBox .boxTitle { display: block; width: 131px; text-align: right; float: left; padding: 0px 17px 0px 0px; } body#pgid4 .criteriaBox .boxContents { width: 345px; text-align: left; float: left; } body#pgid4 .criteriaBox .boxContents ul { padding: 0; margin: 0px; } body#pgid4 .criteriaBox .boxContents p { margin: 0px; } /* Loan Acquisition Criteria (pgid16) */ body#pgid16 { } body#pgid16 #theCriteria { padding: 10px 0px 0px 0px; } body#pgid16 .criteriaBox { padding: 0px 0px 8px 0px; } body#pgid16 .criteriaBox .boxTitle { display: block; width: 131px; text-align: right; float: left; padding: 0px 17px 0px 0px; } body#pgid16 .criteriaBox .boxContents { width: 345px; text-align: left; float: left; } body#pgid16 .criteriaBox .boxContents ul { padding: 0; margin: 0px; } body#pgid16 .criteriaBox .boxContents p { margin: 0px; } /* Project Experience (pgid6) */ body#pgid6 #projectTypes { } body#pgid6 .typeBox { padding: 0px 0px 12px 0px; } body#pgid6 .typeBox .boxTitle { display: block; width: 130px; text-align: right; float: left; padding: 0px 17px 0px 0px; } body#pgid6 .typeBox .boxContents { width: 346px; text-align: left; float: left; } body#pgid6 .typeBox .boxContents ul { padding: 0; margin: 0px; } body#pgid6 .typeBox .boxContents p { margin: 0px; } /* Projects */ #body #bodyProjectList { margin: 2px 34px 0px 0px; } #bodyProjectList #contentsCopy { width: 681px; padding: 0px 0px 0px 27px; } #bodyProjectList #projectsListHead { height: 15px; background: url(/images/0513_projectList_bgtm.png) bottom repeat-x; } #bodyProjectList #projectsListHeadLBG { height: 15px; background: url(/images/0513_projectList_bgtl.png) bottom left no-repeat; } #bodyProjectList #projectsListHeadRBG { height: 15px; background: url(/images/0513_projectList_bgtr.png) bottom right no-repeat; } #bodyProjectList #projectsList { background: url(/images/0513_projectList_bgl.png) left repeat-y rgb(255,255,255); padding: 0px 0px 0px 14px; } #bodyProjectList #projectsListRBG { background: url(/images/0513_projectList_bgr.png) right repeat-y; padding: 0px 20px 0px 0px; } #projectsList .projectBox { padding: 5px 0px 5px 0px; } #projectsList .projectBox .projectThumb { float: left; padding: 10px 16px 14px 11px; background: url(/images/0509_projectDetail_thumbBg.jpg) 0 0 no-repeat; } #projectsList .projectBox h2 { padding: 7px 0px 0px 0px; margin: 0px; } #projectsList .projectBox h3 { font-weight: 900; color: rgb(0,0,0); } #projectsList .projectBox a:hover h2 { text-decoration: underline; } #projectsList .projectBox p { margin: 0px; line-height: 120%; } #bodyProjectList #projectsListFoot { background: url(/images/0513_projectList_bgbm.png) top repeat-x; height: 21px; } #bodyProjectList #projectsListFootLBG { background: url(/images/0513_projectList_bgbl.png) top left no-repeat; height: 21px; } #bodyProjectList #projectsListFootRBG { background: url(/images/0513_projectList_bgbr.png) top right no-repeat; height: 21px; } #body #bodyProjectDetail { } #bodyProjectDetail #contentsCopy { width: 908px; margin: 0px 34px 0px 27px; } #bodyProjectDetail #contentsCopy #detailPhotos { width: 347px; float: left; padding: 0px 7px 0px 0px; } #bodyProjectDetail #detailPhotos #photoLarge { height: 202px; width: 312px; padding: 13px 21px 22px 14px; background: url(/images/0509_projectDetail_bigPhotoBg.jpg) 0 0 no-repeat; overflow: hidden; } #bodyProjectDetail #photoLarge .largePhoto { padding: 0px 0px 22px 0px; } #bodyProjectDetail #detailPhotos #photoThumbs { padding: 0px 8px 0px 3px; } #bodyProjectDetail #photoThumbs .thumbBox { width: 88px; height: 62px; float: left; padding: 10px 13px 14px 11px; background: url(/images/0509_projectDetail_thumbBg.jpg) 0 0 no-repeat; } #bodyProjectDetail #contentsCopy #detailCopy { width: 554px; float: right; padding: 6px 0px 0px 0px; } #bodyProjectDetail #detailCopy h1 { font-size: 210%; margin: 0px 0px 5px 0px; } #bodyProjectDetail #detailCopy h1:first-letter { font-size: 130%; } #bodyProjectDetail #detailCopy h4 { } /* New Opportunity Portal */ #loginForm { padding: 12px 60px 0px 60px; } #loginHead { height: 30px; background: url(/images/0513_projectList_bgtm.png) bottom repeat-x; } #loginHeadLBG { height: 30px; background: url(/images/0513_projectList_bgtl.png) bottom left no-repeat; } #loginHeadRBG { height: 30px; background: url(/images/0513_projectList_bgtr.png) bottom right no-repeat; } #loginBody { background: url(/images/0513_projectList_bgl.png) left repeat-y rgb(255,255,255); padding: 0px 0px 0px 14px; } #loginBodyRBG { background: url(/images/0513_projectList_bgr.png) right repeat-y; padding: 0px 20px 0px 0px; } #loginTheBody { padding: 10px; } #loginTheBody p { margin: 0px; } #loginTheBody h2 { text-align: center; padding: 0px 0px 10px 0px; } #loginTheBody .loginField { padding: 8px 48px; } .loginField p { display: block; float: left; width: 69px; text-align: right; } .loginField p#fieldUser { float: none; text-align: center; padding: 0px 0px 0px 73px; width: 150px; font-size: 75%; font-style: italic; } .loginField input { float: right; border: 1px solid rgb(138,53,56); width: 150px; background: rgb(255,255,255); } .loginField input.loginSubmit { width: 152px; } #loginTheBody .loginCenter { padding: 8px 48px; } .loginCenter { text-align: center; } .loginCenter input { border: 1px solid rgb(138,53,56); width: 150px; background: rgb(255,255,255); } .loginCenter input.loginSubmit { width: 152px; } #loginFoot { background: url(/images/0513_projectList_bgbm.png) top repeat-x; height: 21px; } #loginFootLBG { background: url(/images/0513_projectList_bgbl.png) top left no-repeat; height: 21px; } #loginFootRBG { background: url(/images/0513_projectList_bgbr.png) top right no-repeat; height: 21px; } /* NOP Detail Area */ body#pgid11 #contentsSections, body#pgid13 #contentsSections { width: 189px; } body#pgid11 #contentsCopy, body#pgid13 #contentsCopy { width: 692px; } body#pgid11 #detailPhotos { float: left; width: 347px; } body#pgid11 #detailPhotos #photoLarge { height: 202px; width: 312px; padding: 13px 20px 22px 14px; background: url(/images/0509_projectDetail_bigPhotoBg.jpg) 0 0 no-repeat; overflow: hidden;} body#pgid11 #detailPhotos #photoThumbs { padding: 0px 8px 0px 3px; } body#pgid11 #photoThumbs .thumbBox { width: 88px; height: 62px; float: left; padding: 10px 13px 14px 11px; background: url(/images/0509_projectDetail_thumbBg.jpg) 0 0 no-repeat; } body#pgid11 #contentsCopy #detailCopy { width: 345px; float: right; padding: 6px 0px 0px 0px; } body#pgid11 #detailCopy h1 { font-size: 210%; margin: 0px 0px 5px 0px; } body#pgid11 #detailCopy h1:first-letter { font-size: 130%; }