
html,body{
	margin:0;
	padding:0;
	height:100%;
	border:none;
	font-family: Georgia, sans-serif, Times;
	font-size: 13px;
}

body {
	background-color: #f7f5ff;
	color: #181c1c;
}

a:link { text-decoration: none; color: #000; }
a:link:hover, a:link:active { text-decoration: underline; color: #000 }
a:visited { text-decoration: none; color: #000; }
a:visited:hover { text-decoration: underline; color: #000; }

/* -------------- */

#page_container {
	margin: 0 auto;
	width: 100%;
	min-width: 975px;
	border: 0px solid #000;
	background-color: #f7f5ff;
}

/* -------------- */

#header_container {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #707173 url("../images/header_bg.png") repeat-x top left;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #939d9b;
}

#header_width_container {
	margin: 0 auto;
	padding: 0;
	width: 975px;
	background: transparent url("../images/sub_header_top.png") no-repeat bottom center;
	height: 125px; /* header height set here */
}

#header_left_div {
	width: 195px; /*20%;*/
	height: 100%;
	background-color: transparent;
	border: 0px solid #fff;
	text-align: center;
	position: relative;
}
	#logo {
		position: relative;
		bottom: -40px;
		left: 0px;
		z-index: 2;
	}

#header_center_div {
	width: 145px; /*15%;*/
	height: 100%;
	background-color: transparent;
}

#header_right_div {
	width: 635px; /*65%;*/
	min-width: 400px;
	height: 100%;
	border: 0px solid #fff;
	vertical-align: bottom;
	position: relative;
	background-color: transparent;
}
	#header_menu {
		margin: 0px 8px 0px 0px;
		padding: 0;
		list-style-type: none;
		border-width: 0px 0px 0px 0px;
		border-style: solid;
		border-color: #2f2f2f;
		position: absolute;
		bottom: 0;
		right: 0px;
	}
	#header_right_div ul li {
		list-style-type: none;
		padding: 0;
		margin: 0;
		display: block;
		float: left;
		font: 20px "Lucida Grande", verdana, sans-serif;
		text-align: center;
	}
	#header_right_div a {
		color: #fff;
		text-decoration: none;
		display: block;
		height: 40px;
		margin: 0px 8px 0px 8px;
		padding: 10px 5px 0px 5px;
		background-color: transparent;
		border-style: solid;
		border-width: 3px 0px 0px 0px;
		border-color: transparent;
		text-transform: uppercase;
		font-size: 14px;
	}
	#header_right_div a:hover {
		border-color: #fff;
		color: #fff;
	}
	#header_right_div li#active { 
		background: url("") repeat-x 20px;
	}
	#header_right_div li#active a { 
		background: url("") repeat-x 20px;
		border-color: #c3c3c3;
		color: #c3c3c3;
	}


/* --------------

The top image for the subheader is the bg img for the header_width_container.
The bottom image is an absolutely positioned div (sub_header_bottom)

-------------- */

#sub_header_container {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*background: #161818 url("../images/background_sub.png") repeat-y top center;*/
	background: #f27724 url("../images/sub_header_center.png") repeat-y top center;
	border-width: 0px 0px 2px 0px;
	border-style: groove;
	border-color: #a5aeac;
	position: relative;
	overflow: hidden;
}

#sub_header_width_container {
	margin: 0 auto;
	padding: 0;
	width: 975px;
	background-color: transparent;
	height: 75px; /* height set here */
	position: relative;
	overflow: hidden;
}

#sub_header_img {
	width: 350px;
	height: 200px;
	margin: 0 auto;
	position: absolute;
	top: 25px;
	right: 60px;
	background: transparent url("../images/index_img.jpg") no-repeat bottom center;
	border-color: #ef9a00;/*#733f07;/*#353a3a;*/
	border-style: solid;
	border-width: 4px;
}

#sub_header_bottom {
	display: none;
	width: 975px;
	height: 20px;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	background: transparent url("../images/sub_header_bottom.png") no-repeat bottom center;
}
/* -------------- */

#content_container {
	margin: 0 auto;
	padding: 10px;
	width: 955px; /* width minus padding & border */
	/*background: transparent url("../images/content_upper_shadow.png") no-repeat top center;*/
	background-color: transparent;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #2f2f2f;
}

/* -------------- */

#content_table {
	margin: 0;
	padding: 0;
	width: 100%;
	vertical-align: top;
}

