/*** layout styles ***/

/*** site structure ***/
#background { margin-left: auto; margin-right: auto; width: 100em; }
#postit { width: 99.4em; margin-left: auto; margin-right: auto; padding-top: 1.3em; background: url('/resources/img/layout/red_postit.png') left top no-repeat; }
#site { width: 99.4em; margin-left: auto; margin-right: auto; }
.shadow { margin-left: auto; margin-right: auto; width: 95em; padding-left: 1.6em; padding-right: 1.6em; 
	background: url('/resources/img/layout/shadow.png') center top repeat-y; }
.shadowBottom { margin-left: auto; margin-right: auto; width: 95em; padding-left: 1.6em; padding-right: 1.6em; height: 2em; 
	background: url('/resources/img/layout/shadow_btm.png') center top repeat-y; }

/*** site logo ***/
#site a.heading { border: none; font-size: 1em; margin: 0; padding: 0; display: block; width: 20em; }
#site a h1 { width: 14.1em; height: 4.2em; margin-left: 4em; margin-bottom: 0.5em; text-indent: -9999px; 
	background: url('/resources/img/astral.png') no-repeat; }

/*** navigation area ***/
#nav { z-index: 10000; margin: 0; background: url('/resources/img/layout/nav_bg.png') center center repeat-x; border: none; } 
#nav ul { float: left; z-index: 10000; position: relative; margin: 0; padding: 0; width: auto; border-right: 1px solid #202020;}
#nav ul li { z-index: 10000; list-style: none; margin: 0; float: left; width: auto; border-left: 1px solid #202020; border-right: 1px solid #2c3135; }
#nav ul li.first { border-left: none; }
#nav ul li a { z-index: 10000; color: #fff; display: inline-block; padding: 1.5em 1.4em 0.7em 1.4em; width: auto; text-decoration: none; border-bottom: 0.9em solid transparent; }
#nav ul li a:hover, #nav ul li.menuHover a { border-color: #d3cfd9; } /* when someone hovers over the link, but it's not the current tab */
#nav ul li.selected a:hover { border-color: #ac0f0b; } /* when someone hovers over the link AND it's the current tab */
#nav ul li.selected a { border-color: #ac0f0b; }
#nav ul li a span.mainNav { visibility: hidden; }

/*** sub nav area ***/
#nav ul li div.navShadow { z-index: 10000; position: absolute; width: 17.5em; padding: 0 0.8em 0.8em 0.8em; display: none; margin-left: -0.8em; 
	background: url('/resources/img/nav/nav_shadow.png') center bottom repeat-y; }
#nav ul li ul { z-index: 10000; font-size: 0.8em; clear: both; padding: 1em; border: none; }
#nav ul li.selected ul { background-color: #ac0f0b !important; }
#nav ul li.menuHover ul { background-color: #d3cfd9; }
#nav ul li ul li { z-index: 10000; display: block; position: relative; float: none; border: none; }
#nav ul li ul li a { z-index: 10000; position: relative; border: none; padding: 0; }
#nav ul li.selected ul li a { background: #ac0f0b !important; color: #fff !important; }
#nav ul li.menuHover ul li a { background: #d3cfd9; color: #111; }
#nav ul li ul li a span { display: inline-block; padding: 1em 1em 0.64em 1em; width: 14em; line-height: 1.2; font-size: 0.85em; }
#nav ul li.selected ul li a:hover { background: #c0221c url('/resources/img/nav/red_highlight_t.gif') center top no-repeat !important; }
#nav ul li.selected ul li a:hover span { background: transparent url('/resources/img/nav/red_highlight_b.gif') center bottom no-repeat !important; }
#nav ul li.menuHover ul li a:hover { background: #f1eff4 url('/resources/img/nav/grey_highlight_t.gif') center top no-repeat; }
#nav ul li.menuHover ul li a:hover span { background: transparent url('/resources/img/nav/grey_highlight_b.gif') center bottom no-repeat; }

#nav #search { float: left; width: auto; }
/*** navigation area items ***/
#navAbout { width: 4.6em; background: url('/resources/img/nav/about.png') center 70% no-repeat; }
#navServices { width: 5.8em; background: url('/resources/img/nav/services.png') center 70% no-repeat; }
#navSolutions { width: 6.3em; background: url('/resources/img/nav/solutions.png') center 70% no-repeat; }
#navPartners { width: 5.9em; background: url('/resources/img/nav/partners.png') center 70% no-repeat; }
#navIndustries { width: 6.8em; background: url('/resources/img/nav/industries.png') center 70% no-repeat; }
#navCareers { width: 5.6em; background: url('/resources/img/nav/careers.png') center 70% no-repeat; }
#navContact { width: 7.8em; background: url('/resources/img/nav/contactus.png') center 70% no-repeat; }

