/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 5 March 2009 @ 10:30 EST
* --------------------------------------------------------------
**/


/** Element/Global Styles (including Typography)
-------------------------- **/
html { font-size: 0.75em; /* ABOUT 12px */ }
body {
   font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
   background: #FFF url('../images/PGbg_Large.jpg') top left repeat-x;
   color:#333;
   line-height:1.5em;
}
   body#home {
      font-family: Helvetica, Arial, sans-serif;
      color: #ffffff;
      background:#b3e029 url('../images/bkg.jpg') top left repeat-x;
      line-height: normal;
   }
   body#default.portfolio { background-image: url('../images/PGbg_Small.jpg'); }

a, a:visited { color: #333; }
   a:hover { 
      color: #666;
      text-decoration: none;
   }
      a img {
         border:none;
         margin:2px 2px 2px 0;
      }

h1, h2, h3, h4, h5, h6,
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
   font-weight: bold;
   line-height: 1.5em;
   color: #333;
}
   h1, .content h1 { font-size: 2.0em; /* ABOUT 24px */ }
   h2, .content h2 { font-size: 1.6em; /* ABOUT 20px */ }
   h3, .content h3 { font-size: 1.3em; /* ABOUT 16px */ }
   h4, .content h4 { font-size: 1.16em; /* ABOUT 14px */ }
   h5, .content h5 { font-size: 1.0em; /* ABOUT 12px */ }
   h6, .content h6 { font-size: 0.83em; /* ABOUT 10px */ }

.content hr, .content p, .content ul, .content ol, .content dl, .content pre, .content blockquote, .content address, .content table, .content form { margin: 0.8em 0; }


.style2 {
	color: #000000;
	line-height: 150%;
}

.style3 {
	color: #FFFFFF;
	line-height: 150%;
}

.port_desciption {
	color: #000000;
	line-height: 150%;
	font-size: 14px;
}

.port_bullets {
	color: #475815;
	line-height: 130%;
	font-size: 11px;
}

.style4 {
	color: #FFFFFF;
	line-height: 130%;
	font-size: 1.5em;
	
	
}

.style5 {
	color: #FFFFFF;
	line-height: 130%;
	font-size: 1.5em;
	padding-bottom: 10px;
	font-weight: bold;
}

.style7 {
	color: #FFFFFF;
	line-height: 130%;
	font-size: 1.3em;
	padding-bottom: 10px;
	font-weight: bold;
}

.linedotted {
	background: url('../images/dottedline.gif');
	height: 1px;
	margin-top: 8px;
	margin-bottom: 10px;
}
.process_title {
	font-size: 1.7em;
	color: #000000;
	line-height: 160%;
	letter-spacing: 0em;
	font-weight: bold;
}
.process_title2 {
	font-size: 1.4em;
	color: #262d08;
	line-height: 130%;
	letter-spacing: 0em;
	font-weight: bold;
	padding-bottom: 6px;
}

.process_title3 {
	font-size: 1.1em;
	color: #000000;
	line-height: 130%;
	letter-spacing: 0em;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 10px;
}

.process_description {
	color: #333333;
	font-size: .75em;
	line-height: 135%;
}

.portfolio_description2 {
	color: #CCCCCC;
	font-size: 1em;
	line-height: 145%;
}	
	
.process_description2 {
	color: #262d08;
	font-size: 1em;
	line-height: 135%;
}
.process_callout {
	color: #7C9801;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 10px;
	
}

.process_hide {
	color: #7C9801;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 10px;
	
	
}

.imapctdates {
	font-family: Impact, Helvetica, sans-serif;
	font-size: 2.5em;
	color: #FFFFFF;
	line-height: 80%;
}



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

pre { color: #000; }


/** Wrapper/Container
-------------------------- **/
#wrapper {
   position: relative;
   width: 940px;
   margin: 0 auto;
}
   #home #wrapper {
      width: 960px;
      background: transparent url('../images/content_bkg2.png') top left no-repeat;
   }

/** Header
-------------------------- **/
/** @group header */
#header {
   height: 385px;
   background:url('../images/HDbg_Large.png') top left repeat-x;
}
   #home #header {
      /*WIDTH */
      height:108px;
      position: relative;
      background: url('../images/NAVbkg.png') top left no-repeat;
   }
   #default.portfolio #header { height: 151px; }
