@charset "UTF-8";
/* General CSS */

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

#wrapper{ 
	width:1000px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
}

h1,h2,h3,h4,h5,p,a,li{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}

a{
	text-decoration:none;
	color: #48638F;
}

a:hover{
	color: #999;
}

a:focus{
	outline: none;
}
blockquote{
	display:inline-block;
    padding-left:20px;
    background:transparent url(images/quote.gif) top left no-repeat;
	padding-right:35px;
}

a[href$='.pdf'] {
display:inline-block;
padding-right:20px;
background:transparent url(images/pdf.gif) center right no-repeat;
}

a[href$='.ppt'] {
display:inline-block;
padding-right:20px;
background:transparent url(images/ppt.gif) center right no-repeat;
}

a[href$='.pptx'] {
display:inline-block;
padding-right:20px;
background:transparent url(images/ppt.gif) center right no-repeat;
}

p {
	font-size: 0.8em;
	line-height: 1.25em;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.clear{
	width:1000px;
	height:15px;
}

/* Main Page */

#main_background{
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	height:1000px;
}

#main_header{
	width:1000px;
	height:120px;
	background-image:url(images/main_header.png);
	margin-bottom: -10px;
}

#main_slideshow{
	width:1000px;
	height:400px;
	float:left;
	margin-top:-20px;
}

#main_content{
	background-image:url(images/content.png);
	background-position:center;
	background-repeat:repeat-y;
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
	float:right;
	margin-top:0px;
	min-height: 350px;
}

#main_content p{
	color:#666;
	font-size:.85em;
	line-height:1.25em;
}

#main_content1{
	width: 275px;
	margin-left: 0px;
	display:inline;
	position:relative;
	float:left;
}

#main_content1 a, #main_content2 a, #main_content3 a{
	color:#666;
}

#main_content1 a:hover{
	color:#FFC709;
}

#main_content2, #main_content3{
	width: 275px;
	float:left;
	display:inline;
	position:relative;
	margin-left:35px;
	}
	
#main_content2 a:hover{
	color:#FF840E;
}

#main_content3 a:hover{
	color:#AAC229;
}

#main_content_base{
	width:1000px;
	height:35px;
	margin-right:auto;
	float:left;
	background-image:url(images/main_sub_base.gif);
	background-repeat:no-repeat;
}

/* Tabs */

.inactivetab{
	background-image:url(images/inactivetab.gif);
	background-repeat: no-repeat;
	width: 165px;
	height: 75px;
	padding-top: 6px;
	text-align: center;
}

.activetab{
	background-image: url(images/activetab.gif);
	background-repeat: no-repeat;
	padding-top: 6px;
	text-align: center;
}

#navigation{
	width: 500px;
	margin-top: -48px;
	float: right;
	margin-bottom: 0px;
	position: absolute;
	margin-left: 465px;
}

#navigation ul{
	float: right;
}

#navigation li{
	list-style-type: none;
	display: inline;
	width: 142px;
	height: 67px;
	float: left;
	margin-right: 2px;
	background-image: url(images/navigation.png)
}

#navigation li a{
	height:50px;
	width:100px;
	overflow:hidden;
	float:left;
	text-indent:-1000px;
	
}

#navigation li.share_active{
	background-position: 0 0;
	}
#navigation li.share_active:hover{
	background-position: -144px 0;
}
#navigation li.share{
	background-position: -286px 0;
}
#navigation li.share:hover{
	background-position: -430px 0;
}

#navigation li.experiences_active{background-position:  0 -70px;}
#navigation li.experiences_active:hover{background-position: -144px -70px;}
#navigation li.experiences{ background-position: -286px -70px  ;}
#navigation li.experiences:hover{ background-position:  -430px -70px;}

#navigation li.research_active{background-position: 0 -138px;}
#navigation li.research_active:hover{background-position: -144px -138px;}
#navigation li.research{background-position:-286px -138px;}
#navigation li.research:hover{background-position:-430px -138px;}


/* Breadcrumbs */

#breadcrumbs{
	font-size: small;
	padding-bottom: 10px;
	z-index: 1000;
}
#breadcrumbs a{
	color:#666;
}

