/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 2009-11-06 (by Nate Hanna)
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html {
   margin: 0;
   padding: 0;
}
body {
   margin: 0;
   padding: 20px 0;
   font-size: small; /* about 12px if browser size is set at default (16px) */
   font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
   background: #001224 url('../images/page_bg.jpg') top left repeat-x;
   color:#FFF;
}

a { 
   color:#2E8FC2;
   text-decoration: underline; 
}
	a:hover { text-decoration: none; }
	a:visited { color:#82BCDA; }
	a img, form img, #content #leftCol form img { border: 0; }


h1, h2, h3, h4, h5, h6 {
   margin: 0;
   padding: 0;
}
   h1, h2, h3, h4, h5, h6 {
      margin-bottom: 0.5em;
      line-height: 1.25em;
      color: #3C8BC1;
   }
      h1 { font-size: 1.9em; color:#036; font-family: Georgia; line-height: 35px; font-weight: lighter; margin: 0; }
      h2 { font-size: 1.2em; color:#036; line-height: 20px; margin-bottom: 0px; }
      h3 { font-size: 1.4em; }
      h4 { font-size: 1.2em; }
      h5 { font-size: 1.1em; }
      h6 { font-size: 0.9em; }

p {
   margin: 0;
   margin-bottom: 1.6em;
   padding: 0px;
}

div.hr {
   height: 1px;
   margin: 1.6em 0;
   padding: 0;
   background: #8A8278 no-repeat scroll center;
}
#default.google_admanger_test div.hr { margin-bottom: 0.2em; }
   div.hr hr { display: none; }

img { border: 0px; }

#wrapper {
   position: relative;
   width: 975px;
   margin: 0 auto;
}

/** Header
-------------------------- **/
/** @group header */
#header {
    width: 975px;
    height: 105px;
    background: transparent url('../images/menu_bg.png') top left no-repeat;
}
#header #banner #masthead a {
   position: relative;
   display: block;
   background: url('../images/logo.png') 0 0 no-repeat;
   text-indent: -10000px;
   width: 217px;
   height: 53px;
   text-decoration: none;
   overflow: hidden;
   z-index: 5;
   top: 30px;
   left: 39px;
}
/** @group topNav */
#topNav {
   position: absolute;
   left: 403px;
   top: 34px;
   width: 565px;
   font-family: Geneva, Verdana, sans-serif;
   z-index: 4;
}
#topNav ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
    #topNav ul li { display: inline; }
       #topNav ul li a {
         color: #FFF;
         display: block;
         float:left;
         width: 140px;
         height: 45px;
         text-indent: -10000px;
         overflow: hidden;
         background-position: 0 top;
         background-repeat: no-repeat;
         background-color: transparent;
         margin-right: 2px;
       }
         #topNav ul li.solutions a           { background-image: url("../images/btn_solutions.jpg"); }
         #topNav ul li.portfolio_our_work a  { background-image: url("../images/btn_portfolio.jpg"); }
         #topNav ul li.company_profile a     { background-image: url("../images/btn_company.jpg"); }
         #topNav ul li.contact a             { background-image: url("../images/btn_contact.jpg"); margin-left: -4px; }
         #topNav ul li a:hover,
         #topNav ul li.selected a { background-position: -140px top; }
/* @end topNav **/
/* @end header **/

/** contentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper {}
/** @group home #contentWrapper */
#home #contentWrapper {
   background: transparent url('../images/content_bg.png') top left  repeat-y;
   padding-left:11px;
}
/* TODO WHY A TAG? */
#home #contentWrapper h2 a {
   position: relative;
   display: block;
   background-position: left top;
   background-repeat: no-repeat;
   text-indent: -10000px;
   width: 200px;
   height: 22px;
   text-decoration: none;
   overflow: hidden;
}
/** @group features */
#home #features {
    position: relative;
    background: transparent url('../images/content_top.jpg') top left no-repeat;
    padding: 10px 0px 0px 10px;
    color: #666;
    font-size: .98em;
    line-height: 1.3em;
}
   #home #features .borders { 
      background: transparent url('../images/features_bg.gif') -10px top repeat-y;
      min-height:215px;
   }
#home #features a,
#home #features h2 {
    color: #FFF;
    text-decoration:none;
    font-weight:bold;
}
   #home #features a:hover { text-decoration:underline; }

#home #features h2{ margin: 0; }

#home #features #homeGrid h2 { 
   margin: 0 0 0.4em;
   text-transform: uppercase;
}

