/* CSS Document */

/*========== HOMEPAGE SPECIFIC STYLES ==========*/
	

body#homepage {
	background-color: #004833;}

body#homepage div#container {
	background: none !important;
	min-height: 700px;}

body#homepage #sidebar-content-col {
	background: none;}

body#homepage a:link, body#homepage a:visited {
	color: #ffffff;
	text-decoration: underline;}

body#homepage a:hover, body#homepage a:active, body#homepage a:focus {
	color: #4C7868;
	text-decoration: underline;}
	
body#homepage-white div#container {
	overflow: hidden;}

body#homepage-white #sidebar-content-col {
	background: none;}

body#homepage-white a:link, body#homepage-white a:visited {
	color: #ffffff;
	text-decoration: underline;}

body#homepage-white a:hover, body#homepage-white a:active, body#homepage-white a:focus {
	color: #4C7868;
	text-decoration: underline;}

div#homepage-banner {
	background: url('/assets/images/homepage-banner-transparent.png') top left repeat; /* NEW */
	position: absolute;
	bottom:120px;
	width: 100%;
	z-index: 5;}

div#homepage-banner .buffer{
	margin:0 auto;
	width:957px;
	color: #ffffff;
	z-index: 6;
	height: 290px;
	overflow:hidden;
	clear:both;
	}

.home-atv-btn{
	position:absolute;
	top:-180px;
	margin:0 0 0 350px;padding:0;
	width:300px;height:145px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/assets/images/home-atv-banner.jpg) no-repeat top left;
	z-index:100;}
.home-atv-btn a{
	display:block;
	margin:0;padding:0;
	width:300px;height:145px;
	overflow:hidden;
	text-indent:-9999px;}

.home-universities-btn{
	position:absolute;
	top:-180px;
	margin:0 0 0 650px;padding:0;
	width:300px;height:145px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/assets/images/slider-universities.jpg) no-repeat top left;
	z-index:100;}
.home-universities-btn a{
	display:block;
	margin:0;padding:0;
	width:300px;height:145px;
	overflow:hidden;
	text-indent:-9999px;}

.home-project99-btn{
	position:absolute;
	top:-180px;
	margin:0 0 0 650px;padding:0;
	width:300px;height:145px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/assets/images/home-project99-banner.jpg) no-repeat top left;
	z-index:100;}
.home-project99-btn a{
	display:block;
	margin:0;padding:0;
	width:300px;height:145px;
	overflow:hidden;
	text-indent:-9999px;}

/*=== Box Positioning ===*/

.bar-column {
	display: inline-block;
	position:relative;
	vertical-align:top;
	height:290px;
}
.ie7 .bar-column {
	display: block;
	float: left;	
	overflow: hidden;
	zoom:1;
}

#connect-direction {
	width:330px;
	border-right:1px solid #3E3935;
	padding: 16px 16px 0 1px;
	height: 274px;
}

#connect-direction h1{
	margin:5px 0 25px 0;padding:0;
	font-size:19px;
	font-weight:normal;
	color:#FFF;}
#connect-direction h2{
	margin:0;padding:0;
	font-size:16px;
	font-weight:bold;
	color:#FFF;}
#connect-direction p{
	margin:3px 0;padding:0;
	font-size:13px;
	font-weight:normal;
	color:#FFF;}
#connect-direction .connect{
	margin:25px 0 0 0;}
	
#connect-direction h3{
	float:left;
	margin:0;padding:0;
	width:100px;
	font-size:22px;
	font-weight:bold;
	color:#FFF;
	line-height:0.9em;}
#connect-direction h3 .small{
	font-size:13px;
	font-weight:normal;
	font-style:italic;
	color:#FFF;
	display: block;
}

#social-media h3 a, body#homepage #social-media h3 a:link, body#homepage #social-media h3 a:visited, #social-media h3 a small, body#homepage #social-media h3 a:link small, body#homepage #social-media h3 a:visited small{
    color:#fff;
    text-decoration:none;}
#social-media h3 a:hover, body#homepage #social-media h3 a:hover, #social-media h3 a:hover small, body#homepage #social-media h3 a:hover small{
    color:#fff;
    text-decoration:underline;}
#social-media p{
	padding-right:10px;
	text-align:right;}
body#homepage #social-media a:link, body#homepage #social-media a:visited {
	text-decoration:none; }
body#homepage #social-media a:hover{
	text-decoration:underline;}

#social-media ul{
	float:left;
	margin:0;padding:0;
	list-style-type: none;}
#social-media ul li{
	float:left;
	margin:0;padding:0 2px;
	width:41px;height:41px;
	display:inline;
	overflow:hidden;
	text-indent:-9999px;}
#social-media ul li a{
	display:block;
	width:41px;height:41px;
	background:url(/assets/images/socialmedia-icons.png) no-repeat 0 0;}

	#social-media ul li#linkedin a{
		background-position:0 0;}
	#social-media ul li#facebook a{
		background-position:-41px 0;}
	#social-media ul li#twitter a{
		background-position:-82px 0;}
	#social-media ul li#youtube a{
		background-position:-123px 0;}
	#social-media ul li#blogger a{
		background-position:-164px 0;}
		
	#social-media ul li#linkedin a:hover{
		background-position:0 -41px;}
	#social-media ul li#facebook a:hover{
		background-position:-41px -41px;}
	#social-media ul li#twitter a:hover{
		background-position:-82px -41px;}
	#social-media ul li#youtube a:hover{
		background-position:-123px -41px;}
	#social-media ul li#blogger a:hover{
		background-position:-164px -41px;}


