@charset "utf-8";
body {
	margin:0;
	padding:0;
	position:absolute;
	width:100%;
	font-family:Tahoma, Geneva, sans-serif;
}
#home {
	background:url(images/maxresdefault4.jpg); no-repeat scrool
	background-size:cover;
}
#profile {
	background:url(images/nukeproof-scalp-dh-pro.jpg);
	background-size:cover;
}
#video {
	background:black url(images/nukepro.jpg);
	background-size:cover;
}
#socmed {
	background:black url(images/maxresdefault2.jpg);
	background-size:cover;
}
#forum {
	background:black url(images/frame1.jpg);
	background-size:cover;
}
a {
	text-decoration:none;
}
/*main menu*/
#menus {
	height:48px;
	width:100%;
	margin:0;
	text-align:center;
	box-shadow:black 1px 2px 12px;
	border-bottom:white solid 1px;
	text-transform:uppercase;
}
.menu {
	line-height:48px;
	width:25%;
	float:left;
}
.menu a {
	color:#444444;
}
#menu-home {
	background:#F4F1F1;
}
#menu-contact {
	background:#F8EEEE;
}
#menu-gallery {
	background:#F3E4E4;
}
#menu-forum {
	background:#F9DADA;
}
/*welcome*/
.heading2 {
	color:white;
	margin:20px auto;
	text-align:center;
	text-transform:uppercase;
	text-shadow:black 1px 2px 4px;
}
#welcome-greeting{
	font-size:2em;
}
/* main stage */
#main {
	width:100%;
	margin:20px auto;
}
#features, #profile-box, #login-box {
	margin:0 auto;
	width:100%;
	text-align:center;
}
/* features */
#features {
	margin:150px 0;
}
.feature {
	width:150px;
	height:150px;
	display:inline-block;
	line-height:150px;
	background:#0066CC;
	border:#3399FF solid 4px;
	border-radius:100px;
	text-transform:capitalize;
	color:white;
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
/* facebook icon */
#facebook-feature {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	background:#0066CC url(images/facebook.png) no-repeat center center;
	background-size:65%;
}
/* twitter icon */
#twitter-feature {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	background:#0066CC url(images/twitter.png) no-repeat center center;
	background-size:65%;
}
.feature a {
	color:white;
}
.feature:hover {
	-webkit-animation-name: spin;
	-webkit-animation-duration: 500ms;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-transition: transform 300ms ease-out;
	animation-name: spin;
	animation-duration: 500ms;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	transition: transform 300ms ease-out;
}
@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spin {
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
	}
}
/* profile */
.picture {
	margin:0 50px;
}
.text {
	color:white;
	text-align:center;
}
/* video */
#slideshow,
.slideshow {
	margin: 50px auto;
	position: relative;
	width: 600px;
	height: 338px;
	padding: 10px;
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
#slideshow > div {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
}
/* forum */
#login-box {
	background:#f0f0f0;
	width:50%;
	padding:40px;
	text-align:left;
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
label {
	font-size:small;
	text-transform:capitalize;
	font-style:italic;
	color:#666666;
	width:100%;
	margin-right:20px;
}
label span {
	width:35%;
	display:inline-block;
}
input[type=radio] {
	display:inline-block;	
	margin:20px 0 0 0;
}
input[type=text], input[type=password] {
	width:60%;
}
input[type=text], input[type=password], select {
	border:#cccccc solid 1px;
	padding:0 5px 0 8px;
	height:36px;
	line-height:36px;
	border-radius:2px;
	background:#ffffff;
	margin-top:20px;
}
input[type=button]{
	width:130px;
	height:36px;
	margin-top:20px;
	display:block;
}
select {
	display:inline-block;
	width:20%;
}
.radio {
	display:inline-block;
}

/* footer */
footer {
	position:fixed;
	bottom:0;
	line-height:48px;
	width:100%;
	height:48px;
}
#disclaimed {
	color:white;
	font-size:small;
	text-align:center;
}
#footer-bg {
	background:#000000;
	position:fixed;
	bottom:0;
	line-height:48px;
	width:100%;
	height:48px;
	opacity: 0.76;
	filter: alpha(opacity=76);
}

/* dropdown */
.dropbtn {
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    background-color: #f9f9f9;
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
	position:absolute;
	width:99%;
}
.dropdown-content a {
    display: block;
}
.dropdown-content a:hover {
	background-color: #f1f1f1
}
.show {
	display:block;
}