/*  Dark Blue - #003564  */
/*  Orange - #f7931d  */
/*  Bright Blue - #0091d6  */
/*  Dark Blue but a little lighter - #0b4e8a  */


body { margin: 0; padding: 0;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #000;
font-size: 12px;
line-height: 17px;
}

p { margin: 0px 0px 20px 0px; color: #000; }
a:link { color: #0b4e8a; text-decoration: underline; }
a:active { color: #0b4e8a; text-decoration: underline; }
a:hover {  color: #f7931d; text-decoration: underline; }
a:visited { color: #0b4e8a; text-decoration: underline; }
ul { margin: 0px 5px 10px 10px; padding: 0px 20px 0px 3px; }


a img { border: 0; }

h1 { font-size: 14px; color: #19448e; text-transform: uppercase;
text-transform: uppercase; font-stretch: semi-expanded; letter-spacing: .2pt; word-spacing: 1.5pt;
margin: 0px 0px 4px 0px; padding: 0px 0px 2px 0px;
border-bottom-style: solid; border-bottom-color: #CCCCCC; border-bottom-width: 1px;
}

h2 { font-size: 14px; color: #19448e;
text-transform: uppercase; font-stretch: semi-expanded; letter-spacing: .2pt; word-spacing: 1.5pt;
margin: 0px 0px 4px 0px; padding: 0px 0px 2px 0px;
border-bottom-style: solid; border-bottom-color: #CCCCCC; border-bottom-width: 1px;
}

h3 { font-size: 14px; color: #19448e;
text-transform: uppercase; font-stretch: semi-expanded; letter-spacing: .2pt; word-spacing: 1.5pt;
margin: 0px 0px 4px 0px; padding: 0px 0px 2px 0px;
border-bottom-style: solid; border-bottom-color: #CCCCCC; border-bottom-width: 1px;
}


.bb { color: #003564; font-weight: bold; letter-spacing: .3pt }

hr#testtop { height: 1px; color: #0489cc; margin: 0px; padding: 0px; }
div#side h4 { margin: 20px 15px 15px 15px; padding: 0px; font-size: 15px; font-weight: bold; text-decoration: underline; color: #ff0000; }
div#side p { margin: 0px 20px 15px 20px; padding: 0px 0px 0px 20px; font-size: 12px; line-height: 16px; }
hr#testbottom { height: 1px; color: #0489cc; margin: 0px 0px 25px 0px; }

ul#arrow { list-style-type: none; margin: 5px 0px 20px 10px; padding: 0px 0px 0px 0px; }
ul#arrow li { background-image: url(../images/arrow.png); background-position: 0px; border: 0px; background-repeat: no-repeat;
line-height: 16px; margin: 0px 15px 9px 20px; padding: 0px 0px 0px 24px; list-style: none; text-indent: 0px;
}


/************************************************* NAVIGATION MENU ****************************************/


div#navcontainer { width: 100%; height: 39px; background-image: url(../images/b/nav-bg-ext.jpg); background-repeat: repeat-x; background-color: #000; }
div#navbar { width: 1100px; height: 39px; margin: 0px; padding: 0px; }

ul#navlist { list-style-type: none; margin: 0; padding: 0; }
ul#navlist li { display: inline; float: left; height: 39px; }
#navlist a { display: block; width: 100%; height: 100%; }
ul#navlist a span { display: none; }


li#nav_home a { background: url(../images/b/b-home.gif) 0px 0px no-repeat; width: 111px; height: 39px; }
li#nav_home a:hover { background: url(../images/b/b-home-o.gif) }
li#nav_about a { background: url(../images/b/b-aboutus.gif) 0px 0px no-repeat; width: 90px; height: 39px; }
li#nav_about a:hover { background: url(../images/b/b-aboutus-o.gif) }
li#nav_services a { background: url(../images/b/b-services.gif) 0px 0px no-repeat; width: 85px; height: 39px; }
li#nav_services a:hover { background: url(../images/b/b-services-o.gif) }
li#nav_portfolio a { background: url(../images/b/b-portfolio.gif) 0px 0px no-repeat; width: 101px; height: 39px; }
li#nav_portfolio a:hover { background: url(../images/b/b-portfolio-o.gif) }

ul#navlist li ul { margin: 0px; padding: 0px; display: none; position: absolute; }
ul#navlist li:hover ul { display: list-item; width: 101px;
list-style-type: none; float: left; }
ul#navlist li ul li { position: relative; }

li#nav_clients a { background: url(../images/b/b-clients.gif) 0px 0px no-repeat; width: 79px; height: 39px; }
li#nav_clients a:hover { background: url(../images/b/b-clients-o.gif) }
li#nav_employment a { background: url(../images/b/b-employment.gif) 0px 0px no-repeat; width: 113px; height: 39px; }
li#nav_employment a:hover { background: url(../images/b/b-employment-o.gif) }
li#nav_resources a { background: url(../images/b/b-resources.gif) 0px 0px no-repeat; width: 100px; height: 39px; }
li#nav_resources a:hover { background: url(../images/b/b-resources-o.gif) }
li#nav_specials a { background: url(../images/b/b-specials.gif) 0px 0px no-repeat; width: 86px; height: 39px; }
li#nav_specials a:hover { background: url(../images/b/b-specials-o.gif) }
li#nav_blank { background: url(../images/b/b-blank.jpg) 0px 0px no-repeat; width: 335px; height: 39px; }



/**************************************** SERVICES NAVIGATION MENU ****************************************/


div#snavbar { width: 1000px; height: 325px; margin: 0px; padding: 0px; background: #000; }

ul#snavlist { list-style-type: none; height: 325px; width: 231px; margin: 0; padding: 0; float: left; }
#snavlist a { display: block; vertical-align: bottom; } /*vertical align gets rid of spacing under li in early IE*/
ul#snavlist a h2 { display: none; }

div#snavbar .snavPic { width: 769px; height: 325px; padding: 0px; margin: 0px; float: right;
background: no-repeat; display: none; position: absolute; top: 244px; left: 269px; }


li#snav_welcome a { background: url(../images/snav/snav-welcome-b.gif) 0px 0px no-repeat; width: 231px; height: 40px; }
li#snav_welcome a:hover { background: url(../images/snav/snav-welcome-b-o.gif) }
li#snav_research a { background: url(../images/snav/snav-research-b.gif) 0px 0px no-repeat; width: 231px; height: 31px; }
li#snav_research a:hover { background: url(../images/snav/snav-research-b-o.gif) }
li#snav_identity a { background: url(../images/snav/snav-identity-b.gif) 0px 0px no-repeat; width: 231px; height: 31px; }
li#snav_identity a:hover { background: url(../images/snav/snav-identity-b-o.gif) }
li#snav_print a { background: url(../images/snav/snav-print-b.gif) 0px 0px no-repeat; width: 231px; height: 31px; }
li#snav_print a:hover { background: url(../images/snav/snav-print-b-o.gif) }
li#snav_printing a { background: url(../images/snav/snav-printing-b.gif) 0px 0px no-repeat; width: 231px; height: 31px; }
li#snav_printing a:hover { background: url(../images/snav/snav-printing-b-o.gif) }
li#snav_directmail a { background: url(../images/snav/snav-directmail-b.gif) 0px 0px no-repeat; width: 231px; height: 31px; }
li#snav_directmail a:hover { background: url(../images/snav/snav-directmail-b-o.gif)}
li#snav_website a { background: url(../images/snav/snav-website-b.gif) 0px 0px no-repeat; width: 231px; height: 31px; }
li#snav_website a:hover { background: url(../images/snav/snav-website-b-o.gif) }
li#snav_seo a { background: url(../images/snav/snav-seo-b.gif) 0px 0px no-repeat; width: 231px; height: 31px; }
li#snav_seo a:hover { background: url(../images/snav/snav-seo-b-o.gif) }
li#snav_promo a { background: url(../images/snav/snav-promo-b.gif) 0px 0px no-repeat; width: 231px; height: 31px; }
li#snav_promo a:hover { background: url(../images/snav/snav-promo-b-o.gif) }
li#snav_advertising a { background: url(../images/snav/snav-advertising-b.gif) 0px 0px no-repeat; width: 231px; height: 37px; }
li#snav_advertising a:hover { background: url(../images/snav/snav-advertising-b-o.gif) }



/* ***********************************  NAVIGATION SUB-MENU *******************************************/


div#submenu { width: 1000px; text-align: right;
padding: 0px; margin: 15px 0px;
}

div#submenulist { width: 1025px; text-align: right;
padding: 0; margin-right: 0;
}

#submenu ul { list-style-type: none; width: 980px;
margin: 7px 40px 0px 0px; padding: 0;
}

