/*  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */	
/* Navigation Defined */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* Primary Navigation Bar Position. */
#nav-primary { position:absolute; top:0px; left:0px; background: url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/nav-background.gif); background-repeat: no-repeat; background-position: 0px 0px; width:900px; height:36px;z-index:2000;
}

/* Utility Navigation Bar Position. */
#nav-utility { position:absolute; top:0px; left:653px; border: 0px solid #000000; width:240px;
}


/* Define multi_level_menu. NOTE!!! Background image here pre-loads the background for the dropdown menus */
#nav-primary-dropdown-menu { display: block; clear: both; height: 36px; margin: 0; list-style: none; color: #fff; font-size: 11px; z-index:1000; background-image: url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/bg-dropdown.png); background-repeat: no-repeat; background-position: -999px -999px;
}

#nav-primary-dropdown-menu ul { list-style: none;
}

#nav-primary-dropdown-menu li { float: left; background-image: url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/bg-dropdown-tert.png); background-repeat: no-repeat; background-position: -999px -999px;
}
	

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu-primary, .menu-primary ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Primary Navigation Defined */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* IMPORTANT NOTE!!!! All nav items <a> tags must have 2 styles: link-primary and a unique nav class */

/* Default top link styling */
/* Set up the top level list items and float left to place inline.  */
.menu-primary li.nav-primary-item {display:block; float:left; position:relative;}
.menu-primary li a.link-primary {display:block; float:left; position:relative; height:36px; }

/* Define all images for the MC Primary Navigation. Adding the background image in the li tag helps DW retain the nav bar in Design Mode. Not necessary for menu function. */

.menu-primary li a.nav-capabilities {background:url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/nav-capabilities.gif) no-repeat; width:133px;}
.menu-primary li a.nav-spike {background:url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/nav-spike.gif) no-repeat; width:82px;}
.menu-primary li a.nav-work {background:url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/nav-work.gif) no-repeat; width:82px;}
.menu-primary li a.nav-clients {background:url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/nav-clients.gif) no-repeat; width:99px;}
.menu-primary li a.nav-company {background:url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/nav-company.gif) no-repeat; width:109px;}
.menu-primary li a.nav-blog {background:url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/nav-blog.gif) no-repeat;background-position: top right; width:74px;}
.menu-primary li a.nav-client-login {background:url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/nav-client-login.gif) no-repeat; width:95px; margin: 4px 0px 0px 0px;}
.menu-primary li a.nav-careers {background:url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/nav-careers.gif) no-repeat; width:71px; margin: 4px 0px 0px 0px;}
.menu-primary li a.nav-contact {background:url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/nav-contact.gif) no-repeat; width:69px; margin: 4px 0px 0px 0px;}






