/*
------------------------------------------------------------------

TRIAD CONSULTING CORPORATION

CORE STYLESHEET FOR SCREEN MEDIA

website		: www.triadconsultingcorp.com
filename	: /css/core.css
version		: 16 April 2008

copyright	: (c) 2008 Triad Consulting Corporation
license		: Creative Commons

author		: Brian Lokker / Antigravity Design
website		: www.antigravitydesign.com

------------------------------------------------------------------ */



/* =General Defaults and Utility Styles
------------------------------------------------------------------ */

/* remove default browser margins and padding */

* {
margin: 0;
padding: 0;
}

/* set help cursor for abbreviations and acronyms */

abbr, acronym {
cursor: help;
}

/* remove Firefox outline on clicked links */

a:hover, a:focus, a:active {
outline: none;
}

/* force Firefox to draw scrollbar to avoid short-page jump */
/* hide from IE-Mac \*/
html {
min-height: 100%;
margin-bottom: 1px;
}
/* end hiding from IE5-Mac */

/* remove default borders from linked images */

a img {
border-style: none;
}

/* generic float styles */

.floatleft {
float: left;
}

.floatright {
float: right;
}

/* generic clearing styles */

.clearboth {
clear: both;
}

.clearleft {
clear: left;
}

.clearright {
clear: right;
}

/* contain floats */

.floatdivider {
clear: both;
display: block;
height: 1px;
font-size: 1px;
line-height: 1px;
}

/* =Body and Page Styles
------------------------------------------------------------------ */

body {
min-width: 970px; /* for Netscape 6 */
text-align: center; /* centers content in IE */
color: #FFF; /* default */
background: #BFCBE3 url(/images/bg_body.gif) top center repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif; /* default */
font-size: 62.5%;
}

#page {
position: relative; /* positioning context only */
width: 970px;
margin: 0 auto; /* centers content in SCBs */
text-align: left;
color: #000; /* default */
background: #FFF;
}

/* =Header Branding Styles -- H1/Logo
------------------------------------------------------------------ */

#branding {
position: relative; /* positioning context / relative to "page" */
width: 100%;
height: 95px;
background: #FFF url(/images/bg_body.gif) top center repeat-x;
}

#logo {
position: relative;
float: left;
width: 415px;
}

/* styles for logo (h1 replaced by background image) */

#logo h1 {
position: relative; /* relative to "logo" */
top: 5px;
left: 0;
z-index: 3;
font-size: 1.2em; /* only if text displays instead of background image */
color: #000087; /* only if text displays instead of background image */
background: url(/images/bg_logo.gif) no-repeat;
text-indent: -9000px;
}

/* convert heading image (logo) to a link */
/* repeating the background image avoids flickering in IE during mouseover */

#logo h1 a {
display: block;
height: 90px;
background: url(/images/bg_logo.gif) no-repeat;
}

/* remove "link" cursor from logo on homepage */

#homepage #logo a {
cursor: default;
}

p#tagline {
float: right;
margin-top: 45px;
width: 555px;
height: 50px;
font-size: 1em; /* only if text displays instead of background image */
color: #FAAC00; /* only if text displays instead of background image */
background: url(/images/bg_tagline.gif) 0 0 no-repeat;
text-indent: -9000px;
}

#today {
position: absolute;
top: 18px;
right: 10px;
color: #FFF;
background-color: transparent;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.1em;
}

/* =Content Wrapper / Content Layout and Background Styles
------------------------------------------------------------------ */

#contentWrapper {
position: relative; /* positioning context */
width: 960px;
top: 0;
left: 5px;
background-position: 410px 0;
background-repeat: no-repeat;
}

.home #contentWrapper {
background-image: url(/images/bg_452_sepiastudio.jpg);
}

.mission #contentWrapper {
background-image: url(/images/bg_433_film_countdown.jpg);
}

.methods #contentWrapper {
background-image: url(/images/bg_094_glasses.jpg);
}

.services #contentWrapper {
background-image: url(/images/bg_191_studio.jpg);
}

.people #contentWrapper {
background-image: url(/images/bg_714_meeting.jpg);
}

.reach #contentWrapper {
background-image: url(/images/bg_309_global_compass.jpg)
}

.links #contentWrapper {
background-image: url(/images/bg_636_tech_abstract.jpg);
}

.contact #contentWrapper {
background-image: url(/images/bg_020_cameraman.jpg);
}

