@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width: 100%;
}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
	font-family: 'Oswald', sans-serif;
}

#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.Introduction {
	text-indent: 30px;
	position: static;
	height: auto;
	width: 100%;
	margin-left: 0;
}

.hoverDarken {
	display: block;
	text-indent: 15px;
	text-shadow: 0px 0px 0px;
	transition: all 0.2s ease;
	color: #FFFFFF;
}

.hoverDarken:hover {
	color: #FFFF00;
}

figure {
	width: 100%;
	display: block;
	background-color: #000000;
	padding: 4px;
	border-radius: 3px;
	text-align: center;
}

figcaption {
	display: block;
	text-align: center;
	margin: 7px;
	orphans: 2;
	transition: all 0.2s ease;
	color: #949494;
	margin-bottom: 10px;
}

figcaption:hover {
	color: #D3D3D3;
}

.hide_mobile {
	display: none;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
	.gridContainer {
		width: 90.675%;
		padding-left: 1.1625%;
		padding-right: 1.1625%;
	}
	#LayoutDiv1 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	.hide_tablet {
		display: none;
	}
	.zeroMargin_tablet {
		margin-left: 0;
	}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
	.gridContainer {
		width: 88.2%;
		max-width: 1100px; /* 1000px; original */
		padding-left: 0.9%;
		padding-right: 0.9%;
		margin: auto;
		text-align: left;
	}
	#LayoutDiv1 {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	.zeroMargin_desktop {
		margin-left: 0;
	}
	.hide_desktop {
		display: none;
	}
}

/* Nav Bar Begins */
#cssmenu {
	font-family: 'Oswald', sans-serif;
	position: relative;
	height: 44px;
	background: #2b2f3a;
	width: auto;
}

#cssmenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 1;
}

#cssmenu>ul {
	position: relative;
	display: block;
	background: #2b2f3a;
	width: 100%;
	z-index: 500;
}

#cssmenu:after, #cssmenu>ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#cssmenu.align-right>ul>li {
	float: right;
}

#cssmenu.align-center ul {
	text-align: center;
}

#cssmenu.align-center ul ul {
	text-align: left;
}

#cssmenu>ul>li {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
}

#cssmenu>ul>#menu-button {
	display: none;
}

#cssmenu ul li a {
	display: block;
	text-decoration: none;
}

#cssmenu>ul>li>a {
	-size: 14px;
	padding: 15px 20px;
	color: #7a8189;
	text-transform: uppercase;
	-webkit-transition: color 0.25s ease-out;
	-moz-transition: color 0.25s ease-out;
	-ms-transition: color 0.25s ease-out;
	-o-transition: color 0.25s ease-out;
	transition: color 0.25s ease-out;
}

#cssmenu>ul>li.has-sub>a {
	padding-right: 32px;
}

#cssmenu>ul>li:hover>a {
	color: #ffffff;
}

#cssmenu li.has-sub::after {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
}

#cssmenu>ul>li.has-sub::after {
	right: 10px;
	top: 20px;
	border: 5px solid transparent;
	border-top-color: #7a8189;
}

#cssmenu>ul>li:hover::after {
	border-top-color: #ffffff;
}

#indicatorContainer {
	position: absolute;
	height: 12px;
	width: 100%;
	bottom: 0px;
	overflow: hidden;
	z-index: -1;
}

#pIndicator {
	position: absolute;
	height: 0;
	width: 100%;
	border: 12px solid transparent;
	border-top-color: #2b2f3a;
	z-index: -2;
	-webkit-transition: left .25s ease;
	-moz-transition: left .25s ease;
	-ms-transition: left .25s ease;
	-o-transition: left .25s ease;
	transition: left .25s ease;
}

#cIndicator {
	position: absolute;
	height: 0;
	width: 100%;
	border: 12px solid transparent;
	border-top-color: #2b2f3a;
	top: -12px;
	right: 100%;
	z-index: -2;
}

#cssmenu ul ul {
	position: absolute;
	left: -9999px;
	top: 70px;
	opacity: 0;
	-webkit-transition: opacity .3s ease, top .25s ease;
	-moz-transition: opacity .3s ease, top .25s ease;
	-ms-transition: opacity .3s ease, top .25s ease;
	-o-transition: opacity .3s ease, top .25s ease;
	transition: opacity .3s ease, top .25s ease;
	z-index: 1000;
}

#cssmenu ul ul ul {
	top: 37px;
	padding-left: 5px;
}

#cssmenu ul ul li {
	position: relative;
}

#cssmenu>ul>li:hover>ul {
	left: auto;
	top: 44px;
	opacity: 1;
}

#cssmenu.align-right>ul>li:hover>ul {
	left: auto;
	right: 0;
	opacity: 1;
}

#cssmenu ul ul li:hover>ul {
	left: 170px;
	top: 0;
	opacity: 1;
}

#cssmenu.align-right ul ul li:hover>ul {
	left: auto;
	right: 170px;
	top: 0;
	opacity: 1;
	padding-right: 5px;
}

/* This one contains the sizes of the menu text links. */
#cssmenu ul ul li a {
	font-size: 16px;
	width: 130px;
	border-bottom: 1px solid #eeeeee;
	padding: 10px 20px;
	color: #7a8189;
	background: #ffffff;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
}

#cssmenu.align-right ul ul li a {
	text-align: right;
}

#cssmenu ul ul li:hover>a {
	background: #f2f2f2;
	color: #8c9195;
}

#cssmenu ul ul li:last-child>a, #cssmenu ul ul li.last>a {
	border-bottom: 0;
}

