*{ margin:0;}

img{ vertical-align:bottom }

a{ text-decoration:none}

body{
    font:14px sans-serif;
}

.wrap{ 
    width:960px;
    margin:auto;
}

.header{
    background:#faa;
    padding:10px;
}
.nav{
    background:#333;
    padding:10px;
    color:#fff;
}
.container{
    background:#afa;
}


.nav ul{
    list-style:none;
    padding:0;
}
.nav ul li{
    float:none;
    margin-right:10px;
}
.nav ul li a{
    color:inherit;
    display:block;
}


.aside{
    width: 220px;
    float:left;
    padding:10px;
}
.section{
    width: 700px;
    float:left;
    padding:10px;
    background:#ccc;
}

.footer{
	height:80px;
	background:#ccc;
	padding:10px;

}


*{
	margin:0;
}

.container{
 margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  /* for edge cases: */
  width: 100%;
  max-width: 100%;	
background:#ccc;
}

.left{
	width:30%;
	height:200px;
	float:left;
	background:#333;
}
.right{
	width:70%;
	height:200px;
	float:left;
}
.clear{
	clear:both;    
}
}