@import url(https://fonts.googleapis.com/css?family=Open+Sans|PT+Sans|Roboto:400,700);

/*.btn {
  display: inline-block;
  padding: 8px 13px;
  border: 1px solid #292524;
  border-radius: 2px;
  box-shadow: 0 1px 0 #4d4747;
  color: #948e8e;
  background: #584f50;
  background: -moz-linear-gradient(top, #584f50 0%, #413b3b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #584f50), color-stop(100%, #413b3b));
  background: -webkit-linear-gradient(top, #584f50 0%, #413b3b 100%);
  background: -o-linear-gradient(top, #584f50 0%, #413b3b 100%);
  background: -ms-linear-gradient(top, #584f50 0%, #413b3b 100%);
  background: linear-gradient(to bottom, #584f50 0%, #413b3b 100%);
}
*/
.site {
  position: relative;
}

.site-hd {
  padding: 25px;
  box-shadow: 0 0 5px 0 black;
  background-color: #f5f5f5;
  position: relative;
}

.site-hd-nav {
  font-size: 0;
  /* remove inline-block whitespace*/
}

.site-hd-nav > * {
  display: inline-block;
}

.site-hd-nav > * + * {
  margin-left: 10px;
}

.site-bd {
  height: 450px;
  padding: 25px 0px;
  /*background-color:#f5f5f5;*/
 
}

.site-ft {
  padding: 10px;
  font-size: 10px;
  background-color: #2B2727;
  color: #f7f2ec;
  font-style: italic;
}

.site-ft a {
  color: #f7f2ec;
}

.icon {
  display: inline-block;
  background: url("http://i.imgur.com/m2J0R2L.png") no-repeat;
}

.icon_pulse {
  height: 31px;
  width: 49px;
  background-position: 0 0;
}

/*.tabs-hd-item.active .icon_pulse {
  background-position: -57px 0;
}

.icon_home {
  height: 31px;
  width: 37px;
  background-position: -175px 0;
}

.tabs-hd-item.active .icon_home {
  background-position: -118px 0;
}

.icon_todo {
  height: 31px;
  width: 31px;
  background-position: -290px 0;
}

.tabs-hd-item.active .icon_todo {
 
}

.icon_assets {
  height: 31px;
  width: 33px;
  background-position: -175px -48px;
}

.tabs-hd-item.active .icon_assets {
  background-position: -212px -48px;
}

.icon_science {
  height: 20px;
  width: 18px;
  background-position: -102px -59px;
}
*/
.icon_gallery {
  height: 20px;
  width: 22px;
  background-position: -51px -59px;
}

.icon_files {
  height: 20px;
  width: 16px;
  background-position: -4px -59px;
}

.icon_settings {
  height: 20px;
  width: 20px;
  background-position: -151px -59px;
}

.tabs {
  position: relative;
}

.tabs > * {
  display: inline-block;
}

.tab-outer
{
	width:50%;
	float:right;
	position:relative;
	display: inline-block;
}

.tabs-hd-item a {
  display: inline-block;
   width:167px;
  min-height:167px;
  float:left;
  padding: 30px;
  margin-left:15PX;
  margin-top:15PX;
  /*background-color: #2B2727;*/
  color: #f7f2ec;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.tabs-hd-item img
{
	padding:5px 0px !important;
}

ul.tabs-hd li:first-child a{
    background:#3b99d7;
	
	
}


ul.tabs-hd li:nth-child(2) a{
	
	background:#26cbbd;
	
}
ul.tabs-hd li:nth-child(3) a{
	
	background:#F575A5;
	
}

ul.tabs-hd li:nth-child(4) a{
	
	background:#ffcc66;
	
	
}

ul.tabs-hd li:nth-child(5) a{
	
	background:#99cc33;
	
	
}
ul.tabs-hd li:nth-child(6) a{
	
	background:#ff6633;
	
	
}



.tabs-hd > * + * {
  /*margin-top: 5px;*/
  display:inline-block;
  float:left;
  /*margin:8px;*/
  
}

.tabs-hd-item.active a {
  background-color:#f5f5f5 !important;
  border:10px solid #10509e;
  
  display:inline-block;
  
  
}

.tabs-bd-item {
  display: none;
  width: 50%;
  min-width: 40em;
  padding:0px 20px;
  line-height: 2;
  position: absolute;
  float:left;
  left:0px;
 /* margin-top:15px;*/
}

.tabs-bd-item-hd {
  font-size:20px;
  font-weight: bold;
  text-transform:uppercase;
  
 
}

#tab-1 {
  display: block;
}

@media screen and (max-width:1200px){	

.tabs-bd-item
{
	min-width:30em;
	width:47%;
}

.tabs-hd-item a
{
	width:155px;
	height:155px;
	min-height:155px;
}
.tab-outer
{
	width:53%;
	left:5%;
}
.site-bd
{
	height:470px;
	 padding: 0px;
}


}


@media screen and (max-width:1024px){	

.tab-outer
{
	width:58%;
	margin:20px 0px;
	
}

}

@media screen and (max-width:991px){	

.tab-outer
{
	width:57%;
	left:10%;
	margin:20px 0px;
}

.tabs-bd-item{
	    min-width: 28em;
    	width: 43%;
}

}

@media screen and (max-width:767px){	

	.site-bd{height:765px;}
	.tab-outer
	{
		width:100%;
		left:0;
		
	}

	.tabs-bd-item{
			
			width:100%;
	}
	
	.tabs-hd-item a {
		
		margin-left:30PX;
		margin-top:30px;
}

}


@media screen and (max-width:767px){	

	.tabs-hd-item a {
		
		margin-left:10PX;
		margin-top:10px;
		}
		
		.tabs-hd-item a{width:120px; height:120px; min-height:120px;}

}

@media screen and (max-width:680px){	


.site-bd{height:795px;}

}

@media screen and (max-width:480px){
	
.tabs-bd-item{    min-width: 20em;}

.tab-outer{margin:0px;}

	#tab-1{overflow-y:scroll;}

}