/* -------------------------------------------------------------- 
   
   grid.css
   * Sets up an easy-to-use grid of 24 columns.
   
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Khoi Vinh         [subtraction.com]
   
   By default, the grid is 950px wide, with 24 columns 
   spanning 30px, and a 10px margin between columns.
   
   If you need fewer or more columns, use this 
   formula to find the new total width: 
   Total width = (columns * 40) - 10
   
   Read more about using a grid here:
   * subtraction.com/archives/2007/0318_oh_yeeaahh.php
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container             { margin: 0 auto; padding: 0 0 20px 11px; width: 971px }


/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
   
.column           { margin-right: 13px; float: left }
/* The last column in a row needs this class. */
.last  { margin-right: 0 }

/* Use these classes to set the width of a column. */
.span-1   { width: 30px; }
.span-2   { width: 70px; }
.span-3   { width: 110px; }
.span-4   { width: 150px; }
.span-5   { width: 190px; }
.span-6       { z-index: 100; width: 286px }
.span-7     { width: 268px }
.span-8    { padding-top: 15px; padding-left: 0; width: 309px }
.span-9         { padding-left: 0; width: 337px; float: left }
.span-10  { width: 390px; }
.span-11    { padding-top: 45px; width: 405px }
.span-12  { width: 470px; }
.span-13  { width: 510px; }
.span-14  { width: 550px; }
.span-15              { z-index: 50; width: 573px }
.span-16         { z-index: 50; width: 430px }
.span-17   { margin-top: 20px; margin-left: 70px; width: 690px }
.span-18  { width: 710px; }
.span-19  { width: 750px; }
.span-20  { width: 790px; }
.span-21  { width: 830px; }
.span-22   { width: 890px }
.span-23   { width: 280px }
.span-24  { width: 950px; margin: 0; }

/* Add these to a column to append empty cols. */
.append-1           { padding-right: 0 }  
.append-2   { padding-right: 80px; } 
.append-3   { padding-right: 120px; } 
.append-4   { padding-right: 160px; } 
.append-5   { padding-right: 200px; } 
.append-6   { padding-right: 240px; } 
.append-7   { padding-right: 280px; } 
.append-8    { padding-right: 320px } 
.append-9   { padding-right: 360px; } 
.append-10  { padding-right: 400px; } 
.append-11  { padding-right: 440px; } 
.append-12  { padding-right: 480px; } 
.append-13  { padding-right: 520px; } 
.append-14  { padding-right: 560px; } 
.append-15  { padding-right: 600px; } 
.append-16  { padding-right: 640px; } 
.append-17  { padding-right: 680px; } 
.append-18  { padding-right: 720px; } 
.append-19  { padding-right: 760px; } 
.append-20  { padding-right: 800px; } 
.append-21  { padding-right: 840px; } 
.append-22  { padding-right: 880px; } 
.append-23  { padding-right: 920px; } 

/* Add these to a column to prepend empty cols. */
.prepend-1            { padding-left: 37px }  
.prepend-2      { padding-left: 0 } 
.prepend-3   { padding-left: 120px; } 
.prepend-4   { padding-left: 160px; } 
.prepend-5   { padding-left: 200px; } 
.prepend-6   { padding-left: 240px; } 
.prepend-7   { padding-left: 280px; } 
.prepend-8   { padding-left: 320px; } 
.prepend-9   { padding-left: 360px; } 
.prepend-10  { padding-left: 400px; } 
.prepend-11  { padding-left: 440px; } 
.prepend-12  { padding-left: 480px; } 
.prepend-13  { padding-left: 520px; } 
.prepend-14  { padding-left: 560px; } 
.prepend-15  { padding-left: 600px; } 
.prepend-16  { padding-left: 640px; } 
.prepend-17  { padding-left: 680px; } 
.prepend-18  { padding-left: 720px; } 
.prepend-19  { padding-left: 760px; } 
.prepend-20  { padding-left: 800px; } 
.prepend-21  { padding-left: 840px; } 
.prepend-22  { padding-left: 880px; } 
.prepend-23  { padding-left: 920px; } 