/* Set up the first drop down menu-primary-dropdown level. */
.menu-primary :hover ul.menu-primary-dropdown {left:0; top:36px; background:url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/bg-dropdown.png) no-repeat; margin-left: 3px; padding:0px 0; border:1px solid #3c3531; border-top-color:#3c3531; white-space:nowrap; width:190px; height:auto;}
.menu-primary :hover ul.menu-primary-dropdown li {display:block; height:24px; position:relative; float:left; width:120px;z-index:500;}
.menu-primary :hover ul.menu-primary-dropdown li a {display:block; font-size:10px; height:24px; width:190px; line-height:22px; text-indent:12px; color:#e2dfdb; text-decoration:none; border:0px solid #fff;}
.menu-primary :hover ul.menu-primary-dropdown li a:hover {background: #37302b; color:#e2dfdb;}

.menu-primary :hover ul.menu-primary-dropdown li a.menu-primary-flyout {background: url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/nav-arrow.gif) 180px 6px no-repeat;}
.menu-primary :hover ul.menu-primary-dropdown li a.menu-primary-flyout:hover {background:#37302b url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/nav-arrow-over.gif) 180px 6px no-repeat; color:#e2dfdb;}
.menu-primary :hover ul li:hover > a.menu-primary-flyout {background:#37302b url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/nav-arrow-over.gif) 180px 6px no-repeat; color:#e2dfdb;}
.menu-primary :hover ul.menu-primary-dropdown li ul li a {display:block; font-size:10px; height:24px; width:210px; line-height:22px; text-indent:12px; color:#e2dfdb; text-decoration:none; border:0px solid #fff;}

/* set up the menu-primary-flyoutout levels when hovering */
.menu-primary :hover ul :hover ul
{left:190px; top:2px; background:url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/bg-dropdown-tert.png) no-repeat; padding:0px 0; border:0px solid #3c3531; white-space:nowrap; width:210px; height:auto; z-index:1100; border:1px solid #3c3531;}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Horizontal Navigation Properties Defined. Applies to all horizontal navigation. */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* Remove the padding, margins and bullets from the lists */
.menu-primary, .menu-primary ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu-primary table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; font-size: 11px;}

/* IMPORTANT HACK for IE!!!! The li items in a vertical list must have a float:left so that IE doesn't add extra vertical space in the menu */
.menu-primary li {float:left;}

/* Move the navigation image top right for rollover effect */
.menu-primary li a:hover { background-position: top right;}

/* Move the navigation image top right for down effect */
.menu-primary li a.downState {background-position: top right;}

/* keep the 'next' level invisible by placing it off screen. */
.menu-primary ul, 
.menu-primary :hover ul ul, 
.menu-primary :hover ul :hover ul ul,
.menu-primary :hover ul :hover ul :hover ul ul,
.menu-primary :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

 /* move the link text off screen */
.menu-primary li a span {position:absolute; left:-9999px; top:0; z-index:1200; font-size:10px; line-height: 10px;}

/* Define the hover functionality for horizontal navigation*/
/* Style the list OR link hover. Depends on which browser is used */
.menu-primary a:hover {visibility:visible;} /* for IE6 */
.menu-primary li:hover {position:relative; z-index:1300;} /* for IE7 */


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Left Navigation Defined */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#nav-secondary .menu-secondary {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; padding-top:18px;}

/* IMPORTANT HACK for IE!!!! The li items in a vertical list must have a float:left so that IE doesn't add extra vertical space in the menu. Also display: inline removes the extra space in IE6 */
#nav-secondary .menu-secondary li a {display:block;  float:left; font-size:11px; height:24px; width:206px; font-weight:bold; line-height:22px; padding-left:19px; color:#000000; text-decoration:none; background: #e2dfdb url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/leftnav-bottom-border.gif) 0px 23px no-repeat;/* IE6 */display: inline;}

/* rollovers for left navigation */
#nav-secondary .menu-secondary .current-sub a {background: url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/leftnav-dot.gif) 0px 1px no-repeat; color:#000; } 
#nav-secondary .menu-secondary a:hover {background: #c1bcb6 url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/leftnav-dot-over.gif) 0px 1px no-repeat; color:#000; }


/* IMPORTANT NOTE!!!! All nav items <a> tags must have 1 style: link-secondary  */

/* Default left link styling */
.menu-secondary li a.link-secondary {display:block; font-size:11px; height:22px; width:181px; line-height:22px; padding-left:12px; color:#000000; text-decoration:none; background: url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/leftnav-dot.gif) 0px 1px no-repeat; color:#000;}
.menu-secondary li a.link-secondary:hover {background: #c1bcb6 url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/leftnav-dot-over.gif) 0px 1px no-repeat; color:#000;}

.menu-secondary li a.link-secondary-tall {display:block; font-size:11px; height:29px; width:181px; line-height:12px; padding: 5px 0 0 12px; color:#000000; text-decoration:none; text-transform: uppercase; background-color:#ccd7dd;}
.menu-secondary li a.link-secondary-tall:hover {background: #c1bcb6 url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/leftnav-dot-over.gif) 0px 1px no-repeat; color:#000;}

/* Default Style for left nav down state */

.menu-secondary li.state-secondary-down {background: url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/bg-nav-tertiary.gif) 0px 0px no-repeat;}
.menu-secondary li.state-secondary-down a {color:#ffffff; background-color: transparent;}

.menu-secondary li.state-secondary-tall-down {background: url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/bg-nav-tertiary-tall.gif) 0px 0px no-repeat;}
.menu-secondary li.state-secondary-tall-down a {color:#ffffff; background-color: transparent;}

/* Set up the tertiary menu-primary-dropdown level. */

/* IMPORTANT HACK for IE!!!! The li items in a vertical list must have a float:left so that IE doesn't add extra vertical space in the menu */
.menu-tertiary {width: 193px; padding-top: 6px; padding-bottom: 14px; border: 1px solid #000000;  float:left;}
.menu-tertiary li {border-top: 0px solid #9cacb4; width: 193px;}

/* IMPORTANT NOTE!!!! All nav items <a> tags must have 1 style: link-tertiary */

/* Default tertiary link styling */
.menu-secondary li.state-tertiary-down ul.menu-tertiary {padding-bottom: 14px; border: 0px solid #000000;}
.menu-secondary li.state-tertiary-tall-down ul.menu-tertiary {padding-bottom: 14px; border: 0px solid #000000;}
.menu-secondary li a.link-tertiary {display:block; font-size:11px; height:18px; width:193px; line-height:18px; padding-left:20px; color:#000000; text-decoration:none; background: url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/bg-leftnav-gray-dot.gif) 10px 7px no-repeat;}
.menu-secondary li a.link-tertiary:hover {background: url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/bg-leftnav-red-dot.gif) 10px 7px no-repeat; color:#000000;}

.menu-secondary li a.link-tertiaryTall {display:block; font-size:11px; height:28px; width:193px; line-height:12px; padding-left:20px; padding-top:2px; color:#000000; text-decoration:none; background: url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/bg-leftnav-gray-dot.gif) 10px 6px no-repeat;}
.menu-secondary li a.link-tertiaryTall:hover {background: url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/bg-leftnav-red-dot.gif) 10px 6px no-repeat; color:#000000;}

/* Style for tertiary down state */
.menu-secondary li.state-tertiary-down a.link-tertiary {background: url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/bg-leftnav-red-dot.gif) 10px 7px no-repeat; color:#000000;}
.menu-secondary li.state-tertiary-down a.link-tertiaryTall {background: url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/bg-leftnav-red-dot.gif) 10px 7px no-repeat; color:#000000;}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Left Tab Navigation Defined */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


/* menu-secondary-tabs */

/* the styling */

.menu-secondary-tabs-header {position:relative; text-align:left; padding: 14px 2px 10px 19px; margin:0; font-family:arial, sans-serif; width:204px; background: #e2dfdb; font-size:11px; font-weight:bold; line-height:20px; white-space:nowrap; border: 0px solid #000000; height:16px; background: url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/leftnav-bg.gif) 35px 0px no-repeat;}

#menu-secondary-tabs {width:206px; height:27px; position:relative; text-align:left; background: #e2dfdb url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/leftnav_tabs_bg.gif) 0px 0px no-repeat;  border: 0px solid #000000; padding-left:19px;}

#menu-secondary-tabs .select-left, #menu-secondary-tabs .state-secondary-tabs-current {margin:0; padding:0; list-style:none;}

#menu-secondary-tabs li {display:inline; margin:0; padding:0; height:27px;}

#menu-secondary-tabs .select-left a.positionTopLeft,
#menu-secondary-tabs .select-left a.positionTopRight {display:block; height:27px; width:90px; float:left; padding:2px 0 0 0; text-decoration:none; font-size:11px; font-weight:bold; line-height:20px; white-space:nowrap; color:#000; }

/* special specs for top tabs. Also preloads overstate backgrounds for dropdowns */

a.positionTopLeft {display:block; width:90px; height:27px; margin-bottom:10px; text-align:center; margin-left:0px; border: 0px solid #000000; background: url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/leftnav_tab_right_over_bg.gif) -1000px 0px no-repeat;}

a.positionTopRight {display:block; width:90px; height:27px; margin-bottom:10px; text-align:center; margin-left:7px; border: 0px solid #000000; background: url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/leftnav_tab_left_over_bg.gif) -1000px 0px no-repeat;}

#menu-secondary-tabs .select-left a {display:block; height:27px; width:90px; padding:0 0px 0 0px; text-decoration:none; font-size:11px; line-height:20px; white-space:nowrap; color:#000;}

#menu-secondary-tabs .state-secondary-tabs-current a {display:block; height:27px; width:90px; float:left; padding:2px 0 0 0; text-decoration:none; font-size:11px; font-weight:bold; line-height:20px; white-space:nowrap;  color:#000; background:url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/leftnav_tabs_over_bg.gif) 0px 0px no-repeat;}

* html #menu-secondary-tabs .select-left a, * html #menu-secondary-tabs .state-secondary-tabs-current a {height:27px; width:90px;}

/* Controls select tab hover state */
#menu-secondary-tabs .select-left a:hover, 
#menu-secondary-tabs .select-left li:hover a {cursor:pointer; color:#000; background: #e2dfdb url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/leftnav_tabs_over_bg.gif) 0px 0px no-repeat;}

#menu-secondary-tabs .sub {display:none;}

#menu-secondary-tabs .sub li a,
#menu-secondary-tabs .sub-active li a {display:block; float:left; font-size:11px; height:24px; width:206px; font-weight:bold; line-height:22px; padding-left:19px; color:#000000; text-decoration:none; background: #e2dfdb url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/leftnav-bottom-border.gif) 0px 23px no-repeat;}

/* for IE5.5 and IE6 only */
#menu-secondary-tabs table {position:absolute; border-collapse:collapse; left:0; top:0;}

/* rollovers for select state lower nav */
#menu-secondary-tabs .sub li a:hover, 
#menu-secondary-tabs .select-left a:hover .sub li a:hover, 
#menu-secondary-tabs .select-left li:hover .sub li a:hover {background: #c1bcb6 url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/leftnav-dot-over.gif) 0px 1px no-repeat; color:#000; }

/* rollovers for current state lower nav */
#menu-secondary-tabs .sub-active .current-sub a {background: url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/leftnav-dot.gif) 0px 1px no-repeat; color:#000; } 
#menu-secondary-tabs .sub-active a:hover {background: #c1bcb6 url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/leftnav-dot-over.gif) 0px 1px no-repeat; color:#000; }

/* downstates for work section TEST TEST TEST */
body.homestreet #menu-secondary-tabs .sub-active li.homestreet a {background: url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/leftnav-dot.gif) 0px 1px no-repeat; color:#000; }

body.brand #menu-secondary-tabs .sub-active li.brand2 a {background: url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/leftnav-dot.gif) 0px 1px no-repeat; color:#000; }


/* off specs for select state lower nav container ul -- container box without rolling over subnav */
#menu-secondary-tabs .select-left li a:hover .sub, 
#menu-secondary-tabs .select-left li:hover .sub {display:block; position:absolute; top:27px; left:0; background:#e2dfdb; z-index:100; width:225px; line-height:22px; padding:15px 0 0 0px; color:#000000; text-decoration:none; text-align:left; border: 0px solid #000000;}

/* off specs for RIGHT TAB select state lower nav container ul -- container box without rolling over subnav */
#menu-secondary-tabs .select-left li a.top-right:hover .sub, 
#menu-secondary-tabs .select-left li.top-right:hover .sub {background: #e2dfdb url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/leftnav_tab_right_over_bg.gif) 0px 0px no-repeat; height:250px; border: 0px solid #000000;}

/* this is a fix for IE6 which forces a background color into the rollover layer for the capabilities tab -- the shorter of the 2 rollover layers */
a:hover ul.sub-left {background: #e2dfdb url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/leftnav_tab_right_over_bg.gif) 0px 0px no-repeat; height:250px; border: 1px solid #000000;}

/* off specs for LEFT TAB select state lower nav container ul -- container box without rolling over subnav */
#menu-secondary-tabs .select-left li a.top-left:hover .sub, 
#menu-secondary-tabs .select-left li.top-left:hover .sub {background: #e2dfdb url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/leftnav_tab_left_over_bg.gif) 0px 0px no-repeat; height:250px; border: 0px solid #000000;}

#menu-secondary-tabs .sub, #menu-secondary-tabs .sub-active {margin:0; padding:0; list-style:none; }

/* off specs for current state lower nav container ul -- container box without rolling over subnav */
#menu-secondary-tabs .sub-active {display:block; position:absolute; width:225px; top:27px; left:0; background:#e2dfdb; margin-top:0; padding:15px 0 0 0px; z-index:10; height:200px; border: 0px solid #000000;}
* html #menu-secondary-tabs .sub-active, * html #menu-secondary-tabs .select-left a:hover .sub {z-index:-1; margin-top:0;}

/* offstate for current state lower nav */
#menu-secondary-tabs .sub-active a {height:25px; text-decoration:none; line-height:16px; white-space:nowrap; display:block; background:#666; padding:0px; margin:0; font-size:11px; white-space:nowrap; border:0; color:#fff; border: 0px solid #000000;}

/* off specs for select state lower nav */
#menu-secondary-tabs .select-left a:hover .sub li a, 
#menu-secondary-tabs .select-left li:hover .sub li a {display:block; float:left; width:206px; padding:0px; padding-left:19px; margin:0; white-space:nowrap; border:0; color:#fff; font-size:11px; height:24px; line-height:22px; font-weight:normal; color:#000000; text-decoration:none; background: url(http://blog.hodgsonmeyers.com/wp-content/themes/hodgsonmeyers/images/leftnav-bottom-border.gif) 0px 23px no-repeat; border: 0px solid #000000; font-weight:bold;}


/* Style for Left Nav Special Divider */

#link-secondary-divider { margin: 5px 0 0 0px; height: 6px; width:194px; background-image: url("/images/bg-dots-horz.gif"); background-repeat: repeat-x; border: 0px solid #000000;
}