/** @group banner */
#header #masthead a, 
#header #masthead a:visited {
   position: absolute;
   display: block;
   background-color: transparent;
   text-indent: -10000px;
   width: 184px;
   height: 23px;
   text-decoration: none;
   overflow: hidden;
   z-index: 5;
   top: 33px;
   right: 0px;
}
   #default #masthead a, 
   #header #masthead a:visited {
      top: 25px;
      left: 0;
      right: auto;
      width: 100px;
      height: 18px;
   }

#default #version {
   position:absolute;
   right: 20px;
   top: 16px;
   width: 219px;
}
   #default #version {
      font-size: 15.5px;
      color:#101010;
      font-weight: bold;
   }
   #default #version a { text-decoration:none; }
      #default #version a:hover {color:#101010;}
/* @end banner **/

/** @group teaser */
#default #teaser {
   position:absolute;
   clear:both;
   top:110px;
   left:0;
   color:#333333;
   height:245px;
}
   #default #teaser {
      position:relative;
      overflow: hidden;
   }

   #default #teaser h1 { 
      font-weight: normal;
      line-height: 1.5em;
      padding-top: 30px;
   }

   #default #teaser .teaseritem {
      position:absolute;
      top:0;
      left:-3000px;
      width:750px;
      height: 236px;
   }

      #default #teaser .teaser1 { left:0; }
      #default #teaser .teaser2 h1, 
      #default #teaser .teaser5 h1 {
         padding-top:10px;
      }

   #default #teaser .teaser_more{
      background-image:url('../images/more.jpg');
      width:105px;
      height:28px;
      line-height:26px;
      display:block;
      color:#b0bb7d;
      background-position:top left;
      text-decoration:none;
      text-indent:14px;
      font-size:10px;
      margin-top:10px;
      clear:both;
   }
      #default #teaser .teaser_more:hover{
         color:#fff;
         background-position:bottom left;
      }
/* @end teaser **/
/* @end header **/


/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper { position: relative; }
#default #contentWrapper { margin-top: -10px; }
#default.portfolio #contentWrapper { margin: 0; }
   #contentWrapper ul, 
   #contentWrapper ol {
      list-style-position:inside;
      margin-bottom:20px;
   }
      #contentWrapper li {
         border-top:1px solid #dedede;
         line-height:22px;
      }

   #contentWrapper blockquote{
      margin:0;
      padding:0 0 0 30px;
      color:#111;
   }
   #contentWrapper form { margin-bottom:10px; }

/** @group contentSlot */
/** @group default */
#default #contentSlot {
   width:520px;
   float:left;
   padding-right: 60px;
}
   #default #contentSlot textarea:hover { background-color:#f8f8f8; }

   #default #contentSlot textarea{
      width:408px;
      padding:3px 5px;
      border:1px solid #333;
      padding:3px 5px;
      height:155px;
      background-color:#fff;
      color:#333;
      font: normal 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   }
   #default .entry {
      clear:both;
      float:left;
      padding-bottom:20px;
      width:520px;
   }

   #default .entryhead{
      border-bottom:1px solid #dedede;
      margin-bottom:2px;
   }
      #default .entryhead h3{ 
         line-height:16px;
         margin-bottom: 0;
      }
      #default .entryhead strong{
         color:#7a930f;
         font-weight:normal;
         font-size:11px;
      }

   #default .entry_content{ padding:5px 0 0 0; }
      #default .entry_content table {
         width: 520px;
         padding: 0 0 20px 0;
         margin: 0;
      }

      #default .entry_content caption {
         padding: 0 0 5px 0;
         width: 520px;	 
         font: italic 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
         text-align: right;
      }

      #default .entry_content th {
         font: bold 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
         color: #333;
         border: 1px solid #999;
         letter-spacing: 2px;
         text-transform: uppercase;
         text-align: left;
         padding: 6px 6px 6px 12px;
         background: #fefefe url('../images/tablehead.gif') no-repeat;
      }
         #default .entry_content th.nobg {
            border: 1px solid #999;
            background: none;
         }

         #default .entry_content th.spec {
            border: 1px solid #999;
            font: bold 10px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
         }

         #default .entry_content th.specalt {
            border: 1px solid #999;
            font: bold 10px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
            color: #333;
         }

      #default .entry_content td {
         border: 1px solid #999;
         background: #fff;
         padding: 6px 6px 6px 12px;
         color: #333;
      }
         #default .entry_content .odd td{ background-color:#f8f8f8; }

         #default .entry_content td.alt {
            background: #F5FAFA;
            color: #797268;
         }