.privacy #contentWrapper {
background-image: url(/images/bg_706_protection.jpg);
}

#content {
position: relative;
top: 0;
left: 0;
background-image: url(/images/bg_topgradient.jpg);
background-position: 0 115px;
background-repeat: repeat-x;
}

/*background image for h2 */
#sectionHeading {
position: relative;
height: 110px;
background-image: url(/images/bg_h2.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}

/* remove background image for Flash movie on home page */
#homepage #sectionHeading {
background: none;
}

/* float all three columns */
/* source order: (1) #contentmain (2) #contentSecondary (3) #navMain */
/* display order: (1) #navMain (2) #contentMain (3) contentSecondary */

#contentMain {
float: left;
width: 495px;
margin-left: 245px;
margin-top: 40px;
}

#contentSecondary {
float: right;
width: 170px;
margin-right: 20px;
margin-top: 65px; /* align with rule under heading in #contentMain */
}

#navMain {
float: left;
width: 195px;
margin-left: -720px;
margin-top: 65px; /* align with rule under heading in #contentMain */
}

#contentMain, #contentSecondary, #navMain {
padding-bottom: 6em; /* leave room for "top" link + some room to expand #navMain without lengthening page too much */
position: relative; /* positioning context if necessary */
}

/* =ContentMain Styles
------------------------------------------------------------------ */

#contentMain {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.3em;
color: #555;
background-color: transparent;
}

#contentMain p {
margin-bottom: 1em;
line-height: 1.7em;
}

#contentMain p, #contentMain ul, #contentMain ol, #contentMain dl {
text-align: justify;
}

#contentMain ul {
list-style-type: none;
}

#contentMain dt {
text-decoration: underline;
margin-bottom: 0.7em;
}

#contentMain li, #contentMain dd {
margin-bottom: 0.7em;
}

#contentMain ul ul {
margin-top: 0.7em;
}

#contentMain ul li, #contentMain dd {
padding-left: 15px;
background: url(/images/bg_list-item_orange.gif) 0 0.25em no-repeat;
}

#contentMain ol {
margin-left: 30px; /* set large enough for double-digit numbers */
}

#contentMain a:link,
#contentMain a:visited {
color: #000087;
background-color: transparent;
}

#contentMain a:hover,
#contentMain a:active {
color: #8AAB3E;
background-color: transparent;
}

img.floatleft {
margin: 0.45em 20px 0.75em 0;
border: 1px solid #FAAC00;
padding: 4px;
}

img.floatright {
margin: 0.45em 0 0.75em 20px;
border: 1px solid #FAAC00;
padding: 4px;
}


/* =NavMain (Main Navigation) Styles
------------------------------------------------------------------ */

#navMain {
border-top: 1px solid #FAAC00;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
}

#navMain a.menuitem {
display: block;
width: auto;
padding: 4px 0;
padding-left: 12px;
text-decoration: none;
color: #000087;
border-bottom: 1px solid #FAAC00;
}

#navMain a.menuitem:visited {
color: #000087;
}

#navMain a.menuitem:hover, #navMain a.menuitem:active {
color: #000034;
background-image: url(/images/bg_navMain_hover.gif);
background-position: left center;
background-repeat: no-repeat;
}

#navMain .submenuheader { /* added this div as positioning context for statusicon image */
position: relative;
}

img.statusicon { /* this is the expand/contract icon */
position: absolute;
top: 5px;
right: 5px;
border: none;
}

#navMain div.submenu ul { /* ul of each submenu */
list-style-type: none;
margin: 0;
padding: 0;
}

#navMain div.submenu ul li a {
display: block;
padding: 3px 0;
padding-left: 25px;
text-decoration: none;
color: #000087;
border-bottom: 1px solid #FAAC00;
}

#navMain div.submenu ul li a:hover,
#navMain div.submenu ul li a:active {
color: #000034;
background-image: url(/images/bg_navMain_hover.gif);
background-position: 12px center;
background-repeat: no-repeat;
border-bottom: 1px solid #FAAC00;
}

/* "You Are Here" menu indicators */

