/* ************************************************************************************************************************
   General
   ************************************************************************************************************************ */
   
* {margin:0; padding:0}
body {background:#000000}

/* ************************************************************************************************************************
   Menu
   ************************************************************************************************************************ */
.menu {position:relative; background:url(images/imgNavBackground.png) no-repeat; height:40px; width:950px}
.menu ul {list-style:none; z-index:10; position:absolute; z-index:100; padding:7px 5px}
.menu li {float:left}
.menu a, .menu a:active, .menu a:visited {text-decoration:none; color:#FFF; padding:10px; text-transform: uppercase;}
.menu a:hover {color:#ebf0e6}
#slide {position:absolute; bottom:0;height:2px; background:#ffffff; z-index:10;}

/* ************************************************************************************************************************
   Font Embedding
   ************************************************************************************************************************ */

@font-face {
  font-family: "YetAnotherFontBaseIE";
  src: url("/fonts/Cimatics-Base.eot"); /* EOT file for IE */
  font-weight:  400;
  font-style:   normal;
  font-variant: normal;
  font-stretch: normal; 
}
   
@font-face {
  font-family: "YetAnotherFontBase";
  src: url("/fonts/Cimatics-Base.ttf") format("truetype");
  font-weight:  400;
  font-style:   normal;
  font-variant: normal;
  font-stretch: normal;
}
   

/* ************************************************************************************************************************
   Main Content
   ************************************************************************************************************************ */ 
   
.wrapper
	{
		position: relative;
		margin: 0 auto;
		width: 950px;
		min-height: 402px;
	}
	
.corners
	{
		position: relative;
		margin: 0;
		width: 950px;
		min-height: 402px;
		padding: 0px;
		border: 0px;		
	}

.contentHeader
	{
		position: absolute;
		top: 25px;
		left: 25px;
		width: 200px;
		color: #ffffff;
	}
	
.contentMessage
	{
		position: relative;
		top: 25px;
		left: 250px;
		background-image: url("/images/imgContentBg.png");
		width: 670px;
		min-height: 285px;
		margin-bottom: 100px;
		color: #ffffff;
	}
	
.contentHeader	p
	{
		font-family: Verdana, Geneva, sans-serif;
		font-size: 16px;
		text-transform: uppercase;
		line-height: 26px;
		text-align: right;
	}	
	
.contentMessage	p, .contentMessage li, .portLink, .contentMessage td
	{
		font-family: YetAnotherFontBaseIE,YetAnotherFontBase,"century gothic", "Avant Garde", Helvetica, Arial, "Lucida Sans", "Lucida Sans Unicode", sans-serif;
		font-size: 17px;
		line-height: 25px;
		padding-bottom: 20px;
		color: #ffffff;
		text-decoration: none;
	}
	
.contentMessage	li
{
margin-left: 20px;
padding-bottom: 10px;	
}
	
.contentMessage td.present
	{
		font-family: YetAnotherFontBaseIE,YetAnotherFontBase,"century gothic", "Avant Garde", Helvetica, Arial, "Lucida Sans", "Lucida Sans Unicode", sans-serif;
		font-size: 14px;
		line-height: 18px;
		padding-bottom: 20px;
		color: #ffffff;
		text-decoration: none;
	}	
	
.portLink
	{
		color: #000000;
	}

.portLink:hover
	{
		color: #ffffff;
	}
	
.contentMessage	h1
	{
		font-family: YetAnotherFontBaseIE,YetAnotherFontBase,"century gothic", "Avant Garde", Helvetica, Arial, "Lucida Sans", "Lucida Sans Unicode", sans-serif;
		font-size: 23px;
		font-weight: 700;
		line-height: 25px;
		padding-bottom: 20px;
	}	

.headLink
	{
		font-family: Verdana, Geneva, sans-serif;
		font-size: 10px;
		text-transform: uppercase;
		line-height: 16px;
		text-align: right;
		color: #000000;	
		text-decoration: none;
	}
	
.headLink:hover
	{
		color: #ffffff;	
	}	
	
.toolsLink
	{
		color: #ffffff;	
		text-decoration: none;
	}
		
.toolsLink:hover
	{
		color: #000000;	
	}	
	
.ipmlink
	{
		color: #ffffff;	
		text-decoration: none;
	}	
	
.ipmlink:hover
	{
		color: #000000;	
		text-decoration: none;
	}	

#portfoliotable td
{
	padding: 20px;
}

/* ************************************************************************************************************************
   Blog Styles
   ************************************************************************************************************************ */	

.blog h1, .blog h2, .blog h3, .blog p, .blog li, .blog blockquote
{
	font-family: YetAnotherFontBaseIE,YetAnotherFontBase,"century gothic", "Avant Garde", Helvetica, Arial, "Lucida Sans", "Lucida Sans Unicode", sans-serif;
}

.blog a { color: #ffffff; text-decoration: underline; }

.blog a:hover { color: #ffd700; }

.blog p, .blog li, .blog blockquote
{
	font-size: 14px;
	line-height: 17px;
	padding-bottom: 15px;
}

.blog blockquote
{
	border-left: 5px solid #ffffff;
	padding-left: 30px;
	padding-right: 40px;	
	padding-bottom:0px;
	margin-bottom: 15px;
}

.blog h3
{
	font-size: 16px;
}	

.blog h2
{
	font-size: 18px;
}	

.blog h1
{
	font-size: 22px;
}

.blog p.foot
{
	padding-top: 10px;
	font-size: 12px;
	line-height: 15px;
}	


/* ************************************************************************************************************************
   Page Colors
   ************************************************************************************************************************ */
   	
.pageMessage { background-color: #85A0CB; }
.pageJob { background-color: #a29a75; }
.pageBeliefs { background-color: #b57a7f; }
.pageTools { background-color: #7c9f93; }
.pagePortfolio { background-color: #c09d68; }
.pageIPM { background-color: #A71930; }
.pageIASA { background-color: #3371A2; }


/* ************************************************************************************************************************
   Bottom Controls
   ************************************************************************************************************************ */
   
.controls
	{
		position: absolute;
		bottom: 0;
		width: 950px;
		height: 65px;
	}		
	
.controlsbg
	{
		background-color: #000000;	
	}
	
.logobg
	{
		position: absolute;
		bottom: 65px;
		width: 146px;
		height: 245px;
		background-image:url('/images/imgLogoBackground.png');	
	}
	
.navLeft
	{
		float: left;
	}
	
.navRight
	{
		float:right;
	}

.navLogo
	{
		margin: 0 auto;
	}

.navItem
	{
		padding-top: 14px;
		padding-left: 14px;
		padding-right: 14px;
		padding-bottom: 0px;
	}

/* ************************************************************************************************************************
   Transparencies
   ************************************************************************************************************************ */	

.alpha100
	{
		filter:alpha(opacity=100);
		-moz-opacity:1.0;	
		-khtml-opacity: 1.0;
		opacity: 1.0;
	}

.alpha50
	{
		filter:alpha(opacity=50);
		-moz-opacity:0.5;	
		-khtml-opacity: 0.5;
		opacity: 0.5;
	}
	
.alpha45
	{
		filter:alpha(opacity=45);
		-moz-opacity:0.45;	
		-khtml-opacity: 0.45;
		opacity: 0.45;
	}	
	
/* ************************************************************************************************************************
   Alignments
   ************************************************************************************************************************ */	
   
.left { text-align: left; }	
.center { text-align: center; }	
.right { text-align: right; }	

/* ************************************************************************************************************************
   Rounded Corners
   ************************************************************************************************************************ */	

.roundedCornerSpacer {
  margin: 0px; padding: 0px; border: 0px;
  clear: both;
  font-size: 0px; line-height: 0px;
}
/* In the CSS below, the numbers used are the following:
   1px: the width of the border
   3px: a fudge factor needed for IE5/win (see below)
   4px: the width of the border (1px) plus the 3px IE5/win fudge factor
   14px: the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR {
  width: 7px; height: 7px;
  padding: 0px; border: 0px;
  z-index: 99;
}
.borderTL, .borderBL { float: left;  clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin:  -1px  0px  0px -1px; }
.borderTR { margin:  -1px -1px  0px  0px; }
.borderBL { margin: -7px  0px  0px  0px; }
.borderBR { margin: -7px  0px  0px  0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px!   Why?  */
.borderTL {
  margin-left: -4px;
  ma\rgin-left: -1px;
}
html>body .borderTL  {
  margin-left: -1px;
}
.borderTR {
  margin-right: -4px;
  ma\rgin-right: -1px;
}
html>body .borderTR  {
  margin-right: -1px;
}
.borderBL {
  margin-left: -3px;
  ma\rgin-left: 0px;
}
html>body .borderBL {
  margin-left: 0px;
}
.borderBR {
  margin-right: -3px;
  ma\rgin-right: 0px;
}
html>body .borderBR {
  margin-right: 0px;
}
/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.content {
  margin: 0px;
  padding: 0px;
  min-height:402px;
}