/* Global styles: -----------------------------------------------------------------------------*/ /* Remove default margin/padding from block level items. */ html, body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, ul li, form, fieldset { margin: 0; padding: 0; } /* leave the default list-style on ordered lists only */ /* Body ---------------------------------------------------------*/ body {margin:0;padding:0;background-image:url(../images/client/sitebg.jpg);background-repeat: repeat-x;} /* Common Text Styles */ a {color:#0b3c75;text-decoration:underline;} a:hover {text-decoration:underline;} a:visited {color:#0b3c75;text-decoration:underline;} h2 {font:16px/18px arial, helvetica;color:#000;font-weight:bold;width:410px;} h3 {font:18px/20px arial, helvetica;color:#000000;font-weight:bold;width:280px;border-bottom:1px solid #000000;letter-spacing:-.04em;margin-top:25px;margin-bottom:5px;} h5 {padding:8px;font:25px/22px arial, helvetica;color:#ffffff;background-color:#103d71;font-weight:bold;letter-spacing:-.02em;width:725px;margin-top:5px;margin-bottom:15px;filter:alpha(opacity=60);opacity: 0.6;-moz-opacity:0.6;} h6 {font:14px/18px arial, helvetica;color:#000;} .StdHeader {font:13px/18px arial, helvetica;color:#000;font-weight:bold;border-bottom:1px solid #000000;} .StdTD {text-align:left;font:13px/18px arial, helvetica;color:#000;} .StdListText {text-align:left;font:13px/18px arial, helvetica;color:#000;margin-left:25px;} .std ul {margin-top:-4px;} .std li {list-style-type:none;margin-left:15px;line-height:19px;} #testimonial {padding:10px;border:2px solid #000000;background:#fff;} #headline {font-weight:bold;height:25px;width:710px;margin-top:5px;margin-bottom:15px;filter:alpha(opacity=20);opacity: 0.2;-moz-opacity:0.2;} #headlinetext {margin-top:-38px;height:25px;font:22px/22px arial, helvetica;color:#000000;font-weight:bold;letter-spacing:-.02em;margin-bottom:15px;} .headlinetext {padding-left:3px;font:22px/22px arial, helvetica;color:#000000;font-weight:bold;letter-spacing:-.02em;} /* Controls Edit Content Link */ .HeaderlessEdit {text-align:center;position: absolute; font:10px/11px arial;margin-left:320px;margin-top:5px;background-color:#ffffff;z-index:555555;} /* HOME PG PROJECT APPLICATION STYLES */ #projects {width:350px;margin-top:-490px;} #projectapplications {height:410px;margin-left:10px;text-align:left;background-color:#fff;} .projecthead {font:16px/24px Arial,helvetica;color:#103d71;border-bottom:1px solid #808080;font-weight:bold;padding:3px;} #projectapplications ul {padding-top:4px;} #projectapplications li {padding-left:6px;font:11px/20px Arial,helvetica;color:#3d70b1;} #projectapplications li a, #projects li a:visited {padding-left:2px;font:11px/14px Arial,helvetica;color:#103d71;text-decoration:underline;font-weight:bold;} #projectapplications li a:hover {padding-left:2px;font:11px/14px Arial,helvetica;color:#778294;text-decoration:underline;font-weight:bold;} #projectimages {margin-left:150px;margin-top:-224px;} #projecttext {margin-left:2px;margin-right:2px;margin-top:4px;border-top:1px solid #808080;padding-top:15px;} #wrapper {width:100%;text-align:center;} #outer {width:775px;background: #ffffff;} #topbg {background-image:url(../images/client/topbg.gif);background-repeat:repeat-x;height:55px;} #logo {margin-top:0px;float:left;padding-left:10px;height:72px;} /* NAVIGATION */ #topnav {margin-left:272px;margin-top: -72px;float:left;width:500px;} #topnav ul {float:right;margin-right:10px;padding:0;color:#ff0000;} #topnav li {display:inline;list-style-type:none;color:#2B200D;text-decoration:none; margin: 0 0 4px 4px;} #topnav li a:link, #topnav a:visited {display:inline;list-style-type:none;color:#000000;text-decoration:none;margin: 0 0 4px 4px;} #topnav li a:hover {display:inline;list-style-type:none;color:#0054a6;text-decoration:none; margin: 0 0 4px 4px;} #greenleaf {float:right;margin-right:10px;margin-top:-34px;} /* Project Gallery Styles */ #galleryphoto {position:absolute;margin-left:282px;margin-top:20px;} /* Gallery Images */ .photo {padding:20px; width:600px; height:330px; text-align:left;} .photo ul {list-style:none; padding:0; margin:0; width:216px; position:relative; height:144px;} .photo ul li {display:inline; width:24px; height:24px; float:left; margin:6px;} .photo ul li a b {display:none;} .photo ul li a img {display:block; width:30px; height:30px; border:1px solid #666;} .photo ul li a:hover {white-space:normal;position:relative;} .photo ul li a.hor:hover img {position:absolute; width:30px; height:30px; border-color:#fff;} .photo ul li a:active, .photo ul li a:focus {position:static; outline:0;} .photo ul li a:focus.hor img, .photo ul li a:active.hor img {position:absolute; left:260px; top:0; width:410px; height:260px; border:1px solid #000000;} /* TEXT */ .photo ul li a:focus b, .photo ul li a:active b {display:block; position:absolute; width:420px; height:auto; top:260px; left:256px; color:#000; font-weight:bold; padding:6px;text-decoration:none;font:16px/18px arial, helvetica;color:#000;} #video {margin-top:-53px;z-index:99999;margin-left:584px;margin-bottom:-2px;} #threeDBtn {margin-top:-53px;z-index:99999;margin-left:464px;margin-bottom:-2px;} /* Gallery Images */ .detailOptions {padding:6px; width:600px;text-align:left;} .detailOptions ul {list-style:none; padding:0; margin:0; width:416px;height:60px;} .detailOptions ul li {display:inline; width:24px; height:24px; float:left; margin:12px;} .detailOptions ul li a b {display:none;} .detailOptions ul li a img {display:block; width:32px; height:32px; border:1px solid #666; border-top-color:#ccc;} .detailOptions ul li a:hover {white-space:normal;position:relative;left:-20px; top:-22px; } .detailOptions ul li a.hor:hover img { width:94px; height:78px; border-color:#fff;} /* Products and Services Styles */ #leftpane {width:775px;background:#dedede;height:auto;} #leftpane .HeaderlessEdit {position:absolute;top:130px;left:-50px;width:150px;} #content{background-repeat:no-repeat;width:775px;height:550px;} #ContentPane{margin-left:15px;margin-top:10px;font:13px/15px arial, helvetica;color:#000;width:750px;text-align:left;height:510px;overflow-y:auto;overflow-x:hidden;padding-right:10px; scrollbar-face-color: #3a71b0; scrollbar-highlight-color: #cacaca; scrollbar-3dlight-color: #cacaca; scrollbar-darkshadow-color: #000; scrollbar-shadow-color: #cacaca; scrollbar-arrow-color: #fff; scrollbar-track-color:#000; } #ContentPane .HeaderlessEdit{position:relative;top:0px;left:-334px;width:150px;} #RightPane {float:right;width:auto;padding:5px;padding:5px;font:12px/15px arial, helvetica;color:#000000;} #RightPane .HeaderlessEdit{position:relative;top:-510px;left:0px;width:150px;} /*#products {background-image:url(../../IpcPreCastPortalContent/Image/productsbg.jpg);background-repeat:no-repeat; width:775px;height:555px;} #productcontent {padding:25px;font:12px/14px arial, helvetica, sans serif;margin-top:31px;width:350px;}*/ #product {margin-left:0px;margin-top:-510px;position:relative;float:right;z-index:111;} #producticons {margin-right:20px;text-align:right;} #producticons ul {display:inline;list-style-type:none;} #producticons li {display:inline;list-style-type:none;height:26px;width:26px;} #productgallery {} #productgallery ul {display:inline;list-style-type:none;} #productgallery li {display:inline;list-style-type:none;padding:2px;} /* FOOTER */ #footer {background-color:#3a71b0;width:775px;height:18px;margin-top:0px;position:relative;} .footertext {font:10px/11px arial,helvetica; color:#000000;} .footerbox {background:url(../images/yell_square.gif) no-repeat;width:5px;height:5px;} /* DROP MENUS */ .menu {position:relative;height:26px;margin-top:10px;float:left;width:775px;z-index:5555;left:0px;} .menu ul {padding-top:1px; margin:0;list-style-type: none;} .menu ul li { float:left;position:relative;color:#363636;z-index:5555;} .menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; height:1.5em;color:#888;background:#fff;line-height:1.5em;} * html .menu ul li a, .menu ul li a:visited {} .menu ul li ul {display: none;} .menu table {margin:-1px; border-collapse:collapse;font-size:1em;} /* THIS IS THE MENU */ .menu ul li:hover ul,.menu ul li a:hover ul {display:block; position:absolute; top:14px;margin-top:11px;left:0;border-left:1px solid #878787;border-right:1px solid #878787;border-bottom:1px solid #878787;background:#f8f8f8;filter:alpha(opacity=90);opacity: 0.9;-moz-opacity:0.9;} /* THIS IS THE BUTTON style the drop down links with no hover */ .menu ul li:hover ul li a,.menu ul li a:hover ul li a { display:block; background:transparent; color:#656565; border:0;font-weight:bold;font:12px/14px arial;width:174px;text-align:left;border-top:1px dashed #878787;padding:4px; } /* THIS IS THE BUTTON drop down menu links when hovered */ .menu ul li:hover ul li a:hover,.menu ul li a:hover ul li a:hover { color:#fff;border-top:1px dashed #878787;background-color:#626161;width:174px;} .menu ul li a:hover ul {margin-top:10px; /* for IE5.5 faulty box model */marg\in-top:11px; /* for IE6 */} .menu ul li a:hover ul li a {background:#ddd; width:174px; /* for IE5.5 faulty box model */w\idth:86px; /* for IE6 */} #castingprocess {margin-top:-511px;margin-left:100px;} #castingphoto {margin-left:6px;margin-top:-10px;} /*Image definitions for all content pages*/ #interactive {position:absolute;margin-top:-29px;margin-left:-15px;width:775px;height:652px;} .ProjectGallery{background-image:url(../../IpcPreCastPortalContent/Image/gallerybg.jpg);} .Home{background-image:url(../../IpcPreCastPortalContent/Image/homebg.jpg);} .LEED{background-image:url(../../IpcPreCastPortalContent/Image/greenbg.jpg);} .ProductsandServices{background-image:url(../../IpcPreCastPortalContent/Image/productsbg.jpg);} .ProductsandServicesTotalFrameSolutions{background-image:url(../../IpcPreCastPortalContent/Image/productsbg.jpg);} .ProductsandServicesHollowcore{background-image:url(../../IpcPreCastPortalContent/Image/productsbg.jpg);} .ProductsandServicesDoubleTee{background-image:url(../../IpcPreCastPortalContent/Image/productsbg.jpg);} .ProductsandServicesColumns{background-image:url(../../IpcPreCastPortalContent/Image/productsbg.jpg);} .ProductsandServicesBuildingBeams{background-image:url(../../IpcPreCastPortalContent/Image/productsbg.jpg);} .ProductsandServicesWallPanels{background-image:url(../../IpcPreCastPortalContent/Image/productsbg.jpg);} .ProductsandServicesSpandrel{background-image:url(../../IpcPreCastPortalContent/Image/productsbg.jpg);} .ProductsandServicesBridgeBeam{background-image:url(../../IpcPreCastPortalContent/Image/productsbg.jpg);} .ProductsandServicesSpecializedEngineering{background-image:url(../../IpcPreCastPortalContent/Image/productsbg.jpg);} .ProductsandServicesBuildingLayoutAssistance{background-image:url(../../IpcPreCastPortalContent/Image/productsbg.jpg);} .ProductsandServices3DModeling{background-image:url(../../IpcPreCastPortalContent/Image/productsbg.jpg);} .ProductsandServicesTheCastingProcess{background-image:url(../../IpcPreCastPortalContent/Image/productsbg.jpg);} .ArchitectsEngineers{background-image:url(../../IpcPreCastPortalContent/Image/architectsbg.jpg);} .ArchitectsEngineersTotalFrameSolutions{background-image:url(../../IpcPreCastPortalContent/Image/architectsbg.jpg);} .ArchitectsEngineersOurTeamApproach{background-image:url(../../IpcPreCastPortalContent/Image/architectsbg.jpg);} .ArchitectsEngineersSpecificationsDetails{background-image:url(../../IpcPreCastPortalContent/Image/architectsbg.jpg);} .ArchitectsEngineersFAQs{background-image:url(../../IpcPreCastPortalContent/Image/architectsbg.jpg);} .ArchitectsEngineersKeyIPCContacts{background-image:url(../../IpcPreCastPortalContent/Image/architectsbg.jpg);} .ArchitectsEngineersPrecastvsOtherMaterial{background-image:url(../../IpcPreCastPortalContent/Image/architectsbg.jpg);} .ArchitectsEngineersSpecializedEngineering{background-image:url(../../IpcPreCastPortalContent/Image/architectsbg.jpg);} .ArchitectsEngineersBuildingLayoutAssistance{background-image:url(../../IpcPreCastPortalContent/Image/architectsbg.jpg);} .ArchitectsEngineers3DModeling{background-image:url(../../IpcPreCastPortalContent/Image/architectsbg.jpg);} .ArchitectsEngineersProducts{background-image:url(../../IpcPreCastPortalContent/Image/architectsbg.jpg);} .ArchitectsEngineersPreconstructionServices{background-image:url(../../IpcPreCastPortalContent/Image/architectsbg.jpg);} .ArchitectsEngineersDetailOptions{background-image:url(../../IpcPreCastPortalContent/Image/architectsbg.jpg);} .ArchitectsEngineersTestimonials{background-image:url(../../IpcPreCastPortalContent/Image/architectsbg.jpg);} .ArchitectsEngineersExteriorFinishes{background-image:url(../../IpcPreCastPortalContent/Image/architectsbg.jpg);} .ArchitectsEngineersProjectGallery{background-image:url(../../IpcPreCastPortalContent/Image/architectsbg.jpg);} .ArchitectsEngineersScheduling&Budgeting{background-image:url(../../IpcPreCastPortalContent/Image/architectsbg.jpg);} .ArchitectsEngineersEconomyRibbedPanels{background-image:url(../../IpcPreCastPortalContent/Image/architectsbg.jpg);} .ArchitectsEngineersElematicHollowcoreSlabs{background-image:url(../../IpcPreCastPortalContent/Image/architectsbg.jpg);} .OwnersDevelopers{background-image:url(../../IpcPreCastPortalContent/Image/ownerbg.jpg);} .OwnersDevelopersTotalFrameSolutions{background-image:url(../../IpcPreCastPortalContent/Image/ownerbg.jpg);} .OwnersDevelopersOurTeamApproach{background-image:url(../../IpcPreCastPortalContent/Image/ownerbg.jpg);} .OwnersDevelopersProjectGallery{background-image:url(../../IpcPreCastPortalContent/Image/ownerbg.jpg);} .OwnersDevelopersSchedulingBudgeting{background-image:url(../../IpcPreCastPortalContent/Image/ownerbg.jpg);} .OwnersDevelopersKeyIPCContacts{background-image:url(../../IpcPreCastPortalContent/Image/ownerbg.jpg);} .OwnersDevelopers3DModeling{background-image:url(../../IpcPreCastPortalContent/Image/ownerbg.jpg);} .OwnersDevelopersProducts{background-image:url(../../IpcPreCastPortalContent/Image/ownerbg.jpg);} .OwnersDevelopersServices{background-image:url(../../IpcPreCastPortalContent/Image/ownerbg.jpg);} .OwnersDevelopersTestimonials{background-image:url(../../IpcPreCastPortalContent/Image/ownerbg.jpg);} .OwnersDevelopersDetailOptions{background-image:url(../../IpcPreCastPortalContent/Image/ownerbg.jpg);} .OwnersDevelopersExteriorFinishes{background-image:url(../../IpcPreCastPortalContent/Image/ownerbg.jpg);} .GeneralContractors{background-image:url(../../IpcPreCastPortalContent/Image/contractorsbg.jpg);} .GeneralContractorsOurTeamApproach{background-image:url(../../IpcPreCastPortalContent/Image/contractorsbg.jpg);} .GeneralContractorsPrecastvsOtherMaterial{background-image:url(../../IpcPreCastPortalContent/Image/contractorsbg.jpg);} .GeneralContractorsIPCShippingDepartment{background-image:url(../../IpcPreCastPortalContent/Image/contractorsbg.jpg);} .GeneralContractorsErectionGuidlines{background-image:url(../../IpcPreCastPortalContent/Image/contractorsbg.jpg);} .GeneralContractorsSchedulingBudgeting{background-image:url(../../IpcPreCastPortalContent/Image/contractorsbg.jpg);} .GeneralContractorsFAQs{background-image:url(../../IpcPreCastPortalContent/Image/contractorsbg.jpg);} .GeneralContractorsKeyIPCContacts{background-image:url(../../IpcPreCastPortalContent/Image/contractorsbg.jpg);} .GeneralContractorsTestimonials{background-image:url(../../IpcPreCastPortalContent/Image/contractorsbg.jpg);} .GeneralContractorsExteriorFinishes{background-image:url(../../IpcPreCastPortalContent/Image/contractorsbg.jpg);} .GeneralContractorsEconomyRibbedPanels{background-image:url(../../IpcPreCastPortalContent/Image/contractorsbg.jpg);} .GeneralContractorsElematicHollowcoreSlabs{background-image:url(../../IpcPreCastPortalContent/Image/contractorsbg.jpg);} .TopNavAboutUs{background-image:url(../../IpcPreCastPortalContent/Image/aboutbg.jpg);} .TopNavIntheNews{background-image:url(../../IpcPreCastPortalContent/Image/aboutbg.jpg);} .TopNavContactUs{background-image:url(../../IpcPreCastPortalContent/Image/contactbg.jpg);} .TopNavEmployment{background-image:url(../../IpcPreCastPortalContent/Image/contactbg.jpg);} #tfs_accordian {position:relative;margin-left:450px;margin-top:-408px;} .TfsHead {font:18px/8px arial, helvetica;color:#000000;font-weight:bold;} .TfsText {font:11px/25px arial, helvetica;color:#000000;} .Accordion {border-left: solid 1px gray;border-right: solid 1px black;border-bottom: solid 1px gray;overflow: hidden;width:284px;} .AccordionPanel {margin: 0px;padding: 0px;} /* This is the selector for the AccordionPanelTab. This container houses * the title for the panel. This is also the container that the user clicks * on to open a specific panel. */ .AccordionPanelTab {background-color: #CCCCCC;border-top: solid 1px black;border-bottom: solid 1px gray;margin: 0px;padding: 2px;cursor: pointer;-moz-user-select: none;-khtml-user-select: none;} /* This is the selector for a Panel's Content area. It's important to note that * you should never put any padding on the panel's content area if you plan to * use the Accordions panel animations. Placing a non-zero padding on the content * area can cause the accordion to abruptly grow in height while the panels animate. */ .AccordionPanelContent {overflow: auto;margin: 0px;padding: 0px;height: 181px;} /* This is an example of how to change the appearance of the panel tab that is * currently open. The class "AccordionPanelOpen" is programatically added and removed * from panels as the user clicks on the tabs within the Accordion. */ .AccordionPanelOpen .AccordionPanelTab {background-color: #000000;color:#fff;font-weight:bold;} /* This is an example of how to change the appearance of the panel tab as the * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added * and removed from panel tab containers as the mouse enters and exits the tab container. */ .AccordionPanelTabHover {background-color: #3956b5;color:#fff;font-weight:bold;} .AccordionPanelOpen .AccordionPanelTabHover {background-color: #CCCCCC;color:#000;font-weight:bold;} /* This is an example of how to change the appearance of all the panel tabs when the * Accordion has focus. The "AccordionFocused" class is programatically added and removed * whenever the Accordion gains or loses keyboard focus. */ .AccordionFocused .AccordionPanelTab {background-color: #000;color:#fff;font-weight:bold;} /* This is an example of how to change the appearance of the panel tab that is * currently open when the Accordion has focus. */ .AccordionFocused .AccordionPanelOpen .AccordionPanelTab {background-color: #3956b5;font-weight:bold;} #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} #TB_overlay { position: absolute; z-index:100; top: 0px; left: 0px; background-color:#000; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #TB_window { position: absolute; background: #ffffff; z-index: 1111; color:#000000; /* display:none; */ border: 4px solid #525252; text-align:left; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #TB_window img { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:5px 10px 7px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: absolute; display:none; height:100px; width:100px; z-index:101; } #TB_HideSelect{ z-index:99; position:absolute; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }