@charset "utf-8";
/*

*/
#footer {
	margin-top: 13px;
}
/*
	footer upper
*/
#footer div.upper {
	padding: 34px 0 34px 0;
	border-top: 5px solid #306BCF;
}
	/* left */
	#footer div.upper div.left.first {
		float: left;
		clear: left;
		max-width: 300px;
		margin: 0;
	}
		/* logo */
		#footer div.upper div.left a.logo {
			display: block;
			float: left;
			clear: none;
			width: 89px;
			height: 89px;
			background: transparent url(img/bg/logo-footer.png) 0 0 no-repeat;
			opacity: 1;
		}
		#footer div.upper div.left a.logo:hover {
			background: transparent url(img/bg/logo-footer.png) 0 0 no-repeat;
			opacity: 0.89;
		}
			/* span */
			#footer div.upper div.left a.logo span {
				display: none;
			}
		#footer div.upper div.left.first ul {
			display: block;
			float: left;
			clear: none;
			margin: 8px 0 0 20px;
		}	
	/* left  */
	#footer div.upper div.left {
		display: block;
		float: left;
		clear: none;
		max-width: 300px;
		margin: 0 0 0 20px;
	}
		/* p */
		#footer div.upper div.left p {
			color: inherit;
		}
		#footer div.upper div.left ul {
			color: inherit;
			margin-top: 8px;
		}
			#footer div.upper div.left ul li {
				color: inherit;
			}
				#footer div.upper div.left ul li span {
					font-style: oblique;
					float: left;
					clear: left;
					width: 68px;
					font: 400 14px/19px 'PT Serif', serif;
					font-style: oblique;
					color: #8c8c8c;
					padding-top: 3px;
				}
				#footer div.upper div.left ul li a {
					color: inherit;
					border-bottom: 1px solid #adadad;
				}
					#footer div.upper div.left ul li a:hover {
						color: #306BCF;
						border-bottom: 1px solid #306BCF;
					}
	/* right */
	#footer div.upper div.right {
		float: right;
		clear: right;
		width: 300px;
	}
		#footer div.upper div.right span.follow {
			display: block;
			margin-top: 8px;
			font: 400 16px/24px 'PT Serif', serif;
			float: left;
			clear: none;
		}
		#footer div.upper div.right div.social {
			display: block;
			float: left;
			clear: none;
			margin: 5px 0 0 21px;
		}
			#footer div.upper div.right div.social a.social {
				display: block;
				float: left;
				clear: none;
				width: 33px;
				height: 33px;
				background: url(img/icons/social-icons.png) 0px 0px no-repeat transparent;
				margin-left: 13px;
			}
			#footer div.upper div.right div.social a.social:hover {
				
			}
			#footer div.upper div.right div.social a.social.first {
				margin: 0;
			}
				#footer div.upper div.right div.social a.social span {
					display: none;
				}
				/* facebook */
				#footer div.upper div.right div.social a.social.facebook {
					background-position: 0px 0;
				}
				#footer div.upper div.right div.social a.social.facebook:hover {
					background-position: 0px -34px;
				}
				/* twitter */
				#footer div.upper div.right div.social a.social.twitter {
					background-position: -38px 0;
				}
				#footer div.upper div.right div.social a.social.twitter:hover {
					background-position: -38px -34px;
				}
				/* google */
				#footer div.upper div.right div.social a.social.google {
					background-position: -76px 0;
				}
				#footer div.upper div.right div.social a.social.google:hover {
					background-position: -76px -34px;
				}

/*
	footer lower
*/
#footer div.lower {
	background-color: #2d2d2d;
	height: 42px;
	max-width: 960px;
	margin-bottom: 1px;
	text-shadow: 0 -1px 0 #212121;
	padding: 0 17px 0 17px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
	#footer div.lower p {
		display: block;
		float: left;
		clear: left;
		margin-top: 12px;
		font: 300 13px/17px 'Open Sans', sans-serif;
		color: #e2e2e2;
	}
	/* copyright */
	#footer div.lower p.copyright {
		max-width: 315px;
	}
	/* links */
	#footer div.lower p.links {
		clear: none;
		width: 300px;
	}
		#footer div.lower p.links a {
			font: 300 13px/17px 'Open Sans', sans-serif;
			color: #e2e2e2;
			margin-right: 13px;
			padding: 3px 5px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}
		#footer div.lower p.links a:hover {
			background-color: #363636;
		}
	/* devs */
	#footer div.lower p.development {
		float: right;
		clear: right;
		width: 141px;
		margin-top: 12px;
	}
		#footer div.lower p.development span.dev {
			display: block;
			float: left;
			width: 40px;
			height: 17px;
			font: 300 13px/17px 'Open Sans', sans-serif;
			color: #e2e2e2;
		}
		#footer div.lower p.development a {
			display: block;
			float: right;
			height: 17px;
			width: 89px;
			background: url(img/bg/virtuabit.png) top left no-repeat transparent;
			-webkit-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
			-moz-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
			-ms-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
			-o-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
			transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		}
		#footer div.lower p.development a:hover {
			background-position: bottom left;
		}
			#footer div.lower p.development a span {
				display: none;
			}
			#footer div.lower p.development a:hover span {
				
			}