/*
At 2012-02-11T06:08:10+00:00
Scaled Colour is : 45
Scaled hour: 6
*/*
{
	border:					0px;
	padding:				0px;
	margin:					0px;
}

body
{
	background-color:		 	black;
	background-image:			url('http://www.gestaltweb.me.uk/full/img/wallpaper/bodygradient.png') repeat-x;
	background-image: 			-moz-linear-gradient( rgba(0, 153, 255, 1), rgba(0, 102,210, 1) );
	background-image: 			-webkit-gradient( linear, 0 0, 0 100%, from(rgba(0, 153, 255, 1)), to(rgba(0, 102,210, 1)) );
	background-size:			100%;
	background-attachment:		fixed;

}

#frontpage
{
	z-index:									2;
	position: 									fixed;
	background-color:							transparent;
	left:										-300px;
	top:										-150px;
	width:										800px;
	height:										600px;
	opacity:									0.25;	
}

#menu
{
	z-index:									5;
	position:									fixed;
	background-color:							white;
	background-attachment:						fixed;
	opacity:									0.95;
	
	border:				    					solid 4px rgb(204,0,0);

	
	left:										0.5%;
	top:										96px;
	width:										15%;
	height:										auto;
	padding:									0;
	
	-moz-box-shadow:							rgb(0,0,0) 0 4px 8px;
	-webkit-box-shadow:							rgb(0,0,0) 0 4px 8px;
	 box-shadow:								rgb(0,0,0) 0 4px 8px;
	 
	-moz-border-radius:							12px;
	-webkit-border-radius:						12px;
	 border-radius:								12px;
	 
}

div#masthead
{
	z-index:									10;
	position:									absolute;
	background-color:							transparent;
	/*background-image:							url('http://www.gestaltweb.me.uk/full/img/wallpaper/masthead-bg.png');*/
	background-repeat:							repeat-x;
	background-position:						0 0;
	opacity:									1.0;
	left:										0;
	top:										32px;
	width:										100%;
	height:										64px;
	text-align:									right;
	vertical-align:								top;
	margin:										0;
	padding:									0;
	
}

div#content
{
	z-index:									5;

	background-color:							white;
	background-image:							none;
	background-repeat:							no-repeat;
	
	padding:            						0;
	opacity:									1.0;
	position:									absolute;
	left:										16.5%;
	top:										96px;
	width:										64%;
	
	height:										auto;
	overflow:									auto;
	
	border:										solid 4px rgb(224,224,0);
	
	-moz-box-shadow:							rgb(0,0,0) 0 4px 8px;
	-webkit-box-shadow:							rgb(0,0,0) 0 4px 8px;
	 box-shadow:								rgb(0,0,0) 0 4px 8px;
	 
	-moz-border-radius:							12px;
	-webkit-border-radius:						12px;
	 border-radius:								12px;
}

div.inner_pad
{
	margin:             						0;
	padding:									1em;
}


@media only screen and (max-device-width: 480px) {
	div#submenu {
		visibility: hidden;
	}
}
div#submenu
{
	z-index:									5;

	position:									absolute;
	left:										81.5%;
	top:										96px;
	width:										17%;
	
	height:										auto;
	overflow:									auto;
	
	background-color:							rgb(240,240,240);
	border:										solid 4px rgb(0,204,51);

	
	opacity:									1.0;
	padding:									0;
	margin-top:									0;	

	-moz-box-shadow:							rgb(0,0,0) 0 4px 8px;
	-webkit-box-shadow:							rgb(0,0,0) 0 4px 8px;
	 box-shadow:								rgb(0,0,0) 0 4px 8px;
	 
	-moz-border-radius:							12px;
	-webkit-border-radius:						12px;
	 border-radius:								12px;

}

div#social-links
{
	visibility:									hidden;
	z-index:									10;

	position:									absolute;
	left:										15%;
	top:										240px;
	width:										160px;
	
	height:										auto;
	overflow:									auto;
	
	background-color:							white;
	border:										solid 8px rgb(0,51,153);
	border-top:									solid 8px rgb(0,51,153);
	border-bottom:								solid 8px rgb(0,51,153);
	
	opacity:									1.0;
	padding:									0 1em 0 1em;
	margin-top:									0;	

	-moz-box-shadow:							rgba(0,0,0,0.8) 0 8px 8px;
	-webkit-box-shadow:							rgba(0,0,0,0.8) 0 8px 8px;
	 box-shadow:								rgba(0,0,0,0.8) 0 8px 8px;
	 
	-moz-border-radius:							16px;
	-webkit-border-radius:						16px;
	 border-radius:								16px;
}

div#qr_code
{
	display:									none;
	visibility:									visible;
	z-index:									10;

	position:									absolute;
	right:										19%;
	top:										240px;
	width:										200px;
	
	height:										auto;
	overflow:									auto;
	
	background-color:							#f0f0f0;
	border:										solid 8px rgb(0,51,153);
	border-top:									solid 8px rgb(0,51,153);
	border-bottom:								solid 8px rgb(0,51,153);
	
	opacity:									1.0;
	padding:									0 1em 0 1em;
	margin-top:									0;	

	-moz-box-shadow:							rgba(0,0,0,0.8) 0 8px 8px;
	-webkit-box-shadow:							rgba(0,0,0,0.8) 0 8px 8px;
	 box-shadow:								rgba(0,0,0,0.8) 0 8px 8px;
	 
	-moz-border-radius:							16px;
	-webkit-border-radius:						16px;
	 border-radius:								16px;
}

#sidebar_text 
{
	opacity:									1.0;
	padding:									4px;
	z-index:									6;
}


#main
{
	padding:									1em 2em 1em 2em;
}

#footer
{
	position:									fixed;
	vertical-align:								text;
	width:										100%;
	height:										36px;
	bottom:										0;
	left:										0;
	background-color:							black;
	color:										white;
	background-image:							none;
	opacity:									0.75;
	z-index:									6;
}

#copy_text{
	color: 										white;
	padding:									0.2em;
}