body{
	margin-left:-10px;
	margin-right:-10px;
}
#x{
	font:20px Calibri; color:rgb(150,150,150); 
	-webkit-transition:color 0.5s;
}
#body_wrapper{
	background:white;
	margin-left:-8px;
	margin-right:-8px;
}
nav ul li{
			display:inline;
			padding:10px;
			color:white;
			
			margin-left:-25px;
			
		}
		@media screen and (max-width:1000px){
			nav ul li{
				
				display:block;
				border:1px solid rgba(2,2,2,.2);
				-webkit-border-radius:7px;
				-webkit-box-shadow:rgba(2,2,2,.2) 3px 3px 6px;
				-webkit-transition:background 0.1s;
			}
			
			nav ul li:hover{
				background:rgb(150,150,150);
				
			}
		}
		
		nav a{
			text-decoration:none;
			color:white;
			-webkit-border-radius:8px;
			border:1px solid rgba(5,5,5,.1);
			background:rgb(110,110,110);
			-webkit-box-shadow:rgba(4,4,4,.6) 2px 2px 3px inset;
			-webkit-transition:padding 0.3s, color 0.5s;
			padding:9px;
		}
		#li_a{
			opacity:0;
		}
		
		@media screen and (max-width:1000px){
			#li_a{
				opacity:1;
			}
		}
		
		
		
		
		@media screen and (max-width:1000px){
			nav a{
				border-top:1px solid black;
				-webkit-border-radius:0px;
				padding-top:-10px;
			border:none;
			background:none;
			-webkit-box-shadow:none;
			}
		}
		
		nav a:hover{
		
			color:white;
			padding:6px;
		}
		
		
		
		nav img{
			margin-right:40px;
		}
		
		nav ul{
			margin-left:200px;
			margin-top:-20px;
			-webkit-border-radius:10px;
		}
		
		
		
	@media screen and (max-width:1000px){
		
		nav ul{
			background:silver;
			margin-top:-400px;
		}
	}
		
		nav{
			width:100%;
						margin-top:-10px;
			background:rgba(3,3,3,.3);
			padding:20px;
			position:fixed;
			-webkit-transition:background 0.5s;
		}
		
		nav:hover{
			background:silver;
		}
		
		@media screen and (max-width:1000px){
		
		nav {
			height:60px;
			background:silver;

		}
	}
		
		#left{
			float:right;
			margin-top:30px;
			margin-right:150px;
			
		}
		
		#left a:hover{
			background:silver;
		}
		
		@media screen and (max-width:1000px){
		#left {
			opacity:0;

		}
	}
		
		#left a{
			padding:6px;
			border:1px solid silver;
			margin-top:40px;
			-webkit-border-radius:10px;
			background:rgba(6,6,6,.2);
		}
		
		body{
			height:1000px;
		}
		header{
			height:500px;
			margin-top:-18px;
			background-image:url(../images/sli4.jpg);
			background-size:cover;
			background-attachment:fixed;
			
		}
		
		header div{
			
			border:5px solid rgba(5,5,5,.10);
			height:100%;
		}
		
		#blur{
			padding:100px;
		}
		
		#blur a{
			color:white;
			text-decoration:none;
			
		}
		
		#blur >h1{
			font-size:40px;
		}
		
		.button a{
			background:green;
			padding:10px;
			-webkit-box-shadow:lightgreen 0px 8px 14px inset;
			-webkit-border-radius:8px;
			-webkit-transition:padding-right 0.5s, pading-right 0.3s;
		}
		
		.button a:hover{
		padding-right:30px;
		padding-left:30px;
		}
		
		#menu{
			float:right;
			margin:17px 5px 0px 0px;
			height:25px;
			
			-webkit-border-radius:5px;
			overflow:hidden;
			width:0px;
			-webkit-transition:background 0.5s;
		}
		
		
		
		
		
		#menu:hover{
			background:rgba(3,3,3,.4);
			
		}
		
		#menu > div{
			border:1px solid rgba(6,6,6,.6);
			margin-top:6px;
			-webkit-transition:border 0.5s;
		}
		
		#menu > div:hover{
			border:1px solid white;
		}
		
		
		
		@media screen and (max-width:1000px){
		
		#menu  {
						border:1px solid rgba(6,6,6,.6);
						margin-top:50px;

			width:35px;
			margin-right:-200px;

		}
	}
	
	#show_logout{
		color:pink;
		width:0px;
		overflow:hidden;
	}
	
	@media screen and (max-width:1000px){
		
		#show_logout  {
						width:100%;

		}
	}
	
	#sub_body_content{
		float:right;
		width:100%;
		margin-bottom:100px;
		clear:both;
		-webkit-border-radius:30%;
		border-bottom:7px solid rgba(2,2,2,.1);
		padding-bottom:70px;`
		-webkit-box-shadow:black 0px 10px 15px inset;		
	}
	
	#sub_body_content > div{
		float:left;
		-webkit-box-shadow:silver 4px 8px 15px;
		-webkit-border-radius:8px;
		height:350px;
		width:21%;
		margin:10px 0px 0px 35px;
		text-align:center;
		-webkit-transition:-webkit-transform 0.5s;
	}
	
	#sub_body_content > div > div{
		
	}
	
	#sub_body_content p{
		font-size:18px;
		margin:10px 15px 0px 15px;
		color:rgb(150,150,150);
	}
	
	@media screen and (max-width:800px){
		#sub_body_content > div{
			float:none;
			width:50%;
			height:300px;
		}
	}
	
	#sub_body_content > div:hover{
		-webkit-transform:rotate(360deg);
	}
	#sub_div1{
		-webkit-transition:color 1s, background 1s, font-size 2s, text-shadow 1s, -webkit-border-radius 2.5s;
	}
	
	#sub_div1:hover{
		color:white;
		background:blue;
		font-size:20px;
		text-shadow:black 1px 2px 2px;
		-webkit-border-radius:100px;
		
		
	}
	
	#sub_div2{
		-webkit-transition:color 1s, background 1s, font-size 2s, text-shadow 1s, -webkit-border-radius 2.5s;
	}
	
	#sub_div2:hover{
		color:white;
		background:gold;
		font-size:20px;
				text-shadow:pink 1px 1px 1px;
		-webkit-border-radius:100px;
	}
	
	
	#sub_div3{
		-webkit-transition:color 1s, background 1s, font-size 2s, text-shadow 1s, -webkit-border-radius 2.5s;
	}
	
	#sub_div3:hover{
		color:white;
		background:brown;
		font-size:20px;
				text-shadow:black 1px 2px 2px;
		-webkit-border-radius:100px;
	}
	
	
	#sub_div4{
		-webkit-transition:color 1s, background 1s, font-size 2s, text-shadow 1s, -webkit-border-radius 2.5s;
	}
	
	#sub_div4:hover{
		color:white;
		background:lightgreen;
		font-size:20px;
				text-shadow:black 1px 1px 1px;
		-webkit-border-radius:100px;
	}
	
	
	
	
	
	
	
	#logo{
		-webkit-border-radius:100%;
		opacity:0.7;
		-webkit-transition:-webkit-transform 30s;
	}
	
			
			
	
	#logo:hover{
		-webkit-transform:rotate(75600deg);
	}
	
	
	#near_footer{
			margin:50px -8px 50px -8px;
		background:rgb(250,250,250);
		width:100%;
		float:left;
		border-top:1px solid rgba(2,2,2,.2);
		-webkit-border-radius:80px;
	
	}
	
	#near_footer > div{
		float:left;
		width:40%;
		height:400px;
		padding:10px;
		margin-left:50px;
		-webkit-border-radius:5px;
	}
	
	#near_footer >div >div{
		color:rgb(150,150,150);
		padding:10px;
		font-size:25px;
	}
	
	#tfoot{
		clear:both;
		background-image:url(../images/banner.jpg);
		-webkit-background-size:cover;
		moz-background-size:cover;
		background-position:cover;
		background-attachment:fixed;
		height:300px;
		margin:10px -8px 0px -8px;
		border:1px solid blue;
		
	}
	
	
	#sub_tfoot{
		height:100%;
		background:rgba(5,5,100,.5);
		
	}
	
	#sub_tfoot > div{
		border:1px solid red;
		float:left;
		width:20%;
		padding:5px;
		height:200px;
		margin:25px 0px 0px 25px;
		
	}