#submenu li {
display: inline;
line-height: 17px;
margin: 0 5px 0 10px; padding: 0;
font-size: 13px;
}

#submenu a:link, #footer a:visited, #footer a:active { color: #19448e; text-decoration: none; }
#submenu a:hover { color: #ff0000; text-decoration: none; }

li#mininav { font-size: 12px; color: #cdcdcd; margin-right: 110px; padding: 0px; }


/* ***********************************************  FOOTER CONTENTS  **************************************************/


#footer ul { list-style-type: none; width: 1025px;
margin: 7px 0px 0px 0px; padding: 0;
}

#footer li { display: inline; line-height: 17px;
margin: 0px; padding: 0px;
font-size: 11px;
}

#footer a:link, #footer a:active { color: #003564; }
#footer a:hover { color: #f7931d; text-decoration: underline; }
#footer a:visited { color: #0091d6; }
#footer p { color: #000; text-align: center; }  /*Divider between links*/


/* ***********************************************  MISC **********************************************/

div#textpopup { position: relative; }
div#textpopup span { display: none; }
div#textpopup span a { display: none; }
/*div#textpopup a:hover span { display: block; position: absolute; left: -400px; width: 400px;
   padding: 15px; margin: 10px; z-index: 100; border: 1px solid #003564;
   color: #333333; background: #EEE; font-size: 11px; text-align: left; }   *****define this on each page for each one*/