body{
margin: 0px;
padding: 0px;
}



#container{
width:1200px;
margin:0px auto;
}


#main{
width:1200px;
background-color:#d3d3d3;
margin:0px;
font-family:sans-serif;
}



header{
height:120px;
width:1200px;
background-color:#005030;
}





header h1{
text-align:center;
padding-top:20px;
margin:0px;
}


header nav ul{
width:1200px;
margin:0px;
padding-top:20px;
list-style-type:none;
text-align:center;
height:30px;
}


header nav ul li{
display:inline-block;
width:120px;
height:30px;
padding:0px;
margin:0px;
vertical-align: middle;
}



header a
{text-decoration:none;}

header a:link
{color:#ffffff;}

header a:visited
{color:#C0C0C0;}

header a:hover{
color:#ffff00;

text-decoration:underline;}


a
{text-decoration:none;}        

a:link
{color:#0000FF;}               

a:visited
{color:#800080;}               

a:hover{
color: #FF0000;
text-decoration:underline;
}






img{
height:auto;
width:1200px;
}


img.a{
height:auto;
width:500px;
padding:10px 50px 0px 100px;
float:left
}


img.b{
height:auto;
width:600px;
padding:30px 100px 0px 100px;
}


img.c{
height:auto;
width:800px;
padding:30px 100px 0px 100px;
}


img.d{
height:auto;
width:500px;
padding:30px 100px 0px 100px;
}




img.e{
height:auto;
width:350px;
padding:0px 20px 30px 100px;
float:left
;}

h2{height:auto;
width:1200px;
margin:0px;padding:30px 80px 30px 80px;}
p{height:auto;
width:1200px;
margin:0px;padding:30px 100px 30px 100px;
}


h3{
height:auto;
width:1200px;
margin:0px;padding:30px 100px 30px 100px;
}
article{
height:auto;
width:1200px;
margin:0px;padding:30px 100px 30px 100px;}

article:after{
content:"JUN TAMBA";
margin:0px;padding:30px 200px 30px 100px;float:right
}








h4{
height:auto;
width:1200px;
margin:0px;padding:30px 100px 30px 100px;
}

footer{
height:auto;
width:1200px;
background-color:#005030;text-align:right;
}


footer p:after{
content:"2014-2018JUN TAMBA all right reserved."
;
margin:0px;padding:0px 200px 30px 0px;float:right}