/* structure
-------------------------------------- */
html,body {
	margin:0;
	padding:0;
}
body {
	font: 76% arial,sans-serif;
	background: #d6cc99 url(../images/bg_stripe.gif) 0 113px repeat-x;

}
a {
	display: inline;
	color: #144ab6;
}

/* =MIR (Malarkey Image Replacement) http://www.stuffandnonsense.co.uk/archives/mir_image_replacement.html
----------------------------------------------- */
.mir { letter-spacing : -1000em;  text-indent: -999em; overflow: hidden; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */


/* =container
-------------------------------------- */
div#container {
	text-align:left;
	width:850px;
}

/* =header
-------------------------------------- */
#header {
	position:relative;
	height: 183px;
	background: url(../images/header.gif) top left no-repeat;
}
#header h1 {
	text-indent: -999em;
  margin: 0;
}
#header h2 {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
#about_us #header h2 {width:161px;height:105px;background:url(../images/branding_about_us.jpg) no-repeat}
#banking #header h2  {width:324px;height:106px;background:url(../images/branding_banking.jpg) no-repeat}
#banking2 #header h2 {width:323px;height:107px;background:url(../images/branding_banking2.jpg) no-repeat}
#business #header h2 {width:346px;height:107px;background:url(../images/branding_business.jpg) no-repeat}
#contact_us #header h2 {width:340px;height:105px;background:url(../images/branding_contact_us.jpg) no-repeat}
#fact_sheet #header h2 {width:340px;height:105px;background:url(../images/branding_contact_us.jpg) no-repeat}
#favorites #header h2 {width:283px;height:106px;background:url(../images/branding_favorites.jpg) no-repeat}
#customer_portal #header h2 {width:326px;height:106px;background:url(../images/branding_customer_portal.jpg) no-repeat}
#design #header h2 {width:307px;height:106px;background:url(../images/branding_design.jpg) no-repeat}
#education #header h2 {width:381px;height:107px;background:url(../images/branding_education.jpg) no-repeat}
#government #header h2 {width:395px;height:107px;background:url(../images/branding_government.jpg) no-repeat}
#healthcare #header h2 {width:353px;height:107px;background:url(../images/branding_healthcare.jpg) no-repeat}
#leasing #header h2 {width:323px;height:105px;background:url(../images/branding_leasing.jpg) no-repeat}
#manufacturers #header h2 {width:384px;height:105px;background:url(../images/branding_manufacturers.jpg) no-repeat}
#office_furniture #header h2 {width:356px;height:105px;background:url(../images/branding_furniture.jpg) no-repeat}
#sound_masking #header h2 {width:395px;height:105px;background:url(../images/branding_sound_masking.jpg) no-repeat}
#space_planning #header h2 {width:406px;height:105px;background:url(../images/branding_space_planning.jpg) no-repeat}
#warehousing #header h2 {width:402px;height:105px;background:url(../images/branding_warehousing.jpg) no-repeat}

#about_us #header h2 {width:161px;height:105px;background:url(../images/branding_about_us.jpg) no-repeat}

a#emailLink {
	position:absolute;
	left:605px;
	top:113px;
  width: 127px;
  height: 20px;
  background: url(../images/btn_email.gif) top left no-repeat;
}
a#emailLink span {
  display: none;

}

a#loginLink {
	position:absolute;
	left:735px;
	top:113px;
  width: 127px;
  height: 20px;
  background: url(../images/btn_customer_login.gif) top left no-repeat;
}
a#loginLink span {
  display: none;

}

#home_link span {display: none;}
#home_link 
{
	position:absolute;
	top: 0;
	left: 0;
	width: 129px;
	height: 176px;
}

/* =content
-------------------------------------- */
#content {
	
	float:right;
	margin-left: 167px;
  padding-right: 60px;
}
#content h3 {
  margin-top: 0;
}
#content p {
	line-height:1.4;
	
}
#content .left_col {
  float: left;
  
 
}
#content .left_col_contact 
{
	float: left;
}
#content .right_col {
  margin-left: 210px;
  
  
}
#content .smallItal {
  font-size: 0.8em;
  font-style: italic;
}