#content_table_left {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	width: 200px;
	/*background: transparent url("../images/menu_background.png") no-repeat top center;*/
	background-color: transparent;
	vertical-align: top;
}
	#left_menu ul {
		list-style-type: none;
		border: 0px solid #000;
		margin: 0;
		padding: 0;
		font-size: 16px;
	}
	#left_menu li#active_left {
		
	}
	#left_menu li#active_left a {
		color: #000;
		border-width: 0 0 0 3px;
		border-color: #000;
		border-style: solid;
	}
	#left_menu a {
		color: #7b7e81;
		display: block;
		height: 26px;
		padding: 4px 0px 0px 10px;
		margin: 10px 0px 10px 0px;
		border-width: 0 0 0 3px;
		border-color: transparent;
		border-style: solid;
	}
	#left_menu a:hover {
		border-width: 0 0 0 3px;
		border-color: #7b7e81;
		border-style: solid;
		text-decoration: none;
	}

#content_table_right {
	margin: 0;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	border: 0px solid #000;
}

/* -------------- */

#footer_container {
	margin: 0 auto;
	padding: 10px 0px 0px 0px;
	height: 22px;
	/*background: transparent url("../images/background_subz.png") repeat-y top center;*/
	background-color: #e5eaf0;
	text-align: center;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #c2c6cb;
	font-size: 11px;
}



/* --------------

Page Specific Styles 

----------------- */

/* Index Styles */
/* News Feed */
#index_feed_container {
	
}

#snippet {
	font-size: 14px;
	color: #000;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	#snippet li {
		margin: 0px 0px 20px 0px;
	}

.snippet_info {
	font-size: 12px;
	color: #556060;
}


/* Technology Pages */

#technology_table {
	border: 0;
	margin: 0;
	padding: 0;
	background-color: transparent;
	width: 100%;
	color: #2f3133;
	font-size: 14px;
	line-height: 19px;
	/*background: transparent url('../images/tech_motivation_bg.png') no-repeat center bottom;*/
}
	.technology_table_td {
		padding: 0;
		margin: 0;
	}
	.technology_table_td_border {
		border-width: 0px 0px 0px 1px;
		border-style: solid;
		border-color: #d3d2d6;
	}

.white_container_wrapper {
	width: 750px;
	position: relative;
	margin: 0;
	padding: 0;
}
	.white_container_top {
		height: 10px;
		position: relative;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		background: transparent url('../images/white_container_top.png') no-repeat center top;
		z-index: 1;
		border: 0px solid #000;
	}
	.white_container_content {
		position: relative;
		top: -1px;
		left: 0;
		margin: 0;
		padding: 0;
		background: transparent url('../images/white_container_content.png') repeat-y center top;
		z-index: 1;
		border: 0px solid #000;
	}
	.white_container_bottom {
		position: relative;
		top: -1px;
		left: 0;
		margin: 0;
		padding: 0;
		height: 10px;
		background: transparent url('../images/white_container_bottom.png') no-repeat center top;
		z-index: 0;
		border: 0px solid #000;
	}

/* -------------- 

Classes

---------------- */


div.inline { float:left; }
.clearBoth { clear:both; }

.sub_header_title {
	margin: 0;
	padding: 15px 0px 0px 10px;
	color: #fff; /*#161818;*/
	font-size: 42px;
}

.page_title { /* h1 style */
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #aeb7b5;
	padding: 0px 0px 5px 5px;
	/*margin-right: 150px;*/
	color: #e66c0f;
	font-size: 26px;
	background: transparent; /* url('../images/divider_shadow_bottom.png') center bottom no-repeat;*/
}
	h1 {
		font-size: 32px;
		line-height: 34px;	
	}
	h2 {
		padding: 0;
		margin: 0px 0px 10px 0px;
		font-size: 22px;
		color: #282828;
	}
	h3 {
		padding: 0;
		margin: 0px 0px 10px 0px;
		font-size: 18px;
		color: #282828;
	}
	
.caps {
	text-transform: capitalize;
}

.block_quote {
	border: 0px solid #0073bf; /* c3 and f5 bg */
	background: transparent url('../images/quote-left.png') no-repeat left top; 
	margin: 0;
	width: 450px;
	padding-top: 10px;
	padding-left: 40px;
	position: relative;
	top: 60px;
	 
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal; 
	font-size:32px;
	font-family: Garamond, Serif;
	line-height: 35px;
}

