/*
  Peersuasion Style Sheet
  05-Oct-2004 PWS
*/ 

/****************************/
/* site-wide page contructs */
/****************************/

body { margin: 0px; padding: 0px; }

strong { font-weight: bold; color: #000033; }

h1, h2, h3 { margin: 0 }

a:link { color: black; }
a:visited { color: black; }
a:hover { color: #003366; }
a:active { color: #003366; }

/* encloses all content */
div#main { width: 800px; position: relative; }

/* top including logo */
div#header { position: relative; width:800px; height: 107px; }
div#header img { border: none; }

/* navbar and links */
div#nav { z-index:1; position: relative; width: 800px; height: 29px;}
img#nav_top { z-index:5; position: absolute; left: 0px; top: 0px; }
img#nav_bar { z-index:5;position: absolute; left: 0px; top: 7px; }
img#nav_bottom { z-index:5;position: absolute; left: 0px; top: 23px; }

a.nav_text, a.nav_text_on { display:block; z-index:10; font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; }
a.nav_text:link { color: white; }
a.nav_text:visited { color: white; }
a.nav_text:hover { color: #CCFFFF }
a.nav_text:active { color: #99CCFF }

a.nav_text_on:link { color: #99CCFF }
a.nav_text_on:visited { color: #99CCFF }
a.nav_text_on:hover { color: #CCFFFF }
a.nav_text_on:active { color: #99CCFF }

a#nav1 { position: absolute; left: 10px; top: 8px; }
a#nav2 { position: absolute; left: 89px; top: 8px; }
a#nav3 { position: absolute; left: 205px; top: 8px; }
a#nav4 { position: absolute; left: 299px; top: 8px; }
a#nav5 { position: absolute; left: 377px; top: 8px; }
a#nav6 { position: absolute; left: 445px; top: 8px; }
a#nav7 { position: absolute; left: 555px; top: 8px; }
a#nav8 { position: absolute; left: 635px; top: 8px; }
a#nav9 { position: absolute; left: 720px; top: 8px; }
a#nav10 { position: absolute; left: 720px; top: 8px; }

/*a#nav1 { position: absolute; left: 10px; top: 8px; }
a#nav2 { position: absolute; left: 80px; top: 8px; }
a#nav3 { position: absolute; left: 190px; top: 8px; }
a#nav4 { position: absolute; left: 275px; top: 8px; }
a#nav5 { position: absolute; left: 355px; top: 8px; }
a#nav6 { position: absolute; left: 420px; top: 8px; }
a#nav7 { position: absolute; left: 565px; top: 8px; }
a#nav8 { position: absolute; left: 640px; top: 8px; }
a#nav9 { position: absolute; left: 720px; top: 8px; }
a#nav10 { position: absolute; left: 720px; top: 8px; }*/

/* everything between header/navbar and footer */

div#page {  
  position: relative;
  width: 800px; /*height: 442px; */ 
  background-color: #336699; background-image: url("/images/main_page_bg.gif"); background-repeat: repeat-y;
	}
div#page.home { height: 415px; background-image: url("/images/main_bg.gif"); }/*was 415*/

div#page_space { width: 800px; height: 15px; background-image: url("/images/main_bg.gif"); background-repeat: repeat-y; }

/* footer */

div#footer { position: relative; width: 800px; height: 40px;}
img#bottom_strip { position: absolute; left: 0px; top: 14px; }/*was 14 top*/
div#footer_text { 
  position: absolute; left: 125px; top: 22px;
  font-family: Arial, Helectiva, sans-serif; font-size: 10px; color: white;
}
div#footer_text a { color: white; }

/*********************************/
/* end site-wide page constructs */
/*********************************/

/*************/
/* home page */
/*************/

div#sidebar_home { 
  position: absolute;
  width: 64px; height: 413px; top: 0px; left: 0px; 
  background-image: url("/images/sidebar_home_bg.gif"); background-repeat: no-repeat;
}

/* home page story box */
div#story { 
  position: absolute; left: 64px; top: 0px;
  height:215px;
	padding:0px;
	margin:0px;
  background-color: white;
}

div#story p { 
  font-family: Arial, Helectiva, sans-serif; font-size: 12px; 
  color: black; margin: 0em 0em 1em 0em;
}

/* home page logos box */
div#logos { 
  position: absolute; width: 323px; height: 42px; left: 64px; top: 218px;
  padding: 0px 25px; 
  background-color: white;    
	margin-top:0px;
	margin-bottom:0px;
  color: #424344;
  font: 11px Arial, Helvetica, sans-serif;
}

/* home page news box */
div#news { position: absolute; width: 374px; height: 149px; left: 64px; top: 212px; }
div#news .head { 
  position: absolute; width: 374px; height: 17px; left: 0px; top: 8px;
  background-color: #000033; background-image: url("/images/news_head_bg.gif"); 
} 
div#news .head h2 { 
  color: white; margin: 2px 0px 0px 5px; text-transform: uppercase;
  font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 11px;
	}
div#news .body { 
  position: absolute; width: 372px; height: 110px ; left: 0px; top: 25px;
  padding: 0px;
  background-color: #C2D1E1; border: solid #000033; border-width: 0px 2px 2px 2px; 
	}
	