#about_us #content h3        {width:99%;height:42px; background:url(../images/hdr/about_us.gif) no-repeat; }
#banking #content h3         {width:99%;height:42px;background:url(../images/hdr/banking.gif) no-repeat}
#banking2 #content h3        {width:99%;height:42px;background:url(../images/hdr/banking.gif) no-repeat}
#business #content h3        {width:99%;height:42px;background:url(../images/hdr/business.gif) no-repeat}
#contact_us #content h3      {width:99%;height:42px;background:url(../images/hdr/contact_us.gif) no-repeat}
#fact_sheet #content h3      {width:99%;height:42px;background:url(../images/hdr/fact_sheet.gif) no-repeat}
#favorites #content h3       {width:99%;height:42px;background:url(../images/hdr/favorites.gif) no-repeat}
#customer_portal #content h3 {width:99%;height:42px;background:url(../images/hdr/customer_portal.gif) no-repeat}
#design #content h3          {width:99%;height:42px;background:url(../images/hdr/design.gif) no-repeat}
#education #content h3       {width:99%;height:42px;background:url(../images/hdr/education.gif) no-repeat}
#government #content h3      {width:99%;height:42px;background:url(../images/hdr/government.gif) no-repeat}
#healthcare #content h3      {width:99%;height:42px;background:url(../images/hdr/healthcare.gif) no-repeat}
#leasing #content h3         {width:99%;height:42px;background:url(../images/hdr/leasing.gif) no-repeat}
#manufacturers #content h3   {width:99%;height:42px;background:url(../images/hdr/manufacturers.gif) no-repeat}
#office_furniture #content h3{width:99%;height:42px;background:url(../images/hdr/office_furniture.gif) no-repeat}
#sound_masking #content h3   {width:99%;height:42px;background:url(../images/hdr/sound_masking.gif) no-repeat}
#space_planning #content h3  {width:99%;height:42px;background:url(../images/hdr/space_planning.gif) no-repeat}
#warehousing #content h3     {width:99%;height:42px;background:url(../images/hdr/warehousing.gif) no-repeat}

#about_us div.left_col {width: 177px; height: 254px; background: url(../images/content_pics/about_us.jpg) top left no-repeat; }
#contact_us div.left_col {width: 142px; height: 402px; background: url(../images/content_pics/contact_us.gif) top left no-repeat; }

#office_furniture div.left_col {width:177px;height:232px;background:url(../images/content_pics/office_furniture.jpg) top left no-repeat;}
#design div.left_col {width:177px;height:229px;background:url(../images/content_pics/design.jpg) top left no-repeat;}
#space_planning div.left_col {width:204px;height:400px;background:url(../images/content_pics/space_planning.jpg) top left no-repeat;}
#sound_masking div.left_col {width:177px;height:266px;background:url(../images/content_pics/sound_masking.jpg) top left no-repeat;}
#warehousing div.left_col {width:177px;height:318px;background:url(../images/content_pics/warehousing.jpg) top left no-repeat;}
#leasing div.left_col {width:177px;height:168px;background:url(../images/content_pics/leasing.jpg) top left no-repeat;}

#manufacturers div.left_col {width:177px;height:400px;background:url(../images/content_pics/manufacturers.jpg) top left no-repeat;}

#banking div.left_col {width:177px;height:242px;background:url(../images/content_pics/banking.jpg) top left no-repeat;}
#business div.left_col {width:177px;height:250px;background:url(../images/content_pics/business.jpg) top left no-repeat;}
#education div.left_col {width:177px;height:255px;background:url(../images/content_pics/education.jpg) top left no-repeat;}
#government div.left_col {width:177px;height:400px;background:url(../images/content_pics/government.jpg) top left no-repeat;}
#healthcare div.left_col {width:177px;height:279px;background:url(../images/content_pics/healthcare.jpg) top left no-repeat;}


/* =navigation
-------------------------------------- */
#navigation {
  position: absolute;
  left: 0;
  top: 183px;
}
#navigation,
#navigation ul {
	float:left;
	width:135px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size:10pt;
}
#navigation li {
  position : relative;
	float : left;
	width: 135px;
  line-height: 0;
  margin: 0;
  padding: 0;
}
#navigation li ul { /* second-level lists */
  position : absolute;
  left: -999em;
  margin-left : 135px;
  margin-top : -63px;
  width: 105px;
}
#navigation li ul li {
  line-height: 1em;
  width: 105px;
}
  
#navigation a {
  width: 129px;
  display: block;
}
#navigation li ul a {
  display: block;
  background: #0092C7;
  color: #fff;
  text-decoration: none;
  padding: 5px;
  width: 105px;
}
#navigation li ul a:hover {
  background: #37beee;
}

