/* Getting the new tags to behave */
article, article3, about_img, about_section, about_aside, aside, audio, canvas, pad_end, command, datalist, details, embed, figcaption, figure, nav footer, footer_email, icons, footer, header, hgroup, keygen, meter, output, progress, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Site-wide properties ======================================================== */
body{
    font: 11px Tahoma, Arial, Helvetica, Verdana, sans-serif; color: #fff; background-color: #000000; }
    
    /* Fibonacci based heading scale ratio */
    h1{ font-size: 4.4em; font-weight: normal; }
    h2{ font-size: 2.8em; font-weight: bold; }
    h3{ font-size: 1.6em; font-weight: bold; }
    h4{ font-size: 1.2em; font-weight: bold; }

/* Reusable classes ============================================================ */

/* Left & Right alignment */
.left{ float: left; }
.right{ float: right; }

.inside{ padding: 0px; }

/* The fraction classes are useful for column lists */
.half, .third, .quarter, .fifth, .sixth{ width: 100%; }
.half li, .third li, .quarter li, .fifth li, .sixth li{ float: left; }
.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% }

/* For when a <br /> just ain't enough */
.separator{
    clear: both;
    float: left;
    height: 1px;
    width: 100%; }
	
.icon_pad{
	padding-left: 10px;
	float: right;
}


/* Basic Structure ============================================================= */
#wrap{
    margin: 0 auto;
    position: relative;
    width: 1000px; }


	
    /* Content */
    article{
		float: left;
		width: 1000px; 
		height: 900px;
		overflow: hidden;
		}
		
	article3{
		float: left;
		width: 1000px; 
		height: 1200px;
		overflow: hidden;
		}
		


    #about_aside{
        
		padding: 0px 20px 0px 20px;
	    float: right;
	   	width: 230px;
		background-color: #0b0a0d;}
        
    /* Sidebar */
    aside{
        margin-left: 29px;
		padding: 0px 20px 0px 20px;
	    float: right;
	   	width: 230px;
		background-color: #0b0a0d;}
		

    /* Footer */
    footer{
		/*margin-top: 50px;*/
        float: left;
        width: 100%;
		height: 300px;
		background-image:url(../images/footer_bg.jpg); 
		background-repeat:repeat-x;
		text-align: center; }
		
	#footer_details{
		margin: 0 auto;
    	position: relative;
   		width: 100%; 
		float: left;		
		height: 100px;
		text-align: left }
		
	#detail1{
    	padding: 34px 35px 0px 35px;
		margin: 0 auto;
    	position: relative;
   		width: 875px; 
		height: 100px; }
		
	footer_email{
		width: 244px;
		float: left; 
		height: 54px; 	}
		 
		 
	icons{
		width: 220px;
		float: right; 
		height: 54px }
		

/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */

/* The H1 declarations - for @font-face presentational purposes only */
h1{ font: 88px 'Lobster1.1Regular', Arial, sans-serif; }
    h1 span{ font: 88px RalewayThin, Arial, sans-serif; letter-spacing: -4px }


.orange {
	color: #f15a24;
	
}

a {
   color: #FFF;
   text-decoration: underline;
   
   }