/* CSS Document */

/* Reset */

html, body { margin:0; padding:0; border:0;  
				background:#FFF; font-size:12px; }
				
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, h7, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
	margin:0;
	padding:0;
	vertical-align:baseline;
	background:transparent;
	}

img { margin:0; padding:0; border:0; }
.img1 { width:150px; }

table, tr, th, td, tbody, tfoot, thead {
	margin:0; padding:0; border:0;
	vertical-align:baseline;
	background:transparent;
	}
	
/*table { border-collapse: collapse; }*/
.table1   { border-collapse:seperate; }
.td1	{ }
.tr1	{ }

input, select, textarea, form, fieldset {
	margin:0; padding:0; border:0;
	}

article, aside, dialog, figure, footer, header, hgroup, nav, section { 
	display:block; }
	
h1, h2, h3, h4, h5, h6, h7, p, li, blockquote, td, th, caption, em, strong, strike { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	line-height:100%; 
	text-indent:0;
	text-decoration:none;
	text-align:left;
	letter-spacing:0;
	}	

a	{ text-decoration:none; } 

ol, ul { list-style: none; }

/* Global */

html 	{	}
body	{   }

/* Headings */

h1, h2, h3, h4, h5, h6, h7	{	} 

h1 /*Name*/ 	    { font-size:24px; color:#222; font-weight:bold; }
h2 /*Subject*/ 		{ font-size:14px; color:#222; font-weight:bold; line-height:150%; }
h3 /*Index*/  		{ font-size:14px; color:#222; line-height:150%; }
h4 /*Category*/		{ font-size:14px; color:#007DC3; }
h5 /*Project*/		{ font-size:14px; color:#007DC3; }
h6 /*Title*/		{ font-size:16px; color:#222; }
h7 /*Heading*/		{ font-size:14px; color:#222; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* Text Elements */

#name	{ padding:30px 10px 20px 10px; margin:0 auto; color:#222; font-size:14px; line-height:70%;}

#name a:link		{ color:#222; }
#name a:visited		{ color:#222; }
#name a:hover		{ color:#222; }
#name a:focus		{ color:#222; }
#name a:active		{ color:#222; }

p        	  { color:#333; font-size:14px; line-height:150%; }
.right 		  { margin:1.5em 0 1.5em 1.5em; padding:0; }
.cv-heading   { font-weight:bold; color:#007DC3; }
.cv-title     { color:#007DC3; }
.cv-paragraph { color:#999; }
.white		  { color:#FFF }

p span			 { line-height:110%; }
p span.bold 	 { font-weight:bold; }

#cv {
	width:960px;
	float:left;
	margin:40px 10px;
}

#caption-about {
	position:absolute;
	z-index:100;
	float:left;
	width:440px;
	margin:50px 0px 0px 60px;
	background:#FFF;
	opacity:0.85;
	padding:10px;
}

#caption-left-title {
	clear:both;
	float:left;
	width:350px;
	margin:220px 0px 0px 110px;
}

#footer-paragraph {
	position:absolute; /* position absolute positions the object on top */
	clear:both;
}

#contact-paragraph {
	position:absolute; /* position absolute positions the object on top */
	clear:both;	
	width:320px;
	margin:0px 0px 0px 500px;
}

#home-caption-left {
	position:absolute; /* position absolute positions the object on top */
	clear:both;
	width:320px;
	margin:0px 0px 0px 40px;
	padding:20px;
	/*background:#000;
	opacity: 0.4; */
}

#engineering-caption-left {
	position:absolute; /* position absolute positions the object on top */
	clear:both;
	width:320px;
	margin:70px 0px 0px 150px;
	padding:0px;
	/*background:#000;
	opacity: 0.4; */
}

#bg-caption-left {
	position:absolute; /* position absolute positions the object on top */
	clear:both; /* specifies which side(s) of an element other floating elements are not allowed */
	width:320px; /* width of text box */
	margin:89px 0px 0px 100px; /* spacing between text box frame and page border */
	padding:20px; /* spacing between edge of text and text box */
	right:0; 
	left:0; 
	margin-right:auto; 
	margin-left:auto;
}

#home-caption-right {
	position:absolute; /* position absolute positions the object on top */
	clear:both;
	width:320px;
	margin:0px 0px 0px 500px;
}

#caption-left {
	float:left;
	width:320px;
	margin:140px 0px 0px 70px;
}

#caption-right { 
	float:right;
	width:320px;
	margin:140px 70px 0px 0px;
}
	
/* Images */

#image {
	float:left;
}

#image-960x540 {
	clear:both; 
	width:960px; 
	height:410px;
}

#image-left {
	float:left;
	margin-top:50px;
}

#image-right {
	float:right;
	margin-top:50px;
}

#bg {
	position: fixed; 
	top: -50%; 
	left: -50%; 
	width: 200%; 
	height: 200%;
}

#bg img {
	position: absolute; /* position absolute positions the object on top */
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	margin: auto; 
	min-width: 50%;
	min-height: 50%;
}

background-size: cover;

/* Containers */

#header				{ margin:0 auto; }
/* #header				{ clear:both; position:fixed; height:70px; width:100%; background:#FFF; opacity:0.96; border-bottom:solid; border-width:1px; border-color:#666; z-index:1; } */

