/*
Copyright(C) 2016 - All Right Reserved - StormCenter Communications, Inc.
GeoCollaborate(R)

Project Manager: Rafael Ameller
Lead Developer: Tom Wible

410-203-1316, info@stormcenter.com
*/

html, body{
	margin: 0;
	padding: 0;
	font-size: 0.9375em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #e5e5e5;
	line-height: 125%;
	width: 100%;
	height: 100%;
	text-shadow: none;
	overflow-x: visible;
}

a{
	font-weight: normal 
}

p, h2{
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}

.size{
	width: 90%;
	max-width: 700px;
	margin: 0 auto;
}

.block{
	display:block;
	padding:20px 0;
}

.btn {  
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  border: 2px solid gray;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  text-decoration: none;
}

.btn-lead{
	background-image: -webkit-linear-gradient(top, #ff0e0e, #fc7b7b);
	background-image: -moz-linear-gradient(top, #ff0e0e, #fc7b7b);
	background-image: -ms-linear-gradient(top, #ff0e0e, #fc7b7b);
	background-image: -o-linear-gradient(top, #ff0e0e, #fc7b7b);
	background-image: linear-gradient(to bottom, #ff0e0e, #fc7b7b);
	padding: 10px 92px;
}

.btn-follow{
	background-image: -webkit-linear-gradient(top, #00c549, #2de973);
	background-image: -moz-linear-gradient(top, #00c549, #2de973);
	background-image: -ms-linear-gradient(top, #00c549, #2de973);
	background-image: -o-linear-gradient(top, #00c549, #2de973);
	background-image: linear-gradient(to bottom, #00c549, #2de973);
	padding: 10px 86px;
}

.btn-dash{
	background-image: -webkit-linear-gradient(top, #353434, #928e8e);
	background-image: -moz-linear-gradient(top, #353434, #928e8e);
	background-image: -ms-linear-gradient(top, #353434, #928e8e);
	background-image: -o-linear-gradient(top, #353434, #928e8e);
	background-image: linear-gradient(to bottom, #353434, #928e8e);
	padding: 10px 76px;
}

.btn-transpo{
	background-image: -webkit-linear-gradient(top, #8b52a8, #8974c2);
	background-image: -moz-linear-gradient(top, #8b52a8, #8974c2);
	background-image: -ms-linear-gradient(top, #8b52a8, #8974c2);
	background-image: -o-linear-gradient(top, #8b52a8, #8974c2);
	background-image: linear-gradient(to bottom, #8b52a8, #8974c2);
	padding: 10px 61px;
}

#top, #bottom{
	display: inline-block;
	width: 100%;
}

#logo{
	width: 250px;
	float: right;
	margin-top: 30px;
}

#geo-logo{
	float: right;
	width: 150px;
}

#geo-logo img{
	width:200px;
}

.column{
	display: inline-block;
	width: 46%;
	vertical-align: top;
	margin: 0 1%;
}

#sbir-click{
	color: #ff0e0e;
	cursor: pointer;
}

#sbir-click:hover{
	color: #fc7b7b;
}

#sbir{
	display: none;
	position: absolute;
	top: 100px;
	width: 90%;
	max-width: 700px;
	background-color: #ffffff;
	color: #000000;
	border: 2px solid #000000;
}

#sbir-header{
	background-color: #000000;
	color: #ffffff;
	padding: 3px;
}

#sbir-header h2{
	display: inline-block;
	margin: 0;
}

#sbir-x{
	float: right;
	padding: 0 3px 0 0;
	cursor: pointer;
}

#sbir-content{
	padding: 10px;
}


@media screen and (max-width:700px) {

	.column{
		width: 100%;
	}

	#logo{
		display: block;
		float: none;
		margin: 0 auto;		
		padding-top: 15px;
	}

	.column, .block{
		text-align: center;
	}

}

@media screen and (orientation:portrait) {

	.column{
		width: 100%;
	}

	#logo{
		display: block;
		float: none;
		margin: 0 auto;
		padding-top: 15px;
	}

	.column, .block{
		text-align: center;
	}

}