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

@font-face {
    font-family: 'NovecentowideLightRegular';
    src: url('Novecentowide-Light-webfont.eot');
    src: url('Novecentowide-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Novecentowide-Light-webfont.woff') format('woff'),
         url('Novecentowide-Light-webfont.ttf') format('truetype'),
         url('Novecentowide-Light-webfont.svg#NovecentowideLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RalewayThin';
    src: url('raleway_thin-webfont.eot');
    src: url('raleway_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('raleway_thin-webfont.woff') format('woff'),
         url('raleway_thin-webfont.ttf') format('truetype'),
         url('raleway_thin-webfont.svg#RalewayThin') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'droid_sansbold';
    src: url('droidsans-bold.eot');
    src: url('droidsans-bold.eot?#iefix') format('embedded-opentype'),
         url('droidsans-bold.woff') format('woff'),
         url('droidsans-bold.ttf') format('truetype'),
         url('droidsans-bold.svg#droid_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'droid_sansregular';
    src: url('droidsans.eot');
    src: url('droidsans.eot?#iefix') format('embedded-opentype'),
         url('droidsans.woff') format('woff'),
         url('droidsans.ttf') format('truetype'),
         url('droidsans.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'droid_sans_monoregular';
    src: url('droidsansmono.eot');
    src: url('droidsansmono.eot?#iefix') format('embedded-opentype'),
         url('droidsansmono.woff') format('woff'),
         url('droidsansmono.ttf') format('truetype'),
         url('droidsansmono.svg#droid_sans_monoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../images/background.jpg);
	background-color: #fff;
	margin: 0;padding: 0;}
	
.home_menuNav {height: auto; width: 370px;float: left; margin:40% 0 0 15px; font-size: 12px;line-height: 25px;}
	.brown { color:#fff}
	.under { width:350px; height:auto; padding:10px; float:left; margin:10px 0 0 10px; font:12px/20px 'NovecentowideLightRegular'; color:#FFF; text-transform:uppercase; background-color:#000}

	.home_menuNav li { width:190px; height:auto;float:left; font:120px/90px 'NovecentowideLightRegular';color: #92764E; font-weight:lighter; display:block; margin-bottom:5px;list-style:none;text-shadow: 1px 1px 1px #000; letter-spacing:-10px}
				
				
	.text { font:12px/18px Arial, Helvetica, sans-serif; color:#666;text-decoration:none;}
	.text a { font:12px/18px Arial, Helvetica, sans-serif; color:#666; text-decoration:none;}
	.text a:hover { font:12px/18px Arial, Helvetica, sans-serif; color:#666; text-decoration:underline;}
	
		.home_menu	{width: 200px; float: left; height: auto;margin-left: 255px;margin-top: 40px;font-size: 12px;font-weight: lighter;color: #3B3421;line-height: 25px;letter-spacing: 1px;}			
		.menu	{ width: 220px;height: auto; float: left; font-size: 12px;font-weight: lighter;color: #3B3421;line-height: 25px;letter-spacing: 1px;margin-top: 30px;}
		.menu a	{color: #2C150F; text-decoration: none;}
		.menu a:hover {color: #960; text-decoration: none;}
		.home_wrapper { width: 1200px;height: 100%; border-top: 0; vertical-align: bottom; margin-top: 0px; margin: auto; background-image: url(../images/background_home.jpg); background-color: #1a1a11; background-repeat: repeat-y;background-position: left top;position:absolute; bottom:0;}

	.home_image	{ float:left; height: auto; min-height: 600px; width: 1200px;background-repeat: no-repeat;background-position: left bottom;position:absolute;bottom:0;}
	.home_menu_wrapper	{ width:960px; height:auto; position:relative; background:url(../images/tint.png); margin:0px auto 0 auto; z-index:2000000; overflow:hidden;}



/*page structure starts */
/*un used */
{;background: #fff;background: rgba(255,255,255,0.9); -moz-box-shadow:0px 0px 1px 0px #000; -webkit-box-shadow: 0px 0px 1px 0px #000;box-shadow: 0px 0px 1px 0px #000;}

	#header{position: absolute ;z-index: 2000;width:960px;}
		.logoWrape { width:960px; height:100px; float:left;}
		 .logo { width:260px; height:114px; float:left; background: url(../images/logo.png) no-repeat; margin:0 350px;-webkit-transition: all .9s ease;
				 -moz-transition: all .9s ease; -ms-transition: all .9s ease; -o-transition: all .9s ease; transition: all .9s ease;}
		  .logo:hover { background: url(../images/logo-hover.png) no-repeat;}
		
			#navigation { width: 960px; height:58px; display:block; list-style:none; z-index:3; background: url(../images/nav-background.png) no-repeat; float:left;}
				#navigation a {color: #444;display: block; line-height:43px; float:left; padding: 0px 20px;text-transform: uppercase; margin-bottom: 6px;box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
				 font:0.7em/43px 'droid_sans_monoregular', Arial, Helvetica, sans-serif; letter-spacing:0.2em; text-decoration:none; -webkit-transition: all .9s ease;
				 -moz-transition: all .9s ease; -ms-transition: all .9s ease; -o-transition: all .9s ease; transition: all .9s ease;}
				#navigation a:hover {background: #fff;}

	.maiNfuturedImage { width:940px; border:10px solid #e3e3e3; float:left;}
	.content { top:160px;position: relative; background:url(../images/bodyBg.png) repeat-x;  float:left;}
	
	   h1 { font:4em/55px 'RalewayThin', Arial, Helvetica, sans-serif; letter-spacing:-0.1em; color:#333; margin:5px 0;}
	   p { font:12px/20px 'droid_sansregular', Arial, Helvetica, sans-serif; color:#B7B7B7;}
	   h2 { width:97%; font:2em/20px 'RalewayThin', Arial, Helvetica, sans-serif; color:#333; margin:10px 0; padding:5px 0; border-bottom:5px solid #666;}
	   h3 { width:98%; font:2em/25px 'RalewayThin', Arial, Helvetica, sans-serif; color:#999; margin:10px 0; padding:10px 10px 5px 10px;}
	   h4 { width:100%; font:1.5em/20px 'RalewayThin', Arial, Helvetica, sans-serif; color:#fff; margin:10px 0; padding:5px 0; border-bottom:5px solid #666;}
		
	.panel { width:960px; min-height: 100%;position: absolute; box-shadow: 4px -4px 4px rgba(0,0,0,0.2);margin-left: -102%;z-index:2; background-color:#FFF;
			-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;-ms-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
			
	.panel:target{ margin-left: 0%;}
	#home:target ~ #header #navigation #link-home,
	#portfolio:target ~ #header #navigation #link-portfolio,
	#about:target ~ #header #navigation #link-about,
	#contact:target ~ #header #navigation #link-contact{background: #000;color: #fff;}
		#works {padding: 15px 0px;}
		#works li{display: inline;}
		#works li a{padding-right: 10px;}
		#works img {box-shadow: 1px 1px 2px rgba(0,0,0,0.3);padding: 12px; background: rgba(255,255,255,0.9);}
			#form p{background: #fff;color: #000}
			#form input, #form textarea{background: #000;color: #fff;border: none;}
			#form textarea{width: 493px;height: 100px;}
			#form label{padding-right: 10px;float: left;}
			.footnote a{color: #ddd;}
			
			.readthis { width:140px; height:40px; float:left; text-align:center;}
			.readthis a { width:120px; height:30px; float:left; text-align:center; background-color:#fff; box-shadow: 1px 1px 2px rgba(0,0,0,0.2); margin:10px; text-transform:uppercase; font:0.7em/30px 'droid_sans_monoregular', Arial, Helvetica, sans-serif; color:#666; letter-spacing:0.2em; text-decoration:none; -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -ms-transition: all .9s ease; -o-transition: all .9s ease; transition: all .9s ease; text-decoration:none;}
			.topTagline { width:auto; height:auto; position:absolute; right:30px;top:20px;font:16px/24px 'BebasNeueRegular', Times, serif; color:#999;}
	 .theForm { width:370px; height:auto; float:left; margin:10px 20px 10px 0; padding: 0 0 20px 0; border-bottom:15px solid #3c4141;}
		  .formFields { width:120px; height:24px; float:left; background-color:#3c4141; border:none; margin:0 10px 0 0; font:11px/24px Arial, Helvetica, sans-serif; color:#CCC; padding:0 0 0 10px;border:none;}
		  .loginSubmit { width:100px; height:24px; float:left;font:11px/24px Arial, Helvetica, sans-serif; color:#333; text-align:center; border:none; background:#FFF!important; margin:0 0 0 -10px; cursor:pointer; -webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;-ms-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
	 		 .loginSubmit:hover {color:#fff; background:#666!important;}
	 
	 .theFormRecording { width:500px; height:auto; float:left;}
	 		.formFieldsRecording { width:200px; height:30px; float:left; background-color:#1f1f1f; border:none; margin:0 10px 10px 0; font:11px/24px Arial, Helvetica, sans-serif; color:#CCC; padding:0 0 0 10px;border:none;}
			
			.loginSubmitRecording { width:100px; height:24px; float:left;font:11px/24px Arial, Helvetica, sans-serif; color:#333; text-align:center; border:none; margin:0 0 0 3px;}
			textarea { width:420px; height:150px; float:left; background-color:#1f1f1f; border:none; margin:0 10px 10px 0; font:11px/24px Arial, Helvetica, sans-serif; color:#CCC; padding:0 0 0 10px;border:none;}
			
	
			.white { color:#FFF;}
			.blockAds { width:140px; height:315px; float:left; background-color:#FFF;box-shadow: 1px 1px 2px rgba(0,0,0,0.2); margin:0 12px 10px 0; -webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;-ms-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
			.blockAdsCD { width:444px; height:315px; float:left; margin:0 12px 10px 0; -webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;-ms-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
			
			.blockAds:hover { background-color:#616161;}
			
			.pictureTab { width:140px; height:140px; float:left; background-color:#036;}
			.supporSection { width:100%; height:140px; float:left;}
			
			.backliningtop { width:960px; height:126px; background:url(../images/line-back.jpg) repeat-x; margin:-10px 0 0 -10px;}
				.backliningtop li { width:239px; height:126px; float:left; border-right:1px solid #CCC; list-style:none;-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;-ms-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
				.backliningtop li:hover { background: url(../images/patterns/overlay1.png); background-color:#666;}
				
				.socialMedia { width:510px; height:33px; float:right ; margin:10px 0px 10px 10px; padding:0 0 10px 0; border-bottom:15px solid #3c4141;}
				 .facebook{width:170px; height:30px; float:left; margin:0 20px 0 0}
				.facebook a {width:170px; height:30px; display:block; float:left; background:url(../images/facebook.png) -0px -0px no-repeat;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
						.facebook a:hover {background-position: -170px -0px}
						
				.twitter {width:170px; height:30px; float:left; margin-left:10px;}
				.twitter a {width:170px; height:30px; display:block; float:left; background:url(../images/twitter-tag.png) -0px -0px no-repeat;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
						.twitter a:hover {background-position: -170px -0px}
						
				
				.backliningtop li:nth-child(4) { border-right:none;}
					.backliningtop li .iconTop { width:239px; height:85px; float:left; text-align:center;}
                    .backliningtop li .readmoreBTN { width:239px; height:40px; float:left; text-align:center;}
					.backliningtop li .readmoreBTN a { width:180px; height:30px; float:left; text-align:center; background-color:#fff; box-shadow: 1px 1px 2px rgba(0,0,0,0.2); margin:0 0 0 28px; text-transform:uppercase; font:0.7em/30px 'droid_sans_monoregular', Arial, Helvetica, sans-serif; color:#666; letter-spacing:0.2em; text-decoration:none; -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -ms-transition: all .9s ease; -o-transition: all .9s ease; transition: all .9s ease; text-decoration:none;}
	
	 .bodyWrape { width:940px; height:auto; float:left; margin:10px;}
       .leftArticle { width:439px; height:370px; float:left; padding:20px; border-bottom:1px solid #EEE; border-right:1px solid #eee; margin:10px 0 10px -10px;}
	   .rightArticle { width:460px; height:370px; float:left; padding:20px 0px 20px 20px; border-bottom:1px solid #EEE; margin:10px -10px 10px 0px;}
	   .leftArticleColoured { width:439px; height:370px; float:left; padding:20px; border-bottom:20px solid #1d1d1b; border-right:1px solid #000; background-color:#3d3b3c; margin:10px 0 10px -10px;}
	   .rightArticleColored { width:460px; height:370px; float:left; padding:20px 0px 20px 20px; border-bottom:20px solid #1d1d1b; margin:10px -10px 10px 0px; background-color:#524b45;}
	   
	   
	   
	    .leftArticlelonger { width:439px; height:570px; float:left; padding:20px; border-bottom:20px solid #1d1d1b; border-right:1px solid #000; margin:10px 0 10px -10px; background-color:#3d3b3c;}
	   .rightArticlelonger { width:440px; height:570px; float:left; padding:20px 20px 20px 20px; border-bottom:20px solid #1d1d1b; margin:10px -10px 10px 0px; background-color:#524b45;}
	   
	   .darkPotion { width:920px; height:180px; float:left; background:url(../images/waves-bg.jpg) no-repeat; margin:0 0 0 -10px; padding:20px}
	  			.homeVideos { width:100%; height:300px; float:left; background:url(../images/home-support.png) no-repeat; padding:5px; box-shadow: 1px 1px 2px rgba(0,0,0,0.2);}
	
	footer { width:100%; height:120px; margin:0 auto; background:url(../images/waves-bg-2.jpg); float:left; position:relative; z-index:90000}
		.footerCover { width:960px; height:100px; margin:0 auto;}
		footer ul { width:920px; height:30px; float:left; background-color:#1c1e1f; margin:30px 0 10px 0;}
		footer ul li { width:auto ; height:30px; float:left; text-transform:uppercase; font:0.7em/30px 'droid_sans_monoregular', Arial, Helvetica, sans-serif; color:#666; letter-spacing:0.2em; list-style:none;}
		footer ul li:nth-child(6) { float:right; letter-spacing:0; margin-right:20px; font:0.6em/30px 'droid_sans_monoregular', Arial, Helvetica, sans-serif; letter-spacing:1px;}
		
		footer ul li a { width:auto ; height:30px; float:left; background-color:#1c1e1f; box-shadow: 1px 1px 2px rgba(0,0,0,0.2); margin:0 1px; text-transform:uppercase; font:0.7em/30px 'droid_sans_monoregular', Arial, Helvetica, sans-serif; color:#fff; padding:0 10px; text-decoration:none; -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -ms-transition: all .9s ease; -o-transition: all .9s ease; transition: all .9s ease; text-decoration:none; list-style:none; }
		
		footer ul li a:hover { background-color:#666; color:#fff; padding:0 10px;}