/* /// ~~~~ TABLE OF CONTENTS ~~~~ /// I. Color Scheme II. Redefined A. Main B. Headers III. The A Team (Link Definitions) IV. Formatting Divs A. Primary B. Secondary C. Tertiary V. Main Navigation VI. Misc. Formatting DIVs A. RC Hover Buttons B. Right Module Stuff (Homepage) C. Row 2 & 3 Items 1. Switchtab, Swaptab 2. JQuery Faders a. InsideRC b. What's New 3. Project Details Stuff 4. What's New Stuff 5. News Details Stuff 6. Let's Connect Stuff 7. Misc. D. Footer Stuff VII. Forms VII. Etc */ /* I. Color Scheme */ .rc_green {color: #339900;} /* main green color */ .rc-grey {color: #ececec;} /* main grey color (module background color) */ .rc-dkgrey {color: #999;} /* dark grey color (module header background color) */ .rc-dkgrey2 {color: #666;} /* secondary dark grey color */ /* II. Redefined */ /* A. Main */ body {font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; background-color: #000;} p {font-size: 1.2em; line-height: 1.4em; color: #666;} img, div {behavior: url(iepngfix.htc)} img {border: 0;} a {text-decoration: none;} /* B. Headers */ h1 {margin: 20px 0 0 0; padding: 0; font-family: "Futura Medium", FuturaMedium, Futura, Arial, sans-serif; font-size: 3.4em; color: #666; font-weight: 600;} #inside h1 {margin: 0;padding: 0;font-size: 3.2em;color: #333; font-weight: 500; text-transform: uppercase; text-align: center;} #connect h1 {margin: 0;padding: 0;font-size: 3.4em;color: #333; font-weight: 500; text-transform: uppercase; text-align: center;} #projectdetails h1 {margin: 0; padding: 0; font-size: 2.6em; color: #666; font-weight: 500;} #whatsnew h1 {font-size: 2.6em; margin-top: 0px;} h2 {margin: 20px 0 15px 0; padding: 0; font-family: "Futura Medium", FuturaMedium, Futura, Arial, sans-serif; font-size: 2.6em; color: #666; display:block; border-bottom: 1px dashed #999; font-weight: 500;} .downheader {margin: 20px 0 15px 0; padding: 0; font-family: "Futura Medium", FuturaMedium, Futura, Arial, sans-serif; font-size: 2.6em; color: #666; display:block; border-bottom: 1px dashed #999; font-weight: 500;} h3 {margin: 0; padding: 6px 0 0 0; font-family: "Futura Medium", FuturaMedium, Futura, Arial, sans-serif; font-size: 1.4em; font-weight: normal;} h4 {margin: 10px 0 10px 0; padding: 0; font-family: "Futura Medium", FuturaMedium, Futura, Arial, sans-serif; font-size: 1.7em; color: #999; display:block;} h5 {margin: 10px 0 0 0; padding: 0; font-family: "Futura Medium", FuturaMedium, Futura, Arial, sans-serif; font-size: 2.0em; color: #fff; font-weight: 500;} h6 {margin: 0; padding: 0; font-family: "Futura Medium", FuturaMedium, Futura, Arial, Helvetica, sans-serif; font-size: 1.3em; color: #666; text-transform: uppercase; font-weight: 500;} .spanh7 {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; color: #666; text-transform: uppercase; font-weight: bold; display:block;} /* III. The A Team */ p a:link {height: auto; width: auto; color: #339900; text-decoration: none; padding:1px;} p a:visited {height: auto; width: auto; color: #339900; text-decoration: none; padding:1px;} p a:hover {height: auto; width: auto; color: #fff; background-color: #339900; text-decoration: none; padding:1px;} /* IV. Formatting DIVs */ /* A. Primary */ .row1 {position: relative; width: 100%; height: 74px; z-index: 1; color: #fff; background: #000 url(images/backgrounds/bg-row1.gif) no-repeat center; float: left; clear: both; text-align: center; border-bottom: 1px dashed #777;} .row2 {position: relative; width: 100%; height: auto; z-index: 1; padding: 15px 0; background-color: #ececec; float: left; clear: both; text-align: center;} .row2b {position: relative; width: 100%; height: auto; z-index: 1; display: none; float: left; clear: both; text-align: center;} .row3 {position: relative; width: 100%; height: auto; z-index: 1; background: #fff; float: left; clear: both; text-align: center;} .row4 {position: relative; width: 100%;padding-top:30px; height:360px; z-index: 1;border-top: 1px dashed #b0b0b0; float: left; clear: both; color: #ffffff; text-align: center; background: #000 url(images/backgrounds/bg-row1.gif) no-repeat top center;} #inside .row2 {background: #ececec url(images/backgrounds/bg-row2-inside.gif) repeat-x top; border-bottom: 1px dashed #a9b297; text-align: left;} #connect .row2 {background: #ececec url(images/backgrounds/bg-row2-inside.gif) repeat-x top;text-align: left;} #newsdetail .row2 {display: none;} #inside .row2b {display: block; background: url(images/backgrounds/row2b-insideRC.jpg) repeat-x top; height:449px;} /* B. Secondary (main content divs) */ .header {position: relative; width: 1000px; height: 75px; z-index: 2; margin: 0 auto;} .row2content, .row3content {position: relative; width: 1000px; height: auto; z-index: 2; margin: 0 auto;} #inside .row2content, #connect .row2content {padding: 20px 0; text-align: center;} .row3content {text-align: left;} .row2bcontent {position: relative; width:1000px; height: 449px; z-index: 2; margin: 0 auto;} .footer {position: relative; width: 1000px; height: auto; z-index: 2; margin: 0 auto; clear:both; text-align:left;} .footer a:link {color: #666; text-decoration: none;} .footer a:visited {color: #666; text-decoration: none;} .footer a:hover {color: #fff; text-decoration: none;} /* C. Tertiary Formatting DIVs */ .logo {position: absolute; width: 227px; height: 27px; top: 19px; left: 23px;} .row3content-left{width:650px;} .row3content-right{width:300px;} #home .row3content-left {position: relative; float: left; width: 650px; height: auto; text-align:left;} #home .row3content-right {position: relative; float: left; width: 305px; height: auto; text-align:left; margin-left: 45px;} #inside .row3content-left {position: relative; float: left; width: 484px; height: auto; text-align:left; padding-top: 15px;} #inside .row3content-left ul, #inside .row3content-left li {margin:0 0 1em 0; list-style: none;} #inside .row3content-left ul {-moz-padding-start: 0px;} #inside .row3content-right {position: relative; float: left; width: 496px; height: auto; text-align:left; margin-left: 20px;} #inside .row3content-right p {margin-bottom: 2em;} p.row3content {font-size: 1.5em; display:block; width: 650px; margin: 10px 0 10px 0;} .row2content-top {position:relative; float:left; width: 1000px; height: 11px; z-index: 3;} .row2content-mid {position:relative; float:left; width: 958px; height: auto; z-index: 3; border-left: 11px solid #fff; border-right: 11px solid #fff; clear:both; padding: 10px; background-color: #fff;} #projectdetails .row2content-mid, #whatsnew .row2content-mid, #connect .row2content-mid {padding: 0px; width: 978px;} .row2content-btm {position:relative; float:left; width: 1000px; height: 11px; z-index: 3; clear:both;} .row3content-work {position: relative; float:left; width: 240px; height: 210px; background-color:#ececec; margin: 0 8px 30px 0; text-align: middle; z-index: 3;} .row3content-work img {margin-left: 2px; margin-top: 2px;} #row3work-header-first {position: absolute; width: 220px; height: 33px; bottom: 0px; left: 0; z-index: 4; padding: 10px; background-color: #ececec; overflow: hidden; color: #fff;} #row3work-header-first .cufon-canvas {margin-bottom: 5px;} #row3work-header-second {position: absolute; width: 220px; height: 33px; bottom: 0px; left: 0; z-index: 4; padding: 10px; background-color: #ececec; overflow: hidden; color: #fff;} #row3work-header-second .cufon-canvas {margin-bottom: 5px;} #row3work-header-third {position: absolute; width: 220px; height: 33px; bottom: 0px; left: 0; z-index: 4; padding: 10px; background-color: #ececec; overflow: hidden; color: #fff;} #row3work-header-third .cufon-canvas {margin-bottom: 5px;} #row3work-header-fourth {position: absolute; width: 220px; height: 33px; bottom: 0px; left: 0; z-index: 4; padding: 10px; background-color: #ececec; overflow: hidden; color: #fff;} #row3work-header-fourth .cufon-canvas {margin-bottom: 5px;} #row3work-header-fifth {position: absolute; width: 220px; height: 33px; bottom: 0px; left: 0; z-index: 4; padding: 10px; background-color: #ececec; overflow: hidden; color: #fff;} #row3work-header-fifth .cufon-canvas {margin-bottom: 5px;} #row3work-header-sixth {position: absolute; width: 220px; height: 33px; bottom: 0px; left: 0; z-index: 4; padding: 10px; background-color: #ececec; overflow: hidden; color: #fff;} #row3work-header-sixth .cufon-canvas {margin-bottom: 5px;} #row3work-header-seventh {position: absolute; width: 220px; height: 33px; bottom: 0px; left: 0; z-index: 4; padding: 10px; background-color: #ececec; overflow: hidden; color: #fff;} #row3work-header-seventh .cufon-canvas {margin-bottom: 5px;} #row3work-header-eighth {position: absolute; width: 220px; height: 33px; bottom: 0px; left: 0; z-index: 4; padding: 10px; background-color: #ececec; overflow: hidden; color: #fff;} #row3work-header-eighth .cufon-canvas {margin-bottom: 5px;} #row3work-header-ninth {position: absolute; width: 220px; height: 33px; bottom: 0px; left: 0; z-index: 4; padding: 10px; background-color: #ececec; overflow: hidden; color: #fff;} #row3work-header-ninth .cufon-canvas {margin-bottom: 5px;} #row3work-header-tenth {position: absolute; width: 220px; height: 33px; bottom: 0px; left: 0; z-index: 4; padding: 10px; background-color: #ececec; overflow: hidden; color: #fff;} #row3work-header-tenth .cufon-canvas {margin-bottom: 5px;} #row3work-header-eleventh {position: absolute; width: 220px; height: 33px; bottom: 0px; left: 0; z-index: 4; padding: 10px; background-color: #ececec; overflow: hidden; color: #fff;} #row3work-header-eleventh .cufon-canvas {margin-bottom: 5px;} #row3work-header-twelfth {position: absolute; width: 220px; height: 33px; bottom: 0px; left: 0; z-index: 4; padding: 10px; background-color: #ececec; overflow: hidden; color: #fff;} #row3work-header-twelfth .cufon-canvas {margin-bottom: 5px;} #row3work-header-thirteenth {position: absolute; width: 220px; height: 33px; bottom: 0px; left: 0; z-index: 4; padding: 10px; background-color: #ececec; overflow: hidden; color: #fff;} #row3work-header-thirteenth .cufon-canvas {margin-bottom: 5px;} #row3work-header-fourteenth {position: absolute; width: 220px; height: 33px; bottom: 0px; left: 0; z-index: 4; padding: 10px; background-color: #ececec; overflow: hidden; color: #fff;} #row3work-header-fourteenth .cufon-canvas {margin-bottom: 5px;} #row3work-header-fifteenth {position: absolute; width: 220px; height: 33px; bottom: 0px; left: 0; z-index: 4; padding: 10px; background-color: #ececec; overflow: hidden; color: #fff;} #row3work-header-fifteenth .cufon-canvas {margin-bottom: 5px;} #row3work-header-sixteenth {position: absolute; width: 220px; height: 33px; bottom: 0px; left: 0; z-index: 4; padding: 10px; background-color: #ececec; overflow: hidden; color: #fff;} #row3work-header-sixteenth .cufon-canvas {margin-bottom: 5px;} #row3work-header-seventeenth {position: absolute; width: 220px; height: 33px; bottom: 0px; left: 0; z-index: 4; padding: 10px; background-color: #ececec; overflow: hidden; color: #fff;} #row3work-header-seventeenth .cufon-canvas {margin-bottom: 5px;} #row3work-header-first ul, #row3work-header-second ul, #row3work-header-third ul, #row3work-header-fourth ul, #row3work-header-fifth ul, #row3work-header-sixth ul, #row3work-header-seventh ul, #row3work-header-eighth ul, #row3work-header-ninth ul, #row3work-header-tenth ul, #row3work-header-eleventh ul, #row3work-header-twelfth ul, #row3work-header-thirteenth ul, #row3work-header-fourteenth ul, #row3work-header-fifteenth ul, #row3work-header-sixteenth ul, #row3work-header-seventeenth ul {margin: 22px 0 0 0; -moz-padding-start: 0;} #row3work-header-first ul li, #row3work-header-second ul li, #row3work-header-third ul li, #row3work-header-fourth ul li, #row3work-header-fifth ul li, #row3work-header-sixth ul li, #row3work-header-seventh ul li, #row3work-header-eighth ul li, #row3work-header-ninth ul li, #row3work-header-tenth ul li, #row3work-header-eleventh ul li, #row3work-header-twelfth ul li, #row3work-header-thirteenth ul li, #row3work-header-fourteenth ul li, #row3work-header-fifteenth ul li, #row3work-header-sixteenth ul li, #row3work-header-seventeenth ul li {list-style: none; margin-bottom: 10px; font-size: 1.2em;} #row3work-header-first a:link, #row3work-header-second a:link, #row3work-header-third a:link, #row3work-header-fourth a:link, #row3work-header-fifth a:link, #row3work-header-sixth a:link, #row3work-header-seventh a:link, #row3work-header-eighth a:link, #row3work-header-ninth a:link, #row3work-header-tenth a:link, #row3work-header-eleventh a:link, #row3work-header-twelfth a:link, #row3work-header-thirteenth a:link, #row3work-header-fourteenth a:link, #row3work-header-fifteenth a:link, #row3work-header-sixteenth a:link, #row3work-header-seventeenth a:link {color: #fff; text-decoration: none;} #row3work-header-first a:visited, #row3work-header-second a:visited, #row3work-header-third a:visited, #row3work-header-fourth a:visited, #row3work-header-fifth a:visited, #row3work-header-sixth a:visited, #row3work-header-seventh a:visited, #row3work-header-eighth a:visited, #row3work-header-ninth a:visited, #row3work-header-tenth a:visited, #row3work-header-eleventh a:visited, #row3work-header-twelfth a:visited, #row3work-header-thirteenth a:visited, #row3work-header-fourteenth a:visited, #row3work-header-fifteenth a:visited, #row3work-header-sixteenth a:visited, #row3work-header-seventeenth a:visited {color: #fff; text-decoration: none;} #row3work-header-first a:hover, #row3work-header-second a:hover, #row3work-header-third a:hover, #row3work-header-fourth a:hover, #row3work-header-fifth a:hover, #row3work-header-sixth a:hover, #row3work-header-seventh a:hover, #row3work-header-eighth a:hover, #row3work-header-ninth a:hover, #row3work-header-tenth a:hover, #row3work-header-eleventh a:hover, #row3work-header-twelfth a:hover, #row3work-header-thirteenth a:hover, #row3work-header-fourteenth a:hover, #row3work-header-fifteenth a:hover, #row3work-header-sixteenth a:hover, #row3work-header-seventeenth a:hover {color: #fff; text-decoration: underline;} .row3content-work-header {position: absolute; width: 220px; height: 33px; bottom: 0px; left: 0; z-index: 4; padding: 10px; background-color: #ececec; overflow: hidden;} .row3content-work-header ul {margin-top: 22px; list-style: none;} .footer-feat {position:relative; width: 995px; height: 250px; margin: 0 auto; z-index: 3;} /* V. Main Navigation */ .menu {float: right; -moz-padding-start: 0px; margin: 2.2em 20px 0em 0em;} .menu ul {margin: 0; padding: 0; list-style: none;} .menu li {float: left; padding: 0 20px 0 0; color: #fff; list-style:none;} .menu li h3 {font-size: 1.8em;} .menu li a {display:block; width:auto; height:auto; padding-bottom: 7px; font-weight: normal;} .menu li a:link {color: #fff; text-decoration: none; font-weight: normal;} .menu li a:visited {color: #fff; text-decoration: none; font-weight: normal;} .menu li a:hover {color: #339900; text-decoration: none; font-weight: normal; background: url(images/backgrounds/bg-main-nav.gif) no-repeat bottom center;} /* VI. Misc. Formatting DIVs */ /* A. RC Hover Buttons */ .rc-buttons {width: 220px; text-align: center; color: #666; background-color: #ececec; text-transform:uppercase; font-family: "Futura Medium", FuturaMedium, Futura, Arial, Helvetica, sans-serif; font-size: 1.4em; cursor: pointer; font-weight:600;} .rc-buttons:hover {background-color: #339900;} .rc-buttons a:link {display:block;color:#666;text-decoration: none; height: auto; width:auto;padding: 15px 0 15px 15px;} .rc-buttons a:visited {display:block;color:#666;text-decoration: none;height: auto; width:auto;padding:15px 0 15px 15px;} .rc-buttons a:hover {display:block; color:#fff; text-decoration:none; height:auto; width:auto; padding:15px 0 15px 15px;} .row3content-projdet-thumbtn .rc-buttons a:link {padding:15px 0 15px 0px;} .row3content-projdet-thumbtn .rc-buttons a:visited {padding:15px 0 15px 0px;} .row3content-projdet-thumbtn .rc-buttons a:hover {padding:15px 0 15px 0px;} /* B. Right Module Stuff */ .rightmodule-header {position:relative; width: 291px; height: auto; padding: 7px; background-color: #999;} .rightmodule-header p {color: #fff; line-height: 1em; padding:0; margin:0; font-size: 1.6em;} .rightmodule {position: relative; width: 281px; height:auto; padding: 6px 12px 27px 12px; margin-bottom: 15px; background: #ececec url(images/backgrounds/bg-module-btm.gif) no-repeat bottom;} .rightmodule p {margin: 0 0 10px 0; padding: 0; line-height: 1.4em;} /* C. Row 2 & 3 Items */ .row2-ourwork-mid-left {position: relative; float:left; width: 249px; height:auto; z-index:4; text-align: left;} .row2-ourwork-mid-right {position: relative; float:left; width: 707px; height:220px; z-index:4;} .row2-ourwork-mid-left ul {-moz-padding-start: 0px; margin: 15px 0 0 0; padding: 0; list-style: none;} .row2-ourwork-mid-left li {font-family: "Futura Medium", FuturaMedium, Futura, Arial, Helvetica, sans-serif; font-size: 3em; list-style: none; color: #666;} /* 1. Switchtab, Swaptab */ a.switchtab, a.switchtab:hover {display: block; padding-bottom: 5px; margin-bottom: 20px; color:#666; background-color: #fff; text-decoration: none; cursor:pointer;} a.swaptab, a.swaptab:hover {color: #4b944f; background: url(images/backgrounds/green-arrow.gif) no-repeat right; cursor:pointer;} .switchtab-bubble {position: absolute; width: 707px; right:0px; z-index: 5; visibility: hidden;} .switchtab-bubble#dev {bottom: 0px;} .switchtab-bubble#des {top: 1em;} .switchtab-bubble#strat {top: 0px;} .swaptab-bubble {visibility: visible;} .switchtab-bubble-top {position: relative; width:707px; height: 22px;} .switchtab-bubble-mid {position: relative; width: 667px; background-color: #339900; text-align: left; border-left: 20px solid #339900; border-right: 20px solid #339900; clear:both;} .switchtab-bubble-mid p {color: #fff; margin: 0; padding: 0; font-size: 1.4em; line-height: 1.3em;} .switchtab-bubble-btm {position: relative; width:707px; height: 22px; clear:both;} /* 2. JQuery faders */ /* a. InsideRC */ #inside .fadeThisA { position:relative; display:block; height: 150px; width: 485px; background: url(images/backgrounds/insiderc-helmetcam.gif) 0 0 no-repeat; cursor: pointer; } #inside .fadeThisB { position:relative; display:block; height: 150px; width: 485px; background: url(images/backgrounds/insiderc-daycube.gif) 0 0 no-repeat; cursor: pointer; } #inside .fadeThisC { position:relative; display:block; height: 150px; width: 485px; background: url(images/backgrounds/insiderc-factsheet.gif) 0 0 no-repeat; cursor: pointer; } #inside .fadeThisA * { display: none; cursor: pointer; } #inside .fadeThisB * { display: none; cursor: pointer; } #inside .fadeThisC * { display: none; cursor: pointer; } #inside .fadeThisA span.hover { position: absolute; top: 0; left: 0; display: block; height: 150px; width: 485px; background: url(images/backgrounds/insiderc-helmetcam.gif) 0 -150px no-repeat; } #inside .fadeThisB span.hover { position: absolute; top: 0; left: 0; display: block; height: 150px; width: 485px; background: url(images/backgrounds/insiderc-daycube.gif) 0 -150px no-repeat; } #inside .fadeThisC span.hover { position: absolute; top: 0; left: 0; display: block; height: 150px; width: 485px; background: url(images/backgrounds/insiderc-factsheet.gif) 0 -150px no-repeat; } /* b. What's New & Connect` */ #whatsnew .fadeThisA, #connect .fadeThisA { position:relative; display:block; height: 74px; width: 305px; background: url(images/backgrounds/news-rss.gif) 0 0 no-repeat; cursor: pointer; } #whatsnew .fadeThisB, #connect .fadeThisB { position:relative; display:block; height: 74px; width: 305px; background: url(images/backgrounds/news-fb.gif) 0 0 no-repeat; cursor: pointer; } #whatsnew .fadeThisC, #connect .fadeThisC { position:relative; display:block; height: 74px; width: 305px; background: url(images/backgrounds/news-twit.gif) 0 0 no-repeat; cursor: pointer; } #whatsnew .fadeThisD, #connect .fadeThisD { position:relative; display:block; height: 74px; width: 305px; background: url(images/backgrounds/news-connect.gif) 0 0 no-repeat; cursor: pointer; } #whatsnew .fadeThisA * { display: none; } #connect .fadeThisA * { display: none; } #whatsnew .fadeThisB * { display: none; } #connect .fadeThisB * { display: none; } #whatsnew .fadeThisC * { display: none; } #connect .fadeThisC * { display: none; } #whatsnew .fadeThisD * { display: none; } #connect .fadeThisD * { display: none; } #whatsnew .fadeThisA span.hover { position: absolute; top: 0; left: 0; display: block; height: 74px; width: 305px; background: url(images/backgrounds/news-rss.gif) 0 -74px no-repeat; } #connect .fadeThisA span.hover { position: absolute; top: 0; left: 0; display: block; height: 74px; width: 305px; background: url(images/backgrounds/news-rss.gif) 0 -74px no-repeat; } #whatsnew .fadeThisB span.hover { position: absolute; top: 0; left: 0; display: block; height: 74px; width: 305px; background: url(images/backgrounds/news-fb.gif) 0 -74px no-repeat; } #connect .fadeThisB span.hover { position: absolute; top: 0; left: 0; display: block; height: 74px; width: 305px; background: url(images/backgrounds/news-fb.gif) 0 -74px no-repeat; } #whatsnew .fadeThisC span.hover { position: absolute; top: 0; left: 0; display: block; height: 74px; width: 305px; background: url(images/backgrounds/news-twit.gif) 0 -74px no-repeat; } #connect .fadeThisC span.hover { position: absolute; top: 0; left: 0; display: block; height: 74px; width: 305px; background: url(images/backgrounds/news-twit.gif) 0 -74px no-repeat; } #whatsnew .fadeThisD span.hover { position: absolute; top: 0; left: 0; display: block; height: 74px; width: 305px; background: url(images/backgrounds/news-connect.gif) 0 -74px no-repeat; } #connect .fadeThisD span.hover { position: absolute; top: 0; left: 0; display: block; height: 74px; width: 305px; background: url(images/backgrounds/news-connect.gif) 0 -74px no-repeat; } /* 3. Project Details Stuff */ .row3content-projdet-left {position: relative; float:left; width: 515px;} .row3content-projdet-right {position: relative; float:left; width: 448px; height: auto; margin-left: 15px;} .row3content-projdet-right p {margin-top: 15px;} .row3content-projdet-thumbs {position:absolute; width: 448px; height: 40px; right: 0px; bottom: 0px;} .row3content-projdet-thumbs ul {list-style: none; -moz-padding-start: 0px; margin: 0; padding: 0; width: 216px; float:left;} .row3content-projdet-thumbs ul li {list-style: none; display: inline;} .row3content-projdet-thumb {position: relative; width: 40px; height: 40px; margin-right: 3px; float:left;} .row3content-projdet-thumbtn {position: relative; width: 220px; height: 40px; margin-left: 5px; float:left;} .row3content-projdet-thumbtn .rc-buttons {width: 220px;} /* 4. What's New Stuff */ .row2content-newsdet-featureleft {position: relative; width: 640px; height: 163px; float: left;} .row2content-newsdet-featureright {position: relative; width: 323px; margin-left: 15px; height: 163px; float: left;} .row2content-newsdet-featureright p {font-size: 1.4em; margin: 10px 0 15px 0;} .row3content-whatsnew-left {position: relative; float: left; width: 675px; z-index: 4;} .row3content-whatsnew-right {position: relative; float: left; width: 305px; z-index: 4; margin-left: 20px;} .row3content-whatsnew-right ul, .row3content-whatsnew-right ul li {-moz-padding-start: 0px; margin:0 0 1em 0; list-style: none;} .row3content-whatsnew-left-item01, .row3content-whatsnew-left-item02, .row3content-whatsnew-left-item03, .row3content-whatsnew-left-item04, .row3content-whatsnew-left-item05, .row3content-whatsnew-left-item06, .row3content-whatsnew-left-item07, .row3content-whatsnew-left-item08, .row3content-whatsnew-left-item09, .row3content-whatsnew-left-item10, .row3content-whatsnew-left-item11, .row3content-whatsnew-left-item12, .row3content-whatsnew-left-item13, .row3content-whatsnew-left-item14, .row3content-whatsnew-left-item15, .row3content-whatsnew-left-item16, .row3content-whatsnew-left-item17, .row3content-whatsnew-left-item18, .row3content-whatsnew-left-item19, .row3content-whatsnew-left-item20 {position: relative; float: left; width: 655px; height: auto; background-color: #ececec; padding: 20px 10px; z-index: 5; margin-bottom: 15px;cursor:pointer;} .row3content-whatsnew-left-item-date {position: relative; float: left; width: 244px; margin-top: 44px; z-index:6;} .row3content-whatsnew-left-item-date h5 {color: #666; text-transform: uppercase;} .row3content-whatsnew-left-item-txt {position: relative; float: left; width: 411px; z-index:6; margin-top: -10px;} .row3content-whatsnew-left-item-txt p {font-size: 1.4em;} .row3content-whatsnew-left-item-txt p a:link {color: #b2b2b2; display: inline;} .row3content-whatsnew-left-item-txt p a:visited {color: #b2b2b2; display: inline;} .row3content-whatsnew-left-item-txt p a:hover {color: #fff; text-decoration: underline; display: inline;} .row3content-whatsnew-newsdates {position: absolute; z-index: 3; right: 0; top: 6px;} .row3content-whatsnew-newsdates h4 {margin:0;} .row3content-whatsnew-newsdates ul {-moz-padding-start: 0px; margin:0; list-style: none;} .row3content-whatsnew-newsdates ul li {display: inline; float: left; margin-left: 15px;} .row3content-whatsnew-newsdates h4 a:link {color: #666; text-decoration: none;} .row3content-whatsnew-newsdates h4 a:visited {color: #666; text-decoration: none;} .row3content-whatsnew-newsdates h4 a:hover {color: #339900; text-decoration: none;} /* 5. News Details Stuff */ .row3content-newsdetail {position: relative; z-index: 4; width: 960px; padding: 20px; background-color: #ececec; display:inline-block;} .row3content-newsdetail-right li {font-size: 1.4em; line-height: 1.8em; color: #666;} .row3content-newsdetail-right li a:link {height: auto; width: auto; color: #339900; text-decoration: none; padding:1px;} .row3content-newsdetail-right li a:visited {height: auto; width:auto; color: #339900; text-decoration:none; padding:1px;} .row3content-newsdetail-right li a:hover {height: auto; width: auto; color: #fff; background-color: #339900; text-decoration: none; padding:1px;} .row3content-newsdetail-right h4 {margin-top: 20px;} .row3content-newsdetail-btm {position: relative; z-index: 4; width: 1000px; margin-bottom: 20px; clear:both; height:21px; background: url(images/backgrounds/news-details-btm.gif) no-repeat center center;} .row3content-newsdetail-left {position: relative; float: left; z-index: 5; width: 228px; height: auto;} .row3content-newsdetail-left h5 {text-transform: uppercase; color: #666; margin: 0px 0px 20px 0px;} .row3content-newsdetail-left h6 {text-transform: uppercase; margin-bottom: 15px;} .row3content-newsdetail-left ul {-moz-padding-start: 0px; margin:0 0 20px 0; list-style: none;} .row3content-newsdetail-left ul li, .row3content-newsdetail-left ul li ul li {margin:0 0 1em 0; list-style: none; font-size: 1.1em;} .row3content-newsdetail-left ul li ul li a:link {height: auto; width: auto; color: #339900; text-decoration: none; padding:1px;} .row3content-newsdetail-left ul li ul li a:visited {height: auto; width: auto; color: #339900; text-decoration: none; padding:1px;} .row3content-newsdetail-left ul li ul li a:hover {height: auto; width: auto; color: #fff; background-color: #339900; text-decoration: none; padding:1px;} .row3content-newsdetail-right {position: relative; float:left; z-index:5; width:710px; height:auto; margin-left: 20px;} .row3content-newsdetail-right p {font-size: 1.4em; margin-top: 20px;} .row3content-newsdetail-right-photo {position: relative; width: 708px;} /* Wide Open */ .row3content-wideopen {position: relative; float:left; z-index:5; width:958px; height:auto;} .row3content-wideopen p {font-size: 1.4em; margin-top: 20px;} .row3content-wideopen ul {margin-left: 20px;} .row3content-wideopen li ul {margin-left: 30px;} .row3content-wideopen li {font-size: 14px; line-height: 1.8em; color: #666;} .row3content-wideopen li ul li, .row3content-wideopen li ul li ul li, .row3content-wideopen li ul li ul li {font-size: inherit; line-height: 1.8em; color: #666;} .row3content-wideopen li a:link, .row3content-wideopen li ul li a:link, .row3content-wideopen li ul li ul li a:link, .row3content-wideopen li ul li ul li a:link {height:auto; width:auto; color:#339900; text-decoration:none; padding:1px;} .row3content-wideopen li a:visited, .row3content-wideopen li ul li a:visited, .row3content-wideopen li ul li ul li a:visited, .row3content-wideopen li ul li ul li a:visited {height: auto; width:auto; color: #339900; text-decoration:none; padding:1px;} .row3content-wideopen li a:hover, .row3content-wideopen li ul li a:hover, .row3content-wideopen li ul li ul li a:hover, .row3content-wideopen li ul li ul li a:hover {height: auto; width: auto; color: #fff; background-color: #339900; text-decoration: none; padding:1px;} /* 6. Let's Connect Stuff */ .row3content-connect {position: relative; float: left; width: 595px; padding: 40px; background-color: #ececec; margin-bottom: 20px;} /* 7. Misc. */ .factsheet {width: 260px; padding:20px; text-align: center; color: #666; background-color: #ececec; cursor: pointer; z-index: 5; background-image: url(images/backgrounds/factsheet.gif); background-repeat: no-repeat;} .factsheet h2 {font-size: 2.8em;} .factsheet a:link {display:block;color:#666;text-decoration: none;} .factsheet a:visited {display:block;color:#666;text-decoration: none;} .factsheet a:active {display:block;color:#666;text-decoration: none;} .factsheet a:hover {display:block; color:#fff; text-decoration:none;} .factsheet:hover {background-color: #339900; color: #fff; background-image: url(images/backgrounds/factsheet-hover.gif); background-repeat: no-repeat;} .factsheet:hover p a {color: #fff;} .factsheet p {font-size: 1.8em; text-decoration: none;} /* .factsheet h2 {border: 0; font-size: 3.2em; text-transform: uppercase; text-decoration: none; color: #fff;}*/ .factsheet h2 {visibility: hidden;} .factsheet a:hover h2 {color: #fff;} .ourwork1 {position: relative; float:left; width: 630px; height: 130px; border: 10px solid #ececec; z-index: 5; margin-bottom:20px;} .ourwork2 {position: relative; float:left; width: 630px; height: 130px; border: 10px solid #ececec; z-index: 5; margin-bottom:20px;} .ourwork-img {position: relative; float:left; width: 630px; height: 100px; overflow: hidden; z-index: 6;} .ourwork-txt {position: relative; float:left; width: 630px; height: 15px; z-index: 6; padding-top: 15px; background-color: #ececec;} .ourwork-txt1 {position: relative; float:left; width: 630px; height: 15px; z-index: 6; padding-top: 15px; background-color: #ececec;} .ourwork-txt2 {position: relative; float:left; width: 630px; height: 15px; z-index: 6; padding-top: 15px; background-color: #ececec;} /* D. Footer Stuff */ .footer-feat-lft {position: relative; float:left; width: 395px; height: 250px; z-index: 4;} .footer-feat-mid {position: relative; float:left; width: 392px; height: 250px; z-index: 4;} .footer-feat-rgt {position: relative; float:left; width: 188px; height: 230px; z-index: 4; background-color: #999; color: #fff; padding:10px;} .footer-feat-rgt p {text-align: left; color: #fff;} .footer-feat-rgt h4 {margin: 0 0 10px 0; color:#fff; font-weight: 400;} .footer-feat-rgt ul {-moz-padding-start: 0px; margin: 0; padding: 0; list-style: none;} .footer-feat-rgt li {list-style: none; text-align: left; color: #fff; font-size: 1.2em; margin-bottom: 10px;} .footer-feat-rgt a:link, .footer-feat-rgt a:visited {color: #fff; padding: 1px;} .footer-feat-rgt a:hover {text-decoration: none; color: #fff; background-color: #339900; padding: 1px;} .footer-feat-head {position: absolute; z-index: 5; background-color: #999; color: #fff; height: 49px; width:365px; padding: 25px 15px 0 15px; bottom: 0; right: 0; text-align: left; overflow:hidden;} .footer-feat-head h5, .footer-feat-head2 h5 {font-size: 2.1em; margin-top: 0px;} .footer-feat-head a:link, .footer-feat-head2 a:link {color: #fff; text-decoration: none;} .footer-feat-head a:visited, .footer-feat-head2 a:visited {color: #fff; text-decoration: none;} .footer-feat-head a:hover, .footer-feat-head2 a:hover {color: #dbd8d8; text-decoration: none;} .footer-feat-head2 {position: absolute; z-index: 5; background-color: #999; color: #fff; height: 49px; width: 362px; padding: 25px 15px 0 15px; bottom: 0; right: 0; text-align: left; overflow:hidden;} .footer-feat-head p, .footer-feat-head2 p {font-size: 1.6em; line-height: 1.5em; color: #fff; margin-top: 26px; height: 123px;} .footer-feat-lft .footer-feat-head {width: 365px;} .footer-feat-mid .footer-feat-head {width: 362px;} .footer-feat-rgt .footer-feat-head {width: 178px;} /* VII. Forms */ .connect-form .form-field { border:1px #cccccc solid; height:25px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; padding:5px 0 0 5px; } .connect-form .text-field { border:1px #cccccc solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; padding:5px 5px 0 5px; } .form-validation-red { background-image:url(images/backgrounds/validation-red-bg.jpg); background-repeat:repeat-x; height:18px; color:#fff; font-size:12px; padding:7px; text-align:center; } .form-validation-green{ background-image:url(images/backgrounds/validation-green-bg.jpg); background-repeat:repeat-x; height:18px; color:#fff; font-size:12px; padding:7px; text-align:center; } .submit-button { background-image:url(images/backgrounds/submit-button-bg.jpg); background-repeat:repeat-x; background-position:middle; border:1px #cccccc solid; height:30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; } .form-label { font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; font-size:18px; width:25%; } .connect-message { font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 0 25px; color:#999999; font-size:18px; } .connect-message-red p { font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 0 25px; color:#999999; font-size:18px; color:Red; } .hideIt { /*visibility:hidden;*/ position:relative; left:0px; z-index:2; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; z-index: 2; } .uploader { position:absolute; left:0px; top:0px; cursor:hand; } .uploadText { position:absolute; left:0; top:0; width:270px; } /* Thick Box */ /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ *{padding: 0; margin: 0;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #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;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(/images/macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { 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:7px 10px 5px 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.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } /* VII. Etc */ .small {font-size: 1.1em;} .smaller {font-size: 1em;} .big {font-size: 1.3em;} .imgbrdr {border: 2px solid #007071;} .clearboth {position: relative; width: 100%; clear:both;} .rightfade { padding-bottom:10px; } .link-sel {color: #339900;} .backlink a { float:right; font-size:14px; color:Green; text-decoration:none; border-bottom:none; margin-top:-20px; display:block; width: auto; height: auto; background-color: #fff; } .margin-ten-topbtm { margin: 10px 0 10px 0; } .news-text-clear {clear:both; padding-top: 10px;} .news-text-clear p {margin-bottom: 15px;} .key-components {background-color: #ececec; padding: 0 0 5px 5px;} .key-cells {padding: 5px 0 0 5px;} .key-components p, .key-cells p {margin: 0px; padding: 0px;} /* Deprecated #row3content-work-headerSelectors {height: 190px; background-color: #339900; color: #fff;} .row3content-work-header2 {min-height: 190px; background-image: url(images/backgrounds/bg-greeen.gif);} */