#banner				{ width:960px; margin:0 auto; }

#logo				{ padding:20px 10px 20px 10px; margin:0 auto; }

#logo a:link		{   }
#logo a:visited		{	}
#logo a:hover		{	}
#logo a:focus		{	}
#logo a:active		{   }

#wrapper 			{ width:960px; margin:0 auto; }

#navigation			{ 
	clear:both; 
	position:fixed; 
	right:0; 
	left:0; 
	margin-right:auto; 
	margin-left:auto; 
	padding-top:25px; 
	padding-bottom:25px; 
	background:#EBEBEB; 
	border-bottom:1px solid #FFF; 
	z-index:100; 
}
/*#navigation			{ clear:both; position:fixed; right:0; left:0; margin-right:auto; margin-left:auto; padding-top:25px; padding-bottom:25px; background:#EBEBEB; z-index:100; } */
/*#navigation			{ clear:both; width:960px; position:fixed; margin:71px 0px 0px 0px; background:#FFF; z-index:100; } */

#main-nav 			{ clear:both; width:960px; margin:0 auto; font-size:14px; /*border-bottom-style:dotted; border-width:thin;*/ }
#main-nav ul		{ padding:10px 0px 10px 0px; }
#main-nav ul li		{ display:inline; }
#main-nav ul li a	{ padding:10px; }

#main-nav a:link	{ color:#222; }
#main-nav a:visited	{ color:#222; }
#main-nav a:hover	{ color:#007DC3; }
#main-nav a:focus	{	}
#main-nav a:active	{ color:#007DC3; } 

/*Margin adds spacing to the outside of container, padding adds spacing to the inside of the container*/

#social-media		 { position:absolute; clear:both; margin:200px 0px 0px 100px;}
#social-media ul li  { display:inline; }
#social-media ul     { margin-top:40px; }

#content			{ clear:both; width:960px; margin:0 auto; padding-top:88px; }
#content-2			{ clear:both; margin:0 auto; padding-top:89px; width:100%; }
#content-3			{ position:absolute; width:100%; }

#footer				{ clear:both; height:100px; width:100%; border-top:solid; border-width:1px; border-color:#666; /*background-image:url(../images/bg.png);*/ }

#container			{ clear:both; padding-top:1px; }
#container1			{ clear:both; padding-top:1px }
#container2			{ clear:both; margin:0 auto; padding-top:88px;}

#960x540					{ clear:both; width:960px; height:540px; }
#960x600					{ clear:both; width:960px; height:600px; }

div .layout			  		{ clear:both; width:960px; height:400px; }
div .layout-1-grey  		{ clear:both; width:960px; height:400px; background:#555 }
div .layout-1-light-grey	{ clear:both; width:960px; height:400px; background:#ddd; }
div .layout-1-blue		 	{ clear:both; width:960px; height:400px; background:#007DC3; }
div .layout-1-light-blue  	{ clear:both; width:960px; height:400px; background:#00A4E4; }
div .contact			  	{ clear:both; width:960px; height:400px; }
div .this-site			  	{ clear:both; width:960px; height:540px; }

#green-0C6					{ clear:both; width:960px; height:540px; background:#0C6; }

#layout-2					{ clear:both; }

#footer-col-1				{ width:480px; float:left; padding-top:37px; }
#footer-col-1 ul			{ list-style:none; }
#footer-col-1 ul li			{ padding:10px 0px 10px 0px; border-top-style:dotted; border-width:thin; }
#footer-col-1 ul li a		{   } 

#footer-col-2				{ width:130px; float:left; margin-left:30px; padding-top:37px; }
#footer-col-2 ul			{ list-style:none; }
#footer-col-2 ul li			{ padding:10px 0px 10px 0px; border-top-style:dotted; border-width:thin; }
#footer-col-2 ul li a		{   }

#footer-col-2 a:link		{ color:#222; font-size:14px; }
#footer-col-2 a:visited		{ color:#222; }
#footer-col-2 a:hover		{ color:#00A4E4; }
#footer-col-2 a:focus		{	}
#footer-col-2 a:active		{ color:#222; } 

#footer-col-3				{ width:130px; float:left; margin-left:30px; padding-top:37px; }
#footer-col-3 ul			{ list-style:none; }
#footer-col-3 ul li			{ padding:10px 0px 10px 0px; border-top-style:dotted; border-width:thin; }
#footer-col-3 ul li a		{	}

#footer-col-3 a:link		{ color:#222; font-size:14px; }
#footer-col-3 a:visited		{ color:#222; }
#footer-col-3 a:hover		{ color:#00A4E4; }
#footer-col-3 a:focus		{	}
#footer-col-3 a:active		{ color:#222; } 

/* Miscellaneous  */

.dot  { border-top-style:dotted; border-width:thin; }
.ddd  { color:#DDD }	 /*Light Gray*/
.222  { color:#222 }	 /*Dark Gray*/
.333  { color:#333; }	 /*Dark Gray*/
/*.285  { color:#007DC3; } /*Pantone 285  #007DC3*/
.2925 { color:#0096D6; } /*Pantone 2925 #0096D6*/
.2995 { color:#00A4E4; } /*Pantone 2995 #00A4E4 links*/

/*.copyright-text	{ font-style:light; color:#333; }*/

/* Tables */