#breadcrumbs p{
	color:#666;
}

#breadcrumbs a:hover{
	color:#48638F;
}



/* Content */

#content_top{
	width:1000px;
	height:35px;
	margin-top: 5px;
	}

#content{
	width:1000px;
	background-image:url(images/content.png);
	background-repeat:repeat-y;
	padding-left:50px;
	padding-right:50px;
	margin-bottom: 0px;
	position: relative;
	padding-top: 10px;
	overflow: auto;
	min-height: 500px;
	padding-bottom: 75px;
	}
#content ul li a{
}
#content_base{
	width:1000px;
	height:40px;
	margin-top: 0px;
	float: left;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/content_base.png);
	padding: 0 0 0 0;
	background-repeat: no-repeat;
	margin-bottom: 0px;
}

.frame{
	border: thick solid #CCC;
	margin-bottom: 10px;
	margin-left: 10px;	
	}
/* Subnavigation */

ul#subnavigation{
	list-style-type:none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul#subnavigation li{
}

ul#subnavigation li a{
	background-color: #E6E6E6;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 250px;
	float: left;
	padding-left: 15px;
	margin-bottom: 5px;
	font-size: small;
	color: #666;
}

ul#subnavigation li a:hover{
	background-color: #DADADA;
	color: #666;
}

ul#subnavigation li a.current{
	background-color: #CCC;
}

.section:hover{
	opacity: 0.7;
}

/* Things to Share */

#share_background{
	background-image:url(images/share_background.jpg);
	background-repeat:repeat-x;
	height:1000px;
}

#share_header{
	width:1000px;
	height:120px;
	background-image:url(images/share_header.png);
	margin-bottom: 0px;
}


.share_content1{
	width: 275px;
	display:inline;
	position:relative;
	float:left;
	height:auto;
}

.share_content1 a:hover{
	color:#FFC709;
}

.share_content2, .share_content3{
	width: 275px;
	float:left;
	display:inline;
	position:relative;
	margin-left:35px;
	}
	
.share_content2 a:hover{
	color:#FFC709;
}

.share_content3 a:hover{
	color:#FFC709;
}

/* Video */

.video{
	width:640px;
	float:left;
	display:inline;
	positon:relative;
}

.video_text{
	width:250px;
	float:left;
	display:inline;
	position:relative;
	margin-left:25px;
}

/* Our Experiences */

#experiences_background{
	background-image:url(images/experiences_background.jpg);
	background-repeat:repeat-x;
	height:1000px;
}

#experiences_header{
	width:1000px;
	height:120px;
	background-image:url(images/experiences_header.png);
	margin-bottom: 0px;
}

/* Research & Evaluation */

#research_background{
	background-image:url(images/research_background.jpg);
	background-repeat:repeat-x;
	height:1000px;
}

#research_header{
	width:1000px;
	height:120px;
	background-image:url(images/research_header.png);
	margin-bottom: 0px;
}

.research_content1{
	width:275px;
	display:inline;
	margin-right:35px;
	float: left;
	left: 200px;
	position: absolute;
}

.research_content2{
	width:275px;
	display:inline;
	position: absolute;
	left: 550px;
}

/* Slider */
	.container {
	width:1000px;
	height:420px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
	margin-left: -50px;
}
		div.slides {
	position:absolute;
	top:0;
	left:auto;
	right: auto;
}
		ul.slides {
	position:absolute;
	top:-420px;
	left:auto;
	list-style:none;
	padding:0;
	right: auto;
}
		div.slides > div,ul.slides li {
	position:absolute;
	width:1000px;
	display:none;
}

.pagination {
	display: inline;
	list-style-type: none;
	float: left;
	z-index: 1000;
	margin-left: 800px;
	position: absolute;
	margin-top: -25px;
}

.pagination li {
	float: left;
	margin-right: 5px;	
}
ul.pagination a{
	color: #999;
}

ul.pagination li.active a {
	color: #666;
	font-weight: bold;
}

.previous{
	margin-top: -150px;
	z-index: 1000;
	position: absolute;
	top: 375px;
}

