/* ---------Reset---------- */

body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
	
/* fixes the box model padding difference in Mozilla */
div {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0;padding:0;}
	
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
	
body {
	line-height: 1;
	color: black;
	background: white;
	}
	
ol, ul {
	list-style: none;
	}
	
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
	
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
	
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
	
blockquote, q {
	quotes: "" "";
	}
	
html {
   font-size: 100.01%; /* Corrects default font sizing in IE/WIN, and font resizing in Opera. */
   }
   

/* ---------Global---------- */

body {
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	
	color: #fff;
	text-decoration: none;
	}

body a:link, a:visited {
	color: #CBE8DD;
	text-decoration: none;
	}

body a:hover {
	color: #fff; 
	}

h1 {
	font-size: 36px;
	font-weight: bold;
	padding-bottom: 8px;
	}

h2 {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 7px;
	}

p {
	line-height: 16px;
	padding-bottom: 16px;
	}

strong {
	font-weight: bold;
	}

a.info{
    position: relative; 
    z-index: 24;
    background-color: #ccc;
    color: #000;
    text-decoration: none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{
    display: block;
    position: absolute;
    margin-top: 64px;
    height: 80px;
    width: 15em;
    padding-top: 14px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    background-image: url(images/icnSelect.png);
    background-repeat: no-repeat;
    background-position: 5px top;
    }
	
/* ---------Layout---------*/

body {
	background-color: #00AB4E;
	}
	
#role {
	width: 976px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px 16px 0px 97px;
	font-size: 21px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	}

#link {
	width: 976px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 16px 0px 89px;
	font-size: 16px;
	color: #CBE8DD;
	line-height: 150%;
	font-weight: bold;
	text-decoration: none;
	}

#linkLink li a {
	display: block;
	float: left;
	text-align: left;
	font-size: 20px;
	color: #CBE8DD;
	font-weight: bold;
	text-decoration: none;
	}

#linkLink li a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	}

#nav {
	width: 976px;
	margin-top: -48px;
	margin-left: auto;
	margin-right: auto;
	}

#footer {
	position: relative;
	height: 128px;
	width: 100%;
	background-color: #00AB4E;
	text-decoration: none;
	}

#project {
	margin-top: 136px;
	width: 976px;
	margin-left: auto;
	margin-right: auto;
	}

#image-container {
	float: right;
	width: 464px;
	}

#description {
	float: left;
	padding: 0 16px 0 16px;
	width: 384px;
	}
	
#masthead {
	position: relative;
	height: 20px;
	width: 100%;
	background-color: #00AB4E;
	text-decoration: none;
	}
	
.mastheadLogo {
	font-size: 44px;
	font-weight: bold;
	float: left;
	background-image: url(images/icnCogSm.png);
	background-position: 0 6px;
	background-repeat: no-repeat;
	margin-left: 16px;
	margin-top: 10px;
	padding-left: 35px;
	text-decoration: none;
	}

.mastheadLogo a {
	font-size: 44px;
	font-weight: bold;
	color: #CBE8DD;
	letter-spacing: -3px;
	text-decoration: none;
	}

.mastheadLogo a span {
	font-size: 44px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	}
	
.mastheadLogo a:hover {
    text-decoration: none;
	}

#contentLogo {
	background-image: url(images/icnCogLg.png);
	background-repeat: no-repeat;
	margin-left: 16px;
	line-height: 48px;
	}

.logoPrimary {
	font-size: 67px;
	font-weight: bold;
	color: #CBE8DD;
	letter-spacing: -3px;
	text-indent: 96px;
	line-height: 48px;
	padding: 0;
	}

.logoHighlight {
	font-size: 67px;
	font-weight: bold;
	color: #fff;
	letter-spacing: -3px;
	text-indent: 77px;
	line-height: 48px;
	padding-top: 1px;
	}
	
.footerLogo {
	font-size: 44px;
	font-weight: bold;
	float: left;
	background-image: url(images/icnCogSm.png);
	background-position: 0 6px;
	background-repeat: no-repeat;
	margin-left: 16px;
	margin-top: 10px;
	padding-left: 35px;
	text-decoration: none;
	}

.footerLogo a {
	font-size: 44px;
	font-weight: bold;
	color: #fff;
	letter-spacing: -3px;
	text-decoration: none;
	}

.footerLogo a span {
	font-size: 44px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	}
	
.footerLogo a:hover {
    text-decoration: none;
}

/* ---------Contact---------*/

#cForm {
	float: left;
	margin-left: 16px;
	}

#cHeader {
	float: left;
	margin-left: 16px;
	}

#contact {
	font-weight: bold;
	}
	
#contact .label {
	float: left;
	margin-right: 16px;
	margin-top: 4px;
	text-align: right;
	clear: left;
	}
	
#send {
	margin-left: 0px;
	}

#name, #email, #comments {
	width: 460px;
	border: 1px inset #ddd;
	}


/* ---------Resume---------*/

#experience {
	float: left;
	padding-left: 16px;
	width: 304px;
	}

#education {
	margin-left: 320px;
	padding-left: 16px;
	width: 304px;
	}

#downloads {
	float: right;
	width: 304px;
	}

#downloads a {
	font-weight: bold;
	color: #959f6e;
	text-decoration: none;
	}

#downloads a:hover {
	font-weight: bold;
	color: #485a02;
	text-decoration: none;
	}

.pdf a {
	display: block;
	margin-top: 9px;
	padding-left: 34px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-image: url(images/icnPdf.png);
	background-repeat: no-repeat;
	}

.doc a {
	display: block;
	margin-top: -10px;
	padding-left: 34px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-image: url(images/icnDoc.png);
	background-repeat: no-repeat;
	}