/*** search box ***/
#search { float: left; margin-left: 0; margin-top: 1.4em; padding-left: 3.5em; padding-top: 0.2em; }
#search fieldset div.input { background: url('/resources/img/layout/searchbox.png') left top no-repeat; width: 20em; height: 2.9em; padding: 0 0 0 1.2em; }
#search fieldset div.input label { display: none; }
#search fieldset div.input input.searchBox { background-color: transparent; display: inline-block; border: none; width: 12.7em; }
#search fieldset div.input input.searchSubmit { width: 20px; height: 20px; vertical-align: -60%; display: inline; margin-top: 0.5em; margin-left: 0.3em; }

/*** general content structure ***/
#content { background-color: #fff; }
#footer { background: #fff url('/resources/img/layout/rule.png') center top no-repeat; padding-top: 2em; padding-bottom: 1.4em; }
#footer #footerBanner { margin-left: 2.2em; }
#footer #footerBanner #footerBannerImg { float: left; width: auto; }
#footer #footerBanner #footerBannerDetails { float: left; width: auto; padding-top: 0.4em; padding-left: 1.5em; }
#footer #footerBanner #footerBannerDetails p { line-height: 1.3; font-size: 1.1em; color: #250858; }
#footer #footerLinks { float: right; width: auto; margin-right: 4.4em; }
#footer #footerLinks ul { padding-top: 1.2em; }
#footer #footerLinks ul li { list-style: none; display: inline; margin-left: 1.2em; }
#footer #footerLinks ul li a { font-size: 0.92em; text-decoration: none; color: #250858; }
#footer #footerLinks ul li a:hover { color: #bd2837; }
#footer #footerLinks ul li a img { vertical-align: -93%; }