.next{
	margin-top: -150px;
	z-index: 1000;
	position: absolute;
	top: 375px;
	margin-left: 875px;
	}



/* Footer */
#footer{
	width: 950px;
	float: left;
	margin-left: 25px;
	margin-right: auto;
	padding-bottom: 35px;
}

#footer_top{
	background-image:url(images/content_top.png);
	width:1000px;
	height: 35px;
}

#footer_content{
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	width:950px;
	min-height: 300px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 35px;
}
#footer_content a{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #999;
}

#footer_content h3, #footer_content h4{
	color: #999;
}

#footer_content p{
	font-size: 0.75em;
	line-height: 1.25 em;
	color: #999;
}

#footer_content ul{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#footer_content li{
	list-style-type:none;
	margin-bottom: 10px;
	font-size: .75em;
	}

#footer_base{
	background-image:url(images/content_base.png);
	width:1000px;
	height: 35px;
	margin-bottom: 25px;
}

#footer_1{
	width: 250px;
	margin-left: 50px;
	display:inline;
	position:relative;
	float:left;
	height:auto;
	margin-right: -15px;
}

#footer_2, #footer_3{
	width: 275px;
	float:left;
	display:inline;
	position:relative;
	margin-left:35px;
	}
#footer_2 p, #footer_1 p, #footer_3 p{
	width:200px;
}

#footer a:hover{
	text-decoration: none;
	color:#48638F;
}

#footer_full{
	width: 850px;
	float: left;
	padding-top: 15px;
}


.footer{
	width:800px;
	float:left;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
	padding-left:50px;
	margin-bottom: 0px;
}

.footer li{
	list-style-type:none;
	float:left;
	display: inline;
	margin-right: 20px;
}


/* Grid */

/*
	Variable Grid System (Fluid Version).
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_3 {
	width: 90%;
	margin-left: 0%;
	margin-right: 0%;
	z-index:2;
	position:relative;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 3 Columns
----------------------------------------------------------------------------------------------------*/


.container_3 .grid_1 {
	width:31.333%;
}

.container_3 .grid_2 {
	width:64.667%;
}

.container_3 .grid_3 {
	width:98.0%;
}



/* Prefix Extra Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/


.container_3 .prefix_1 {
	padding-left:33.333%;
}

.container_3 .prefix_2 {
	padding-left:66.667%;
}



/* Suffix Extra Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/


.container_3 .suffix_1 {
	padding-right:33.333%;
}

.container_3 .suffix_2 {
	padding-right:66.667%;
}



/* Push Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/


.container_3 .push_1 {
	left:33.333%;
}

.container_3 .push_2 {
	left:66.667%;
}



/* Pull Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/


.container_3 .pull_1 {
	left:-33.333%;
}

.container_3 .pull_2 {
	left:-66.667%;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 25px;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* Social Media */

ul#socialmedia{
	list-style-type:none;
	
	
}

ul#socialmedia li{
	display:inline;
	float:left;
	width:24px;
	height:24px;background-image:url(images/socialmedia.png);
	margin-right:2px;
}
ul#socialmedia li a{
		height:24px;
	width:24px;
	overflow:hidden;
	float:left;
	text-indent:-1000px;
}
.facebook{}
.facebook:hover{
	background-position:0 -24px;
}

.twitter{
	background-position: -24px 0;}
.twitter:hover{
	background-position: -24px -24px;
}
	

.flickr{
	background-position: -48px 0;}
.flickr:hover{
	background-position: -48px -24px;}
.blogger{
	background-position: -72px 0;}
.blogger:hover{
	background-position: -72px -24px;}

.youtube{
	background-position: -96px 0;}
.youtube:hover{
	background-position: -96px -24px;}
.vimeo{
	background-position: -120px 0;}
.vimeo:hover{
	background-position: -120px -24px;}

/* Table */

table a{
	font-size:.8em;
}

/* Tooltip */
span.tooltip {
	display:none;
	position:absolute;
	width:160px;
	height:100px;
	top:-200px;
	left:20px;
	background-image:url(images/white_arrow.png);
	background-repeat:no-repeat;
	border:0;
	font-size:0.7em;
	color:#666;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	position:absolute;
}