#cssmenu>ul>li>ul::after {
	content: '';
	border: 6px solid transparent;
	width: 0;
	height: 0;
	border-bottom-color: #ffffff;
	position: absolute;
	top: -12px;
	left: 30px;
}

#cssmenu.align-right>ul>li>ul::after {
	left: auto;
	right: 30px;
}

#cssmenu ul ul li.has-sub::after {
	border: 4px solid transparent;
	border-left-color: #9ea2a5;
	right: 10px;
	top: 12px;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}

#cssmenu.align-right ul ul li.has-sub::after {
	border-left-color: transparent;
	border-right-color: #9ea2a5;
	right: auto;
	left: 10px;
}

#cssmenu ul ul li.has-sub:hover::after {
	border-left-color: #ffffff;
	right: -5px;
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

#cssmenu.align-right ul ul li.has-sub:hover::after {
	border-right-color: #ffffff;
	border-left-color: transparent;
	left: -5px;
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

@media all and (max-width:800px) , only screen and
		(-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px) , only
		screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px) ,
		only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width:
		1024px) , only screen and (min-device-pixel-ratio: 2) and (max-width:
		1024px) , only screen and (min-resolution: 192dpi) and (max-width:
		1024px) , only screen and (min-resolution: 2dppx) and (max-width:
	1024px) {
	#cssmenu {
		width: auto;
	}
	#cssmenu.align-center ul {
		text-align: left;
	}
	#cssmenu.align-right>ul>li {
		float: none;
	}
	#cssmenu ul {
		width: auto;
	}
	#cssmenu .submenuArrow, #cssmenu #indicatorContainer {
		display: none;
	}
	#cssmenu>ul {
		height: auto;
		display: block;
	}
	#cssmenu>ul>li {
		float: none;
	}
	#cssmenu li, #cssmenu>ul>li {
		display: none;
	}
	#cssmenu ul ul, #cssmenu ul ul ul, #cssmenu ul>li:hover>ul, #cssmenu ul ul>li:hover>ul,
		#cssmenu.align-right ul ul, #cssmenu.align-right ul ul ul, #cssmenu.align-right ul>li:hover>ul,
		#cssmenu.align-right ul ul>li:hover>ul {
		position: relative;
		left: auto;
		top: auto;
		opacity: 1;
		padding-left: 0;
		padding-right: 0;
		right: auto;
	}
	#cssmenu ul .has-sub::after {
		display: none;
	}
	#cssmenu ul li a {
		padding: 12px 20px;
	}
	#cssmenu ul ul li a {
		border: 0;
		background: #000; /* this is it */
		width: auto;
		padding: 8px 35px;
	}
	#cssmenu.align-right ul ul li a {
		text-align: left;
	}
	#cssmenu ul ul li:hover>a {
		background: none;
		color: #8c9195;
	}
	#cssmenu ul ul ul a {
		padding: 8px 50px;
	}
	#cssmenu ul ul ul ul a {
		padding: 8px 65px;
	}
	#cssmenu ul ul ul ul ul a {
		padding: 8px 80px;
	}
	#cssmenu ul ul ul ul ul ul a {
		padding: 8px 95px;
	}
	#cssmenu>ul>#menu-button {
		display: block;
		cursor: pointer;
	}
	#cssmenu #menu-button>a {
		padding: 14px 20px;
	}
	#cssmenu ul.open li, #cssmenu>ul.open>li {
		display: block;
	}
	#cssmenu>ul.open>li#menu-button>a {
		color: #fff;
		border-bottom: 1px solid rgba(150, 150, 150, 0.1);
	}
	#cssmenu ul ul::after {
		display: none;
	}
	#cssmenu #menu-button::after {
		display: block;
		content: '';
		position: absolute;
		height: 3px;
		width: 22px;
		border-top: 2px solid #7a8189;
		border-bottom: 2px solid #7a8189;
		right: 20px;
		top: 15px;
	}
	#cssmenu #menu-button::before {
		display: block;
		content: '';
		position: absolute;
		height: 3px;
		width: 22px;
		border-top: 2px solid #7a8189;
		right: 20px;
		top: 25px;
	}
	#cssmenu ul.open #menu-button::after, #cssmenu ul.open #menu-button::before
		{
		border-color: #fff;
	}
}

.autoResizeImage {
	height: auto;
	width: 100%;
}

.imageTable table {
	width: 100%;
	boarder: 0px;
}

.education {
	max-width: 90%;
}

.floLeft {
	float: left;
}

.floRight {
	margin-right: 3%;
	float: right;
}

.technicalSkills {
	list-style: none;
	width: auto;
	margin: auto;
	padding: 0;
}

.technicalSkills li {
	display: inline;
}

.languageSkills {
	list-style: none;
	width: auto;
	margin: auto;
	padding: 0;
}

.languageSkills li {
	display: inline;
}

.projectTitle {
	margin-left: 3%;
}

.employer {
	margin-top: 5px;
	margin-bottom: 0px
}

.jobDuration {
	margin-top: 5px;
	margin-bottom: 0px;
}

.projectDescription {
	margin-top: 5px;
}

select.jobDescription input {
	color: #FF0
}

.projectBox {
	max-width: 100%;
}

.webContacts {
	min-height: 100%;
}

* {
	margin: 0;
}

html, body {
	height: 100%;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	/* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
	margin: 0 auto -155px;
	/* the bottom margin is the negative value of the footer's height */
}

.footer, .push {
	height: 155px; /* .push must be the same height as .footer */
}

.linkedInButton {
	float: left;
}

.copyright {
	float: right;
}

#emailAddress {
	color: #000;
}

#emailAddress:visited {
	color: #000;
}

#emailAddress:hover {
	color: #ccc;
}