/* section and "quasi-section" indicators */
.home #navMain a.navLinkHome,
.mission #navMain a.navLinkMission,
.methods #navMain a.navLinkMethods,
.services #navMain a.navLinkServices,
.people #navMain a.navLinkPeople,
.reach #navMain a.navLinkReach,
.links #navMain a.navLinkLinks,
.contact #navMain a.navLinkContact {
color: #000034;
background-image: url(/images/bg_navMain_current.gif);
background-position: left center;
background-repeat: no-repeat;
}

/* individual page indicators */
/* services pages */
#management #navMain a.navLinkManagement,
#audit #navMain a.navLinkAudit,
#search #navMain a.navLinkSearch,
#compensatin #navMain a.navLinkCompensation,
#talent #navMain a.navLinkTalent,
#music #navMain a.navLinkMusic,
#training #navMain a.navLinkTraining,
#optimization #navMain a.navLinkOptimization,
#more #navMain a.navLinkMore,
/* people pages */
#begina #navMain a.navLinkBegina,
#kaye #navMain a.navLinkKaye,
#kelly #navMain a.navLinkKelly,
#dornan #navMain a.navLinkDornan,
#richardson #navMain a.navLinkRichardson,
#guckian #navMain a.navLinkGuckian,
#schwark #navMain a.navLinkSchwark,
/* reach pages */
#global #navMain a.navLinkGlobal,
#segments #navMain a.navLinkSegments,
#agency #navMain a.navLinkAgency {
color: #000034;
background-image: url(/images/bg_navMain_current.gif);
background-position: 12px center;
background-repeat: no-repeat;
}


/* =ContentSecondary Styles for Contact page
------------------------------------------------------------------ */

#contactUs #contentSecondary h3 {
height: 30px;
font-size: 1.2em;
font-weight: normal;
line-height: 30px;
padding-left: 10px;
color: #FFF;
background-color: #FAAC00;
border-bottom: 2px solid #FFF;
}

.emailInfo, .officeInfo {
font-size: 1.1em;
color: #666;
background-color: #FDEDCC;
}

.officeInfo .tel_label {
color: #8AAB3E;
}

.emailInfo {
padding-left: 10px;
padding-top: 8px;
padding-bottom: 27px;
background-image: url(/images/bg_vcardBottom.gif);
background-position: bottom center;
background-repeat: repeat-x;
margin-bottom: 1em;
}

.officeInfo {
padding-bottom: 1em;
}

.officeInfo h4 {
padding-top: 1em;
padding-left: 10px;
}

.officeInfo div {
padding-left: 10px;
}

#contactUs .addContact {
color: #666;
background-color: #FDEDCC;
text-transform: uppercase;
padding: 0 5px 0 10px;
border-bottom: 1px solid #FAAC00;
}

#contactUs .addContact p {
font-size: 0.9em;
padding-bottom: 1em;
}

#contactUs .addContact a {
display: block;
padding-left: 34px;
color: #666;
background-color: transparent;
background-image: url(/images/icon-hcard-download.png);
background-position: left center;
background-repeat: no-repeat;
text-decoration: none;
}

#contactUs .addContact a:visited {
color: #666;
}

#contactUs .addContact a:hover, #contactUs .addContact a:active {
color: #222;
}

.emailInfo a:link, .emailInfo a:visited {
color: #666;
background-color: transparent;
}

.emailInfo a:hover, .emailInfo a:active {
color: #222;
background-color: transparent;
}

#michigan {
padding-bottom: 17px;
background-image: url(/images/bg_vcardBottom.gif);
background-position: bottom center;
background-repeat: repeat-x;
}


/* =ContentSecondary vCard Styles (various People pages)
------------------------------------------------------------------ */

.vcard {
font-size: 1.1em;
color: #666;
background-color: #FDEDCC;
padding-bottom: 1em;
}

.vcard h3 {
height: 30px;
font-size: 1.2em;
font-weight: normal;
line-height: 30px;
padding-left: 10px;
color: #FFF;
background-color: #FAAC00;
border-bottom: 2px solid #FFF;
margin-bottom: 1em;
}

.fn, .title, .org,
.tel span.type {
display: none;
}

.adr, .tel {
padding-left: 10px;
}

.adr {
margin-bottom: 1em;
}

/* convert (P) and (F) labels to green */
.vcard .tel {
color: #8AAB3E;
}

/* convert phone/fax numbers back to gray */
.vcard .tel span.value {
color: #666;
}

.people .addContact {
color: #666;
background-color: #FDEDCC;
background-image: url(/images/bg_vcardBottom.gif);
background-position: bottom center;
background-repeat: repeat-x;
text-transform: uppercase;
padding: 0 5px 17px 10px;
margin-bottom: 10px;
}

