@font-face {
				
				font-family: Chino;
				src: url(Resources/font/ChinoITCStd-Regular.otf);
				
			}
			
			@font-face {
				
				font-family: Geogrotesque;
				src: url(Resources/font/Geogrotesque-Medium.otf);
				src: url(Resources/font/geogrotesque-medium-webfont.svg);
				src: url(Resources/font/geogrotesque-medium-webfont.eot);
				src: url(Resources/font/geogrotesque-medium-webfont.woff);
				
			}

			@font-face {
				
				font-family: Zag;
				src: url(Resources/font/Zag_Bold.otf);
				
			}

	        html, body 
	        {            
	        margin: 0; 
	        padding: 0;	  
	        height: 100%;
	        width: 100%;          
			
			background: rgb(255,255,255); /* Old browsers */
	        }
			
			/*
			"#3F8FD2"; //blue
			"#0B5FA5"; //darker blue
			#FF8700 //orange
			*/

			a, a img
			{
			outline: 0;
			border: 0;
			}
	            
	        #wrapper            
	        {
			width: 100%;
			margin: 0px auto;
			display: block;
			
			background-image:url(images/brushed_alu.png);
			background-repeat:repeat;

		    }     
	            
	        #top
		    { 
			position: relative; 
			width: 960px; 
			height: 600px; 
			display: block; 
			background-image: url("images/bkground.png");  /*960px × 600px*/
			/*background-image: url("images/whiteback.png");*/
			
			background-repeat: no-repeat;
			background-position: center;
			background-position:bottom;
			
			
			margin-left: auto;
			margin-right: auto;
			
			}

			#heading
			{
				
				display: block;
				background-color: #333;
				background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#333));
				background-image: -webkit-linear-gradient(top, #555, #333);
				background-image: -moz-linear-gradient(top, #555, #333);
				background-image: -ms-linear-gradient(top, #555, #333);
				background-image: -o-linear-gradient(top, #555, #333);
				background-image: linear-gradient(top, #555, #333);  
				-moz-box-shadow: 0 5px 5px #000;
				-webkit-box-shadow: 0 5px 5px #000;
				box-shadow: 0 5px 5px #000;  
				padding: 10px 0;
				overflow: hidden;
				position: fixed;
				width: 100%;
				filter:alpha(opacity=90);
  				/* CSS3 standard */
  				opacity:0.9;
				z-index: 100;


			}

			.menu span
			{
        	font-family: 'Calibri','Ariel';
			font-size: 16px;    
			font-weight: normal;
			font-style: italic;
			color: #aaaaaa;
			
			}

			.logo
			{
				
				float: left;
				display: block;
				overflow: hidden;
				margin-right: 0 px;
				margin-top: -10px;
				margin-bottom: -15px;
				margin-left: 50px;
				
				/*padding: -100px;*/
			}

			.menu
			{
				
			float: right;
			display: block;
			margin-right: 50px;

			}

			.menu a
			{
        	font-family: 'Calibri','Ariel';
			font-size: 28px;    
			font-weight: normal;
			font-style: normal;
			color: #FF8700;	
			
			text-decoration: none;
			} 
			
			.menu a:hover
			{
			color: #514e4e;	
			}
			
			.menublock
			{
			float: left;
			height: 50px;	
			display: block;
			padding: 0px 20px 10px 20px;
			margin: 10px 0px 0px 0px;
			border-right: 1px solid #000000;
			}

			.menublock2
			{
			float: left;
			height: 45px;	
			display: block;
			padding: 0px 20px 10px 20px;
			margin: 10px 0px 0px 0px;			
			}

			.menublock p, .menublock2 p
			{
			line-height: 14px;
			text-align: right;
			}
			
			.intro p
			{
			font-family: 'Geogrotesque','Calibri','Chino','Ariel';
			font-size: 48px;    
			font-weight: normal;
			font-style: normal;
			line-height: 80px; 
			text-decoration: none;
			/*
			color: #3F8FD2;
			color: #aaaaaa;
			color: #0B5FA5;*/
			color: #FF8700;
			
			}            

			#content
			{
				width: 100%;
				/* For IE */
				left: 0;
				height: 700px;
				/*background-color: #1f1f1f;*/
				border-top: 4px solid #0B5FA5;
				border-bottom: 4px solid #0B5FA5; 
				
				z-index: 100;
				margin-bottom: 30px;
				padding-top: 40px;
				
				background-color: #333;
				background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#333));
				background-image: -webkit-linear-gradient(top, #555, #333);
				background-image: -moz-linear-gradient(top, #555, #333);
				background-image: -ms-linear-gradient(top, #555, #333);
				background-image: -o-linear-gradient(top, #555, #333);
				background-image: linear-gradient(top, #555, #333);  
				-moz-box-shadow: 0 5px 5px #000;
				-webkit-box-shadow: 0 5px 5px #000;
				box-shadow: 0 5px 5px #000;
				
				background-image:url(images/carbon_fibre_v2.png);
			}
				
			
			#gallery 
			{
			padding: 20px 20px 20px 20px;
			position:relative;
			width: 50%;
			/*text-align: center;*/
			
			margin-left: auto;
			margin-right: auto;
			display: block;
			height:150px;
			}
			
			
			.tag 
			{
			position:relative;
			width: 960px;
			margin-left: auto;
			margin-right: auto;
			display: block;			
			}
			
			.tag a
			{
			text-decoration: none;
			color: #aaaaaa;				
			}
			
			
			#gallery p
			{
			text-align: left;				
			}
			
			#gallery a 
			{
			/*float:left;*/
			margin: 20px,20px,20px,20px;
			text-align: center;
			position:absolute;
			font-family: 'Calibri';
			font-size: 50px;    
			font-weight: normal;
			font-style: normal;
			color: #aaaaaa;	
			text-decoration: none;
			}
			
							
			#gallery a.show 
			{
			z-index:99;
			}
			
			h1
			{	
				color: #FF8700;
				font-size: 60px;
				text-align: center;
				font-family: 'Geogrotesque','Calibri','Ariel';
				font-weight: normal;
				font-style: normal;
				margin-top: 0px;
			}
			h2
			{	
				color: #FF8700;
				font-size: 50px;
				text-align: center;
				font-family: 'Geogrotesque','Calibri','Ariel';
				font-weight: normal;
				font-style: normal;
				margin-top: 0px;
				margin-bottom: 40px;
			}
			h3
			{	
				color: #FF8700;
				font-size: 30px;
				text-align: center;
				font-family: 'Geogrotesque','Calibri','Ariel';
				font-weight: normal;
				font-style: normal;
			}
			
			.tagbox
			{
			width: 300px;
			float: left;
			margin: 0px 3px;
			text-align:left;
			margin-left:8px;
			margin-right: 8px;
			
			}
			
			
			.tagbox p img
			{
				margin-left: 30px;
					
			}
			
			#test_pic
			{
				height: 400px;
				width: 200px;
				margin-left: 50px;
			}
			
			#mail
			{
				margin-left: 50px;
			}
			#fbbig, #twitbig
			{
				margin-left: 50px;
			}
			
			.tagbox h2
			{
			margin:  0px 0px 2px 0px;
			font-family: 'Geogrotesque','Calibri','Ariel';
			font-size: 50px;    
			font-weight: normal;
			font-style: normal;
			color: #FF8700;
			
			}
			
			tagbox, .tagbox p, .tagbox ul
			{
        	font-family: 'Calibri','Ariel';			
			font-size: 18px;    
			font-weight: normal;
			font-style: normal;
			line-height: 18px;
			color: #aaaaaa;
			}

			.tagline
			{
			float: left;
			margin: 0px 0px;	
			
			}
			/*
			.tagline p
			{
				padding: 20px;
				text-align: center;
				width: 200px;
				float: left;
			}*/
			
			.footerline
			{
			float: left;
			margin-left: 10px;
			margin-right: 10px;	
			}
			

			
			
			.content_about
			{
				display: none;
			}
			
			.content_training
			{
				display: none;
			}		
			.content_contact
			{
				display: none;
			}	
			
			#repslogo img
			{
				width: 125px;
				height: 125px;
				float: left;
				margin-top:30px;
				
				padding: 10px;
				bottom: 0px;
				
				
			}
			#premlogo img
			{
				width: 300px;
				height: 75px;
				float: right;
				
				padding: 10px;
				
			}
			
			#thegymlogo
			{

				margin-left: 20px;
				
				
			}
			
			#footer
			{
			width: 960px;
			position: relative;
			margin: 0px auto;
			font-size:20px;
			
  			background-image:url(images/brushed_alu.png);
			background-repeat:repeat;
			
		
			}
			
			table
			{
				width: 400px;
				height: 260px;
				border:1px solid transparent;
			}
			
			input, textarea {  
				padding: 9px;  
				border: solid 1px #E5E5E5;  
				outline: 0;  
				font: normal 13px/100% Calibri, Tahoma, sans-serif;  
				width: 200px;  
				background: #FFFFFF; 
				cursor: text; 
				border-bottom-color: #C9C9C9;
				border-right-color: #C9C9C9;
				
				box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    			-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
				-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
				
				background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
   				background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); 
				
			}  
			
			input:hover, textarea:hover,  
			input:focus, textarea:focus 
			{  
				border-color: #C9C9C9;
				-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; 
				/*border-top-color: #aaaaaa;
				border-left-color: #aaaaaa;*/

			}  
			  
			.form label 
			{  
				margin-left: 10px;  
				color: #999999;  
			}  
			  
			.submit input 
			{  
				width: auto; 
				
				padding: 9px 15px;  
				/*background: #617798;  */
				border: 1px;  
				font-size: 14px;  
				color: #000000;  
				-moz-border-radius: 5px;  
				-webkit-border-radius: 5px; 
				font-family: Calibri;
				margin-right: 50px;
				cursor:pointer;
				
				
				background: rgb(6,108,204); /* Old browsers */
				background: -moz-linear-gradient(top, rgba(6,108,204,1) 0%, rgba(27,98,124,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(6,108,204,1)), color-stop(100%,rgba(27,98,124,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, rgba(6,108,204,1) 0%,rgba(27,98,124,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, rgba(6,108,204,1) 0%,rgba(27,98,124,1) 100%); /* Opera11.10+ */
				background: -ms-linear-gradient(top, rgba(6,108,204,1) 0%,rgba(27,98,124,1) 100%); /* IE10+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066ccc', endColorstr='#1b627c',GradientType=0 ); /* IE6-9 */
				background: linear-gradient(top, rgba(6,108,204,1) 0%,rgba(27,98,124,1) 100%); /* W3C */
				
				box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    			-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
				-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
				 
				
			}  
			
			/*

			#footer textarea.styled, input.styled 
			{
			/*background: #466FD5;
			border: 1px solid #06246F;
			overflow: auto;
			color: #06246F;
			}*/

			#footer tr
			{
			font-family: 'Calibri','Ariel';
			font-weight: normal;
			font-style: normal;
			/*font-size: 20px;*/
			text-decoration: none;
			color: #FF8700;
			}
			
			.media a
			{
				font-family: 'Calibri','Ariel';
				font-weight: normal;
				font-style: normal;				
				text-decoration: none;
				color: #FF8700;
				margin: 2px;
				
			}
			
			.media 
			{
				width: 200px;
				float: left;
				color: #FF8700;
				margin: 0px 3px;
				margin-top: 50px;	
				margin-left: 20px;	
			
			}


			textarea.styled, input.styled
			{
        	font-family: 'Calibri','Ariel';		
			font-size: 16px;    
			font-weight: normal;
			color: #FF8700;
			}

			.contactform
			{
			display: block;
			float: left;
			margin-top: 40px;
			/*padding: 10px;*/
				
			}
			
			.flogo
			{
				display: block;
				float: right;
				margin-top: 20px;
			}
			
				
			#primary
			{
			position: absolute;
			top: 15px;
			right: 35px;
			z-index: 100;
			color: #35C0CD;
    		padding: 15px 35px;		
			}	
			
			.intro_right
			{
				margin-top: 250px;				
				/*margin-right: 40px;*/
				float: right;
				width: 310px;
				
			}
			.intro_left
			{
				margin-top: 250px;
				margin-left: 40px;
				float: left;
				text-align: left;
			}
			
			
			#secondary 
			{
			position: absolute;
			top: 15px;
			left: 35px;
			z-index: 100;
			color: #35C0CD;
    		}
			
			#secondary h1
			{
			font-family: 'Geogrotesque','Ariel';
			font-weight: normal;
			font-style: normal;
			font-size: 38px;
			text-decoration: none;
			color:#35C0CD;	
			}
			
			#primary h1
			{
			font-family: 'Geogrotesque','Ariel';
			font-weight: normal;
			font-style: normal;
			font-size: 30px;
			text-decoration: none;
			color: #35C0CD;
			}
			
			#primary p
			{
        	font-family: 'Calibri','Ariel';			
			font-size: 16px;    
			font-weight: normal;
			font-style: italic;
			color: #35C0CD;
			}
		
			#secondary p
			{
        	font-family: 'Calibri','Ariel';		
			font-size: 16px;    
			font-weight: normal;
			font-style: normal;
			color: #fff;
			}
			
			#secondary h3
			{
			font-family: 'Calibri','Ariel';
			font-weight: normal;
			font-style: normal;
			font-size: 30px;
			text-decoration: none;
			color: #35C0CD;
			}		
			
			.success 
			{
				display: none;
			}
			
			.contentwrap
			{
				margin: 0px, 3px;
				
			}
			
			.contentbox1
			{
				width: 25%;
				/*background-color: #aaaaaa;*/
				float: left;
				color: #006;
				margin: 40px;
				margin-left: 60px;
				

			}
			
			.contentbox
			{
				width: 25%;
				/*background-color: #aaaaaa;*/
				float: left;
				color: #006;
				margin: 40px;
				background: #ffffff; /*fallback for IE*/
				background: -moz-linear-gradient(top, #f1f1f1, #fff 15%);
				background: -webkit-gradient(linear, 0 0, 0 15%, from(#f1f1f1), to(#fff));
				
				box-shadow: 10px 10px 5px #999;
				-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
				-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
				
			}
			
			.contentbox p 
			{
				color: #000;
			}
			
			.contentbox2
			{
				width: 25%;
				/*background-color: #aaaaaa;*/
				float: right;
				color: #006;
				margin: 40px;
				margin-right: 60px;


			}
						
						
			.copyright
			{
				position:absolute;
				right:-10px;
				top: 300px;
				text-align: right;
				font-size:10px;
			}
			
			.back
			{
			z-index: -100;					
			}