div.news_item { line-height: 1em; margin-bottom: 0.5em;padding:5px 10px 5px 10px;}
div.news_item span.headline { font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 12px;}
div.news_item span.copy {font-family: Arial, Helectiva, sans-serif; font-size: 11px; }


div#twitter {
position: absolute; width: 374px; height: 149px; left: 64px; top: 343px;
}
div#twitter .head { 
  position: absolute; width: 374px; height: 17px; left: 0px; top: 8px;
  background-color: #000033; background-image: url("/images/news_head_bg.gif"); 
} 
div#twitter .head h2 { 
  color: white; margin: 2px 0px 0px 5px; text-transform: uppercase;
  font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 11px;
	}
div#twitter .body { 
  position: absolute; width: 372px; height: 43px ; left: 0px; top: 25px;
  padding: 0px;
  background-color: #C2D1E1; border: solid #000033; border-width: 0px 2px 2px 2px; 
	}
	
div.twitter_item { line-height: 1em; margin-bottom: 0.5em;padding:5px 10px 5px 10px;}
div.twitter_item span.headline { font-family: Arial, Helectiva, sans-serif; font-weight: normal; font-size: 11px;}
div.twitter_item span.copy {font-family: Arial, Helectiva, sans-serif; font-size: 11px; }


/* home page feature boxes */
div.feature { position:absolute; width: 330px; height: 200px; }
div.feature .head {
  position: absolute; width: 330px; height: 17px; left: 0px; top: 0px;
  text-align: right;
  background-color: #000033; background-image: url("/images/feature_head_bg.gif");
}
div.feature .head h2 { 
  color: white; margin: 2px 15px 0px 0px; text-transform: uppercase;
  font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 11px;
	}
div.feature .body {
  position: absolute; width: 326px; height: 181px; left: 0px; top: 17px;
  background-color: white; border: solid #000033; border-width: 0px 2px 2px 2px; 
 }
div.feature .body .feature_img { position: absolute; width: 326px; height: 112px; left: 0px; top: 0px; }
div.feature .body .feature_text { 
  position: absolute; width: 306px; height: 69px; left: 0px; top: 112px;
  padding: 0px 10px;   
}
div.feature .body .feature_text p {
  color: #003366; margin: 0px 0px 1em 0px;
  font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 13px;
}
div#feature1 { top: 0px; left: 448px; }
div#feature2 { top: 213px; left: 448px; }

/*****************/
/* end home page */
/*****************/

/***************/
/* inner pages */
/***************/

div#sidebar_in { 
  /*float:left;*/ position: absolute; top:15px; left: 0px;
  width: 117px; margin-top: 0px; height: 413px;/*was 413*/
  background-image: url("/images/sidebar_bg.gif");
}


/* sidebar navigation*/
div#subnav { width: 117px; margin-top: 45px; background-image: url("/images/sidebar_nav_bg.gif"); }

div#subnav a {
  display: block; width: 100px; padding: 7px 0px 7px 10px; 
  line-height: .85em; margin: 0px;
  font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 9px;/*was 9px*/
  text-decoration: none;
}
div#subnav a.on { background-image: url("/images/subnav_arrow.gif"); background-repeat: no-repeat;}

div#subnav a:link { color: white; }
div#subnav a:visited {color: white; }
div#subnav a:hover {color: #003366; }
div#subnav a:active {color: #003366; }

#folio_spacer {
height:200px;
}

/* news sidebar navigation */

