/* CSS Document */ /************************ * Element defaults ************************/ body { font-family:Helvetica, Arial, Geneva, sans-serif; font-size:12px; color:#999999; margin:0; padding:0; line-height:160%; background:#000000; } hr { color:#055D9D; height:1px; background:#055D9D; border:0; margin:10px 0; } img { border:0; } blockquote { margin:0 10px; } /* Table elements */ table { font-family:Helvetica, Arial, Geneva, sans-serif; font-size:1em; color:#999999; } th { font-size:1em; color:#999999; text-align:left; background-color:#999999; } tr, td { color:#999999; } thead { display:table-header-group; } /* Form elements */ form { margin:0; } fieldset { margin:0; border:0; padding:0; } input, select, textarea { font-family:Helvetica, Arial, Geneva, sans-serif; font-size:1em; color:#000000; margin-bottom:5px; } legend { color:#000000; font-weight:bold; } label { font-size:1em; color:#999999; font-weight:bold; } /* Text elements */ p { font-family:Helvetica, Arial, Geneva, sans-serif; font-size:1em; color:#666666; padding:0 0 15px 0; margin:0; line-height:160%; } ol, li { font-family:Helvetica, Arial, Geneva, sans-serif; font-size:1em; color:#555555; } ul { font-family:Helvetica, Arial, Geneva, sans-serif; font-size:1em; color:#999999; padding:0 0 20px 35px; margin:0; } /* update h styles in "sifr.css" and in "sifr-config.js" when you update them here */ /* ------------------- */ h1 { padding:0 0 1px 0; margin:0; font-size:40px; color:#222222; font-weight:normal; line-height:100%; } h2 { padding:0 0 10px 0; margin:0; font-size:20px; color:#666666; font-weight:normal; line-height:150%; } h3 { padding:15px 0 0 0; margin:0; font-size:15px; color:#666666; line-height:100%; } h4 { padding:4px 0 8px 0; margin:0; font-size:12px; color:#999999; font-weight:normal; line-height:120%; } h5 { padding:0 0 0 0; margin:0; font-size:18px; color:#000000; font-weight:normal; line-height:100%; } h6 { padding:0 0 15px 0; margin:0; font-size:2.2em; color:#333333; font-weight:normal; line-height:120%; } /* ------------------- */ /* Href elements */ a { color:#0461AA; text-decoration:none; } a:hover { color:#0470AA; text-decoration:none; } /* Structure elements */ div#headerContainer { width:100%; background:#000000; } div#header { margin:0 auto; width:940px; height:120px; position:relative; } div#featurebuttonlive { position:absolute; left:454px; top:36px; z-index:2; } div#featurebuttoncall { position:absolute; left:580px; top:36px; z-index:2; } div#branding { position:absolute; left:-10px; top:18px; z-index:1; } ul#nav { position:absolute; right:0; top:46px; z-index:2; list-style:none; font-size:16px; font-weight:bold; line-height:100%; padding:0; margin:0; } ul#nav li { float:left; padding-left:10px; width:70px; } ul#nav a { color:#FFFFFF; text-decoration:none; } ul#nav a:hover { color:#999999; text-decoration:none; } /*div#featureContainer { width:100%; background:#EBEBEB; }*/ div#featureContainer { width:100%; background:#EBEBEB url(/intranet_promo/images/bg_1.jpg) repeat-x; } div#feature { margin:0 auto; width:940px; height:400px; padding:34px 0 22px 0; position:relative; } div#featureContent { position:absolute; left:0; top:28px; width:420px; z-index:3; } /*img#featureImage { float:right; }*/ div#featureImage { position:absolute; right:0; top:0px; z-index:1; } object#featureVideo { position:absolute; right:87px; top:65px; z-index:3; } div#featureReflection { position:absolute; right:252px; top:131px; z-index:4; } div#featurebutton { position:absolute; left:516px; top:330px; z-index:2; } div#sharepoint { position:absolute; left:0; top:330px; z-index:2; } div#featurebuttondemo { position:absolute; left:0; top:280px; z-index:2; } div#contentContainer { width:100%; background:#FFFFFF; } div#content { margin:0 auto; width:940px; position:relative; padding:34px 0 20px 0; } img.rightImg { float:right; } div.contentHighlight { width:860px; height:70px; overflow:hidden; padding:20px 20px 20px 20px; margin:0 20px 30px 20px; background:#F4F2E5; border:1px solid #D9D8CC; } div.contentHighlightSpace { width:860px; padding:20px 20px 20px 20px; margin:30px 20px 30px 20px; background:#F4F2E5; border:1px solid #D9D8CC; } #btnMoreInfo { float:right } .contentHighlight h2 { float: left; width:150px; } div.subfeatureHolder { width:460px; height:325px; float:left; text-align:center; } div.subfeatureHolder img { border:1px solid #D9D8CC; padding:20px; } div.subfeatureSpacer { width:20px; height:305px; float:left; } div.contentHighlightBottom { width:620px; padding:20px 20px 20px 20px; margin:40px auto 30px auto; background:#F4F2E5; border:1px solid #D9D8CC; } /*div.contentHighlightBottom a, a:hover { color:#000000; }*/ div.contentHighlightBottomBig { height:439px; position:relative; width:620px; padding:20px 20px 20px 20px; margin:40px auto 30px auto; background:#F4F2E5; border:1px solid #D9D8CC; } div.contentHighlightBottom a, a:hover { color:#000000; } div.contentHighlightBottom hr { color:#D9D8CC; height:1px; background:#D9D8CC; border:0; margin:10px 0; } div#contactButton { position:absolute; z-index:1; top:20px; left:72px; } div#contactLeft { position:absolute; z-index:2; top:150px; left:72px; width:260px; } div#contactRight { position:absolute; z-index:3; top:150px; left:352px; width:260px; } div#contactLine { position:absolute; z-index:4; top:390px; left:72px; width:516px; } div#contactEmail { position:absolute; z-index:5; top:430px; left:202px; width:258px; } div#contactPhone1 { position:absolute; z-index:6; top:330px; left:42px; } div#contactPhone2 { position:absolute; z-index:7; top:330px; left:322px; } div#contactInternational { position:absolute; z-index:6; top:90px; left:72px; } div#contactAmerica { position:absolute; z-index:7; top:90px; left:352px; } div#footer { margin:0 auto; width:262px; height:80px; position:relative; padding:34px 0 50px 0; } /* Classes */ .clear { clear:both; padding:0; margin:0; height:0px; line-height:0%; border:0; } .error { color:#FF0000; }