.people .addContact p {
font-size: 0.9em;
padding-bottom: 1em;
}

.people .addContact a {
display: block;
padding-left: 34px;
color: #666;
background-color: transparent;
background-image: url(/images/icon-hcard-download.png);
background-position: left center;
background-repeat: no-repeat;
text-decoration: none;
}

.people .addContact a:visited {
color: #666;
}

.people .addContact a:hover, .people .addContact a:active {
color: #222;
}


/* =SiteInfo Styles
------------------------------------------------------------------ */

#siteInfo {
position: relative; /* positioning context / relative to "page" */
left: 0;
bottom: 0;
height: 130px;
background-image: url(/images/bg_siteInfo.gif);
background-position: center top;
background-repeat: no-repeat;
font-size: 0.9em;
line-height: 1.4em;
text-transform: uppercase;
color: #FFF;
}

p#copyright, p#siteCredit {
position: relative;
top: 35px;
left: 25px;
}

p#siteCredit a:link, p#siteCredit a:visited {
color: #C5D69F;
background-color: transparent;
text-decoration: none;
}

p#siteCredit a:hover, p#siteCredit a:active {
text-decoration: underline;
}

p#privacyLink {
position: absolute;
top: 35px;
right: 25px;
}

#privacyPolicy p#privacyLink {
display: none;
}

p#privacyLink a:link, p#privacyLink a:visited {
color: #FFF;
background-color: transparent;
padding-bottom: 0.1em;
text-decoration: none;
border-bottom: 1px dotted #FFF;
}

p#privacyLink a:hover, p#privacyLink a:active {
border-bottom-style: solid;
}

/* "Back to Top" links */

p.topLink {
font: 1.2em normal Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
position: absolute;
top: -3em;
left: 250px;
z-index: 10;
}

p.topLink a {
padding-right: 15px;
text-decoration: none;
background-color: transparent;
background-position: right -1px;
background-repeat: no-repeat;
}

p.topLink a:link,
p.topLink a:visited {
color: #FAAC00;
background-image: url(/images/bg_topLink_orange.gif);
}

p.topLink a:hover,
p.topLink a:active {
color: #8AAB3E;
background-image: url(/images/bg_topLink_green.gif);
}


/* =Heading Styles
------------------------------------------------------------------ */

/* sIFR replaced headings */

h2 {
position: relative; /* relative to #contentInnerWrap */
top: 65px;
left: 245px;
height: 26px;
width: 160px;
}

#contentMain h3 {
height: 21px;
width: 495px;
padding-bottom: 3px;
border-bottom: 1px solid #FAAC00;
margin-bottom: 1.5em;
}

#contentMain h3.midPage {
margin-top: 1.5em;
}

/* other headings */

#navMain h3 {
display: none !important;
}

#contentMain h4 {
font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
font-weight: normal;
font-size: 1.2em;
color: #000087;
background-color: transparent;
margin-bottom: 0.75em;
}

#contentMain h4 span {
border-bottom: 1px solid #FAAC00;
}

#contentMain h5 {
font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
font-weight: normal;
font-size: 1em;
color: #000087;
margin-bottom: 0.5em;
}

/* for vcard h3, see separate section above */


/* =sIFR Styles
------------------------------------------------------------------ */

/* 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;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
display: none !important;
}

/* 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 #homepage h2 {
visibility: hidden;
letter-spacing: -9px;
font-size: 21px;
}*/

.sIFR-hasFlash h2, #contentMain .sIFR-hasFlash h3 {
visibility: hidden;
letter-spacing: -9px;
font-size: 18px;
}

/* =Bug Fixes for IE
------------------------------------------------------------------ */

/* fix "Double Margin on Floats" bug */
/* see www.positioniseverything.net/explorer/doubled-margin.html */

#contentMain, #contentSecondary {
display: inline;
}

/* fix whitespace bug in unordered list links that are set to "display: block" - add width */

#navMain div.submenu ul li a {
width: 170px;
}

/* fix "Disappearing Background Images bug */ 
/* see www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml */

#contentMain ul li, #contentMain dd,
.emailInfo, .officeInfo,
#contactUs .addContact a {
position: relative; /* necessary to fix IE6 "disappearing background images" bug */
}