@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-color:#adadad;
	height:100%;
	width:100%;
	}
	
	#frame {
		background-color:red;
	 
		display:block;
		 margin:auto;
		 	
	  }
	
	#header{
	height:auto;
   display:block;
	background-color:#7accc8;
	text-align:center;
	}
	
	.container{
	width:840px;
	position:absolute;

	left:12%;
	display:block;
	background-color:blue;
	border:2px solid blue;

	}

#leftbar {
	height:600px;
	 background-color:#c4df9b;
float:left;
	width: 200px;
	float: left;
	z-index:100;
	}
	

	#content {	
	 width:600px;
 height: 600px;
 	background-color:#fff799;
	 display:block;
 z-index: 50;
 margin-left:20px;
 float:left;
	}
	
	#righttop{
	position:fixed;
	top:2%;
	right:2%;
	height:75px;
	width:225px;
	background-color:#fff;
	z-index:100;
	}
	
.icon {
	width:73px;
	height:73px;
	float:left;
	border:1px solid #555;
	}
	
.clearboth{
clear:both;
}


a.nav{
display:block;
width:180px;
height:100px;
margin:10px;
background-color:red;
}

a.bttn{
display:block;
width:80px;
height:50px;
margin:10px;
background-color:blue;

}

 #footer{
	position:relative;
	top:0px;
	width:100%;
	height:50px;
	background-color:#222;
	color:#fff;
	}