#home #features .column {
   position: absolute;
   top: 10px;
   min-height: 170px;
   padding: 10px;
}
#home #features #homeGrid .column {
   position: static;
   float: left;
}
   #home #features #column1,
   #home #features #column2 {
       left: 10px;
       width:180px;
       padding-right: 30px;
   }
      #home #features #column1 h2 a { background-image: url('../images/feature_cms4.png'); }
   #home #features #column2 {
      left: 241px;
      width:210px;
      padding-right: 0;
   }
   #home #features #homeGrid #column2 { margin-left: 10px; }
      #home #features #column2 h2 a { background-image: url('../images/feature_epi.png'); }
   #home #features #column3 {
       left: 482px;
       width:210px;
   }
   #home #features #column3 { margin-left: 15px; }
      #home #features #column3 h2 a { background-image: url('../images/feature_phil.png'); }
   #home #features #column4 {
       left: 723px;
       width:210px;
       border: 0;
   }
   #home #features #column4 { margin-left: 20px; }
      #home #features #column4 h2 a { background-image: url('../images/feature_univ.png'); }
/* @end features **/
/** @group news */
#home #news {
    border-top:1px solid #333;
    padding: 10px;
    width: 900px;
    margin-left: 15px;
    position:relative;
    color: #666;
    font-size: .98em;
    line-height: 1.3em;
}
   #home #news .borders {
      background: transparent url('../images/news_bg.gif') -24px top repeat-y;
      min-height:150px;
   }
#home #news a {
    color:#FFF;
    text-decoration:none;
}
   #home #news a:hover { text-decoration:underline; }

#home #news .column {
   position: absolute;
   top: 10px;
   padding: 10px;
   min-height: 120px;
}
    #home #news .col1 {
        left: 9px;
        width:260px;
        padding-right: 30px;
        z-index: 3;
    }
       #home #news .col1 h2 a { background-image: url('../images/news_looking_quote.png'); }
    #home #news .col2 {
        background: url('../images/col2bg.jpg') 0px 30px no-repeat;
        left: 320px;
        width: 350px;
        z-index: 2;
    }
       #home #news .col2 h2 a { background-image: url('../images/news_latest.png'); }
       #home #news .col2 #viewAll {
           position: absolute;
           top: 10px;
           left: 300px;
           font-size: 9px;
       }
          #home #news #col2 #viewAll a { color: #666; }
    #home #news .col3 { border: 0; z-index: 1; }
       #home #news .col3 h2 a {
           left: 685px;
           top: 0;
           background-image: url('../images/spark.jpg');
           height: 120px;
           display: block;
           padding: 10px;
       }
       #home #news .col3 h3 { display: none; }
/** @group scroller */
#home #news #scrollUp {
    position: absolute;
    top: 24px;
    left: 150px;
}
#home #news div.scroller {
    position: absolute;
    top: 50px;
    left 20px;
    overflow:hidden;
    width: 330px;
    height: 70px;
}
#home #news .scroller a {
    font-size: 12px;
}
#home #news #scrollDown {
    position: absolute;
    top: 112px;
    left: 150px;
}
/* @end scroller **/
/* @end news **/
/* @end home #contentWrapper **/

/** @group default #contentWrapper */
#default #contentWrapper {
   height:400px;
   background: transparent url('../images/content_bg2.png') repeat-y;
   text-align: left;
   padding: 0px;
   margin-top: -3px;
}
#default.google_admanger_test #contentWrapper { background-image: url('../images/content_bg_admanager.png'); }
      #default #wrapper > #contentWrapper {
          height:auto;
          min-height:400px;
      }
/* @end default #contentWrapper **/


/** @group contentSlot */
#contentSlot {
   position: relative;
   float: right;
   width: 675px;
   color: #333;
   background: transparent url('/images/interior_content_bg.jpg') top left repeat-x;
   line-height: 20px;
   right: 10px;
}
#default.google_admanger_test #contentSlot {
   width: 738px;
   line-height: normal;
   min-height: 705px;
   background-color: #FFF;
}
   #default.google_admanger_test #leaderboard_banner_top {
      text-align: center;
      height: 90px;
      overflow: hidden;
      padding: 5px 0;
   }
   #contentSlot a { font-weight:bold; }
   #contentSlot #col1 {
       position: absolute;
       left:40px;
       top: 50px;
       width:275px;
       padding: 10px;
   }
   #contentSlot #col2 {
       position: absolute;
       left:350px;
       top: 50px;
       width:275px;
       padding: 10px;
   }
/** @group layout */
#layout { padding: 20px; }
#portfolioContainer { padding: 0px 20px 20px 20px; }
.portfolio #layout { padding: 0; }
/* @end layout **/
/* @end contentSlot **/
/** @group sideBar */
#sideBar {
   float: left;
   padding-left: 20px;
   padding-right: 20px;
   width: 250px;
}
#default.google_admanger_test #sideBar {
   width: 197px;
   line-height: normal;
   padding: 0 10px;
   margin-left: 10px;
}
   #default.google_admanger_test #sideBar div.ad { text-align: center; padding: 4px 0; }
