/* Written By Mwea. */
/* THIS PART OF CSS CHANGE THE ASPECT OF THE PAGE AND THE CONTENT */
  html {
	 height:100%;
 }
  body {
	 font:normal normal 12px Tahoma, Arial, Helvetica, Verdana, sans-serif;
	 background-color:#ffffff;
	 height:100%;
	 margin:0;
	 padding:0;
 }
   article {
	display:inline;
 }
  a,aside,audio,body,center,canvas,command,datalist,details,div,embed,figcaption,figure,footer,form,h1,header,hgroup,html,img,keygen,label,meter,nav,output,progress,section,span,source,table,tbody,tr {
	 border:0 none;
	 margin:0;
	 padding:0;
 }
  @font-face {
	 font-family:Lobster;
	 src:local(âܺ), url(../fonts/Lobster_1.1_-webfont.woff) format(woff), url(../fonts/Lobster_1.1_-webfont.ttf) format(truetype), url(../fonts/Lobster_1.1_-webfont.svg#webfont30G9S4nm) format(svg);
	 font-weight:400;
	 font-style:normal;
 }
  strong {
	font-weight:600;
 }
  #header {
	 background:url(header.jpg) top center no-repeat;
	 height:485px;
	 margin-bottom:-280px;
	 margin-top:-65px;
 }
  a {
	 text-decoration:none;
	 color:#5c5b5b;
 }
  a:hover {
	 color:grey;
	 transition:.5s ease-in-out;
	 -webkit-transition:.5s ease-in-out;
	 -moz-transition:.5s ease-in-out;
	 -o-transition:.5s ease-in-out;
 }
  a img:hover {
	 opacity:0.7;
	 transition:.5s ease-in-out;
	 -webkit-transition:.5s ease-in-out;
	 -moz-transition:.5s ease-in-out;
	 -o-transition:.5s ease-in-out;
 }
  h1 {
	 font-size:4.4em;
	 font-weight:400;
 }
  h2 {
	 font-size:2.8em;
	 font-weight:700;
 }
  h3 {
	 font-size:1.6em;
	 font-weight:700;
 }
  h4 {
	 font-size:.8em;
	 font-weight:700;
 }
  h1,h2,h3,h4 {
	 font-family:Lobster, Arial, sans-serif;
	 color:#e0e0e0;
	 text-shadow:0 1px 0 #000;
	 position:relative;
	 margin:0;
	 padding:0;
 }
  .half li {
	 padding-right:5%;
	 width:45%;
 }
  .third li {
	 padding-right:5%;
	 width:28.3%;
 }
  .quarter li {
	 padding-right:5%;
	 width:20%;
 }
  .fifth li {
	 padding-right:5%;
	 width:15%;
 }
  #content {
	 margin-left:auto;
	 margin-right:auto;
	 width:70%;
	 height:auto;
	 min-height:400px;
	 z-index:1;
	 position:relative;
	 padding-bottom:50px;
 }
  .article {
	 background:#FFF;
	 border-radius:5px;
	 border:1px solid #0000;
	 width:960px;
	 min-height:150px;
	 height:auto;
	 display:block;
	 position:relative;
	 margin:15px auto 50px;
	 padding:12px;
 }

  .article img {
	border:5px solid transparent;
 }
  .article:before,.article:after {
	 z-index:-1;
	 position:absolute;
	 content:"";
	 bottom:15px;
	 left:10px;
	 width:50%;
	 top:80%;
	 max-width:300px;
	 background:rgba(0,0,0,0.7);
	 -webkit-box-shadow:0 15px 20px rgba(0,0,0,0.7);
	 -moz-box-shadow:0 15px 20px rgba(0,0,0,0.7);
	 box-shadow:0 15px 20px rgba(0,0,0,0.7);
	 -webkit-transform:rotate(-3deg);
	 -moz-transform:rotate(-3deg);
	 -o-transform:rotate(-3deg);
 }
  .article:after {
	 -webkit-transform:rotate(3deg);
	 -moz-transform:rotate(3deg);
	 -o-transform:rotate(3deg);
	 right:10px;
	 left:auto;
 }