/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #dbd1d1;
}


/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */

.pull-1  { margin-left: -40px; }
.pull-2  { margin-left: -80px; }
.pull-3    { margin-left: -120px }
.pull-4  { margin-left: -160px; }

.push-0  { margin: 0 0 0 18px; }
.push-1  { margin: 0 -40px 0 18px; }
.push-2  { margin: 0 -80px 0 18px; }
.push-3     { margin: 0 -120px 0 18px }
.push-4  { margin: 0 -160px 0 18px; }
.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }


/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee; 
}

/* Use this to create a horizontal ruler across a column. */
hr   { color: #ddd; background: #c0c7d5; margin: 1.4em 10px; height: 0.1em; float: none; clear: both; border: none }
hr.space {
  background: #fff;
  color: #fff;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }
body         { background-color: #004040; background-image: url("../images/body_bkgrd.jpg"); background-repeat: repeat-x; background-position: left top }
#header_contain        { text-align: left; margin: 0 auto; padding: 0; position: relative; z-index: 50; top: 0; width: 981px; height: 235px }
#header_left         { background-image: url("../images/header_left_bkgrd.jpg"); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; z-index: 100; width: 351px; height: 235px }
#logo { font-size: 1.5em; font-weight: normal; display: inline; margin: 0; padding: 0; position: absolute; top: 40px; left: 32px; width: 520px; height: 99px; float: left; overflow: hidden }
#logo span   { background-image: url("../images/logo.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: absolute; width: 100%; height: 100% }
#logo a { text-decoration: none }
ul#homenav { list-style-type: none; list-style-position: outside; position: absolute; z-index: 999; top: 211px; left: 16px; width: 345px; height: 25px }
ul#homenav li { display: inline; height: auto; float: left }
ul#homenav li a  { color: #c9d8e6; font-size: 1.5em; font-family: "Arial Narrow", Arial, helvetica, Geneva, SunSans-Regular, sans-serif; text-decoration: none; text-align: center; display: block; padding-right: 10px; width: 45px; height: 25px; float: left }
ul#homenav li.clientlogin a { color: #333; background-image: url("../images/client_r.gif"); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 0; right: 0; width: 124px; height: 24px }
ul#homenav li.clientlogin a:hover { color: #333; background-position: 0 -25px !important }
ul#homenav li a:hover { color: #999 }
ul#stafflogin { list-style-type: none; list-style-position: outside; position: absolute; z-index: 999; top: 170px; left: 247px; height: 25px }
ul#stafflogin li { display: inline; height: auto; float: left }
ul#stafflogin li a { color: #09462a; font-size: 1.5em; font-family: "Arial Narrow", Arial, helvetica, Geneva, SunSans-Regular, sans-serif; text-decoration: none; text-align: center; display: block; width: 95px; height: 25px; float: left }
ul#stafflogin li a:hover { color: #999 }
#header_right   { background-image: url("../images/header_right_bkgrd.jpg"); background-repeat: no-repeat; background-position: left top; position: absolute; z-index: 999; top: 0; left: 351px; width: 630px; height: 234px }
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu    { background-color: #fff; list-style: none; margin: 0; padding: 0; position: absolute; z-index: 150; top: 198px; left: 0; width: 630px; height: 36px }
ul#navmenu li { text-indent: -999em; list-style: none; display: inline; margin: 0; padding: 0; position: relative; z-index: 20; top: 0; height: auto; float: left }
ul#navmenu li a      { color: #fff; font-size: 10px; text-decoration: none; background-color: #fff; text-align: center; display: block; margin: 0; padding: 0; height: 36px }
ul#navmenu li a:hover   { background-position: 0 -36px !important; margin: 0; padding: 0 }
ul#navmenu li.about a     { color: #ebf3ff; background: url("../images/mn_about.gif") no-repeat left 0; width: 77px }
ul#navmenu li.services a     { color: #ebf3ff; background: url("../images/mn_services.gif") no-repeat left 0; width: 141px }
ul#navmenu li.people a     { color: #ebf3ff; background: url("../images/mn_people.gif") no-repeat left 0; width: 105px }
ul#navmenu li.projects a     { color: #ebf3ff; background: url("../images/mn_projects.gif") no-repeat left 0; width: 75px }
ul#navmenu li.partners a     { color: #ebf3ff; background: url("../images/mn_partners.gif") no-repeat left 0; width: 147px }
ul#navmenu li.careers a     { color: #ebf3ff; background: url("../images/mn_careers.gif") no-repeat left 0; width: 85px }
ul#navmenu ul     { background-color: #666; text-align: left; list-style: none; display: none; margin: 0; padding: 5px 0 0; position: absolute; z-index: 0; top: 36px !important; left: 5px; width: 238px; border: solid 5px #fff }
ul#navmenu ul.midnav     { background-color: #666; text-align: left; list-style: none; margin: 0; padding: 5px 0 0; position: absolute; z-index: 0; top: 36px !important; left: 0; width: 238px; border: solid 5px #fff }
ul#navmenu ul.lastnav      { background-color: #666; text-align: left; list-style: none; margin: 0; padding: 5px 0 0; position: absolute; z-index: 0; top: 36px !important; left: -173px; width: 238px; border: solid 5px #fff }
ul#navmenu ul li  { line-height: 10px; text-indent: 0; display: block !important; margin: 0; padding: 1px 5px 1px 6px; z-index: 20; float: none }
/* Root Menu */
/* 2nd Menu */
ul#navmenu li:hover li a, ul#navmenu li.iehover li a    { color: #fff; font-size: 11px; line-height: 11px; background-image: none; background-attachment: scroll; text-align: left; margin: 0; padding: 8px 0 6px 5px; z-index: 20; width: 220px; height: 15px; float: none; border-bottom: 1px dotted #fff }
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a   { color: #3b4f78; background-color: #dddde0; margin: 0; padding: 8px 0 6px 5px; z-index: 20; width: 220px; height: 15px }
/* 3rd Menu */
ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a { color: #666; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; z-index: 20; width: 180px }
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a { color: #999; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; z-index: 20; width: 180px }
ul#navmenu ul ul, ul#navmenu ul ul ul { display: none; position: absolute; z-index: 20; top: 0; left: 180px }
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul { display: none; z-index: 20 }
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul { display: block; z-index: 20 }
#contentArea  { background-image: url("../images/contentArea_bkgrd.jpg"); background-repeat: repeat-y; background-position: left top; text-align: left; margin: 0 auto; padding: 0; position: relative; z-index: 10; top: -1px; width: 981px }
.pic_caption    { background-image: url("../images/pic_bkgrd.jpg"); background-repeat: no-repeat; background-position: center bottom; margin-top: 5px; margin-bottom: 10px; padding-top: 0; padding-left: 20px; position: relative; left: -10px; width: 546px; height: 220px }
.pic_caption.mapsize  { margin-top: 10px; margin-bottom: 5px; height: 225px }
#photo_contain  { margin-top: 7px; margin-left: 7px; position: relative; top: 0; width: 327px; height: 259px }
#newslh   { background-image: url("../images/news_lh_bkgrd.gif"); background-repeat: no-repeat; background-position: left top; margin-top: 10px; margin-left: 12px; padding: 10px 10px 25px 20px; position: relative; width: 278px }
#newslh #newslhbtm { background-image: url("../images/news_lh_btmcap.gif"); background-repeat: no-repeat; background-position: center bottom; position: absolute; bottom: 0; left: 0; width: 308px; height: 20px }
.accordion { position: relative; z-index: 999; width: 453px }
.accordion label:hover { cursor: pointer }
.even    { background-image: url("../images/division1bdy.gif"); background-repeat: no-repeat; background-position: left top; position: relative; width: 453px }
.slidejob   { position: relative; top: 0; left: 0; width: 453px; border: solid 1px #fff }
.slidejob p { color: #05514d; padding-top: 5px }
.even span{ background-color: #e6f4ff; padding: 3px 8px; border: solid 1px #195e93 }
.evenbtm { background-image: url("../images/division1bt.gif"); background-repeat: no-repeat; background-position: left bottom; position: absolute; bottom: 0; left: 0; width: 533px; height: 18px }
#cycle  { background-image: url("../images/service_ccle_bkgrd.gif"); background-repeat: no-repeat; background-position: left top; position: relative; top: 0; width: 611px; height: 166px }
#cyclemenu { position: relative; top: 43px; left: 7px; height: 88px }
#cyclemenu ul { list-style: none; margin: 0; padding: 0 }
#cyclemenu li { text-indent: -999em; display: inline; margin: 0; padding: 0 }
#cyclemenu li a { text-decoration: none; display: block; padding: 0; height: 88px; float: left }
#cyclemenu li.current a { background-position: 0 -96px !important }
#cyclemenu li a:hover  { background-position: 0 -88px !important; cursor: default }
#cyclemenu li.before a { background: url("../images/cn_before.gif") no-repeat left top; position: absolute; z-index: 25; left: 0; width: 219px }
#cyclemenu li.during a { background: url("../images/cn_during.gif") no-repeat left top; position: absolute; z-index: 10; left: 202px; width: 206px }
#cyclemenu li.after a { background: url("../images/cn_after.gif") no-repeat left top; position: absolute; z-index: 5; left: 390px; width: 205px }
#news { text-align: center; position: relative; left: 43px; width: 250px; border: solid 1px #333 }
#news ul { }
#news ul li { display: inline }
#news ul li a { color: #000; text-decoration: none; background-color: #e0c33e; display: block; padding-top: 8px; height: 23px; border-top: 1px solid #666 }
#news ul li a:hover { background-color: #ccc }
#navwrap { background-color: #ddebe8; margin: 0 0 1.5em; padding: 0; position: relative; left: 1px; width: 338px }
#navwrap ul li a { width: 340px }
ul#nav li a.current { color: #fff; background-color: #274040; background-image: url("../images/nav_r.jpg"); background-repeat: no-repeat; background-position: left bottom; margin: 0; padding: 0 0 0 10px }
ul#nav { font-size: 1.1em; line-height: 2.9em; list-style: none; margin: 0; padding: 0; width: 338px; border-right: 1px solid #588e80; border-left: 1px none #588e80 }
ul#nav li { line-height: 18px; background: transparent; list-style: none; margin: 0; padding: 0; border-top: 1px solid #fff; border-bottom: 1px solid #588e80 }
ul#nav li a { color: #224c41; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; list-style-image: none; list-style-position: outside; display: block; margin: 0; padding: 5px 13px 0 15px; width: 310px; height: 20px }
ul#nav li a:hover { color: #fff !important; background: #005140 url("images/nav-hover.gif") repeat-x left top; display: block }
.current-cat { color: #fff !important; background-color: #bd8d46; background-image: none; display: block; margin: 0; padding: 0 }
.ifxElement
         { background-image: url("../images/slider_bkgrd.gif"); background-repeat: repeat-y; background-position: left top; text-align: left; text-indent: 0; letter-spacing: 0; padding: 10px 25px 25px 20px; position: absolute; z-index: 999; top: 1px; left: 0; width: 305px; overflow: hidden }
.ifxElement p { font-size: 12px; margin: 0; padding: 0 }
#marketmenu ul li a.default
       { color: #9ce5fc; background-image: none; margin: 0; padding: 0; height: 10px }
      #marketmenu ul li a.default:hover
       { text-decoration: underline }
  .ifxElement .slider_btm
   { background-image: url("../images/slider_bkgrd_btm.gif"); background-repeat: no-repeat; background-position: left bottom; position: absolute; bottom: 0; left: 0; width: 349px; height: 8px }

#marketmenu              { position: relative; top: 0; left: 0; width: 611px; height: 318px }

		

#marketmenu ul          { list-style: none; margin: 0; padding: 0 0 0 349px; position: absolute; right: 1px; width: 450px; height: 318px }

	

#marketmenu li           { text-indent: -999em; list-style-type: none; list-style-position: outside; display: inline; margin: 0; padding: 0 }
#marketmenu li a          { text-decoration: none; display: block; margin: 0; padding: 0; height: 155px; float: left }
#marketmenu li a span      { display: none }

	

#marketmenu li.current a    { background-position: 0 -96px !important }

#marketmenu li a:hover  { background-position: 0 -155px !important }
#marketmenu li.marine a      { background: url("../images/mnav_marine.jpg") no-repeat left top; width: 235px }

#marketmenu li.land a      { background: url("../images/mnav_land.jpg") no-repeat left top; width: 240px }

#marketmenu li.eng a       { background: url("../images/mnav_eng.jpg") no-repeat left top; width: 235px; height: 163px }
#marketmenu li.eng a:hover  { background-position: 0 -163px !important }

#marketmenu li.parts a      { background: url("../images/mnav_parts.jpg") no-repeat left top; width: 240px; height: 163px }
#marketmenu li.parts a:hover  { background-position: 0 -163px !important }
#marketmenu li.crane a         { background: url("../images/mnav_crane.jpg") no-repeat left top; position: absolute; top: 0; right: 0; width: 136px; height: 318px }
#marketmenu li.crane a:hover  { background-position: 0 -318px !important }
#sec_title { background-image: url("../images/h3.gif"); background-repeat: no-repeat; background-position: left -1px; padding: 0; position: relative; width: 340px; height: 86px }
#projects_contain { position: relative; left: -37px; width: 610px; height: 183px }
#projects_contain #project_descrip  { background-image: url("../images/project_profile_bkgrd.gif"); background-repeat: no-repeat; background-position: left top; padding-top: 25px; padding-right: 25px; padding-left: 25px; position: absolute; z-index: 10; top: 0; left: 0; width: 348px; height: 183px }
#projects_contain #project_photo { position: absolute; z-index: 5; right: 0; width: 278px; height: 183px }
/*  -------------------------------------------------------------------
    Drawers General --------------------------------------------------- */
#drawers_tools      { background-color: #ddebe8; position: relative; left: 1px; width: 338px; height: 240px; border-top: medium none #588e80; border-right: 1px solid #588e80; border-bottom: 1px solid #588e80; voice-family: inherit            }
html>body #drawers_tools      { width: 338px; height: 240px }
#drawer_tools.size2      { height: 140px; border-bottom: none }
html>body #drawers_tools.size2     { height: 140px; border-bottom: none }
#drawers_tools #tool_buttons { width: 233px; height: 30px }
#drawers_tools #tool_buttons ul { list-style: none; margin: 0; padding: 5px 0 0; width: 233px; height: 30px }
#drawers_tools #tool_buttons ul li { background: transparent; text-indent: -999em; display: inline; margin: 0 0 0 15px; padding: 0; float: left; overflow: hidden }
#drawers_tools #tool_buttons li a { display: block }
#drawers_tools #tool_buttons li#b_print a { background: url("../images/b_print.gif") no-repeat left top; position: absolute; right: 0; width: 21px; height: 30px }
#drawers_tools #tool_buttons li#b_print a:hover { background-position: 0 -30px }
#drawers_tools #tool_buttons li#b_favorites a { background: url("../images/b_favorites.gif") no-repeat left top; position: absolute; right: 30px; width: 13px; height: 30px }
#drawers_tools #tool_buttons li#b_favorites a:hover { background-position: 0 -30px }
#drawers_tools div.drawer_block { height: auto; overflow: hidden }
#drawers_tools h3   { color: #ffffff; font-size: 12px; font-weight: normal; line-height: 28px; background: #7c7c16 url("../images/drawer_handle_background.gif") no-repeat; text-align: left; cursor: pointer; display: block; margin: 0; padding: 0; width: 100%; height: 30px }
#drawers_tools h3 span { margin-left: 10px }
#drawers_tools h3.open { color: #082644; background: #d9d97c url("../images/drawer_handle_background_o.gif") no-repeat }
#drawers_tools div.drawer_content   { margin: 0; position: relative; height: 180px }
#drawers_tools div.drawer_content.size2a    { height: 140px }
#drawers_tools div.drawer_content h4 { color: #193c93; font-size: 1em; font-weight: bold; padding-top: 5px; padding-left: 10px }
#drawers_tools ul { margin: 0; padding: 0 }
ul.drawer_style1 li { line-height: 18px; background: transparent; list-style: none; margin: 0; padding: 0; border-top: 1px solid #fff; border-bottom: 1px solid #588e80 }
ul.drawer_style1 li a   { color: #224c41; font-size: 1.1em; text-decoration: none; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; list-style-image: none; list-style-position: outside; display: block; margin: 0; padding: 3px 13px 3px 15px; width: 310px; height: 20px }
ul.drawer_style1 li.current a  { color: #224c41; background-color: #b2d0ce; border-top: none }
ul.drawer_style1 li a:hover { color: #fff; background-color: #005140 }
ul.drawer_style1 span { display: block }
ul.drawer_style1 span.date { color: #193c93; font-weight: bold; display: block }
ul.drawer_style1 span.style1_headline { color: #082644; font-weight: bold }
.style1_date { color: #082644 }
span.style1_link { font-size: 11px; background: url("/img/gen/bullet_triangle_green.gif") no-repeat right 6px; text-align: right; padding: 0 8px 0 0 }
ul.drawer_style2 li { background: url("/img/gen/bullet_triangle_green.gif") no-repeat left 13px; list-style: none; display: block; margin: 0 8px 0 15px; padding: 6px 0 0 10px; position: relative }
#links_drawer { clear: both }
a.single    { color: #fff; font-size: 12px; text-decoration: none; background-image: url("../images/drawer_handle_background.gif"); background-repeat: no-repeat; background-position: left center; display: block; margin-right: 0; margin-left: 1px; padding-top: 5px; padding-right: 0; padding-left: 15px; width: 323px; height: 24px; border-right: 1px solid #336765; border-bottom: 1px solid #336765 }
a.single:hover  { color: #0c413f; background-image: url("../images/drawer_handle_background_o2.gif") }
a.single.current { color: #0c413f; background-image: url("../images/drawer_handle_background_o2.gif") }
#gsn    { padding-right: 10px; position: relative; width: 609px; height: 119px }
.reflected   { display: block }
#footer    { background-color: #0c413f; background-image: url("../images/footer_bkgrd.gif"); background-repeat: no-repeat; background-position: 0 top; margin: 0 auto; padding-top: 50px; position: relative; width: 981px; height: 58px }
#footer #ask { position: absolute; z-index: 999; top: -18px; right: 20px; width: 305px; height: 37px }
#footer p  { color: #fff; font-size: 1.2em; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif }
#footer a { color: #4c4130; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; text-decoration: underline; padding-left: 10px }
#footer a:hover { text-decoration: none }
#footer #snap { color: #fff; position: absolute; top: 36px; right: 15px; width: 175px }
#footer #snap img { position: absolute }
#footer #copyright { position: absolute; top: 25px; left: 10px }
#footer #privacy { position: absolute; top: 25px; right: 10px }
#footer #contact { font-weight: bold; background-image: url("../images/contact.gif"); background-repeat: no-repeat; background-position: left center; padding-left: 25px; position: absolute; top: 65px; left: 300px; width: 450px; height: 50px }

/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Richard Rutter    [clagnut.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body      { font-size: 65% }


/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
   
body      { color: #222; font-family: "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif }
h1,h2,h3,h4,h5,h6   { color: #111; font-family: "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6     { font-weight: normal; padding-right: 1em }

h1           { color: #000; font-size: 3em; line-height: 1em; letter-spacing: -2px; padding-top: 25px; padding-bottom: 0 }
.span-9 h2       { padding: 25px 20px 5px 30px }
.span-9 h2.news  { font-size: 1.8em; margin: 0 5px; padding-top: 15px; padding-bottom: 0; border-bottom: 1px solid #333 }
h2                 { color: #000; font-size: 2em; font-weight: bold; line-height: 1em }
h3          { color: #fff; font-size: 3em; font-weight: bold; line-height: 1em; margin: 0 0 0; padding: 25px 0 0 10px }
.ifxElement h3  { font-size: 1.5em; font-weight: normal; margin: 0; padding: 5px 0 8px }
ul#nav h3   { color: #004126; font-size: 1em; font-family: "Lucida Grande", "Arial Narrow", Arial, Verdana, helvetica, Geneva, "Helvetica Neue", Arial, sans-serif; font-weight: normal; line-height: 2.9em; background-image: url("../images/bullet_h3drop.gif"); background-repeat: no-repeat; background-position: right center; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; border-bottom: 1px dashed #929e9a }
ul#nav h3:hover   { color: #fff !important; background: #92b4a6 url("images/nav-hover.gif") repeat-x left top; cursor: pointer; margin: 0; padding: 0 0 0 10px }
h4             { color: #2b2b2b; font-size: 2em; font-weight: normal; line-height: 1em; padding-top: 10px; padding-bottom: 5px }
h4 img { float: left; clear: right }
h5        { color: #666; font-size: 1.7em; font-weight: normal; line-height: 1em; letter-spacing: -1px; padding-top: 8px; padding-bottom: 3px }
h5.specialcol { color: #fff; background-color: #588e80; margin-right: 2em; margin-bottom: 0.5em; padding-left: 0.5em }
.pic_caption h5 { color: #588e80 }
h6   { color: #1d5743; font-size: 1em; font-weight: bold; margin-left: 30px; position: relative; top: -10px }


/* Text elements
-------------------------------------------------------------- */
p       { color: #3b3b3b; font-size: 1.2em; padding-top: 0.2em; padding-right: 3.5em; padding-bottom: 0.8em }
#newslh p { margin: 0; padding: 0 }
#newslh ul  { display: block; padding-bottom: 10px; padding-left: 25px }
#newslh ul li { font-size: 1.1em; list-style-image: url("../images/bullet.gif"); list-style-position: outside; padding-right: 3.5em }
.emphasis { }
.ifxElement p { color: #fff }
.span-9 p    { margin-right: 0; padding-right: 25px; padding-left: 30px }
p.small { color: #88765a; font-size: 1.1em; line-height: 1.1em }
p.copyright    { color: #fff; font-size: 1em; padding-top: 36px; padding-left: 20px }
#projects_contain p { font-size: 1.2em }
span.icon_email     { color: #666; font-size: 12px; background-image: url("../images/icon_email.gif"); background-repeat: no-repeat; background-position: 0 center; display: inline; padding-top: 3px; padding-bottom: 3px; padding-left: 25px; position: relative }
span.icon_tel     { color: #666; font-size: 12px; background-image: url("../images/icon_tel.gif"); background-repeat: no-repeat; background-position: 0 center; display: inline; padding-top: 3px; padding-bottom: 3px; padding-left: 25px; position: relative }
/* Use this if the image is at the top of the <p>. */
.float              { margin: 0; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; float: right }
.float2            { margin-top: 5px; margin-right: 15px; margin-bottom: 0; float: left; clear: right }
.span-15 ul  { display: block; padding-bottom: 10px; padding-left: 25px }
.span-15 ul li { font-size: 1.1em; list-style-image: url("../images/bullet.gif"); list-style-position: outside; padding-right: 3.5em }
.span-22 ul  { display: block; padding-bottom: 10px; padding-left: 25px }
.span-22 ul li { font-size: 1.1em; list-style-image: url("../images/bullet.gif"); list-style-position: outside; padding-right: 3.5em }
ol             { color: #2a6253; font-size: 1.2em; font-weight: bold; list-style-type: decimal; padding-left: 25px }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover      { color: #4c4130 }
a                 { color: #004126; font-size: 1em; text-decoration: underline }
a.anchor1  { margin: 0; padding: 0 }
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong       { font-weight: bold; float: right }
em,dfn      { font-style: italic; background: #ffc; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td      { padding: 4px 5px 4px 3px }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; }