/*============================================================================
IanObermiller.com - Brighter Redux

@version		4.0
@date			7/17/07
@author		Ian Obermiller <ian320@gmail.com>
@link			ianobermiller.com
@colordef	#fcfcfc; off-white
=============================================================================*/
/*=============================================================================
==	Standard
=============================================================================*/
/*--------------------------------------------------------
--	Standard - Neutralize/Fix styling
--------------------------------------------------------*/
/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 12px/18px Tahoma, Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 0 0 18px 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}
input, select, textarea {
	font-size: 100%;
	font-family: inherit;
}

/*--------------------------------------------------------
--	Standard - Floating and Clearing
--------------------------------------------------------*/
.clear {clear:both;}
	br.clear {line-height:1px;height:0;}
.right {float:right;}
.left {float:left;}

/*=============================================================================
==	Fonts
=============================================================================*/
h1, h2, h3, h4, h5, h6 {
	
}

/*=============================================================================
==	Body & Container
=============================================================================*/
/* border:solid 1px red; */
body, html {
	background:#fcfcfc;
	height:100%;
}
html {
}
body {
	color:#333;
}
#container {
	background:url('../img/abstract/bg_top.jpg') no-repeat top left;
	font: 12px/18px Arial, Helvetica, sans-serif;
	letter-spacing:.1em;
	margin: 0 auto;
	position:relative;
	text-align:center;
	width:971px;
}

/*=============================================================================
==	Header
=============================================================================*/
#header {
	height:218px;
	position:relative;
	text-align:left;
}
	#header h1, #header h2 {
		display:none;
		font-variant:small-caps;
		font-weight:normal;
		margin:0;
		padding:0;
		position:absolute;		
	}
	#header h1 {
		bottom:83px;
		color:#4d3b29;
		font-size:4em;
		right:432px;
		line-height:normal;
		text-align:right;
	}
	#header h2 {
		bottom:85px;
		color:#2c5150;
		font-size:3em;
		left:538px;
		line-height:normal;
		text-align:left;
	}
	
/*=============================================================================
==	Content
=============================================================================*/
#content {
	background:url('../img/abstract/bg_bottom.gif') no-repeat bottom right;
	min-height:450px;
	padding:36px 165px 160px 84px; /* 84 = 48 left margin + 36 content padding, 165 = 43 right margin + 36 + 86 menu */
	text-align:left;
}
	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
		color:#2c5150;
		margin:0 0 18px 0;
		line-height:18px;
	}
	#content h1 {
		color:#4d3b29;
		font-size: 24px; 
		line-height: 36px;
	}
	#content h2 { 
		font-size: 18px; 
	}
	#content h3 { 
		font-size: 12px; 
	}
#content dt {
	font-weight:bold;
}

/*=============================================================================
==	Navigation
=============================================================================*/
#navigation {
	position:absolute;
	right:73px;
	top:248px;
	height:446px;
	width:56px;
}
	#navigation ul {
		margin:0;
		padding:0;
	}
		#navigation ul li {
			list-style:none;
			margin:0;
			padding:0;
		}
			#navigation ul li a {
				background:url('../img/abstract/bg_nav_vert.gif') no-repeat;
				display:block;
				outline:none;
				text-indent:-20000px;
				width:56px;
			}
				#navigation ul li.about a { top:0; height:84px; }
				#navigation ul li.about a:hover, #about .about a { background-position:-56px 0 !important; }
				#navigation ul li.research a { top:84px; height:125px; background-position:0 -84px; }
				#navigation ul li.research a:hover, #research .research a { background-position:-56px -84px !important; }
				#navigation ul li.development a { top:209px; height:124px; background-position:0 -209px; }
				#navigation ul li.development a:hover, #development .development a { background-position:-56px -209px !important; }
				#navigation ul li.resources a { top:333px; height:112px; background-position:0 -333px; }
				#navigation ul li.resources a:hover, #resources .resources a { background-position:-56px -333px !important; }
/*=============================================================================
==	Footer
=============================================================================*/
#footer {
	color:#ccc;
	font-size:80%;
}

/*=============================================================================
==	Style switcher
=============================================================================*/
#switcher
{
	font-size:10px;
	padding-right:5px;
	position:fixed;
	right:0;
	top:0;
}