div#subnav_news { width: 116px; margin-top: 85px;  /*border: 1px solid black;*/ background-image: url("/images/sidebar_nav_bg.gif"); }

div#subnav_news a {
  display: block; width: 100px; padding: 2px 0px 5px 5px;
  line-height: 1.25em; margin: 0px;
  font-family: Arial, Helectiva, sans-serif; font-weight: normal; font-size: 10px;
  text-decoration: none;
  
}

div#subnav_news a:link { color: white ; }
div#subnav_news a:visited {color: white; }
div#subnav_news a:hover {color: #003366; }
div#subnav_news a:active {color: #003366; }


/* inner page content area */

div#content {
  position: relative; width: 448px; z-index 10;
  margin-left: 117px; margin-top: 45px;
  background-color: white; padding: 55px 212px 10px 15px; 
}

div#content.wide { padding-right: 15px; width: 645px; }

/* min-hieght hack; sigh */
/* http://www.mezzoblue.com/archives/2004/09/16/minheight_fi/index.php */
/* for Mozilla/Safari/Opera */
*>div#content{
 padding-top: 368px;
 min-height: 1px;
}
*>div#content div#story_body {
 margin-top: -368px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html div#content {
 height: 368px;
}
/* end filter */
 
div#story_body { width: 449px; }
div#story_body.wide { width: 645px;s}

div#story_body h2 {
  font-family: Arial, Helectiva, sans-serif; font-weight: 500; font-size: 18px;
  color: #003366; margin: 10px 0px;

}

div#story_body h3 {
  font-family: Arial, Helectiva, sans-serif; font-weight: 500; font-size: 14px;
  color: #003366; margin: 10px 0px;

}

div#story_head {
  width: 675px; height: 45px; top: 15px; left: 117px; position: absolute;
  /*float: left;*/ margin-top: 0px; z-index: 20;
  background-color: #E5EAEF;
}
div#story_head h1 {
  font-family: Arial, Helectiva, sans-serif; font-weight: 100; font-size: 25px;
  color: #003366; margin: 10px 0px 0px 10px;
}
div#story_head h1 span.prehead {
  font-size: 15px; font-weight: bold; color:#336699;
}

div#content p, div#content li { 
  font-family: Arial, Helectiva, sans-serif; font-size: 12px; 
  color: black;
}

/* inner page callouts */

div.callout { position:absolute; width: 190px; height: 130px; }
div.callout .head {
  position: absolute; width: 190px; height: 17px; left: 0px; top: 0px;
  text-align: right;
  background-color: #000033; background-image: url("/images/infeature_head_bg.gif"); 
}
div.callout .head h2 { 
  color: white; margin: 2px 15px 0px 0px; text-transform: uppercase;
  font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 10px;
}
div.callout .featurebody {
  position: absolute; width: 186px; height: 113px; left: 0px; top: 17px;
  background-color: #5587C1; border: solid #000033; border-width: 0px 2px 2px 2px; 
}
div.callout .featurebody2 {
  position: absolute; width: 186px; height: 113px; left: 0px; top: 17px;
  background-color: #5587C1; border: solid #000033; border-width: 0px 2px 2px 2px; 
}
div.callout .featurebody_as {
  position: absolute; width: 186px; height: 113px; left: 0px; top: 17px;
  background-color: #C2D1E1; border: solid #000033; border-width: 0px 2px 2px 2px; 
}
div.callout .featurebody_larger {
  position: absolute; width: 186px; height: 257px; left: 0px; top: 17px;
  background-color: #C2D1E1; border: solid #000033; border-width: 0px 2px 2px 2px; 
}
div.callout .featurebody_noBorder {
  position: absolute;  text-align:center; border-style:none; margin:0px; padding:0px; left: 0px; right:0px; bottom:0px;top:0px;
  background-color: white; 
}
div.callout .feature_img { position: absolute; width: 186px; height: 87px; left: 0px; top: 0px; }
div.callout .feature_text { 
  position: absolute; width: 166px; height: 50px; left: 0px; top: 87px;
  padding: 0px 10px; 
}
div.callout .feature_text p {
  /*color: #003366; margin: 1em 0px 1em 0px;*/
  color: #ffffff; margin: .5em 0px .5em 0px;
  font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 11px;
}

