html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
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, figcaption, figure, footer, header, hgroup, menu, nav, 
section, summary, time, mark, audio, video 
{
    margin:			0;
    padding:		0;
    border:			0;
    outline:		0;
    font-size:		100%;
    vertical-align:	baseline;
    background:		transparent;
}

html
{
	height:			100%;
}

body 
{
    line-height:	1;
}

main 
{
	display:		block;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 
{ 
    display:		block;
}

nav ul 
{
    list-style:		none;
}

blockquote, q 
{
    quotes:			none;
}

blockquote:before, blockquote:after, q:before, q:after 
{
    content:		'';
    content:		none;
}

a 
{
    margin:			0;
    padding:		0;
    font-size:		100%;
    vertical-align:	baseline;
    background:		transparent;
}

/* change colours to suit your needs */
ins 
{
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark 
{
    background-color:	#ff9;
    color:				#000; 
    font-style:			italic;
    font-weight:		bold;
}

del 
{
    text-decoration: 	line-through;
}

abbr[title], dfn[title] 
{
    border-bottom:		1px dotted;
    cursor:				help;
}

table 
{
    border-collapse:	collapse;
    border-spacing:		0;
}

/* change border colour to suit your needs */
hr 
{
    display:		block;
    height:			1px;
    border:			0;   
    border-top:		1px solid #cccccc;
    margin:			1em 0;
    padding:		0;
}

input, select 
{
    vertical-align:	middle;
}

/*	end of reset	*/

.h2planned
{
	border:				1px #000 solid;
	border-radius:		40px;
	color:				navy;
	text-shadow:		-7px 7px 4px #777;
	text-align:			center;
	font-family:		Georgia, "Times New Roman", Times, serif;	
	font-size:			60px;
	padding:			20px 0;
	margin:				50px auto;
}

.planned-p
{
	color:				gray;
	font-family:		Georgia, "Times New Roman", Times, serif;		
	font-size:			18px;
	padding:			10px 30px 0 30px;
	margin:				0 auto 0 auto;
	text-align:			justify;
	line-height:		140%;
}

.h3planned
{
	color:				maroon;
	text-align:			center;
	font-family:		Georgia, "Times New Roman", Times, serif;		
	font-size:			20px;
	padding:			20px 0 5px 0;
	margin:				80px auto 5px auto;
}

#full-page
{
	width:				1200px;
	margin-top:			0;
	margin-bottom:		0;
	margin-left:		auto;
	margin-right:		auto;
	text-align:			center;
	text-decoration:	none;
}

header
{
	margin-top: 		0px;
	position:   		fixed;
    width:				1200px;
    text-align:			left;
}

.end
{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#f00;
	text-align:			center;
	margin-top:			10px;
}
			
.grad1
{
    height:     	100px;
    background: 	blue; 									/* For browsers that do not support gradients */
    background: 	linear-gradient(navy, #0066FF); 		/* Standard syntax (must be last) */
}

.grad1 h1, h3
{
	margin-left:	50px;
    color:			#fff;
}

.grad1 h1
{
	margin-top:		0;
	margin-bottom:	0;
	padding-top:	10px;
	padding-bottom:	10px;
	font-family:	Georgia, "Times New Roman", Times, serif;
	font-size:		40px;
}

.grad1 h3
{
	margin-top:		0;
	margin-bottom:	0;
	padding-top:	0;
	padding-bottom:	0;
	font-family:	'Roboto', sans-serif;	
	font-size:		20px;
	font-weight:	lighter;
}

.h2Java-title, .h2DuneRider-title
{
	color:				navy;
	text-align:			left;
	font-family:		Georgia, "Times New Roman", Times, serif;		
	font-size:			20px;
	padding:			20px 0 5px 0;
	margin:				20px auto 5px auto;
}

#spacer100
{
	padding-top:		100px;
}

#WIDKT
{
	padding-top:		100px;
}

#spacer200
{
	padding-top:		200px;
}

.Java-p, .DuneRider-p
{
	color:				#444;
	text-align:			justify;
	font-family:		Georgia, "Times New Roman", Times, serif;		
	font-size:			16px;
	padding:			5px 0;
	margin:				5px 30px 5px 30px;
	line-height:		1.35em;
}

.topjump
{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#000;
	text-align:			right;
	margin:				10px 0;
}

.Java-pullquote
{
	float:				right;
	max-width:			600px;
	border-top:			thin black solid;
	border-bottom:		thick black solid;
	font-size:			30px;
	line-height:		175%;
	font-style:			italic;
	text-align:			justify;
	padding-top:		5px;
	padding-bottom:		5px;
	margin-right:		30px;
	margin-left:		15px;
	margin-bottom:		10px;
}

.Java-pullquote img
{
	vertical-align:		bottom;
}

.EandE
{
	color:				#333;
	font-family:		'Open Sans', Arial, Helvetica, sans-serif;
	font-size:			20px;
	padding-bottom:		20px;
}

.h2bordered
{
	color:				navy;
	border:				1px #000 solid;
	border-radius:		15px;
	text-shadow:		-6px 6px 5px rgba(0, 0, 0, .5);
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			45px;
	padding:			15px;
	word-spacing:		20px;
	letter-spacing:		10px;
	margin:				50px auto 25px auto;
}

#navigation ul
{
	list-style-type:	none;
    margin: 			0;
    padding-right: 		10px;
    padding-bottom:		10px;
    padding-top:		10px;
    overflow: 			hidden;
    background-color: 	navy;
	border-top:			1px #fff solid; 
	border-bottom:		1px #fff solid;
}

#navigation ul li
{
	display:			inline; 
}

#navigation ul li a		
{ 
	margin-left:		30px; 
	font-family:		'Open Sans', Arial, Helvetica, sans-serif;
}

#navigation li 
{
    display: 			inline;
    float:				left;
}

#navigation li a
{
	display: 			block;
    color: 				white;
    text-align: 		center;
    padding: 			0px 0px;
    text-decoration: 	none;
}

#navigation li a:hover 
{
    background-color: 	#f00;
}

#nav-list
{
	font-family:		'Open Sans', Arial, Helvetica, sans-serif;	
	font-size:			medium;
	font-variant:		small-caps;
}

#nav-list li a
{
	width:				auto;
}

#banner 			
{ 
	width:				1200px;
	height:				300px; 
	margin:				0 auto; 
	clear:				both;  
	overflow:			auto; 
}

#banner-section
{
	padding-top: 		130px;
}

#banner-bg			
{
	background-color:	#004080;  
}

#banner-left		
{ 
	float:				left; 
	width:				700px; 
}

#banner-left h2		
{ 
	color:				#fff; 
	margin:				15px 0;
	padding-left:		30px;
	line-height:		120%;
	font-family:		'Roboto', sans-serif;	
	font-size:			30px;
	font-weight:		lighter;
	text-align:			left; 
}

#banner-left h3		
{ 
	color:				#fff; 
	font-weight:		300; 
	font-size:			20px; 
	line-height:		120%; 
	margin:				0 0 20px 0;
	font-family:		'Open Sans', Arial, Helvetica, sans-serifArial, Helvetica, sans-serif; 
}

#banner-left p		
{ 
	color:				#fff; 
	font-weight:		300; 
	line-height:		150%;
}

#banner-right		
{ 
	float:				right;	
	width:				300px; 
	margin-left:		50px; 
}

#banner-right img	
{ 
	width:				270px; 
	height:				270px; 
	border:				10px #42464C solid;
	margin-top:			5px;
}

#staff-photographs
{
	width:				1200px;
	margin-top:			25px;
	margin-left:		auto;
	margin-right:		auto;
}

.floating-box 
{
    display: 			inline-block;
    margin: 			auto;  
}

main
{
	padding-top:		25px;
}

#nss-main
{
	width:				800px;
	margin-left:		auto;
	margin-right:		auto;
}

#spacer
{
	padding-top:		128px;
}

#nss-audio-main
{
	width:				1200px;
	margin-left:		auto;
	margin-right:		auto;
}

#nss-audio-main p
{
	color:				#f00;
	font-family:		'Open Sans', Arial, Helvetica, sans-serifArial, Helvetica, sans-serif;
}

#nss-audio-main div h1
{
    border:					solid 1px #0000ff;
    border-radius: 			17px;
    font-family:			'Open Sans', Arial, Helvetica, sans-serifArial, Helvetica, sans-serif;
	font-size:				45px;
	color:					navy;
	padding:				15px 0;
	margin:					50px 0 10px 0;
	text-shadow:			-5px 5px 8px #888;
}

.pleaseNote
{
	margin:					0 0 20px 0;
}

#audio-samples-left p.audio-sample, #audio-samples-right p.audio-sample
{
	text-align:				center;
	margin-top:				20px; 
	margin-bottom:			0; 
	padding-top:			10px; 
	padding-bottom:			8px;
	text-align:				center;
}

#nss-body
{
	width:				800px;
	margin-left:		auto;
	margin-right:		auto;
}

#nss-body div h4
{
	padding-top:		30px;
	font-family:		'Open Sans', Arial, Helvetica, sans-serifArial, Helvetica, sans-serif; 
	font-size:			25px;
	text-align:			center;
	margin:				35px 0 25px 0;
	line-height:		175%;
}

#nss-audio-bottom
{
	clear:				both;
}

#audio-samples-left
{
	width:				585px;
	float:				left;
}


#audio-samples-right
{
	width:				585px;
	float:				right;
}

#nss-main figure
{
	margin-bottom:		25px;
}

#nss-main figcaption
{
	font-family:		'Open Sans', Arial, Helvetica, sans-serifArial, Helvetica, sans-serif; 
	font-size:			15px;
}

#nss-main p, #nss-body div p, #audio-samples-left p, #audio-samples-right p
{
	color:				#004080;
	font-family:		'Open Sans', Arial, Helvetica, sans-serifArial, Helvetica, sans-serif; 
	font-size:			15px;
	text-align:			justify;
	line-height:		140%;
	padding:			5px 0;
}

#project-names p	
{ 
	padding-left:		45px; 
	padding-right:		35px;
	margin-bottom:		18px;
	/*font-family:		'Open Sans', Arial, Helvetica, sans-serifArial, Helvetica, sans-serif;*/ 
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			16px;
	text-align:			justify;
	line-height:		150%;
	color:				#444;
}

#project-names h2	
{ 
	color:				blue;
	font-family:		Georgia, "Times New Roman", Times, serif; 
	font-size:			medium;
	font-style:			italic;
	padding-top:		5px; 
	padding-bottom:		15px;
	text-align:			justify;
}

#project-names img
{
	padding-top:		50px;
}

#CVs img, #annotated-photographs left-box-700 img
{
	padding-top:		15px;
}

#CVs hr, #annotated-photographs hr
{
	margin-left:		15px;
	margin-right:		250px;
}

.expl
{
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			16px;
	line-height:		140%;
	color:				#666;
	text-align:			justify;
	padding:			5px 35px;
	margin:				5px auto;
}

.h2intro-heading
{
	border:				1px black solid;
	border-radius:		40px;
	padding:			25px 0;
	color:				navy;
	font-family:		Georgia, "Times New Roman", Times, serif; 
	font-size:			45px;
	text-align:			center;
	margin:				45px auto 35px auto;
	text-shadow:		-6px 6px 4px #777;
}

#left-box
{
	float:				left;
	width:				500px;
	height:				650px;
}

figcaption
{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			small;
	width:				1200px;
	margin:				5px 0 0 0;
	padding:			0;
	text-align:			right;
	color:				#666;
}

.h2lefty
{
	font-family:		'Open Sans', Arial, Helvetica, sans-serif;	
	font-size:			20px;
	color:				navy;
	text-align:			left;
	padding:			0 0 0 5px;
	margin:				30px 0 25px 10px;
	clear:				both;	
}

.h4TV
{
	font-family:		'Open Sans', Arial, Helvetica, sans-serif;	
	font-size:			18px;
	color:				#000;
	text-align:			left;
	padding:			0 0 0 5px;
	margin:				30px 0 10px 10px;	
}

.left-box-700
{
	float:				left;
	width:				700px;
	margin:				15px 0 15px 0;
}

#left-box-small
{
	float:				left;
	width:				500px;
	height:				330px;
}

#right-box
{
	width:				650px;
	height:				650px;
	float:				right;
}

.right-box-500
{
	width:				500px;
	float:				right;
	margin:				15px 0 15px 0;
}

#right-box-small
{
	width:				650px;
	height:				330px;
	float:				right;
}

#right-box h2, #right-box-small h2
{
	text-align:			left;
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			25px;
	padding-left:		10px;
	padding-top:		5px;
	margin:				30px 0 15px 30px;
	color:				#f00;
}

#CVs h3				
{ 
	font-family:		Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; 
	font-size:			28px; 
	margin:				10px 0px 5px 20px; 
	float:				right;
}

.video-player
{
	width:				640px;
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			16px;
	line-height:		140%;
	color:				gray;
	text-align:			justify;
	padding:			5px 0;
	margin:				5px auto 5px auto;
}

.shadowed
{
	box-shadow: 		10px 10px 5px 0px rgba(0,0,0,0.75);
}

.TVp
{
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			16px;
	color:				#555;
	text-align:			justify;
	padding:			5px 15px 5px 35px;
	line-height:		140%;
}

.h2lal
{
	font-family:		'Open Sans', Arial, Helvetica, sans-serif;	
	font-size:			20px;
	color:				navy;
	text-align:			left;
	padding:			0 0 0 5px;
	margin:				30px 0 10px 10px;
	clear:				both;	
}

.staff-heading
{
	color:				navy;
	text-shadow:		-7px 7px 5px #888;
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			75px;
	border:				1px #000 solid;
	border-radius:		40px;
	padding:			20px 0 30px 0;
	margin:				50px 15px 40px 15px;
}

#right-box p, #right-box-small p, .right-box-500 p				
{ 
	font-family:		'Open Sans', Arial, Helvetica, sans-serifArial, Helvetica, sans-serif; 
	font-size:			14px; 
	padding-left:		15px;
	color:				navy; 
	float:				right;
	text-align:			justify;
	margin-top:			5px;
	margin-bottom:		5px;
	line-height:		140%;
}	

#CVs article		
{ 
	float:				right; 
}

.h1bordered
{
	border:				1px solid navy;
	border-radius:		40px;
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			75px;
	color:				red;
	margin:				35px 15px 30px 15px;
	padding:			25px 0;
	text-shadow:		-7px 7px 4px #bbb;
	line-height:		120%;
}

.contact-text
{
	font-family:		'Open Sans', Arial, Helvetica, sans-serifArial, Helvetica, sans-serif;
	font-size:			medium;
	color:				#444;
	text-align:			justify;
	line-height:		normal; 
	padding:			10px 50px;
}

#form1	 				
{ 
	margin:				0 0 0 20px; 	
}

#form1 ol li				
{ 
	display:			block; 
	padding:			20px 0px 5px 0px; 
	margin:				0; 
}

#form1 form ol 			
{ 
	list-style-type:	none;
}

#form1 label 				
{ 
	display: 			block;
	margin:				0 0 7px 0; 
	font-family:		'Open Sans', Arial, Helvetica, sans-serifArial, Helvetica, sans-serif;
	font-size:			14px;
	text-align:			left;
} 
								
#form1 input, #form1 textarea, #form1 select 
{ 
	display: 			block; 
	width:				600px; 
	padding:			6px; 
}

#form1 .submit					
{ 
	padding:			5px 20px; 
	width:				150px; 
}

.files-option img
{
	margin-top:			50px;
}

.files-option p
{	
	width:				250px;
	margin-left:		auto;
	margin-right:		auto;
	font-family:		'Open Sans', Arial, Helvetica, sans-serifArial, Helvetica, sans-serif; 
	font-size:			25px;
}

.go-back
{
	margin:				50px 0 50px 0;
}

#content1 .welcome-sign
{
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			90px;
	color:				#004080;
	text-shadow:		-9px 9px 4px #999;
	text-align:			center;
	padding-top:		100px;
	padding-bottom:		75px;
}

#content2 .works
{
	margin:				100px auto 500px auto;
	clear:				both;
}

#content2 .works h1
{
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			40px;
	color:				#004080;
}

#content2 .works p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:gray;
	text-align:justify;
}

#content-bg			
{ 
	background-color:	#fff;
	overflow:			auto;	
}

#content1 p, #content2 p, #content3 p			
{ 
	padding:			5px 15px; 
	font-family:		'Open Sans', Arial, Helvetica, sans-serifArial, Helvetica, sans-serif; 
	font-size:			17px;
	text-align:			justify;
	line-height:		140%;
}

#content1 h2, #content2 h2, #content3 h2		
{ 
	color:				#004080;
	font-size:			30px; 
	font-weight:		600; 
	margin:				70px auto 10px auto;
}

#content1 p	
{
	margin: 			12px 0;
	line-height: 		150%;
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size: 			16px;
	color: 				#666;
}

#content1 img		
{ 
	width:				160px; 
	height:				160px; 
	margin-right:		10px;	
}

#content1 li		
{ 
	font-size:			14px; 
	line-height:		180%; 
}

#content1 ul li		
{ 
	list-style-type:	square;	
}

#content1 a:link	
{ 
	color:				#000;	
}

#content1 a:visited	
{ 
	color:				#000;	
}

#content1 a:active	
{ 
	color:				#000;	
}

#content1 a:hover	
{ 
	color:				#000; 
}

#content1 a:focus	
{ 
	color:				#000; 
	text-decoration:	underline;	
}

#sidebar1, #sidebar2, #sidebar3	 	
{ 
	width:				495px; 
	float:				right;
	margin:				auto; 
/*	margin:				0 0 20px 10px;
*/}

#sidebar1 h1, #sidebar2 h1, #sidebar3 h1		
{ 
	font-size:			30px; 
	font-weight:		600; 
	margin:				40px 0 10px 0;
}

#sidebar1 h2, #sidebar2 h2, #sidebar3 h2		
{ 
	margin:				40px 0 20px 0; 
	font-weight:		600;
}

#sidebar1 h3, #sidebar2 h3, #sidebar3 h3		
{
	margin:				40px 0 20px 0;
	font-weight:		600;
}

#sidebar1 p, #sidebar2 p, #sidebar3 p		
{ 
	margin:				0 0 5px 0; 
	padding-right:		15px;
	padding-left:		15px;
	font-family:		'Open Sans', Arial, Helvetica, sans-serifArial, Helvetica, sans-serif; 
	font-size:			15px;
	text-align:			justify;
	line-height:		150%;
}

#sidebar1 img, #sidebar2 img, #sidebar3 img	
{ 
	margin:				0 0 20px 0; 
}

#sidebar1 ul, #sidebar2 ul 	
{ 
	padding-top:		3px; 
	padding-bottom:		20px;	
}

#sidebar1 li, #sidebar2 li		
{ 
	font-size:			14px; 
	line-height:		180%;
}

#sidebar1 ul li, #sidebar2 ul li	
{ 
	list-style-type:	square;	
}

#sidebar1 a:link, #sidebar2 a:link		
{ 
	color:				#000;	
}

#sidebar1 a:visited, #sidebar2 a:visited	
{ 
	color:				#000;	
}

#sidebar1 a:active, #sidebar2 a:active	
{ 
	color:				#000;	
}

#sidebar1 a:hover, #sidebar2 a:hover	
{ 
	color:				#333; 
	text-decoration:	underline;	
}

#sidebar1 a:focus, #sidebar2 a:focus	
{ 
	color:				#333; 
	text-decoration:	underline;	
}

.landing-zone
{
	position:			relative;
	top:				-800px;
}

.about-content
{
	width:				800px;
	margin:				25px auto;
}

.about-p-org
{
	color:				#448;
	font-family:		'Open Sans', Arial, Helvetica, sans-serif;
	font-size:			18px;
	text-align:			justify;
	line-height:		150%;
	margin:				10px 0;
}

.about-p-org1
{
	color:				#448;
	font-family:		'Open Sans', Arial, Helvetica, sans-serif;
	font-size:			14px;
	text-align:			justify;
	line-height:		150%;
	margin:				10px 0;
}

.h2about
{
	font-family:		'Open Sans', Arial, Helvetica, sans-serif;
	font-size:			25px;
	color:				navy;
	margin:				40px auto 15px auto;
}

.h3about
{
	font-family:		'Open Sans', Arial, Helvetica, sans-serif;
	font-size:			20px;
	color:				navy;
	margin:				40px auto 15px auto;
}

.h3about1
{
	font-family:		Georgia, "Times New Roman", Times, serif;
	font-size:			20px;
	color:				navy;
	margin:				40px auto 15px auto;
}

footer
{
	text-align:		center;
	font-family:	'Open Sans', Arial, Helvetica, sans-serif;	
	font-size:		small;
	color:			#fff;
}

footer p
{
	line-height:	150%;
	width:			1200px; 
	margin:			0 auto; 
	clear:			both;
}

footer .name
{
	font-size:		x-large;
	font-family:	Georgia, "Times New Roman", Times, serif;
}

.footer-bg
{
	width:			1200px;
	margin-top:		10px;
	margin-bottom:	10px;
	margin-left:	auto;
	margin-right:	auto;
	color:			#fff;
    background: 	blue; /* For browsers that do not support gradients */
    background: 	linear-gradient(#0066FF, navy); /* Standard syntax (must be last) */
}

.why
{
	font-family:	Georgia, "Times New Roman", Times, serif;
	font-size:		medium;
	text-align:		justify;
	line-height:	1.4em;
	color:			navy;
	margin-top:		10px;
	margin-left:	0;
	margin-bottom:	5px;
	margin-right:	0;
}

#sales-pitch
{
	margin:			25px auto 25px auto;
}
			
#sales-pitch p
{
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		medium;
	color:			#666;
}

p .initcap
{
	font-size:		3em;
	font-weight:	bold;
}