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


*{
 box-sizing:border-box;
}
html,body{
 margin:0;
 padding:0;
 background:#ddd;
 color:#333;
 font-family:'Open Sans','Trebuchet MS','Arial',sans-serif;
 font-size:14px;
	height:;
}

.container{
 width:100%;
 float:left;
 position:relative;
 left:1px;
 margin-left:1px;
 background:#fff;
 padding:1px;
}
a{
 text-decoration:none;
 color:#c33;
}

header,footer,article,nav,section{
 float:left;
 padding:10px;
}
header,footer{
 width:99%;
}
header{
 background-color:#333;
 color:#fff;
 text-align:right;
 height:100px;
}
header{
 font-size:1.8em;
	font-weight:bold;
	height:220px;
}


#big{	
	position:absolute;
 line-height:130px;
 vertical-align:bottom;
	left:320px;
	top:80px;
	z-index:10;
}


footer{
 background-color:;
 text-align:center;
 height:57px;
	border:7px;
	padding:7px;
	top:1100px;
}
footer a{
 text-decoration:underline;
 color:#fff;
 font-weight:bold;
}

nav{
 text-align:center;
 width:24%;
 margin-right:1%;
 border:1px solid #ccc;
 margin:5px;
}
nav a{
 display:block;
 width:100%;
 background-color:#c33;
 color:#fff;
 height:47px;
 margin:1px;
 padding:7px;
 border-radius:
 4px;
 line-height:47px;
 vertical-align:middle;
 text-align: justify;
	font-weight: bold;
}


nav a:hover,nav a:active{
 background-color:#226;
}   


/* <article> tag is our 'content area' */
article{
 width:75%;
}
h1{
 padding:0;
 margin:0 0 20px 0;
}
/* section */
article section{
 padding:0;
}
/* basic page column layout */
.halves,.thirds{
 width:49%;
 float:left;
 margin-right:2%;
}
.thirds{
 width:32.66666%;
 margin-right:1%;
}
.last{
 margin-right:0;
}