*{margin:0;padding:0;}
body{background:red;font-size:17px;font-style:arial;color:#eee;}
#box{margin:50px auto;width:800px;background:yellow;border:4px solid black;}
header{width:98%;height:50px;background:green;margin:3px;padding:10px 0px 10px 10px;}
#navigation{background:orange;width:96%;height:100px;margin:7px;padding:10px 0px 10px 10px;border:4px solid black;}
.content{width:100%;height:500px;}

/**    layout 1    **/
#layout #article1{width:95%;height:100px;background:green;margin-left:20px;color:#fff;padding:10px 0 10px 10px;font-size:30px}
#layout #article2{width:95%;height:315px;background:green;margin-left:20px;color:#fff;padding:10px 0 10px 10px;font-size:30px;margin-top:5px }

#section{width:94%;height:50px;background:olive;margin:5px 0 5px 5px;color:yellow;padding:20px}
#aside{width:94%;height:50px;background:cyan;margin:5px 0 5px 5px;color:#CFCFCF;padding:20px}
footer{width:94%;height:50px;background:blue;margin:5px 0 5px 5px;color:#eee;padding:20px}