@charset "UTF-8";

	body {
		font-family:		"Futura", "Droid Sans Mono", Helvetica, Arial, Sans-Serif;
		font-size:			62.5%;
		/*background: 		#fff url(pagebg.jpg) repeat top left; */
                background-color: 		white;
		border:  0px solid black;
		margin: 			0;
		padding: 			0;
		color: 				#000;
	}
	
	/* Set HTML 5 tags to display:block so browsers render the tags properly. */
	header, nav, outline, footer, article {
		display: 			block;
	}
	
	header {
		z-index:			1001;
		position:			relative;
		margin:				20px auto;
		margin-bottom:		5;
		width:				980px;
		height:				200px;
/*		background: 		#ffffff; /* old browsers */
		background: 		-moz-linear-gradient(top, #d3d3d3 0%, #21262A 38%, #d3d3d3 100%); /* firefox */
		background: 		-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(38%,#21262A), color-stop(100%,#d3d3d3)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#333848', endColorstr='#d3d3d3',GradientType=0 ); /* ie */
		background-image: linear-gradient(#d3d3d3 0%, #21262a 50%, #d3d3d3 80%); /* seems to be needed for IE 10 */

		background: 		-o-linear-gradient(top, #d3d3d3 0%,#21262A 38%,#d3d3d3 100%); /* opera */
*/
	
/*header background - ultimate css gradient generator 23/05/13 */
background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #d3d3d3 10%, #d3d3d3 90%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(10%,#d3d3d3), color-stop(90%,#d3d3d3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#d3d3d3 10%,#d3d3d3 90%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#d3d3d3 10%,#d3d3d3 90%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#d3d3d3 10%,#d3d3d3 90%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#d3d3d3 10%,#d3d3d3 90%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
		-webkit-box-shadow: 0px 0px 10px #000;
		-moz-box-shadow:	0px 0px 10px #000;
		box-shadow:			0px 0px 10px #000;
		
	}
	
	/* Logo */
	
	#logo {
		position:			absolute;	
		width:				295px;
		height:				80px;
		top:				30px;
		left:				5px;
		background: 		#ffffff; /* old browsers */
		background: 		-moz-linear-gradient(top, #FFFFFF 0%, #d3d3d3 46%, #d3d3d3 80%, #d3d3d3 91%, #ffffff 100%); /* firefox */
		background: 		-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(46%,#d3d3d3), color-stop(80%,#d3d3d3), color-stop(91%,#d3d3d3), color-stop(100%,#d3d3d3)); /* webkit */
		filter: 			progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d3d3d3',GradientType=0 ); /* ie */
		background-image: linear-gradient(#ffffff 0%, #d3d3d3 50%, #ffffff 80%); /* seems to be needed for IE 10 */		
		background: 		-o-linear-gradient(top, #FFFFFF 0%,#d3d3d3 46%,#d3d3d3 80%,#d3d3d3 91%,#ffffff 100%); /* opera */
		-webkit-box-shadow: 0px 0px 10px #000;
		-moz-box-shadow:	0px 0px 10px #000;
		box-shadow:			0px 0px 10px #000;
		color:				#21262A;
		border-bottom:		5px solid #131516;
	}
	
	#logo h1 {
		font-size:			2em;
		font-weight:		normal;
		text-transform:		uppercase;
		line-height:		0.3em;
		padding-left:		20px;
	}
	
	#logo h1 span {
		font-size:			0.5em;
		display:			block;
	}
/* article */
	
	article {
		position:			relative;
		margin:	   			auto;
		width:				920px;
		height:				250px;
		top:				10px;
		display:			block;
		
/*background: 		#ffffff; /* old browsers */
		background: 		-moz-linear-gradient(top, #FFFFFF 0%, #d3d3d3 46%, #d3d3d3 80%, #d3d3d3 91%, #FFFFFF 100%); /* firefox */
		background: 		-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(46%,#d3d3d3), color-stop(56%,#d3d3d3), color-stop(91%,#ffffff), color-stop(100%,#FFFFFF)); /* webkit */
		background-image: linear-gradient(#ffffff 0%, #d3d3d3 50%, #ffffff 80%); /* seems to be needed for IE 10 */	
		filter: 			progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#d3d3d3',GradientType=0 ); /* ie */
		background: 		-o-linear-gradient(top, #FFFFFF 0%,#FFFFFF 46%,#d3d3d3 80%,#d3d3d3 91%,#FFFFFF 100%); /* opera */
*/
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #d3d3d3 10%, #d3d3d3 90%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(10%,#d3d3d3), color-stop(90%,#d3d3d3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#d3d3d3 10%,#d3d3d3 90%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#d3d3d3 10%,#d3d3d3 90%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#d3d3d3 10%,#d3d3d3 90%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#d3d3d3 10%,#d3d3d3 90%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */		
		color:				#21262A; 
		
		}
	article art1 span {
		font-size:			1.8em;
		display:			block;
		padding-left:			10px;
 		   }

/* outline */
	
	#outline {
		position:			relative;
		margin:			auto;	
		width:				920px;
		height:				200px;
		top:				30px;
		display:			block;
		background: 		#ffffff; /* old browsers */
		background: 		-moz-linear-gradient(top, #FFFFFF 0%, #d3d3d3 30%, #d3d3d3 50%, #d3d3d3 70%, #FFFFFF 100%); /* firefox */
		background: 		-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(46%,#d3d3d3), color-stop(56%,#d3d3d3), color-stop(91%,#ffffff), color-stop(100%,#FFFFFF)); /* webkit */
		background-image: linear-gradient(#ffffff 0%, #d3d3d3 50%, #ffffff 80%); /* seems to be needed for IE 10 */
		filter: 			progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#d3d3d3',GradientType=0 ); /* ie */
		background: 		-o-linear-gradient(top, #FFFFFF 0%,#FFFFFF 46%,#d3d3d3 60%,#d3d3d3 91%,#FFFFFF 100%); /* opera */
		
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 5%, #d3d3d3 20%, #d3d3d3 80%, #ffffff 95%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#ffffff), color-stop(20%,#d3d3d3), color-stop(80%,#d3d3d3), color-stop(95%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 5% #d3d3d3 20%,#d3d3d3 80%,#ffffff 95%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 5%,#d3d3d3 20%,#d3d3d3 80%,#ffffff 95%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 5%,#d3d3d3 20%,#d3d3d3 80%,#ffffff 95%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 5%,#d3d3d3 20%,#d3d3d3 80%,#ffffff 95%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
		color:				#21262A;
		
		}
	#outline out1 span {
		font-size:			0.8em;
		display:			block;
		padding-left:			10px;
                           }
#outline out1 {
		font-size:			1.8em;
		
		font-weight:		normal;
    		text-align:		justify;
	/* text-transform:		uppercase; */
		line-height:		1.0em;
		
}

/* outlineright */
	
	#outlineright {
		<!--position:			relative;-->
		float:                          right;	
		width:				350px;
		height:				300px;
		top:				30px;
		/*display:			block;*/
		/*
		background: 		#ffffff; /* old browsers */
		background: 		-moz-linear-gradient(top, #FFFFFF 5%, #d3d3d3 10%, #d3d3d3 80%, #FFFFFF 95%); /* firefox */
		background: 		-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(46%,#d3d3d3), color-stop(56%,#d3d3d3), color-stop(91%,#ffffff), color-stop(100%,#FFFFFF)); /* webkit */
		background-image: linear-gradient(#ffffff 0%, #d3d3d3 50%, #ffffff 80%); /* seems to be needed for IE 10 */
		filter: 			progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#d3d3d3',GradientType=0 ); /* ie */
		background: 		-o-linear-gradient(top, #FFFFFF 0%,#FFFFFF 46%,#d3d3d3 60%,#d3d3d3 91%,#FFFFFF 100%); /* opera */
		*/
		background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 5%, #d3d3d3 20%, #d3d3d3 80%, #ffffff 95%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#ffffff), color-stop(20%,#d3d3d3), color-stop(80%,#d3d3d3), color-stop(95%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 5%,#d3d3d3 20%,#d3d3d3 80%,#ffffff 95%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 5%,#d3d3d3 20%,#d3d3d3 80%,#ffffff 95%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 5%,#d3d3d3 20%,#d3d3d3 80%,#ffffff 95%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 5%,#d3d3d3 20%,#d3d3d3 80%,#ffffff 95%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
		color:				#21262A;
		
		}
	#outlineright out1 span {
		font-size:			0.8em;
		display:			block;
		padding-left:			10px;
                           }
#outlineright out1 {
		font-size:			1.5em;
		font-weight:		normal;
    		text-align:		justify;
	/* text-transform:		uppercase; */
		line-height:		1.0em;
		
}


	
	#output {
		position:			absolute;
		top:				0px;
		left:				0px;
		width:				120px;
		height:				120px;
	}
	
	/* Search */
	
	#search {
		position:			absolute;
		top:				30px;
		right:				20px;
	}
	
	#searchterm {
		background:			#0E1011 url(search.png) no-repeat center left;
		font-size:			1.3em;
		border:				none;
		border-right:		10px solid #000;	
		width:				140px;
		height:				25px;
		color:				#fff;
		text-transform:		uppercase;
		text-indent:		20px;
	}
	
	/* Navigation */
	
	nav {
		position:			absolute;

		/*bottom:				10px;*/
		left:				2px;
	}
	
	nav ul {
		margin:				0;
		padding:			0;
	}
	
	nav ul li {
		list-style:			none;
		margin:				0;
		padding:			0;
		float:				left;
		margin-right:		2px;
	}
	
	nav ul li a {
		text-decoration: 	none;
		font: 				14px/1em 'Droid Sans', sans-serif;
		font-weight: 		bold;
		text-shadow: 		rgba(255,255,255,.5) 0 1px 0;
		-webkit-user-select:none;
		-moz-user-select: 	none;
		user-select: 		none;
		
		padding: 			.5em 1.2em .4em 1.2em;
		display: 			inline-block;
		
		
/* effects */
		border-top: 		1px solid rgba(255,255,255,0.8);
		border-bottom: 		1px solid rgba(0,0,0,0.1);
		
		background: 		-webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) ));
		background: 		-moz-radial-gradient(top, ellipse cover, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%);
		background: 		gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) ));

		-webkit-transition: all .1s ease-in-out;
		-moz-transition: 	all .1s ease-in-out;
		transition: 		all .1s ease-in-out;
	
	/* color */
		color: 				hsl(0, 0%, 10%) !important;
		background-color: 	hsl(0, 0%, 75%);
		
		-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em,
						hsl(0, 0%, 10%) 0 .1em 3px, hsl(0, 0%, 45%) 0 -.3em 1px, 
						rgba(0,0,0,0.9) 0 -.5em 5px; 
		-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em,
						hsl(0, 0%, 10%) 0 .1em 3px, hsl(0, 0%, 45%) 0 -.3em 1px, 
						rgba(0,0,0,0.9) 0 -.5em 5px; 
		box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, 
						hsl(0, 0%, 10%) 0 .1em 3px, hsl(0, 0%, 45%) 0 -.3em 1px, 
						rgba(0,0,0,0.9) 0 -.5em 5px; 
	}
	
	nav ul li a:hover {	
		-webkit-box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em,  
								rgba(0,0,0,0.9) 0 0em 0px; 
		-moz-box-shadow: 	inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em,  
								rgba(0,0,0,0.9) 0 .2em 6px;
	/*	box-shadow: 		inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em,  
								rgba(0,0,0,0.9) 0 .2em 6px; 
	*/
		-webkit-transform: 	translateY(-.3em);
		-moz-transform: 	translateY(-.3em);
		transform: 			translateY(-.3em);
	}
	
	nav ul li:first-child a {
		-moz-border-radius-topleft: 10px 5px;
		border-top-left-radius: 10px 5px;
		-moz-border-radius-bottomleft: 10px 5px;
		border-bottom-left-radius: 10px 5px;
	}
	
	nav ul li:last-child a {
		-moz-border-radius-topright: 10px 5px;
		border-top-right-radius: 10px 5px;
		-moz-border-radius-bottomright: 10px 5px;
		border-bottom-right-radius: 10px 5px;
	}
	
	#content {
		z-index:			1003;
		background:			white;
		
		width:				920px;
		margin:				auto;
		display:			 block;
		height:				200px;
		position:			relative;
	}
        #content2 {
		z-index:			1004;
		background:			white;
		width:				920px;
		margin:				auto;
		height:				200px;
		position:			relative;
	}
