.screen-reader-text {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

body
{
	background-image: url('/images/keyboard-passion-1920x1080.png');
	background-repeat: no-repeat;
	background-color: #ffffff;	
	background-attachment: fixed;
	margin: 0px;	
	font-size: 12pt;
}


.disclaimer {
	display: block;
	font-size: 0.9em;
	font-style: italic;
}

.download-table {
	display: table;
}

.download-table .header-row,
.download-table .row {
	display: table-row;
}

.download-table .header-row {
	font-weight: bold;
}

.download-table .cell {
	display: table-cell;
	padding-right: 2em;
}


#featured-topic-links {
	display: block;
	width: 60%;
	margin: auto;
}

	#featured-topic-links span {
		display: inline-block;
		margin-right: 0.5em;
	}

	
#main-container
{
	width: 100%;
	min-height: 850px;
	margin: 0px auto;
	padding: 0px 0px 0px;
	background-color: transparent;
	color: #000000;	
}

	#main-container #banner-bg
	{
		height: 80px;
		width: 100%;
		margin: 0px auto;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: -1;

		background-color: #000000;
		opacity: 0.75;
		filter: alpha(opacity=85);  /* For IE8 and earlier */	
	}


	#main-container #banner
	{
		height: 80px;
		width: 100%;
		margin: 0px auto;
	}


		#main-container #banner #logo
		{
			float: left;
			width: 350px;
			height: 80px;
			margin-left: 75px;
			background-image: url('/images/samoyed-software-logo.png');
			background-repeat: no-repeat;
		}

			#main-container #banner #logo a {
				display: block;
				width: 100%;
				height: 100%;
				border: none;
			}


		#main-container #banner #menu-bar {
			position: relative;
			float: left;
			background: none repeat scroll 0% 0% transparent;
			top: 2em;
			margin: 0em 0em 0em 1.5em;
			z-index: 5;
			font-family: Verdana,Verdana,Geneva,sans-serif;
			color: #FFFFFF	;
			padding-top: 0.2em;
			padding-left: 0px;
		}


			#main-container #banner #menu-bar .menu-item {
				display: inline;
				margin-right: 1em;
			}

				#main-container #banner #menu-bar .menu-item a,
				#main-container #banner #menu-bar .menu-item a:hover,
				#main-container #banner #menu-bar .menu-item a:visited,
				#main-container #banner #menu-bar .menu-item a:active,
				#main-container #banner #menu-bar .menu-item a:focus
				 {
					color: #FFFFFF;
					text-decoration: none;
				}

					#main-container #banner #menu-bar .menu-item a:hover {
						color: #1B8B78;
					}

		#main-container #banner #mobileMenuButton {
			display: none;
		}
		
		#main-container #banner #social-media {
		   	position: relative;
		   	float: right;
		   	margin: 5px 8px 0px 0px;
			font-size: 1.875em;
		}

			#main-container #banner #social-media ul {
				list-style-type: none;
				padding-top: 0.2em;
				padding-left: 0px;
				margin-top: 0px;
				margin-bottom: 0px;
			}

			#main-container #banner #social-media ul li {
				display: inline;
				margin-right: 0.2em;
			}


			#main-container #banner #social-media ul li a { 
				color: #FFFFFF;
				display: inline-block;
				text-shadow: none;
				text-decoration: none;
				background: none;
				position: relative;
			}

			#main-container #banner #social-media ul li a .social-media-icon-bg {
				width: 0.8em;
				height: 0.8em;
				display: inline-block;
				position: absolute;
				left: 0.1em;
				top: 0.1em;
				background: none;
				z-index: -1;
			}

			#main-container #banner #social-media ul li a:hover .social-media-icon-bg {
				background-color: white;
			}

			#main-container #banner #social-media ul li a.facebook-link:hover { 
				color: #3b5998;
			}

			#main-container #banner #social-media ul li a.twitter-link:hover { 
				color: #2aa9e0;
			}

			#main-container #banner #social-media ul li a.pinterest-link:hover { 
				color: #d73532;
			}

		#main-container #banner #tag-line
		{
			position: relative;
			float: right;
			margin: 3px 8px 0px 0px;
			font-family: CicleGordita,Verdana,Geneva,sans-serif;
			font-size: 0.8em;
			color: #FFFFFF;
			clear: right;
		}


	#main-container #content-container {
		font-family: Georgia, serif;
	}

		#main-container #content-container #content-box {
			margin: 3em;
			padding: 1.5em;
			background-color: #FFFFFF;
			background-color: rgba(255, 255, 255, 0.9);
		}

			#main-container #content-container #content-box p {
				margin-top: 0;
			}


			#main-container #content-container #content-box .intro-emphasis {
				color: #25bea4;
				font-weight: bold;
				font-style: italic;
			}


	#main-container #footer-container {
		font-family: Verdana,Verdana,Geneva,sans-serif;
		font-size: 0.9em;
	}

		#main-container #footer-container #footer-box {
			margin: 3em;
			padding: 1.5em; /* 1.5em 1.5em 350px; */
			background-color: #FFFFFF;
			background-color: rgba(255, 255, 255, 0.9);
		}

			#main-container #footer-container #footer-box #footer-links {
			}

			#main-container #footer-container #footer-box #footer-links-secondary {
				color: #222222;
				margin-top: 1.0em;
				font-size: 0.8em;
			}

				#main-container #footer-container #footer-box #footer-links > span,
				#main-container #footer-container #footer-box #footer-links-secondary > span {
					margin-right: 1.5em;
				}


			#main-container #footer-container #footer-box a,
			#main-container #footer-container #footer-box a:hover,
			#main-container #footer-container #footer-box a:visited,
			#main-container #footer-container #footer-box a:active,
			#main-container #footer-container #footer-box a:focus
			 {
				color: #000000;
				text-decoration: none;
			}

				#main-container #footer-container #footer-box a:hover {
					color: #1B8B78;
				}


			#main-container #footer-container #footer-box #copyright {
				font-size: 0.7em;
				margin-top: 0.5em;
			}


#icons
{
	width: 915px;
	margin: 0px auto;
	padding: 0px;
}

#icons div
{
	float: left;
	height: 266px;
	margin: 0px;
	padding: 0px 30px 0px;
	white-space: nowrap;
}


#icons div img
{
	display: inline-block;
	vertical-align: middle;
}

#main-container #projectList {
	margin-left: 2em;
}
	#projectList > a,
	#projectList > a:hover,
	#projectList > a:visited,
	#projectList > a:active,
	#projectList > a:focus {
		display: block;
		text-decoration: none;
	}

	#projectList .project {
		display: block;
		background-color: #D0D0D0;
		background-color: rgba(208, 208, 208, 0.70);
		padding: 1em;
		margin-bottom: 2em;
		color: black;
	}

		#projectList .project:hover {
			background-color: #1B8B78;
			background-color: rgba(27, 139, 120, 0.80);
		}
		
		#projectList .project a,
		#projectList .project a:hover,
		#projectList .project a:visited,
		#projectList .project a:active,
		#projectList .project a:focus {
			color: black;
			text-decoration: none;
		}

			#projectList .project a:hover,
			#projectList .project a:focus {
				text-decoration: underline;
			}
		
		#projectList .project .projectIcon {
			display: block;
			float: left;
			height: 100%;
			margin-right: 1em;
		}

		#projectList .project .projectTitle {
			display: block;
			font-size: 1.5em;
			margin-bottom: 1em;
		}

		#projectList .project .projectDesc {
			display: block;
		}
		
			#projectList .project .projectDesc .disclaimer {
				display: block;
				margin-top: 0.5em;
				font-size: 0.7em;
			}