/*	Less Framework 4 with 16/24 type presets
			http://lessframework.com
			by Joni Korpi
			License: http://opensource.org/licenses/mit-license.php	*/
		
		
		
		/*	Resets
			------	*/
		
		html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
		p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
		img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
		dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
		table, caption, tbody, tfoot, thead, tr, th, td,
		article, aside, canvas, details, figure, figcaption, hgroup, 
		menu, footer, header, nav, section, summary, time, mark, audio, video {
			margin: 0;
			padding: 0;
			border: 0;
		}
		
		article, aside, canvas, figure, figure img, figcaption, hgroup,
		footer, header, nav, section, audio, video {
			display: block;
		}
		
		a img {border: 0;}
		
		
		
		/*	Typography presets
			------------------	*/
		
		.gigantic {
			font-size: 110px;
			line-height: 120px;
			letter-spacing: -2px;
		}
		
		.huge, h1 {
			font-size: 68px;
			line-height: 72px;
			letter-spacing: -1px;
		}
		
		.large, h2 {
			font-size: 42px;
			line-height: 48px;
		}
		
		.bigger, h3 {
			font-size: 26px;
			line-height: 36px;
		}
		
		.big, h4 {
			font-size: 22px;
			line-height: 30px;
		}
		
		body {
			font: 16px/24px Georgia, serif;
		}
		
		.small, small {
			font-size: 13px;
			line-height: 18px;
		}
		
		/* Selection colours (easy to forget) */
		
		::selection 	 	{background: rgb(255,255,158);}
		::-moz-selection 	{background: rgb(255,255,158);}
		img::selection 		{background: transparent;}
		img::-moz-selection	{background: transparent;}
		body {-webkit-tap-highlight-color: rgb(255,255,158);}
		
		
		
		/*		Default Layout: 992px. 
				Gutters: 24px.
				Outer margins: 48px.
				Leftover space for scrollbars @1024px: 32px.
		-------------------------------------------------------------------------------
		cols    1     2      3      4      5      6      7      8      9      10
		px      68    160    252    344    436    528    620    712    804    896    */
		
		body {
			width: 992px;
			padding: 7px 48px 84px;
			background-color: #666666;
			color: rgb(60,60,60);
			-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
		}
		
		
		header {
			background-color: #666666;
			/*background-image:  url("images/logo.png");*/
			background-repeat:no-repeat;
			background-position:right top;
			/*border-bottom: 1px solid #00ff00;*/
			color:#00FF00;
			font-size: 2em;
			text-align: center;
			margin-bottom:10px;
			min-height:100px;
		}
		div.table {
			display: table;
			width: 100%;
			min-height: 75px;
			border-bottom: 1px solid #00ff00;

			vertical-align:middle
		}
		
		article {
			background-color: #CCCCCC;
		}
		article #shadowLine {
			width: 700px;
			height: 5px;
			border: 0px;
		}		
		
		footer {
    position:fixed;
    bottom:0px;
    width:896px;
			background-color: #666666;
			color:#00ff00;
			text-align:center;
			border-top: 1px solid #00ff00;
			min-height:25px;
									margin: 5px 0px 5px 0px;

		}	
		
		iframe {
			width: 896px ;
			height: 504px;
		}
		
		
		/*		Tablet Layout: 768px.
				Gutters: 24px.
				Outer margins: 28px.
				Inherits styles from: Default Layout.
		-----------------------------------------------------------------
		cols    1     2      3      4      5      6      7      8
		px      68    160    252    344    436    528    620    712    */
		
		@media only screen and (min-width: 768px) and (max-width: 991px) {
		
			body {
				width: 712px;
				padding: 7px 7px 6px;
			}
		}
		
		
		
		/*		Mobile Layout: 320px.
				Gutters: 24px.
				Outer margins: 34px.
				Inherits styles from: Default Layout.
		---------------------------------------------
		cols    1     2      3
		px      68    160    252    */
		
		@media only screen and (max-width: 767px) {
		
			body {
				width: 252px;
				padding: 78px 7px 6px;
			}
		
		}
		
		
		
		/*		Wide Mobile Layout: 480px.
				Gutters: 24px.
				Outer margins: 22px.
				Inherits styles from: Default Layout, Mobile Layout.
		------------------------------------------------------------
		cols    1     2      3      4      5
		px      68    160    252    344    436    */
		
		@media only screen and (min-width: 480px) and (max-width: 767px) {
		
			body {
				width: 436px;
				padding: 6px 7px 7px;
			}
		
		}
		
		
		/*	Retina media query.
			Overrides styles for devices with a 
			device-pixel-ratio of 2+, such as iPhone 4.
		-----------------------------------------------    */
		
		@media 
			only screen and (-webkit-min-device-pixel-ratio: 2),
			only screen and (min-device-pixel-ratio: 2) {
		
			body {
		
			}
		
		}
		

}






		
	
		/*		Mobile Layout: 990px.
				Gutters: 24px.
				Outer margins: 28px.
				Inherits styles from: Default Layout.
		-------------------------------------------------------------------------------
		cols    1     2      3      4      5      6      7      8      9      10
		px      68    160    252    344    436    528    620    712    804    896    */
		
		@media only screen and (min-width:991px) and (max-width: 1100px) {
				
					body {
						width: 1050px;
						padding: 5px 5px 5px;
					}
					
					header {
						min-height:100px;
						/*background-image:  url("images/logo100.png");*/
					}
					
					footer {
						width: 950px;
					}
					
					iframe {
						width: 950px;
						height: 534px;
					}
				
		}
	





		
	
		/*		Mobile Layout: 960px.
				Gutters: 24px.
				Outer margins: 28px.
				Inherits styles from: Default Layout.
		-------------------------------------------------------------------------------
		cols    1     2      3      4      5      6      7      8      9      10
		px      68    160    252    344    436    528    620    712    804    896    */
		
		@media only screen and (min-width:960px) and (max-width: 990px) {
				
					body {
						width: 950px;
						padding: 5px 5px 5px;
					}
					
					header {
						min-height:100px;
						/*background-image:  url("images/logo100.png");*/
					}
					
					footer {
						width: 950px;
					}
					
					iframe {
						width: 950px;
						height: 534px;
					}
				
		}
		
		
	
		/*		Mobile Layout: 854px.
				Gutters: 24px.
				Outer margins: 28px.
				Inherits styles from: Default Layout.
		-------------------------------------------------------------------------------
		cols    1     2      3      4      5      6      7      8      9      
		px      68    160    252    344    436    528    620    712    804    */
		
		@media only screen and (min-width:854px) and (max-width: 959px) {
				
					body {
						width: 844px;
						padding: 5px 5px 5px;
					}
					
					header {
						min-height:100px;
						/*background-image:  url("images/logo100.png");*/
					}
					
					article #shadowLine {
						width: 790px;
					}		
					
					footer {
						width: 844px;

					}
					
					iframe {
						width: 844px;
						height: 475px;
					}
				
		}
		
		
		
	
		/*		Mobile Layout: 800px.
				Gutters: 24px.
				Outer margins: 28px.
				Inherits styles from: Default Layout.
		-------------------------------------------------------------------------------
		cols    1     2      3      4      5      6      7      8          
		px      68    160    252    344    436    528    620    712    */
		
		@media only screen and (min-width:800px) and (max-width: 853px) {
				
					body {
						width: 790px;
						padding: 5px 5px 5px;
					}
					
					header {
						min-height:90px;
						/*background-image:  url("images/logo90.png");*/
					}
					
					article #shadowLine {
						width: 740px;
					}		
					
					footer {
						width: 790px;
					}
					
					iframe {
						width: 790px;
						height: 444px;
					}
				
		}
		
		
	
		/*		Mobile Layout: 720px.
				Gutters: 24px.
				Outer margins: 28px.
				Inherits styles from: Default Layout.
		-----------------------------------------------------------------
		cols    1     2      3      4      5      6      7          
		px      68    160    252    344    436    528    620    */
		
		@media only screen and (min-width:720px) and (max-width: 799px) {
				
					body {
						width: 710px;
						padding: 5px 5px 5px;
					}
					
					header {
						min-height:90px;
						/*background-image:  url("images/logo90.png");*/
					}
					
					article #shadowLine {
						width: 660px;
					}		
					
					footer {
						width: 710px;
					}
					
					iframe {
						width: 710px;
						height: 399px;
					}
				
		}
		
		
	
		/*		Mobile Layout: 640px.
				Gutters: 24px.
				Outer margins: 28px.
				Inherits styles from: Default Layout.
		-----------------------------------------------------------------
		cols    1     2      3      4      5      6              
		px      68    160    252    344    436    528       */
		
		@media only screen and (min-width:640px) and (max-width: 719px) {
				
					body {
						width: 630px;
						padding: 5px 5px 5px;
					}
					
					header {
						min-height:90px;
						/*background-image:  url("images/logo90.png");*/
					}
					
					article #shadowLine {
						width: 580px;
					}		
					
					footer {
						width: 630px;
					}
					
					iframe {
						width: 630px;
						height: 356px;
					}
				
		}
		
		
	
		/*		Mobile Layout: 600px.
				Gutters: 24px.
				Outer margins: 28px.
				Inherits styles from: Default Layout.
		-----------------------------------------------------------------
		cols    1     2      3      4      5      6               
		px      68    160    252    344    436    528        */
		
		@media only screen and (min-width:600px) and (max-width: 639px) {
				
					body {
						width: 590px;
						padding: 5px 5px 5px;
					}
					
					header {
						min-height:80px;
						/*background-image:  url("images/logo80.png");*/
					}
					
					article #shadowLine {
						width: 540px;
					}		
					
					footer {
						width: 590px;
					}
					
					iframe {
						width: 590px;
						height: 332px;
					}
				
		}
		
		
		
	
		/*		Mobile Layout: 540px.
				Gutters: 24px.
				Outer margins: 28px.
				Inherits styles from: Default Layout.
		-----------------------------------------------------------------
		cols    1     2      3      4      5         
		px      68    160    252    344    436        */
		
		@media only screen and (min-width:540px) and (max-width: 599px) {
				
					body {
						width: 530px;
						padding: 5px 5px 5px;
					}
					
					header {
						min-height:70px;
						/*background-image:  url("images/logo70.png");*/
					}
					
					article #shadowLine {
						width: 480px;
					}		
										
					footer {
						width: 530px;
					}
					
					iframe {
						width: 530px;
						height: 298px;
					}
				
		}
		
		
	
		/*		Mobile Layout: 480px.
				Gutters: 24px.
				Outer margins: 28px.
				Inherits styles from: Default Layout.
		-----------------------------------------------------------------
		cols    1     2      3      4      5                
		px      68    160    252    344    436        */
		
		@media only screen and (min-width:480px) and (max-width: 539px) {
				
					body {
						width: 470px;
						padding: 5px 5px 5px;
					}
					
					header {
						min-height:50px;
						/*background-image:  url("images/logo50.png");*/
					}
					
					article #shadowLine {
						width: 420px;
						height: 4px;
					}		
					
					footer {
						width: 470px;
					}
					
					iframe {
						width: 470px;
						height: 264px;
					}
				
		}
		
		
	
		/*		Mobile Layout: 360px.
				Gutters: 24px.
				Outer margins: 28px.
				Inherits styles from: Default Layout.
		-----------------------------------------------------------------
		cols    1     2      3         
		px      68    160    252     */
		
		@media only screen and (min-width:10px) and (max-width: 479px) {
				
					body {
						width: 350px;
						padding: 5px 5px 5px;
					}
					
					header {
						min-height:50px;
						/*background-image:  url("images/logo50.png");*/
					}
					article #shadowLine {
						width: 300px;
						height: 4px;
					}		
										
					footer {
						width: 350px;
					}
					
					iframe {
						width: 350px;
						height: 200px;
					}
				
		}
		
		
		@media only screen  and (max-width:900px)  and (orientation: landscape) {
				header, footer {
						display: none ;
				}
		}