.block_quote div {
	background: transparent url('../images/quote-right.png') right bottom no-repeat;
	padding-right: 40px;
	padding-bottom: 10px;
	color: #fff;
	text-align: center;
}

blockquote { /* no quotations */
	margin: 15px 10px 0 30px;
	padding-left: 15px;
	padding-right: 0px;
	border-right: 0 none;
	border-left: 5px solid #ddd;
}

.paragraph {
	color: #6c6e71;
	font-size: 16px;
	line-height: 26px;
	padding: 0px 5px 0px 5px;
	text-align: justify;
}
	.paragraph_dark {
		color: #3e3f41;
		font-size: 16px;
		line-height: 26px;
		padding: 0px 5px 0px 5px;
		text-align: justify;
	}
	.paragraph_bio {
		font-size: 14px;
		line-height: 22px;
		padding: 0px 5px 0px 20px;
	}

.small_text {
	font-size: 12px;
}

.bio_img {
	padding: 0;
	margin: 6px 0 0 0; /*to align with top of paragraph_bio with line height of 22*/
	border-color: #ef9a00;
	border-style: solid;
	border-width: 1px;
}

.divider_shadow_top {
	height: 8px;
	background: transparent url('../images/divider_shadow_top.png') center top no-repeat;
}
.divider_shadow_bottom {
	height: 8px;
	background: transparent url('../images/divider_shadow_bottom.png') center top no-repeat;
}



#news_list {
	
}
	#news_list a, #news_list a:visited {
		color: #3e3f41;
	}
	#news_list dt {
		font-size: 20px;
		padding: 0;
		margin: 0px 0px 3px 5px;
		/*text-transform: capitalize;*/
	}
	#news_list dd {
		font-size: 16px;
		color: #6c6e71;
		padding: 0;
		margin: 0px 0px 25px 5px;
	}
		#news_list dd p {
			margin: 0;
			padding: 0;
		}


/* -------------- 

Hidden Div

---------------- */

#hidden_wrapper {
	width: 1px;
	height: 1px;
	overflow: visible;
	position: relative;
}

#clickable_ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	background-color: transparent;
}
	#clickable_ul li {
		margin: 0;
		padding: 0;
		width: 20px;
	}
	#clickable_ul li span {
		height: 20px;
		display: block;
	}
	#clickable_ul li span a {
		text-decoration: none;
		display: block;
	}

#hidden_ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 450px;
	height: 25px;
	visibility: hidden;
	position: absolute;
	top: -10px;
	left: 0px;
}
	#hidden_ul li {
		margin: 0;
		padding: 0;
	}
	#hidden_ul li span {
		background-color: #c9cdd2;
		display: block;
	}
	#hidden_ul li span a {
		background-color: #c9cdd2;
		text-decoration: none;
		color: #000;
		font-size: 10px;
		display: block;
		padding: 10px 15px 10px 15px;
	}


/* -------------- 

Wordpress News Styles

---------------- */

.navigation {
	position: relative;
	top: -15px;
	left: 5px;
	width: 100%;
	background-color: transparent;
}

#searchsubmit {
	color: #3e3f41;
	background-color: transparent;
	border: 0;
	font-weight: bold;
	text-transform: uppercase;
	cursor:pointer;
}




/*
 * jQuery Nivo Slider v2.3
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
#slider_img_holder {
	position:absolute;
	top:50px;
	right:50px;
	width: 350px;
	height: 200px;
	border: 5px solid #000;
}
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:50px;
	left:50px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:50px;
	left:50px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:-450px;
	top:50px;
	background:transparent;
	color:#fff;
	/* opacity:0.8; */ /* Overridden by captionOpacity setting */
	width:400px;
	z-index:89;
	
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal; 
	font-size:32px;
	font-family: Garamond, Serif;
	line-height: 35px;
}
.nivo-caption p {
	text-align: center;
	vertical-align: middle;
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
	color:#efe9d1;
    text-decoration:underline;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/

#slider {
	position:relative;
    width:350px;
    height:200px;
	background:url(../images/slider_images/loading.gif) no-repeat 50% 50%;
	top: 25px;
	left: 500px;
	border-color: #ef9a00;/*#733f07;/*#353a3a;*/
	border-style: solid;
	border-width: 4px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	right:0px;
	bottom:0px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/slider_images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/slider_images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}



/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}

