/* ----------------------- */
/* 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.1em 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; }
a, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
.lightred { text-transform: uppercase; color: #e8ac9c; 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: lowercase; 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 */
/* ----------------------- */
#bottomLeft { width: 393px; min-height: 273px; float: left; position: relative; top: -1px; }
#blackbottomLeft { width: 393px; min-height: 273px; float: left; background-color: #ffffff; color: #000000; position: relative; top: -1px; }
#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: #000000; }
/* ----------------------- */
/* Box 4 - Bottom Right */
/* ----------------------- */
#bottomRight { width: 393px; min-height: 273px; float: left; position: relative; top: -1px; }
#blackbottomRight { width: 393px; min-height: 273px; float: left; background-color: #ffffff; color: #000000; position: relative; top: -1px; }
.content { padding: 95px 20px 20px 40px; color: #000000; }
.bcontent { padding: 95px 20px 0px 40px; color: #000000; }
/* ----------------------- */
/* 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; }
.fs, .fs:visited { font-size: 10px; color: #c44349; clear: left; }
.fs:hover { font-size: 10px; color: #c44349; clear: left; }
.greyedout { color: #c44349; }
/* ----------------------- */
/* Misc Styles */
/* ----------------------- */
.cleanImg { margin: 0px 0px 0px 0px; float: left; border: 0px; }
h2 { font-size: 13px; margin: 10px 0px 10px 0px; color: #ee2e24; font-weight: bold; }
h3 { font-size: 13px; margin: 10px 0px 10px 0px; color: #000000; font-weight: bold; }
.caseStudyText { font-size: 12px; margin: 10px 0px 10px 0px; color: #000000; }
.caseStudyTextb { font-size: 12px; margin: 10px 0px 10px 0px; color: #000000; }
.fsb, .fsb:visited { font-size: 10px; color: #000000; clear: left; }
.fsb:hover { font-size: 10px; color: #000000; clear: left; }
.text { font-size: 12px; margin: 0px 0px 0px 0px; color: #000000; width: 300px; }
.dataText { color: #ee2e24; background-color: #ffffff; left: 150px; position: absolute; }
.submitButton { background-color: #ffffff; left: 130px; position: absolute; }
/* ----------------------- */
/* Sitemap */
/* ----------------------- */
#sitemap a { position: relative; top: -30px; left: 40px; color: #b5111b; }
#sitemap li { padding: 0px 0px 0px 40px; }
/* ----------------------- */
/* Data Capture */
/* ----------------------- */
#contactForm
{
	padding: 65px 0px 0px 20px;
	color: #000000;
}
label.text{ display:block; line-height: 1.4em; font-size: 8pt; }
label.opt, label.optMkting { font-size: 80%; }