/** @group projects */
#projects { overflow: hidden; }

   #projects img { border-color: #ddd; }

   #projects h3 { margin: 0.4em 0 0.2em; }

   #projects .project-head {
      background: url(../images/bullet-toggle-plus.gif) no-repeat left;
      border-bottom: 1px solid #eee;
      cursor: pointer;
      right: 0;
      top: 165px;
      margin: 0;
      padding-left: 20px;
      padding-bottom: 1em;
   }

   #projects .project-head.opened { background-image: url(../images/bullet-toggle-minus.gif); }

   #projects .project-body {
      border-bottom: 1px solid #ccc;
      display:none;
      overflow: hidden;
   }

   #projects .project-body ul {
      float: right;
      width: 150px;
   }

   #projects .project-body p {
      float: left;
      width: 350px;
   }
/* @end projects **/



/** @facts ====================================================================================*/
#facts {
	overflow: hidden;
	background: url('../images/TYPE/1999.jpg') no-repeat;
	
}
/* @end facts **/





/** @contact ====================================================================================*/
#contact {
	overflow: hidden;
	padding-top: 70px;
	padding-left: 240px;
}
/* @end contact **/






/** @values ====================================================================================*/
#values {
	overflow: hidden;
	background: url('../images/TYPE/values.png') no-repeat;
	padding-top: 70px;
	padding-left: 240px;
}
/* @end values **/




/** @port ====================================================================================*/
#port {
	overflow: hidden;
	padding-top: 110px;
	width: 960px;

}


/* @end port **/


/** @process ====================================================================================*/
#process {
	overflow: hidden;
	background: url('../images/PROCESS/out2.jpg') no-repeat;
	padding-top: 70px;
	padding-left: 50px;
	padding-right: 350px;
	height: 351px;
}


/* @end process **/

/** @social ====================================================================================*/
#social {
	background: url('../images/social.jpg') no-repeat;
	padding-top: 158px;
	padding-right: 0px;
}


/* @end process **/

/** @capabilities ====================================================================================*/
#capabilities {
	overflow: hidden;
	background: url('../images/TYPE/capabilities.jpg') no-repeat;
	padding-top: 70px;
	padding-left: 0px;
	padding-right: 100px;
}


/* @end capabilities **/

#leadership {
	position: relative;
	width: 960px;
	height: 750px;
	margin: 0 auto;
}


.leadership_container {
	width: 960px;	
}


.leadership_box {
	float: right;
	width: 208px;
	height: 685px;
	padding-top: 35px;
	padding-right: 16px;
	padding-bottom: 0px;
	padding-left: 16px;
}


.lead_task {
	font-size: 1.6em;
	color: #999999;
	line-height: 130%;
	letter-spacing: -0.1em;
}
.lead_Name {
	color: #FFFFFF;
	font-size: 2em;
	line-height: 150%;
}
.lead_Title {
	color: #7C9801;
	font-weight: bold;
	font-size: 11px;
}
.lead_Desc {
	color: #333333;
	line-height: 120%;
}







/* @end default **/
/** @group home */
#home .home_column {
   width:208px;
   padding:35px 16px 0;
   float: left;
   position: relative;
   background: url('../images/content_off.png') right no-repeat;
   height:220px;
}
   #home .home_column .feats_title {
      font-size: 14px;
      font-weight: bold;
      color: #000;
   }
   #home .home_column .feats_details {
      font-size: 12px;
      line-height: 16px;
      color: #000;
   }
   #home .home_column img {
	margin:0px 0 0 20px;
}/* work photo contact */
   #home .home_column img.journal { margin:30px 0 0 50px; }
   #home .home_column a:link,
   #home .home_column a:visited, 
   #home .home_column a:hover {
      color: #000;
      text-decoration: none;
      font-weight: inherit;
      border: 0;
   }