/*** homepage template specific styles ***/
div.homepage { padding-left: 4.5em; padding-top: 0; margin-top: 0; }
div.homepage .heroPanel .heroBlurb { padding-top: 3.2em; width: 29.3em; float: left; }
div.homepage .heroPanel .heroBlurb h2 { font-family: "Courier New"; letter-spacing: -1px; font-weight: normal; font-size: 3em; width: 9.4em; padding: 0; margin-bottom: 0.6em; }
div.homepage .heroPanel .heroBlurb p { width: 22em; line-height: 1.5; margin-bottom: 1em; }
div.homepage .heroPanel .heroImage { margin-left: 0.1em; float: left; width: auto; }
div.homepage .heroPanel .clear { border-top: 1px solid #fff; }
div.homepage .columns { margin-top: 1.4em; background: url('/resources/img/layout/rule.png') center top no-repeat; padding-top: 2.6em; padding-right: 1.7em; }
div.homepage .columns .column { width: 27.1em; float: left; margin-right: 2.4em; margin-bottom: 1.4em; }
div.homepage .columns .column h3 { color: #313131; font-size: 1.5em; margin-bottom: 0.7em; font-weight: normal; }
div.homepage .columns .column .columnImage { margin-bottom: 1.5em; }
div.homepage .columns .column p { line-height: 1.5; margin-bottom: 0.5em; }
div.homepage .columns .column p a { font-size: 1em; color: #bd2837; text-decoration: none; }
div.homepage .columns .column p a:hover { color: #ff001a; }
div.homepage .heroPanel a { font-size: 1em; color: #bd2837; text-decoration: none; }
div.homepage .heroPanel a:hover { color: #ff001a; text-decoration: none; }

/*** generic template specific styles ***/
div#content .templateShell { background: #fff url('/resources/img/layout/generic_bg.png') left top repeat-y; }
div#content .template { background: url('/resources/img/layout/sitemap/footer.png') left bottom no-repeat; /*border: 1px solid red;*/ }
div#content .template .sidebar { width: 21.8em; float: left; }
div#content .template .sidebar ul { margin-left: 0; margin-top: 0; }
div#content .template .sidebarImage { width: 21.8em; height: 8.7em; }
div#content .template .sidebarLinks { width: 15.6em; border-top: 0.9em solid #ac0f0b; padding: 2.5em 3.8em 2.5em 2.4em; }
div#content .template .sidebarLinks li { margin-bottom: 1em; line-height: 1.3; list-style: none; }
div#content .template .sidebarLinks li a { font-size: 1em; color: #000; text-decoration: none; }
div#content .template .sidebarLinks li a:hover, div#content .template .sidebarLinks li.selected a { color: #ac0f0b; }
div#content .template .genericContent { float: left; width: 36.7em; padding: 4.3em 0 1.5em 4.3em; }
div#content .template .genericContentWide { float: left; width: 65.7em; padding: 4.3em 0 1.5em 4.3em; }
div#content .template .genericContent h2, div#content .template .genericContentWide h2 { 
	font-size: 3em; font-family: "Courier New", courier, monospace; font-weight: normal; margin-bottom: 0.7em; }
div#content .template .genericContent p, div#content .template .genericContentWide p { line-height: 1.5; margin-bottom: 1em; }
div#content .template a { font-size: 1em; color: #bd2837; text-decoration: none; }
div#content .template p a:hover { color: #ff001a; text-decoration: none; }
div#content .template h3 { font-size: 1.4em; font-weight: bold; margin-bottom: 0.5em; }
div#content .template ul, div#content .template ol { margin-left: 1em; margin-bottom: 1.5em; }
div#content .template .relatedContent { float: left; width: 23.2em; margin: 9.5em 3.5em 0 4.5em; }
div#content .template .relatedContent .relatedBox { padding: 1.4em 1.2em; 
	background: #fff url('/resources/img/layout/relatedbox.png') center top no-repeat; min-height: 11.2em; margin-bottom: 5em; }
div#content .template .relatedContent .relatedBox h3 { text-indent: -9999px; font-size: 1em; width: 14.2em; height: 1.6em; 
	background: #fff url('/resources/img/layout/related_content.png') center top no-repeat; margin-bottom: 0.8em; }
div#content .template .relatedContent .relatedBox img { margin-bottom: 0.5em; }
div#content .template .relatedContent .relatedBox p { color: #626261; line-height: 1.4; }
div#content .template .relatedContent .relatedBox p a { font-size: 1em; color: #bd2837; text-decoration: none; }

/*** sitemap ***/
div#content .contentFooter { padding: 1.9em 0 0 2em; }
div#content .contentFooter ul { width: 9em; float: left; margin-right: 2.5em; }
div#content .contentFooter ul.last { margin-right: 0; }
div#content .contentFooter ul li { list-style: none; margin-bottom: 0.7em; line-height: 1.2; font-size: 0.9em; }
div#content .contentFooter ul li.heading { font-size: 1em; font-weight: bold; }
div#content .contentFooter ul li a { color: #a094b6; text-decoration: none; display: inline-block; }
div#content .contentFooter ul li a:hover { color: #250858; }
div#content .contentFooter ul li a span { visibility: hidden; }
div#content .contentFooter ul li.heading a { margin-left: -0.5em; }
div#content .contentFooter #footerHome a { width: 3.9em; height: 1.1em; background: url('/resources/img/layout/sitemap/footerHome.png') center center no-repeat; }
div#content .contentFooter #footerAbout a { width: 4.3em; height: 1.1em; background: url('/resources/img/layout/sitemap/footerAbout.png') center center no-repeat; }
div#content .contentFooter #footerServices a { width: 5.5em; height: 1.1em; background: url('/resources/img/layout/sitemap/footerServices.png') center center no-repeat; }
div#content .contentFooter #footerSolutions a { width: 6em; height: 1.1em; background: url('/resources/img/layout/sitemap/footerSolutions.png') center center no-repeat; }
div#content .contentFooter #footerPartners a { width: 5.5em; height: 1.1em; background: url('/resources/img/layout/sitemap/footerPartners.png') center center no-repeat; }
div#content .contentFooter #footerIndustries a { width: 6.5em; height: 1.1em; background: url('/resources/img/layout/sitemap/footerIndustries.png') center center no-repeat; }
div#content .contentFooter #footerCareers a { width: 5.2em; height: 1.1em; background: url('/resources/img/layout/sitemap/footerCareers.png') center center no-repeat; }
div#content .contentFooter #footerContact a { width: 5.4em; height: 1.1em; background: url('/resources/img/layout/sitemap/footerContact.png') center center no-repeat; }

/*** search pages ***/
div.search ol { margin-left: 2em; }
div.search ol li { list-style: decimal; font-size: 1.5em; }
div.search ol li a { font-size: 12px; color: #bd2837; text-decoration: none; }
div.search ol li a:hover { color: #ff001a; }
div.search ol li p { font-size: 12px; }

/*** contact pages ***/
.contact .template table td { padding-right: 3em; }
#contactForm span.required { color: #cc0000; font-weight: bold; }
#contactForm p.errorMessage { font-size: 1.2em; color: #cc0000; }
#contactForm p.confirmationMessage { font-size: 1.4em; color: #00991F; }
#contactForm fieldset div.input { margin-bottom: 1em; }
#contactForm fieldset div.input label { font-size: 1.2em; display: block; width: 100%; margin-bottom: 0.7em; font-family: Helvetica, Arial, sans-serif; }
#contactForm fieldset div.input input.textBox { width: 28.3em; height: 1.6em; font-size: 1.2em; padding: 0.5em 1em; 
	border: none; background: url('/resources/img/contact/input_bg.jpg') left top no-repeat; font-family: Helvetica, Arial, sans-serif; }
#contactForm fieldset div.input p.errorMessage { font-weight: bold; color: #cc0000; text-align: right; }
#contactForm fieldset div.input div.textarea { width: 28.3em; height: 9em; font-size: 1.2em; padding: 0.5em 1em; 
	background: url('/resources/img/contact/textarea_bg.jpg') left top no-repeat; }
#contactForm fieldset div.input textarea { width: 28.3em; height: 9em; font-size: 1em; padding: 0; border: none; 
	font-family: Helvetica, Arial, sans-serif; background: transparent; }
#contactForm fieldset div.submitButtons { margin-top: 2em; }
#contactForm fieldset div.submitButtons p { float: left; color: #626262; padding-top: 0.5em; }
#contactForm fieldset div.submitButtons input { font-weight: bold; border: none; float: right; margin-right: 0.5em; 
	background: url('/resources/img/contact/submit_btn.png') center center no-repeat; width: 8.1em; height: 2.2em; }