.loader
{
	position:absolute;
	z-index:100;
	width:100%;
	height:100%;
	background:#000000;
}
.loadArea
{
	display: block;
	  position: absolute;
	  top: 200px;
	  left: 50%;
}
.loadIcon
{
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  border: solid 3px;
  border-color: #555555 white;
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate;
  -moz-animation-duration: 1.5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -o-animation-name: rotate;
  -o-animation-duration: 1.5s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  animation-name: rotate;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.loadText
{
	position:relative;
	top:-55px;
	left:-30px;
	color:#FFFFFF;
}
body
{
	/*
	background:#DFE1DC url('') no-repeat left top fixed;
	background-size:cover;
	*/
	background: url('../img/background/diamond_upholstery.png') repeat left top;

}
a
{
	color:#2ba6cb;
}
a:hover
{
	color:#2795b6;
}
h1,h2,h3,h4,h5,h6
{
	color:#2ba6cb;
}
.job-title {
	font-weight: bold;
}
.topNav
{
	background-color:rgba(102,102,102,.5);
	padding-top: 20px;
	padding-bottom:20px;
	max-width:100%;
}
.navItems
{
	max-width:960px;
	margin:auto;
}
.personalMenuItem, .projectsMenuItem, .experienceMenuItem
{
	width: 150px;
	height: 150px;
	margin: 0 auto;
	background:white;
	border-radius:50%;
	border:solid;
	border-color:#2ba6cb;
	overflow:hidden;
	cursor:pointer;
	-webkit-mask-image:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); /* this fixes the overflow:hidden in Chrome/Opera */
}
.personalMenuItem>.menuIcon
{
	margin-top:-32px;
	margin-left:-25px;
}
.projectsMenuItem>.menuIcon
{
	margin-top:-32px;
	margin-left:-30px;
}
.experienceMenuItem>.menuIcon
{
	margin-top:-27px;
	margin-left:-35px;
}
.menuText
{
	position:absolute;
	font-weight:bold;
	width:144px;
	padding-top:64px;
	font-size:.9em;
	z-index:0;
}
.menuIcon
{
	position:absolute;
	color:white;
	z-index:5;
	top:50%;
	left:50%;
	/*
	transition:opacity .2s;
	-webkit-transition:opacity .2s;
	*/
	pointer-events:none;
}
.personalMenuItem:hover>.menuIcon, .projectsMenuItem:hover>.menuIcon, .experienceMenuItem:hover>.menuIcon
{
	/*
	opacity:0;
	*/
	display:none;
}
#personalCanvas, #projectsCanvas, #experienceCanvas
{
	position:relative;
	z-index:2;
	width:100%;
	height:100%;
	float:right;
}
.mainwrapper
{
	position:relative;
}
#personal, #projects, #experience{
	-webkit-perspective: 1000;
    -webkit-transform-style: preserve-3d;
    -moz-perspective: 1000;
    -moz-transform-style: preserve-3d;
    -o-perspective: 1000;
    -o-transform-style: preserve-3d;
    perspective: 1000;
    transform-style: preserve-3d;

}
.columns, .row
{
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
}
.columns
{

}
.sectionhead
{
	color:black;
}
.thumbrow
{
	height:215px;
	overflow-y:hidden;
	cursor:pointer;
}
.thumbrowcontents
{
	width:9000px;
}
.thumbrow > div > img
{
	float:left;
}
iframe
{
	frameborder:0;
}
footer
{
	padding-top:20px;
	padding-bottom:20px;
}
.footericon
{
	opacity:.7;
}
.footericon:hover
{
	opacity:1;
}
.icon-desktop, .icon-wrench,.icon-user,.icon-linkedin, .icon-file-text, .icon-envelope-alt
{
	color:white;
}
.icon-circle
{
	color:#363636;
	-webkit-text-stroke: 2px #2ba6cb;
}
@media only screen and (max-width: 768px)
{
	#personalCanvas, #projectsCanvas, #experienceCanvas, .menuIcon
	{
		display:none;
	}
	.personalMenuItem, .projectsMenuItem, .experienceMenuItem
	{
		background:#363636;
		color:white;
		border-radius:0;
		height:50px;
		width:auto;
		-webkit-mask-image:none;
	}
	.menuText 
	{
		position:relative;
		width:auto;
		padding-top:14px;
	}
	.circle
	{
		list-style-position: inside;
	}
}
@-webkit-keyframes flipFront{
    0%{-webkit-transform:rotateY(0deg)}
    50%{opacity:0}
    70%{-webkit-transform:rotateY(182deg)}
    100%{-webkit-transform:rotateY(180deg)}
}
@keyframes flipFront{
    0%{transform:rotateY(0deg)}
    50%{opacity:0}
    70%{transform:rotateY(182deg)}
    100%{transform:rotateY(180deg)}
}
@-webkit-keyframes flipAway{
    0%{-webkit-transform:rotateY(-180deg)}
    70%{-webkit-transform:rotateY(2deg);opacity:1}
    100%{-webkit-transform:rotateY(0deg);opacity:1}
}
@keyframes flipAway{
    0%{transform:rotateY(-180deg)}
    70%{transform:rotateY(2deg);opacity:1}
    100%{transform:rotateY(0deg);opacity:1}
}