#content-direction {
	width:593px;
}

#content-direction #nextBtn, #content-direction #slider1next { left: 544px; }
#slider .feature{
	margin: 0 auto;
	padding: 10px 35px;
	width:460px;
	height: 270px;
	position:relative;
}

#slider .worldmap.feature {
	width: 530px;
	height:290px;
	padding:0;	
}
.worldmap img {
	width: 530px;
	height:280px;	
}
#map-contact-text {
	position: absolute;
	bottom: 35px; right: 60px;
	width:172px;height:38px;
	overflow:hidden;
	text-indent:-9999px;
}
#map-contact-text a {
	display:block;
	width:172px;height:38px;
	background:url(../images/indium-facility-contact.gif) no-repeat 0 0;
}
#map-contact-text a:hover {
	background-position:0 -38px; }

#content-direction .blogpost h2{
	margin:6px 0 12px 0;padding:0;
	font-size:20px;
	color:#fff;
	text-transform:uppercase;}
#content-direction .blogpost h3{
	margin:6px 0 12px 0;padding:0;
	font-size:16px;
	color:#fff;}
/*#content-direction .blogpost h4{
	margin:6px 0 3px 0;padding:0;
	font-size:20px;
	color:#fff;}*/
#content-direction .blogpost h3 a{
	color:#aacdbc;
	text-decoration:none;}
#content-direction .blogpost h3 a:hover{
	color:#4C7867;
	text-decoration:underline;}
#content-direction .blogpost .col2{
	float:right;
	margin:0 0 8px 8px;padding:0;
	width:160px;
	overflow:hidden;}
#content-direction .blogpost .col2 .photo{
	margin:0 0 4px 0;padding:0;
	width:160px;height:130px;
	overflow:hidden;}
#content-direction .blogpost .col2 .photo img{
	margin:0;padding:0;
	width:160px;}
#content-direction .blogpost .col2 .readmore{
	margin:4px 0;
	text-align:center;}
#content-direction .blogpost .col2 .readmore a{
	color:#fff;
	font-weight:bold;
	text-decoration:underline;}
#content-direction .blogpost .col2 .readmore a:hover{
	font-weight:bold;
	text-decoration:none;}
#content-direction .blogpost p{
	margin:2px 0 10px 0;padding:0;
	font-size:14px;
	color:#fff;
	font-weight:normal;
	line-height:1.3em;}
#content-direction .blogpost p.postedby{
	font-size:12px;}

#content-direction .videopost h3{
	float:left;
	margin:6px 0 12px 0;padding:0;
	font-size:18px;
	color:#fff;
	text-transform:uppercase;}
#content-direction .videopost .viewall{
	float:right;
	text-align:right;}
#content-direction .videopost #ytplayer, #content-direction .videopost #player{
	position:relative;
	margin:0;padding:0;
	width:460px;height:225px;
	z-index:1;}

/*=== SEARCH BOX ===*/

#bar-search fieldset div#index-search-bg{
	background-color:#fff;
	width:330px;height:27px;
	float:none;
	display:inline;
	margin:16px 0 0 0;}
#bar-search fieldset input#index-field-searchform{
	float:left;
	margin:0;padding:0 4px;
	border:0;
	width:285px;height:27px;
	line-height:27px;
	background-color:#fff;}
#bar-search fieldset input#index-searchsubmit{
	margin:0;
	width:30px;height:27px;
	background-color:none;
	border:0;
	float:left;
	display:inline;}
#bar-search input.blur{
	color:#686868;
}

/*=== CONTACT US ===*/

#box2 h2, #box3 h2 {
	margin-top: 0px;
	padding-top: 0px;
	font-size: 16px;
	color: #ffffff;}

#box2 h2 sup, #box3 h2 sup {
	font-size: 14px;}

ul.office-locations {
	list-style-type: none;
	margin: 14px 0px 0px 0px;
	padding: 0px;}

ul.office-locations li {
	padding: 0px 6px 0px 0px;
	margin: 0px 0px 14px 0px;
	font-size: 10px;
	width: 140px;
	float: left;
	display: inline;}

div#drop-down-box {
	margin-top: 20px;}

.nav li.has-secondary a:link, .nav li.has-secondary a:visited, .nav li.has-secondary a:hover, .nav li.has-secondary a:active, .nav li.has-secondary a:focus  {
	background: url(/assets/images/nav-arrow.png) 97% center no-repeat;}

.nav li.has-secondary a:hover, .nav li.has-secondary a:active, .nav li.has-secondary a:focus {
	background-color: #B2C9B8;}

.nav li.has-secondary ul a:link, .nav li.has-secondary ul a:visited, .nav li.has-secondary ul a:hover, .nav li.has-secondary ul a:active, .nav li.has-secondary ul a:focus {
	background-image: none;}

.nav li.has-secondary ul {
	margin-top: 0px;}
	

/* IE6 */

.ie6 body#homepage {
	background-color: #004833;}

.ie6 div#homepage-banner {
	background-color: #040b03;
	background-image: none;}

.ie6 body#homepage div#main-container {
	height: 600px !important;}

.ie6 body#homepage div#homepage-banner select {
	width: 300px !important;}
	
/* FOOTER FIXES */
.isMobile .stretch-home {height: 500px;}
.isMobile #footer {width: 961px;}
.isMobile #footer-content {width: 961px;}
.isMobile .homepage-footer {position: absolute; bottom: 0px; margin: 0px; padding: 0px;}

