/* ----------------------- */
/* 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; background: transparent; font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; }
body { padding: 0px; }
ul { list-style: none; }
blockquote, q { quotes: none; }
/* ----------------------- */
/* remember to define focus styles! */
/* ----------------------- */
:focus { outline: 0; }
/* ----------------------- */
/* remember to highlight inserts somehow! */
/* ----------------------- */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* ----------------------- */
/* tables still need 'cellspacing="0"' in the markup */
/* ----------------------- */
table { border-collapse: collapse; border-spacing: 0; }
p { line-height:1.1em; padding:0 0 1.0em 0; }
ol { margin:0 0 0 40px; }
ol li{ padding:0 0 1.2em 0; line-height:1.2em; }
ol li ul { padding-top:1.2em; }
ol li ul li{ padding:0; }
/* ----------------------- */
/* Real CSS starts here */
/* ----------------------- */
.offScreen{ position:absolute; top:-1000px; left:-5000px; }
.clear { clear:both; }
.central { margin: 0px auto; text-align: center; }
/* ----------------------- */
/* Main Body */
/* ----------------------- */
body { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; }
p { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; }
#main { position: relative; top: -130px; background: url(media/bottomBack.gif) no-repeat bottom left; width: 820px; margin: 0px auto 0px auto; color: #ffffff; font-size: 12px; }
#topshadow { background: url(media/topBack.gif) no-repeat top left; width: 820px; height: 20px; margin: 0px auto 0px auto; }
#redcube { position: relative; top: 280px; left: 2px; width: 209px; height: 194px; margin: 0px auto; background: url(media/cube.png) no-repeat top left; z-index: 101; }
#mainBody  { position: relative; top: -6px; left: 1px; width: 786px; margin: 0px auto; color: #000000; }
a, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
.lightred { text-transform: uppercase; color: #da7961; font-size: 12px; padding-bottom: 5px; }
/* ----------------------- */
/* Box 1 - Top Left */
/* ----------------------- */
#topLeft { width: 393px; height: 297px; float: left; background: url(media/topLeft.gif) no-repeat top left; background-color: #ee2e24; }
#topNavContainer { text-transform: uppercase; margin: 40px 0px 0px 25px; }
#leftBox { text-transform: none; position: absolute; left: 137px; top: 0px; font-weight: normal; }
.navselected { font-size: 12px; font-weight: bold; text-decoration: none; line-height: 22px; clear: left; position: relative; }
.nav{ font-size: 12px; font-weight: normal; text-decoration: none; line-height: 22px; clear: left; }
.mainlinks, .mainlinks:visited { font-size: 12px; color: #ffffff; line-height: 22px; clear: left; }
.mainlinks:hover { font-size: 12px; color: #ffffff; line-height: 22px; clear: left; }
.firstSubNav { background: url(media/topSub.gif) no-repeat top left; padding: 0px 0px 0px 30px; line-height: 22px; }
.firstSubNavSelected { font-weight: bold; background: url(media/topSub.gif) no-repeat top left; padding: 0px 0px 0px 30px; line-height: 22px; }
.subNav { background: url(media/leftSub.gif) no-repeat top left; padding: 0px 0px 0px 30px; line-height: 22px; }
.subNavSelected { font-weight: bold; background: url(media/leftSub.gif) no-repeat top left; padding: 0px 0px 0px 30px; line-height: 22px; }
.endsubNav { background: url(media/bottomSub.gif) no-repeat top left; padding: 0px 0px 0px 30px; line-height: 22px; }
.endsubNavSelected { font-weight: bold; background: url(media/bottomSub.gif) no-repeat top left; padding: 0px 0px 0px 30px; line-height: 22px; }
.sublinks, .sublinks:visited { font-size: 12px; color: #f68c87; line-height: 22px; clear: left; }
.sublinks:hover { font-size: 12px; color: #f68c87; line-height: 22px; clear: left; }
.sublinksSelected, .sublinksSelected:visited { font-size: 12px; color: #ffffff; line-height: 22px; clear: left; }
.sublinksSelected:hover { font-size: 12px; color: #ffffff; line-height: 22px; clear: left; }
/* ----------------------- */
/* Box 2 - Top Right */
/* ----------------------- */
#topRight { width: 393px; min-height: 297px; float: left; background-color: #b5111b; }
/* ----------------------- */
/* Box 3 - Bottom Left */
/* ----------------------- */
#bottom { width: 786px; }
.blackbottom { background-color: #000000; color: #ffffff; }
#bottomLeft { width: 393px; min-height: 273px; float: left; position: relative; top: -1px; }
#blackbottomLeft { width: 393px; min-height: 273px; float: left; background-color: #000000; color: #ffffff; position: relative; top: -1px; display: block; }
#whitebottomLeft { width: 393px; min-height: 273px; float: left; background-color: #ffffff; color: #000000; }
.wcontent { padding: 95px 40px 0px 20px; color: #000000; }
.blcontent { padding: 95px 40px 0px 20px; color: #ffffff; }
.smallcaps { text-transform: uppercase; font-size: 11px; line-height:1.4em; }
.blcontent p strong, .blcontent h3, .blcontent h2 { letter-spacing: 0.3px; }
/* ----------------------- */
/* Box 4 - Bottom Right */
/* ----------------------- */
#bottomRight { width: 393px; min-height: 273px; float: left; position: relative; top: -1px; }
#bottomRight li { color: #000000; list-style-type: square; padding: 0px 20px 10px 0px; left: 20px; position: relative; list-style-image: url(media/redli.gif); }
#blackbottomRight { width: 393px; min-height: 273px; float: left; background-color: #000000; color: #ffffff; position: relative; top: -1px; }
.content { padding: 95px 20px 20px 40px; color: #000000; }
.casecontent { padding: 95px 20px 0px 40px; color: #000000; }
.bcontent { padding: 95px 20px 0px 40px; color: #ffffff; }
.blacklink, .blacklink:visited { font-size: 14px; color: #000000; clear: left; }
.blacklink:hover { font-size: 14px; color: #000000; clear: left; }
.bcontent p strong, .bcontent h3, .bcontent h2 { letter-spacing: 0.3px; }
/* ----------------------- */
/* Box 5 & 6 - Footer */
/* ----------------------- */
#footer { width: 786px; height: 24px; float: left; font-size: 10px; font-weight: bold; position: relative; top: -5px; }
#footerLeft { padding: 5px 0px 0px 10px; width: 383px; height: 19px; background-color: #ee2e24; color: #ffffff; display: block; float: left; }
#footerRight { padding: 5px 0px 0px 10px; width: 383px; height: 19px; background-color: #b5111b; color: #ffffff; display: block; float: left; text-align: justify; }
#fright { width: 373px;  text-align: justify; white-space: nowrap; }
#fright .fs, #fright .fs:visited { font-size: 10px; color: #ffffff; text-align: justify; padding-right: 46px; }
#fright .fs:hover { font-size: 10px; color: #ffffff; text-align: justify; padding-right: 46px; }
.fs, .fs:visited { font-size: 10px; color: #ffffff; clear: left; }
.fs:hover { font-size: 10px; color: #ffffff; clear: left; }
.greyedout { color: #eca8c8; }
/* ----------------------- */
/* Misc Styles */
/* ----------------------- */
.cleanImg { margin: 0px 0px 0px 0px; float: left; border: 0px; bottom: auto; }
.cleanImgCase { height: 297px; width: 393px; clip: rect(0px, 393px, 297px, 0px); overflow: hidden; }
h2 { font-size: 13px; margin: 10px 0px 10px 0px; color: #ee2e24; font-weight: bold; }
h3 { font-size: 13px; margin: 10px 0px 10px 0px; color: #ffffff; font-weight: bold; }
.caseStudyText { font-size: 12px; margin: 10px 0px 10px 0px; color: #ffffff; }
.caseStudyTextLeft { font-size: 12px; margin: 10px 0px 10px 0px; color: #ffffff; }
.caseStudyTextb { font-size: 12px; margin: 10px 0px 10px 0px; color: #000000; }
.caseStudyTextbf { font-size: 11px; margin: 10px 0px 10px 0px; color: #000000; }
.caselinks, .caselinks:visited { font-size: 12px; color: #f68c87; line-height: 22px; clear: left; }
.caselinks:hover { font-size: 12px; color: #f68c87; line-height: 22px; clear: left; }
.caselinksSelected, .caselinksSelected:visited { font-size: 12px; color: #ffffff; line-height: 22px; clear: left; }
.caselinksSelected:hover { font-size: 12px; color: #ffffff; line-height: 22px; clear: left; }
.fsb, .fsb:visited { font-size: 10px; color: #000000; clear: left; }
.fsb:hover { font-size: 10px; color: #000000; clear: left; }
.fsb2, .fsb2:visited { font-size: 11px; color: #000000; clear: left; }
.fsb2:hover { font-size: 11px; color: #000000; clear: left; }
.text { font-size: 12px; margin: 0px 0px 0px 0px; color: #ffffff; width: 300px; }
.dataText { color: #da7961; background-color: #ffffff; left: 150px; position: absolute; }
.submitButton { left: 75px; position: absolute; }
/* ----------------------- */
/* Sitemap */
/* ----------------------- */
#sitemap a { color: #ffffff; }
#sitemap li { padding: 0px 0px 0px 40px; }
/* ----------------------- */
/* Data Capture */
/* ----------------------- */
#contactForm { color: #ffffff; }
label.text{ display:block; line-height: 1.4em; font-size: 8pt; }
label.opt, label.optMkting { font-size: 80%; }