#home .over {
   background: url('../images/content_on.png') right repeat-x;
   cursor: pointer;
}
/* @end home **/
/* @end contentSlot **/
/** @group sideBar (default only) */
#sideBar {
   width: 360px;
   float: right;
   padding-bottom: 30px;
}
   #sideBar .textinput{
      border:1px solid #333;
      padding:3px 5px;
      width:215px;
      background-color:#fff;
      color:#333;
      margin-right:5px;
      font: normal 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   }
      #sideBar .textinput:hover { background-color:#f8f8f8; }

   #sideBar .button{
      color:#fff;
      cursor:pointer;
      background-color:#333;
      padding:2px 5px;
      border:1px solid #333;
      width:101px;
   }
      #sideBar .button:hover{
         color:#333;
         cursor:pointer;
         background-color:#fff;
      }

.content #sideBar h4 { margin: 0.4em 0 0.2em; }
.content #sideBar p { margin-top: 0; }

#sideBar .sidebar_entry { color:#666; }
/* @end sideBar **/
/* @end contentWrapper **/


/** Footer
-------------------------- **/
/** @group footer */
#home #footer {
	text-align: right;
	color: #333333;
 }
 
#default #footer {
   position: relative;
   border-top:1px solid #dedede;
   text-align:center;
   color:#666;
   padding:5px 0px 20px;
}
/* @end footer **/


/** Navigation
-------------------------- **/
/** @group nav */
#nav {
   height: 28px;
   position: absolute;
   top: 68px;
   right: 34px;
   width: 410px;
   z-index: 10;
}
#default #nav {
   top: 81px;
   left: -10px;
   right: auto;
   width: 450px;
}
/** @group nav ul */
#nav ul { list-style: none; }
#default #nav ul {
   list-style-type: none;
   list-style-position: outside;
}
   #nav ul li {
     display: inline;
     background: url('../images/NAVseps.gif') left top no-repeat;
   }
   #default #nav ul li {
      position: relative;
      display: block;
      float: left;
      background-image: none;
   }
      #nav ul li a {
        display: block;
        float:left;
        text-align: center;
        width: 100px;
        height: 36px;
        font-weight: bold;
        text-decoration: none;
        padding-top: 10px;
        color: #FFF;
      }
      #default #nav ul li a {
         width: auto;
         height: auto;
         font-weight: normal;
         padding: 4px 10px;
         text-align: left;
         color: #E1E1E1;
      }
         #nav li a:visited { color: #CCC; }
         #nav li a:hover, #nav li.active a:link, #nav li.active a:visited {
           color: #b3e029;
           background: url('../images/nav_highlight.gif') left top no-repeat;
         }
         #default #nav ul li a:hover {
            background-image: none;
            background-color: #bfe226;
            color: #000;
         }
/* 2nd level navigation styles */
         #default #nav ul li ul {
            position:absolute;
            display:none;
            line-height: 25px;
            width: 160px;
            top: 25px;
            border: 1px solid #424237;
            border-top: 0;
         }
         #default #nav ul li ul li a {
            width: 140px;
            height: auto;
            float: none;
            background-color: #424237;
            color: #CCC;
            padding: 0 10px;
         }
/* 3rd level navigation styles */
            #default #nav ul li ul li ul {
               left:160px;
               top:0;
               position:absolute;
            }
            #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display:none; }
            #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block; }
/* @end nav ul **/
/* @end nav **/


/** Class Styles
-------------------------- **/
.tooltip{
   position:absolute;
   left:-2000px;
   background-color:#fff;
   padding:3px;
   border:1px solid #fff;
   z-index:9999;
   top:0;
}

.tooltip p{
   margin:0;
   padding:0;
   color:#fff;
   background-color:#222;
   padding:0;
}

.small {
   float:left;
   width:150px;
   margin-right:35px;
}

.smalllast { margin-right:0; }




/* General Styles */

.hidden, .printOnly, .menu_container label.hidden { display: none; }

.relative { position: relative; }

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

.clearafter:after {
   content: "";
   display: block; 
   height: 100%;
   clear: both;
   visibility: hidden;
}