/* 5x Technology Master CSS Document Agency: Gray Suit Marketing Developer: Tom Johnson [Tom [at] Gray Suit] */ body, html { margin: 0; padding: 0; background: #ffffff; font: normal 10px verdana,arial,helvetica,sans-serif; min-width:900px } object, embed {margin:0; padding:0; } #container { margin: 0; padding: 0; } /* Begin Header */ /* Begin Navigation */ .p7tbsub {background-color: #F5F5F5; font-size: 10px; border: 1px solid #DADADA; font-family: Arial, Helvetica, sans-serif; layer-background-color: #FFFFFF;} .p7tbsub p {margin: 0px; padding: 2px 10px 2px 10px; border-top: 1px solid #DADADA;} .p7tbsub a {text-decoration:none;} .p7tbsub a:link {color: #666666;} .p7tbsub a:visited {color: #666666;} .p7tbsub a:hover {color: #FF9900;} .p7tbsub a:active {color: #990000;} .p7tbdn {color: #990000 !important; font-weight: bold;} /* Main Navigation Elements */ #p7TBtrig10{position:absolute; top: 85px; right: 190px; width: 70px; z-index: 300; visibility: visible} #p7TBtrig20{position:absolute; top: 85px; right: 260px; width: 72px; z-index: 300; visibility: visible} #p7TBtrig30{position:absolute; top: 85px; right: 332px; width: 72px; z-index: 300; visibility: visible} #p7TBtrig40{position:absolute; top: 85px; right: 404px; width: 72px; z-index: 300; visibility: visible} #p7TBtrig50{position:absolute; top: 85px; right: 476px; width: 71px; z-index: 300; visibility: visible} #p7TBtrig60{position:absolute; top: 85px; right: 547px; width: 71px; z-index: 300; visibility: visible} #p7TBtrig70{position:absolute; top: 85px; right: 618px; width: 71px; z-index: 300; visibility: visible} #p7TBtrig80{position:absolute; top: 85px; right: 689px; width: 71px; z-index: 300; visibility: visible} /* Sub Navigation Elements */ #p7TBsub10 {position:absolute; top:109px; right: 27px; width: 230px; z-index: 400; visibility: hidden} #p7TBsub20 {position:absolute; top:109px; right: 99px; width: 230px; z-index: 400; visibility: hidden} #p7TBsub30 {position:absolute; top:109px; right: 171px; width: 230px; z-index: 400; visibility: hidden} #p7TBsub40 {position:absolute; top:109px; right: 243px; width: 230px; z-index: 400; visibility: hidden} #p7TBsub50 {position:absolute; top:109px; right: 314px; width: 230px; z-index: 400; visibility: hidden} #p7TBsub60 {position:absolute; top:109px; right: 385px; width: 230px; z-index: 400; visibility: hidden} #p7TBsub70 {position:absolute; top:109px; right: 456px; width: 230px; z-index: 400; visibility: hidden} #p7TBsub80 {position:absolute; top:109px; right: 527px; width: 230px; z-index: 400; visibility: hidden} /* End Navigation */ #headerContainer { margin: 0; padding: 0; position: relative; background: url(images/header.background.gif); background-position:top right; background-repeat:no-repeat; width: 100%; height: 85px; display:block } #mainLogo { position: absolute; top: 0px; width: 112px; height: 77px; left: 0; margin: 0; padding: 0; display:block} #mainLogo a { width: 112px; height: 77px; display: block; background: url(images/main.logo.gif); } #mainLogo span { display: none; } /* End Header */ /* Begin Navigation */ #navContainer { width:100%; display:block; background:#000000 } #mainMenu { margin: 0; padding:0; height: 24px; display: block; background: url(images/nav/nav.background.gif); background-repeat:repeat-x; } #mainMenu li { float: right; } #mainMenu span { display: none; } #navServices { width:71px; height: 24px; display:block;} #navProducts { width:71px; height: 24px; display:block;} #navSolutions { width:71px; height: 24px; display:block;} #navEvents { width:71px; height: 24px; display:block;} #navCaseInfo { width:72px; height: 24px; display:block;} #navDemo { width:72px; height: 24px; display:block;} #navWhatIs { width:72px; height: 24px; display:block;} #navCompany { width:70px; height: 24px; display:block;} #navSearch { width:191px;height: 24px; display:block;} #navServices a { width:71px; height: 24px; display:block;} #navProducts a { width:71px; height: 24px; display:block;} #navSolutions a { width:71px; height: 24px; display:block;} #navEvents a { width:71px; height: 24px; display:block;} #navCaseInfo a { width:72px; height: 24px; display:block;} #navDemo a { width:72px; height: 24px; display:block;} #navWhatIs a { width:72px; height: 24px; display:block;} #navCompany a { width:70px; height: 24px; display:block;} #navSearch a { width:191px;height: 24px; display:block;} #navServices a { background: url(images/nav/services.gif);} #navProducts a { background: url(images/nav/products.gif);} #navSolutions a { background: url(images/nav/solutions.gif);} #navEvents a { background: url(images/nav/events.gif);} #navCaseInfo a { background: url(images/nav/case_info.gif);} #navDemo a { background: url(images/nav/demos.gif);} #navWhatIs a { background: url(images/nav/what_is.gif);} #navCompany a { background: url(images/nav/company.gif);} #navSearch a { background: url(images/main.logo.gif);} #navServices a:hover { background: url(images/nav/services_over.gif);} #navProducts a:hover { background: url(images/nav/products_over.gif);} #navSolutions a:hover { background: url(images/nav/solutions_over.gif);} #navEvents a:hover { background: url(images/nav/events_over.gif);} #navCaseInfo a:hover { background: url(images/nav/case_info_over.gif);} #navDemo a:hover { background: url(images/nav/demos_over.gif);} #navWhatIs a:hover { background: url(images/nav/what_is_over.gif);} #navCompany a:hover { background: url(images/nav/company_over.gif);} /* Begin Login */ #loginContainer { width:100%; height:19px; background:url(images/login/bkg.gif);} #subscribe { width: 195px; height: 19px; margin: 0; padding: 0; display:block; float:left} #subscribe a { width: 195px; height: 19px; display: block; background: url(images/login/subscribe.gif); } #subscribe span { display: none; } #login { width: 72px; height: 19px; margin: 0; padding: 0; display:block; float:right} #login a { width: 72px; height: 19px; display: block; background: url(images/login/login.gif); } #login span { display: none; } #login a:hover { background: url(images/login/login_over.gif);} #loginSpacer { width: 189px; height: 19px; margin: 0; padding: 0; display:block; float:right} #loginSpacer span { display: none; } #register { width: 72px; height: 19px; margin: 0; padding: 0; display:block; float:right} #register a { width: 72px; height: 19px; display: block; background: url(images/login/register.gif); } #register span { display: none; } #register a:hover { background: url(images/login/register_over.gif);} /* End Login */ .whiteSpacer { width:100%; height:1px; background-color:#FFFFFF; display:block} .whiteSpacer span { display:none} .grey { background-color:#333333} #imageContainer { width:100%; height:167px; display:block; background-image:url(images/imageArea.background.gif); background-repeat:repeat-x} #onlineResources { width:191px; height:167px; float:right; background:#FFFFFF url(images/right_box.gif) no-repeat;} #onlineResources p { position:relative; left:20px; top:15px; width: 150px; margin:0; padding:0; color:#0056a7; font-size:11px; font-weight:bold} #onlineResources a { color:#666666;text-decoration:none;} #onlineResources a:hover { text-decoration:underline;} #onlineResources ul { position:relative; top:15px; left:40px; width: 150px; margin: 0; padding:0; display: block;} #onlineResources li { font-size:10px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:20px; list-style-image:url(images/bullet.gif); } #onlineResources span { display: none; } .left { float:left;} .right { width:191px; float:right} #blueLine { height:3px; background-color:#003366} #blueLine span { display:none;} #success { margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:20px; width:600px; margin:0px; padding:0px; display:block;} #success p { display:block; margin-top:9px; margin-left:9px } #success b { color:#003366;} #categoryBar { width:100%; height:20px; background-image:url(images/category_bar.gif); padding:0px; margin:0px;} #leftheadline { position: absolute; left:1%; width:200px; top:296px; height:20px; display:block; margin:0px; padding:0px} #centerleftheadline { position: absolute; left:27%; width:200px; top:296px; height:20px; display:block; margin:0px; padding:0px} #centerrightheadline { position: absolute; left:53%; width:200px; top:296px; height:20px; display:block; margin:0px; padding:0px} #leftcontent { position: absolute; left:1%; width:25%; top:322px; height:100px; background-color:#EFEFEF; display:block; margin:0px; padding:0px} #centerleftcontent { position: absolute; left:27%; width:25%; top:322px; height:100px; background-color:#EFEFEF; display:block; margin:0px; padding:0px} #centerrightcontent { position: absolute; left:53%; width:25%; top:322px; height:100px; background-color:#EFEFEF; display:block; margin:0px; padding:0px} #rightcontent { position: absolute; left:84%; width:191px; top:322px; height:100px; background-color:#EFEFEF; display:block; margin:0px; padding:0px} #partnersArea { float:right; margin-top:4px; width:186px; height:112px; background-image:url(images/partners_rotate_new.gif); background-repeat:no-repeat; display:block} #partnersArea span { display:none;} .tl { background-image:url(images/box.left.gif); background-repeat:no-repeat; background-position:top left;} .tr { background-image:url(images/box/tr.gif); background-repeat:no-repeat; background-position:top right;} #spacerBar { width:100%; height:111px; background-color:#FFCC00; clear:both;} #footerBar { width:100%; height:8px; background-color:#666666; clear:both;} #footerBar span, #spacerBar span { display:none;} #footer p { font-size:11px; font-weight:normal; margin:6px; padding:0px; color:#666666} #footer a { color:#666666; text-decoration:none;} #footer a:hover { text-decoration:underline;} /* Content Page */ #mainImageContainer { width:760px; height:72px; background-color:#CCCCCC; margin-bottom:2px;} #mainImageContainer span { display:none;} #mainContentContainer { margin:0px; padding:0px; background-image:url(images/right_col_bkg.gif); background-position:top right; background-repeat:repeat-y} #mainContentContainer div { } #content1 { width:200px; float:left;} #content2 { float:left;} #content2 h1 { font-size:18px; color:#990000; font-weight:normal; font-family:Arial, Helvetica, sans-serif;} #content3 { width:200px; float:right; background-color:#CCCCCC} .box_tr { position:relative; background: #ffffff url(images/box/tr.gif) no-repeat top right; height:100%; width:100%; } .box_bc { position:relative; background: url(images/box/bc.gif) repeat-x bottom; height:100%; width:100%;} .box_bl { position:relative; background: url(images/box/bl.gif) no-repeat bottom left; height:100%; width:100%;} .box_tl { position:relative; background: url(images/box/tl.gif) no-repeat top left; height:100%; width:100%; } .box_br { position:relative; background: url(images/box/br.gif) no-repeat bottom right; height:100%; width:100%; } .box_pad { position:relative; padding:10px;} #contentleft { position: absolute; left:0px; top:228px; width:200px; display:block} #contentleft a { color:#999999; text-decoration:none; line-height:15px } #contentleft a:hover { text-decoration:underline} #contentcenter { overflow:hidden; margin-left: 214px; margin-right:199px; margin-top:0px; margin-bottom:0px; padding-bottom:100px; padding-top:20px; voice-family: "\"}\"";voice-family: inherit;margin-left: 216px;margin-right:201px; color:#666666; display:block} html>body #contentcenter { overflow:hidden; margin-left:216px; margin-right:201px; margin-top:0px; margin-bottom:0px;} #contentright { position: absolute; right:0px; top:228px; width:178px; display:block} h1 { font-weight:normal; font-size:18px; color:#990500; line-height:18px; margin:0px} div.rightHeadline { width:178px; height:36px; font-size:12px; line-height:26px; background-image:url(images/right_col_header.gif)} div.rightHeadline span { margin:0 0 0 20px;} div.rightDivider { width:178px; height:28px; background-image:url(images/right_col_divider.gif)} div.rightDivider span { display:none;} #content_wrapper { width:100%; background-image:url(images/right_col_bkg.gif); background-position:top right; background-repeat:repeat-y} #content_left { margin-left:220px; margin-right:10px; float:left; display:inline; padding-top:20px; padding-bottom:100px} #default_left { margin-left:20px; margin-right:10px; margin-top:0px; float:left; display:inline; padding-top:20px; padding-bottom:100px} #content_right { width:178px; float:right; text-align:left;} /* Right Box Options */ #rt_onlineResources { width:178px;} #rt_onlineResources p { width: 150px; margin:0; padding:0; color:#0056a7; font-size:11px; font-weight:bold} #rt_onlineResources a { color:#666666;text-decoration:none;} #rt_onlineResources a:hover { text-decoration:underline;} #rt_onlineResources ul { width: 170px; margin:0; padding:0; display: block;} #rt_onlineResources li { margin-left:30px; font-size:10px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:20px; list-style-image:url(images/bullet.gif); } #rt_onlineResources span { display: none; } form p { margin:0px; padding:0px; font-size:10px;} div.formRow { width:600px; margin:0px; padding:0px; background-color:#EFEFEF; } div.formLeft { float:left; clear:left; width:250px; margin:0px; padding:0px; background-color:#DEDEDE;} div.formRight { float:right; width:230px; margin:0px; padding:0px; background-color:#CCCCCC;} input { padding:0px} select { float:right; width:248px; padding:0px} textarea { float:right; width:498px; height:120px; margin-top:20px; padding:0px; clear:both} input.checkbox { float:left; padding:0px; clear:both} /* form { width:504px} form p { width:250px; height:65px; background-color:#EFEFEF; float:left; margin:1px; padding:0px; display:inline} */ form { width:604px; background-color:#EFEFEF;} form div { width:250px; min-height:30px; background-color:#EFEFEF; float:left; margin:1px; padding:5px 0px 0px 0px; display:inline}