/* hidden "skip to the content" and "upgrade your browser" links */
#skip { position: absolute; top: -1000px; }
#upgrade { display: none; }

/* Class for error messages */
.error { font-weight: bold; color: #f00; }

#container{ margin: 0 auto; padding: 30px 30px 0 30px; text-align: left; background: #1f3f53 url(/webart/375/bg-main.jpg) 0 0 repeat-y; width: 840px; width/**/:/**/ 780px; }
#container2 { background-color: #fff; }
#container3 { padding: 37px 0; width: 780px; overflow: hidden; _height: 1%; }
#container4 { padding: 0 60px; }

/* Header Styles */
#header { background: #fff url(/webart/375/bg-header.jpg) 0 0 no-repeat; width: 780px; height: 79px; }
#header img { position: absolute; top: -1000px; }
#headerLinks { color: #fff; font: bold 1em Verdana, Arial, Helvetica, sans-serif; text-align: right; padding: 55px 15px 0 0; }
#headerLinks a { color: #fff; text-decoration: none; }
#headerlinks a:hover { text-decoration: underline; }

/* Nav */
#mainNav { margin: 0; padding:0; width: 780px; height: 27px; background: #fff url(/webart/375/bg-nav.gif) 0 0 repeat-x; }
#mainNav ul { margin: 0; padding: 0 0 0 60px; list-style: none; line-height: 1em; }
#mainNav ul li { list-style-type: none; padding: 0; margin: 0; float: left; }
#mainNav ul li a { display: block; }
#mainNav ul li a span { position: absolute; top: -1000px; }
/* Regular Nav States */
#mainNav ul li a#imgNavCompany { background: #fff url(/webart/375/nav-company.gif) 0 0 no-repeat; width: 78px; height: 27px; }
#mainNav ul li a#imgNavServices { background: #fff url(/webart/375/nav-services.gif) 0 0 no-repeat; width: 72px; height: 27px; }
#mainNav ul li a#imgNavProducts{ background: #fff url(/webart/375/nav-products.gif) 0 0 no-repeat; width: 84px; height: 27px; }
#mainNav ul li a#imgNavShowcase { background: #fff url(/webart/375/nav-showcase.gif) 0 0 no-repeat; width: 84px; height: 27px; }
#mainNav ul li a#imgNavCommentary { background: #fff url(/webart/375/nav-commentary.gif) 0 0 no-repeat; width: 101px; height: 27px; }
#mainNav ul li a#imgNavPress { background: #fff url(/webart/375/nav-press.gif) 0 0 no-repeat; width: 55px; height: 27px; }
#mainNav ul li a#imgNavExperience { background: #fff url(/webart/375/nav-experience.gif) 0 0 no-repeat; width: 99px; height: 27px; }
#mainNav ul li a#imgNavContact { background: #fff url(/webart/375/nav-contact.gif) 0 0 no-repeat; width: 73px; height: 27px; }
#mainNav ul li a#imgNavInsiders { background: #fff url(/webart/375/nav-insiders.gif) 0 0 no-repeat; width: 72px; height: 27px; }
/* Rollover Nav States */
#mainNav ul li a#imgNavCompany:hover { background: #fff url(/webart/375/nav-company.gif) 0 -27px no-repeat; width: 78px; height: 27px; }
#mainNav ul li a#imgNavServices:hover { background: #fff url(/webart/375/nav-services.gif) 0 -27px no-repeat; width: 72px; height: 27px; }
#mainNav ul li a#imgNavProducts:hover { background: #fff url(/webart/375/nav-products.gif) 0 -27px no-repeat; width: 84px; height: 27px; }
#mainNav ul li a#imgNavShowcase:hover { background: #fff url(/webart/375/nav-showcase.gif) 0 -27px no-repeat; width: 84px; height: 27px; }
#mainNav ul li a#imgNavCommentary:hover { background: #fff url(/webart/375/nav-commentary.gif) 0 -27px no-repeat; width: 101px; height: 27px; }
#mainNav ul li a#imgNavPress:hover { background: #fff url(/webart/375/nav-press.gif) 0 -27px no-repeat; width: 55px; height: 27px; }
#mainNav ul li a#imgNavExperience:hover { background: #fff url(/webart/375/nav-experience.gif) 0 -27px no-repeat; width: 99px; height: 27px; }
#mainNav ul li a#imgNavContact:hover { background: #fff url(/webart/375/nav-contact.gif) 0 -27px no-repeat; width: 73px; height: 27px; }
#mainNav ul li a#imgNavInsiders:hover { background: #fff url(/webart/375/nav-insiders.gif) 0 -27px no-repeat; width: 72px; height: 27px; }
/* Active Nav States */
#mainNav ul li a#imgNavCompanyOn { background: #fff url(/webart/375/nav-company.gif) 0 -54px no-repeat; width: 78px; height: 27px; }
#mainNav ul li a#imgNavServicesOn { background: #fff url(/webart/375/nav-services.gif) 0 -54px no-repeat; width: 72px; height: 27px; }
#mainNav ul li a#imgNavProductsOn { background: #fff url(/webart/375/nav-products.gif) 0 -54px no-repeat; width: 84px; height: 27px; }
#mainNav ul li a#imgNavShowcaseOn { background: #fff url(/webart/375/nav-showcase.gif) 0 -54px no-repeat; width: 84px; height: 27px; }
#mainNav ul li a#imgNavCommentaryOn { background: #fff url(/webart/375/nav-commentary.gif) 0 -54px no-repeat; width: 101px; height: 27px; }
#mainNav ul li a#imgNavPressOn { background: #fff url(/webart/375/nav-press.gif) 0 -54px no-repeat; width: 55px; height: 27px; }
#mainNav ul li a#imgNavExperienceOn { background: #fff url(/webart/375/nav-experience.gif) 0 -54px no-repeat; width: 99px; height: 27px; }
#mainNav ul li a#imgNavContactOn { background: #fff url(/webart/375/nav-contact.gif) 0 -54px no-repeat; width: 73px; height: 27px; }
#mainNav ul li a#imgNavInsidersOn { background: #fff url(/webart/375/nav-insiders.gif) 0 -54px no-repeat; width: 72px; height: 27px; }

#homeFlash { width: 660px; height: 220px; background: #fff url(/webart/375/home-main.jpg) 0 0 no-repeat; }
#homeBottom { margin: 25px 0; background-color: #e6e7e8; width: 660px; overflow: hidden; font-size: 1.1em; color: #666; }
#homeBottom p { margin: 0; padding: 16px 8px 0px 12px; }
#homeBottomLeft { width: 329px; float: left;  border-right: 1px solid #c1c1c1;}
#homeBottomLeft img {margin-right: 10px;}
#homeBottomLeft #newsTitle { font-weight: bold; font-size: 14px; text-transform: uppercase; color: #4d8eb2; padding-left: 12px; padding-top: 12px; }
#homeBottomLeft #spotlightTitle { font-weight: bold; font-size: 16px; text-transform: uppercase; color: #4d8eb2; padding-left: 12px; padding-top: 12px; }
#homeBottomLeft #newsLink { text-align: right; margin-top: 5px; margin-bottom: 16px; margin-right: 12px; }
#homeBottomRight { width: 300px; float: right; padding: 15px; }

#mainCopy { width: 500px; float: left; font-size: 1.1em; line-height: 1.8em; color: #666; }
#mainCopy #spotlightTitle { font-weight: bold; font-size: 16px; text-transform: uppercase; color: #4d8eb2; }
#mainCopyWide { margin: 40px 0 0 0; width: 660px; font-size: 1.1em; line-height: 1.8em; color: #666; }
#mainCopyWide2 { width: 660px; font-size: 1.1em; line-height: 1.8em; color: #666; }
#mainCopy p, #mainCopyWide p, #mainCopyWide2 p { margin: 0; padding: 10px 0; }
#mainCopy ul, #mainCopyWide ul { list-style-type: none; }
#mainCopy ul li, #mainCopyWide ul li { background: transparent url(/webart/375/blt-gray-box.gif) 0 8px no-repeat; padding: 0 0 0 10px; }
#mainCopy a, #mainCopyWide a, #mainCopyWide2 a { color: #5385a4; text-decoration: none; }
#mainCopy a:hover, #mainCopyWide a:hover, #mainCopyWide2 a:hover { text-decoration: underline; }

#mainCopy .regenLeft { background: #fff url(/webart/375/box-regen-left.gif) 0 0 no-repeat; height: 185px; }
#mainCopy .regenLeft p { margin: 0; padding: 15px 0 0 15px; }
#mainCopy .regenLeft ul { margin: 0 200px 0 30px; padding: 0; line-height: 1.6em; }
#mainCopy .regenLeft ul li { background: transparent url(/webart/375/blt-red-box.gif) 0 8px no-repeat; margin: 0; padding: 0 0 0 10px; }
#mainCopy .regenRight { background: #fff url(/webart/375/box-regen-right.gif) 0 0 no-repeat; height: 185px; }
#mainCopy .regenRight p { margin: 0; padding: 15px 0 0 215px; }
#mainCopy .regenRight ul { margin: 0 20px 0 230px; padding: 0; line-height: 1.6em; }
#mainCopy .regenRight ul li { background: transparent url(/webart/375/blt-red-box.gif) 0 8px no-repeat; margin: 0; padding: 0 0 0 10px; }
#mainCopy .regenLeftBottom { background: #fff url(/webart/375/box-regen-left-bottom.gif) 0 0 no-repeat; height: 185px; }
#mainCopy .regenLeftBottom p { margin: 0; padding: 15px 0 0 15px; }
#mainCopy .regenLeftBottom ul { margin: 0 200px 0 30px; padding: 0; line-height: 1.6em; }
#mainCopy .regenLeftBottom ul li { background: transparent url(/webart/375/blt-red-box.gif) 0 8px no-repeat; margin: 0; padding: 0 0 0 10px; }

.showcaseBoxHolder { overflow: hidden; _height: 1%; }
.showcaseBox { border: 4px solid #e0e0e0; background-color: #eeeff0; width: 210px; height: 350px; float: left; margin: 0 2px 2px 0; }
.showcaseBox p { margin: 0; padding: 10px 15px 0 15px; }
.showcaseBox p.link { margin: 0; padding: 4px 15px 10px 15px; }

/* Contact Form */
#contactForm { width: 420px; }
#contactForm p { margin: 0; padding: 3px 5px; }
.formRow { overflow: hidden; padding: 3px 0; }
.formLabel { display: block; width: 170px; text-align: right; float: left; padding: 0 10px 0 0; }
.formField { display: block; width: 240px; text-align: left; float: left; }
#fullname, #company, #emailaddress, #streetaddress, #city, #daytimephone, #city { border: 1px solid #7f9db9; width: 230px; }
#state, #zip { border: 1px solid #7f9db9; width: 95px; }
#questions { border: 1px solid #7f9db9; width: 230px; height: 130px; }

/* Right Column Styles */
#rightBar { width: 135px; float: right; padding: 10px 0 0 0; font-size: 1.1em; line-height: 1.5em; color: #666; }
#rightBar p { margin: 0; padding: 0 5px 10px 10px; }
#rightBar ul { list-style-type: none; margin: 0; padding: 0 0 0 10px; }
#rightBar ul li { background: transparent url(/webart/375/blt-gray-box.gif) 0 7px no-repeat; padding: 0 4px 0 10px; }
#rightBar form { margin: 0; padding: 0; }
#rightBar form p { margin: 0; padding: 0 5px 0 10px; }
#rightBar label { font-weight: bold; }
#rightBar input#email { width: 110px; border: 1px solid #7f9db9; }
.rightNav { margin: 5px 0 0 0; }
.rightBox1 { margin: 30px 0 0 0; background-color: #eeeff0; padding: 10px 0; border-bottom: 4px solid #5486a3; }
.rightBox1nomargin { background-color: #eeeff0; padding: 10px 0; border-bottom: 4px solid #5486a3; }
.rightBox2 { margin: 30px 0 0 0; background-color: #eeeff0; padding: 10px 0; border-bottom: 4px solid #80c700; }
.rightBox3 { margin: 2px 0; }
.rightBox4 { margin: 20px 0; }
.glossary { margin: 4px 0 0 0; color: #5486a3; font-size: .9em; }
.glossary strong { font-size: 1.1em; }
.glossary a { color: #5486a3; text-decoration: none; }
.glossary a:hover { text-decoration: underline; }


/* Footer Styles */
#footer { margin: 0 auto; width: 840px; height: 171px; background: #1f3f53 url(/webart/375/bg-footer.jpg) 0 0 no-repeat; color: #91a5b1; text-align: left; }
#footer p { margin: 0; padding: 5px; }
#footerLeft { float: left; padding: 10px 0 0 30px; font-size: 1em; }
#footerLeft a { color: #91a5b1; text-decoration: none; }
#footerLeft a:hover { text-decoration: underline; }
#footerRight { float: right; padding: 10px 30px 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em; color: #1f3f53; }
#footerRight a { color: #91a5b1; text-decoration: none; }
#footerRight a:hover { text-decoration: none; }


/* Sextant Promo */
#stNav1 { border-bottom: 5px solid #5385a4; }
#stNav2 { border-top: 5px solid #5385a4; }
a.STarrow { background: #fff url(/webart/375/st-arrow.gif) right top no-repeat; font-weight: bold; color: #666; text-decoration: none;  padding: 0 18px 0 0;  }
a.STarrow:hover { text-decoration: underline; }


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2.sIFR {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 25px;
}