#navigation a span {display:none}

#nav_about_us {
  height: 60px;
  background: url(../images/nav_about_us.gif) top left no-repeat;
}
#nav_our_services {
  height: 63px;
  background: url(../images/nav_our_services.gif) top left no-repeat;
}
#nav_manufacturers {
  height: 63px;
  background: url(../images/nav_manufacturers.gif) top left no-repeat;
}
#nav_our_specialities {
  height: 63px;
  background: url(../images/nav_our_specialities.gif) top left no-repeat;
}
#nav_contact {
  height: 66px;
  background: url(../images/nav_contact.gif) top left no-repeat;
}

#navigation li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}
#navigation li ul span {
  display: block;
}

#navigation li:hover ul,
#navigation li.sfhover ul {
	left: auto;
}

/* =footer
-------------------------------------- */
#footer {
	clear: both;
	margin-left: 167px;
	_margin-right: -167px;
	color: #000;
	border-top: 1px solid #fff;
	text-align: left;
  margin-top: 1em;
}
#footer p {
  font-style: italic;
	margin: 0;
	padding: 5px 0px
}
#footer a {
	display: inline;
	padding: 0;
}

/* =homepage
--------------------------------------- */
#homepage h3 {display: none;}
#homepage {
    background: url(../images/homepage.jpg) top left no-repeat;
    width: 608px;
    height: 474px;
    top: 133px;
    left: 250px;
    position: absolute;
}

.flyout {
  background: #B7A64C;
  color: #fff;
  line-height: 1.8em;
  padding: 8px;
  cursor: pointer;
  font-size: 14px;
  
}

.casestudies {
  background: #0092C7;
  color: #fff;
  line-height: 1.8em;
  padding: 8px;
  cursor: pointer;
  font-size: 14px;
  
}

#breadcrumbs {
  position: absolute;
  top: 117px;
  left: 135px;
  color: #fff;
  font-weight: bold;
}
#breadcrumbs a {
  color: #fff;
  text-decoration: none;
}
#breadcrumbs a.selected {
  color: #fff;
}
#breadcrumbs a:hover {
  text-decoration: underline;
}
/*-----------------------
case study flyout
-----------------------------*/
#menu {list-style-type:none; margin:0 auto 50px auto; padding:0; width:500px;}
#menu li {padding:0; margin:0; position:relative; width:550px; height:1.7em; z-index:100; display: inline;}
#menu li dl {position:absolute; top:0; left:0; padding-bottom:0; display: inline;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 255px; margin: 0; padding: 0; background: transparent; display: inline;}
#menu dt {margin:0; padding: 0; display: inline;}

#menu dd {margin:0; padding:0; background: #0092C7; color: #fff; font-size: 12px; text-align:center; float:right; clear:right;}

#menu dt a, #menu dt a:visited {display:block; color: #144ab6; text-align:left; text-decoration: underline; background:#d6cc99;}

#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {}

#menu li:hover dt a, #menu a:hover dt a {color:#144ab6; background:#d6cc99;}

#menu dd a, #menu dd a:visited {background:#0092C7; color:#fff; padding:0.5em 0em; display:block; text-align:center; }

#menu dd a:hover {color:#fff; background-color:#37beee; background:#37beee;}

#menu b {display:block; overflow:hidden; height:1px;}

ul#menu li { display: inline; }


/*------------------------------------------------------
b.p1 {background:#c00; margin:0 5px;}
b.p2 {background:#d4d4d4; border:2px solid #c00; border-width:0 2px; margin:0 3px;}
b.p3 {background:#d4d4d4; margin:0 2px; border:1px solid #c00; border-width:0 1px;}
b.p4 {height:2px; background:#d4d4d4; margin:0 1px; border:1px solid #c00; border-width:0 1px;}
b.p5 {background:#c00; margin:0 5px;}
b.p6 {background:#c00; margin:0 3px;}
b.p7 {background:#c00; margin:0 2px;}
b.p8 {height:2px; background:#c00; margin:0 1px;}
----------------------------------------------------------*/
#menu li:hover b.p2, #menu a:hover b.p2 {background:#fff;}
#menu li:hover b.p3, #menu a:hover b.p3 {background:#fff;}
#menu li:hover b.p4, #menu a:hover b.p4 {background:#fff;}