

body {
	color: white;
}

#navbar {
	padding-top: 80px;
	padding-bottom: 40px;
	background-image: url("/assets/img/line.png");
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: contain;
}

#main .row {
	margin-top: 40px;
}

#logo {
	width: 100%;
	height: auto;
}

nav {
	margin-top: 60px;
}

nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

nav ul li {
	float: left;
}

nav ul li a {
	display: block;
	width: 145px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#nav-home {
	background-image: url("/assets/img/home-idle.png");
}
#nav-home:hover {
	background-image: url("/assets/img/home-active.png");
}

#nav-about {
	background-image: url("/assets/img/about-idle.png");
}
#nav-about:hover {
	background-image: url("/assets/img/about-active.png");
}

#nav-contact {
	background-image: url("/assets/img/contact-idle.png");
}
#nav-contact:hover {
	background-image: url("/assets/img/contact-active.png");
}

#nav-download {
	background-image: url("/assets/img/download-idle.png");
}
#nav-download:hover {
	background-image: url("/assets/img/download-active.png");
}

#nav-store {
	background-image: url("/assets/img/store-idle.png");
}
#nav-store:hover {
	background-image: url("/assets/img/store-active.png");
}

#banner {
	width: 70%;
	height: auto;
}

#footer {
	margin-top: 60px;
	margin-bottom: 30px;
}

#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#footer ul li {
	float: right;
}

#facebook {
	background-image: url("/assets/img/facebook-idle.png");
	display: block;
	width: 77px;
	height: 77px;
}
#facebook:hover {
	background-image: url("/assets/img/facebook-active.png");
}

#twitter {
	background-image: url("/assets/img/twitter-idle.png");
	display: block;
	width: 83px;
	height: 74px;
}
#twitter:hover {
	background-image: url("/assets/img/twitter-active.png");
}

.link-disabled {
	color: grey;
}

h2 {
	font-family: serif;
	color: #cc99ff;
}

h3 {
	font-family: serif;
	color: #cc99ff;
}

.text-purple {
	color: #cc99ff;
}

a.text-purple:hover {
	color: #cc99ff;
}
