/* 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; }

video-thumbnail { width:150px; }
figure { margin:0px;}
figcaption { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#222; padding-top:5px; }

/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 150px;
  padding-right: 5px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
} 

table, tr, th, td, tbody, tfoot, thead {
	margin:0; padding:50; border:0;
	vertical-align:baseline;
	background:transparent;
	}
	
/*table { border-collapse: collapse; }*/
.table1   { border-collapse:seperate; }
.td1	{ }
.tr1	{ }
.cell-left		{ width: 500px; text-align:left; border: 1px solid black; padding-left: 10px; }
.cell-center	{ width: 100px; text-align:center; border: 1px solid black; }

/* Centers the text across multiple columns*/
td[colspan="5"] {
    text-align: center;
}

#t01 {
	width:600px; 
	}

/* Comparison Table */
#t02 {
	width:700px;
	border: 1px solid black;
	border-collapse: collapse;
	}
	
th { font-weight:bold; padding-top:5px; padding-bottom:5px;}
td { font-weight:bold; padding-top:5px; padding-bottom:5px;}

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, label { 
	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; } /*For Navigation */
.bullet { list-style: disc; list-style-position: inside; padding-left: 30px; line-height: 150%;} /*For indented bullet lists <li class="bullet"> */
.number { list-style: decimal; list-style-position: inside; padding-left: 60px; line-height: 150%;} /*For indented bullet lists <li class="bullet"> */

/* Global */

html 	{	}
body	{ font-size:14px; color:#222; line-height:150%; }

/* 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 /*Paragraph*/  	{ font-size:14px; color:#222; line-height:150%; }
h4 /*Category*/		{ font-size:12px; color:#222; }
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; }
	
/* Images */

#image { /* Main image on home page */
	float:left;
	border-bottom:1px solid #999;
}

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

#image-right { /* Images floating right on home page */
	clear:both;
	float:right;
	margin-right:0px;
	margin-left:30px;
}

#image-thumbnail-right { /* Images floating right on documentation page */
	clear:both;
	float:right;
	margin-right:300px;
	margin-left:10px;
}

#logo-right {
	float:right;
	margin-top:0px;
	margin-right:0px;
}

background-size: cover;

/* Containers */

#header				{ margin:0 auto; }

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

#logo				{   }

#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:10px;
	padding-bottom:10px; 
	background:#EBEBEB; 
	z-index:100; 
}

#navigation-bar		{ /*Email address and phone number*/
	clear:both; 
	position:fixed;
	margin-top:122px; 
	right:0; 
	left:0; 
	margin-right:auto; 
	margin-left:auto; 
	padding-top:5px; 
	padding-bottom:5px; 
	background:#000; 
}

#navigation-bar-content		{ clear:both; width:960px; margin:0 auto; }


#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-right:20px; }

#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; }

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


/*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-home		{ clear:both; width:960px; margin:0 auto; padding-top:135px; }
#content			{ clear:both; width:960px; margin:0 auto; padding-top:170px; }

#footer				{ clear:both; height:100px; width:100%; 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; }
#960x580					{ clear:both; width:960px; height:580px; }
#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; }

/* Miscellaneous  */

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

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

/* Download Form */

input id, textarea {
height: 38px;
width: 480px;
padding: 6px 10px;
border: 1px solid #D1D1D1;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box; }

/* Tables */