footer {
		z-index:			1002;
		display:		block;		
		position:		relative; 
		margin:			 auto;
		width:			920px;	
		height:			100px;
		margin-bottom:	2px;
		padding:		20px;	
		margin-bottom:	150px;
		background: 	#d3d3d3 url(footerbg.png) repeat top left;
		-moz-box-shadow:	0px 0px 5px rgba(0,0,0,0.5);
		-webkit-box-shadow:	0px 0px 5px rgba(0,0,0,0.5);
		box-shadow:			0px 0px 5px rgba(0,0,0,0.5);
		border-top:		2px solid #222;
		border-bottom:		2px solid #222;
		font-size:			0.8em;
		font-weight:		normal;
		/*text-transform:		uppercase;*/
		line-height:		1.2em;
		padding-left:		20px; 
	}

	footer section {
		position:		relative;
		width:			450px;
		float:			left;
		margin-right:	20px;
		height:			100px;
	}

	footer section .handle{
		position:		absolute;
		top:			0;
		left:			0;
		width:			350px;
		height:			100px;
		background: 	#9B3913 url(drawerbg.png) no-repeat center center;
		-moz-box-shadow:	0px 3px 5px rgba(0,0,0,0.3);
		-webkit-box-shadow:	0px 3px 5px rgba(0,0,0,0.3);
		box-shadow:			0px 3px 5px rgba(0,0,0,0.3);
	}