/** @group sectionNav */
#sectionNav ul {
   list-style: none;
   margin: 0px;
   padding:0px;
}
   #sectionNav ul li a {
      font-size: 1.2em;
      padding: 7px 10px;
      display:block;
      text-align:right;
      color:white;
      text-decoration:none;
   }
      #sectionNav ul a:hover,
      #sectionNav ul li.selected a { color: #2E8FC2; }
         #sectionNav ul li.selected a { background: transparent url('../images/subnav_bg.png') center right no-repeat; }
/* @end sectionNav **/
/** @group promo */
#promo {
   background: transparent url('../images/content_bg.png') top left  repeat-y;
   padding-left: 11px;
}
/* @end promo **/
/* @end sideBar **/
/* @end contentWrapper **/



/** Page Specific (layouts)
-------------------------- **/
/** @group sidebarPromo */
div.sidebarPromo {
    margin: 10px 0px 10px 0px;
    width: 220px;
    padding: 20px;
    min-height:100px;
    color: #999;
    font-size: .9em;
    line-height: 1.5em;
    background: transparent url('../images/sidebar_section_bg.jpg') bottom left no-repeat;
    vertical-align: middle;
    border-top: 1px solid #333;
}
   div.sidebarPromoOver {
       margin: 10px 0px 10px 0px;
       border-top: 1px solid #333;
       width: 220px;
       padding: 20px;
       min-height:100px;
       color: #FFF;
       font-size: .9em;
       line-height: 1.5em;
       background: transparent url('../images/sidebar_section_bg_over.jpg') bottom left no-repeat;
       vertical-align: middle;
   }
      div.sidebarPromoOver h3 {
          font-weight: normal;
          text-transform: uppercase;
          font-size: 1.3em;
          color: white;
      }
   div.sidebarPromo h3 {
       font-weight: normal;
       text-transform: uppercase;
       font-size: 1.3em;
       color: white;
   }
/* @end sidebarPromo **/

/** @group story */
#story {
   font-size: 12px;
   color:#333;
}
   #story span.title {
      font-family: Georgia;
      color: #036;
      display:block;
      font-size: 26px;
      line-height: 28px;
   }
   #story span.date {}
/* @end story **/

/** @group newsList */
div.newsList {
   padding-bottom: 20px;
   font-size: 12px;
   position: relative;
   min-height: 70px;
}
   div.newsList div.pressRelease {
      padding-left: 15px;
      float: left;
      width: 540px;
   }
   div.newsList span.title a {
      position: relative;
      font-size: 14px;
      text-decoration:none;
   }
      div.newsList span.title a:hover { text-decoration:underline; }
   div.newsList .calendar {
      float: left;
      background: transparent url('../images/calendar_bg.gif') top left no-repeat;
      width: 47px;
      height: 70px;
   }
      div.newsList .calendar #month {
         color: white;
         display: block;
         padding: 5px 0px;
         line-height: 12px;
         font-size:11px;
         text-align:center;
      }
      div.newsList .calendar #day {
         color: #036;
         display: block;
         padding: 1px 0px;
         line-height: 20px;
         font-size:20px;
         text-align:center;
      }
      div.newsList .calendar #year {
         color: #AAA;
         display: block;
         padding: 6px 0px;
         line-height: 14px;
         font-size:11px;
         text-align:center;
      }
/* @end newsList **/

/** @group ftr */
#ftr {
    background: transparent url('../images/ftr.png') top left no-repeat;
    padding: 20px 0px 15px 20px;
    font-size: .8em;
    line-height: 18px;
    color: #1A2A3A;
}
   #ftr ul {
      position: relative;
      list-style: none;
      margin: 0px; 
      padding: 0px;
   }
      #ftr ul li {
         display: inline;
         float:left;
         margin: 0px; 
         padding: 0px 15px 0px 0px;
         height: 12px;
      }
         #ftr ul li  a {
            color: #1A2A3A;
            text-decoration:none;
            display: block;
            height: 12px;
            float: left;
         }
         #ftr ul li a small { display: none; }
            #ftr ul li  a:hover { color:#FFF; }
#ftr #subMenu {
  position: absolute;
  right: 0;
  top: 20px;
}
#prFtr {
   font-size: 11px;
   color: #999;
   line-height: 16px;
}
/* @end ftr **/


/** Class Styles
-------------------------- **/
.hidden {
   display: none;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}