div.callout .feature_text a {
  /*color: #003366; margin: 1em 0px 1em 0px;*/
  color: #ffffff; text-decoration:underline;
  font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 11px;
}

div.callout .feature_text a:hover {
  /*color: #003366; margin: 1em 0px 1em 0px;*/
  color: #ffffff; text-decoration:underline;
  font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 11px;
}

div.callout .feature_text2 p {
  /*color: #003366; margin: 1em 0px 1em 0px;*/
  color: #ffffff; margin: 0px 0px 0px 0px;
  font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 11px;
}

div.callout .feature_text2 a {
  /*color: #003366; margin: 1em 0px 1em 0px;*/
  color: #ffffff; text-decoration:underline;
  font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 11px;
}

div.callout .feature_text2 a:hover {
  /*color: #003366; margin: 1em 0px 1em 0px;*/
  color: #ffffff; text-decoration:underline;
  font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 11px;
}

div.callout .newsbody {
  position: absolute; width: 166px; height: 93px; left: 0px; top: 17px;
  padding: 10px;
  background-color: #C2D1E1; border: solid #000033; border-width: 0px 2px 2px 2px; 
 }
div.callout span.headline {
  font-family: Arial, Helectiva, sans-serif;
  font-weight: bold; font-size: 11px; line-height: 11px;
}

div.callout .screenbody {
  position: absolute; width: 186px; height: 113px; left: 0px; top: 17px;
  background-color: white; border: solid #000033; border-width: 0px 2px 2px 2px; 
}
div.callout .screen_img { position: absolute; width: 186px; height: 87px; left: 0px; top: 0px; border: none;}
div.callout .screen_text { 
  position: absolute; width: 166px; height: 16px; left: 0px; top: 87px;
  padding: 5px 10px; background-color: #5587C1;
  font-family: Arial, Helectiva, sans-serif; font-weight: bold; font-size: 11px; }
}

div.callout .screen_text a { text-decoration: none; }
div.callout .screen_text a:link { color: white; }
div.callout .screen_text a:visited { color: white; }

div#callout1 { top: 55px; left: 479px; }
div#callout2 { top: 199px; left: 479px; }

/*******************/
/* end inner pages */
/*******************/
/*******************/
/* start portfolio page */
/*******************/
#clientlist{
	
}
.clientbox{
	float: left;
	width:201px;
	margin: 0 8px 10px 0;
	border-left: 1px solid #78A9D5;
	border-bottom: 1px solid #78A9D5;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #78A9D5;
}
.portfolio_title{
	background: url(/images/portfolio/bkgnd_title.gif) top left no-repeat;
	border-bottom: 1px solid #78A9D5;
	padding: 6px 0 5px 15px;
}
.portfolio_title a, .portfolio_title a:link{
		color: #78A9D5;
		text-decoration: none;
		margin: 0;
}
.portfolio_title a:hover{
		color: #333;
		text-decoration: none;
}
.portfolio_image{
	border-right: 1px solid #78A9D5;
	border-bottom: 1px solid #78A9D5;
	margin-bottom: 0;
	padding: 0;
	height: 60px;
}
.portfolio_image img{
	margin-bottom: 0;
	border: 0;
}
.portfolio_industry{
	border-right: 1px solid #78A9D5;
	padding: 8px 0 8px 15px;
	background: url(/images/portfolio/bkgnd_industry.gif) top left no-repeat #E5EAEF;
}
#clearbox{
	clear: left;
}
/*******************/
/* end portfolio page */
/*******************/
form#request, form#signup {
  font-family: Arial, Helectiva, sans-serif; font-size: 12px; 
  color: black;
}

table#site_index { width: 80%; margin: 10px;}
table#site_index th { width: 25%; color: white; background-color: #336699; font-family: Arial, Helectiva, sans-serif; font-size: 12px; padding:5px;}
table#site_index th a:link {color: white; }
table#site_index th a:visited {color: white; }
table#site_index th a:hover {color: #CCFFFF; }
table#site_index th a:active {color: #99CCFF; }
table#site_index td {text-align:center;color: black; background-color: #E5EAEF; font-family: Arial, Helectiva, sans-serif; font-size: 12px;padding:5px;}
table#site_index td#empty {background-color: white; }
table#site_index td a:link {color: black; }
table#site_index td a:visited {color: black; }
table#site_index td a:hover {color: #003366; }
table#site_index td a:active {color: #003366; }