/*///////////////////////
/////    GENERAL    /////
///////////////////////*/

* {margin:0; padding:0;}

body {
	font-size:0.85em;
	font-family: Verdana, sans-serif;
	background-color:#f0f0f0; /*#F0F0F0 */
	color:#838383;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor: default;
}

a:link, a:visited {
	color:#116678;
	/* CSS3 TRANSITIONS */
	transition:all 0.25s;
	-webkit-transition:all 0.25s;
}

a:hover, a:active {
	color:#c04800;
	text-decoration: none;
}

.wrapper {
	width:90%;
	max-width:1130px;
	margin:0 auto;
}

h1 {
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:2.25em;
	text-transform: uppercase;
	color:#555;
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/*/////////////////////////////////
/////    GLOBAL NAV STYLES    /////
/////////////////////////////////*/

.global-nav {
	display:none;
	z-index: 799;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(51,51,51,0.95); /* #333 */
}

.global-nav #logo {
	z-index:9999;
	position:absolute;
	top: -30px;
	left: 4%;
	height:121px;
	width:67px;
	cursor:pointer;
	background-image:url('../images/layout/logo.png');
	background-repeat:no-repeat;
	background-position:top center;
}
.global-nav #global-navigation {
	float:right;
	list-style:none;
	font-family: 'Titillium Web', sans-serif;
}

.global-nav #global-navigation li {
	float:left;
	display:block;
	padding: 9px 20px;
    font-size: 1.35em;
	color:#BBB;
	font-weight:300;
	cursor:pointer;
	border-bottom:2px solid transparent;
	/* CSS3 TRANSITIONS */
	transition:all 0.25s ease-in-out;
	-webkit-transition:all 0.25s ease-in-out;
}

.global-nav #global-navigation li:hover {
	background-color:#116678;
	color:#EEE;
}

.global-nav #global-navigation li:active {
	background-color:#202020;
	color:#FFF;
}

/*////////////////////////
/////    OVERVIEW    /////
////////////////////////*/

.overview-pane {
	z-index: 800;
	padding-bottom: 50px;
    overflow: hidden;
    background-color: #383837;
    background:url('../images/layout/overview-background.png'), -moz-linear-gradient(top, #323a3e 0%, #383837 100%);
    background:url('../images/layout/overview-background.png'), -webkit-linear-gradient(top, #323a3e 0%,#383837 100%);
    background:url('../images/layout/overview-background.png'), linear-gradient(to bottom, #323a3e 0%,#383837 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323a3e', endColorstr='#383837',GradientType=0 );
}

.overview-pane .header {
	position: relative;
	height:85px;
	margin:10px 0 30px;
	border-bottom:2px solid rgba(255,255,255,0.08);
}

#main-navigation {
	position: absolute;
	bottom:-2px;
	right:0;
	list-style:none;
	font-family: 'Titillium Web', sans-serif;
}

#main-navigation li{
	float:left;
	display:block;
	padding:10px 15px 35px;
	margin:0 4px;
	font-size:1.5em;
	color:#BBB;
	font-weight:300;
	text-decoration: none;
	border-bottom:2px solid transparent;
	cursor:pointer;
	/* CSS3 TRANSITIONS */
	transition:all 0.25s ease-in-out;
	-webkit-transition:all 0.25s ease-in-out;
}

#main-navigation li:hover {
	color:#EEE;
	border-bottom:2px solid #116678;
	border-bottom:2px solid #EEE;
}

#overview-avatar {
	position: relative;
	height: 220px;
    width: 220px;
    background-image: url(../images/layout/overview-avatar.png);
    background-repeat: no-repeat;
    background-size: 115%;
    background-position: center;
    border-radius: 50%;
    border: 10px solid #EEE;
    box-shadow: 0 0 20px rgb(0 0 0 / 45%);
    margin: 0 auto;
    position: relative;
    margin-bottom: -240px;
	filter: grayscale(1) brightness(1.25) contrast(0.85);
}

.overview-pane #overview-info-wrapper {
	width:492px;
	margin:255px auto 0;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	text-shadow:0 0 10px #333,0 0 10px #333,0 0 20px #333;
}

.overview-pane #overview-info-wrapper h1 {
	color:#FFF;
	font-size:3em;
	text-transform: capitalize;
	padding:0;
	margin:0;
	font-family: 'Merriweather',Georgia, serif;
}

.overview-pane #overview-info-wrapper h2 {
	color:#DDD;
	font-size: 1.5em;
	text-transform: capitalize;
	margin-bottom:35px;
	font-weight: 300 !important;
}

.overview-pane #overview-info-wrapper .icon {
	height:62px;
	width:62px;
	background-image:url('../images/layout/social-media-icons.png');
	background-repeat: no-repeat;
	float:left;
	margin:0 10px;
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	/* CSS3 TRANSITIONS */
	transition:opacity 0.25s;
	-webkit-transition:opacity 0.25s;
}

.overview-pane #overview-info-wrapper .icon:hover {
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.overview-pane #overview-info-wrapper .icon a {
	display:inline-block;
	height:100%;
	width:100%;
}

/* // OUTER ICONS // */
.overview-pane #overview-info-wrapper .icon:nth-child(6n+3),
.overview-pane #overview-info-wrapper .icon:nth-child(6n+2) {margin-top:40px;}

/* // CENTER ICONS // */
.overview-pane #overview-info-wrapper .icon:nth-child(6n+4),
.overview-pane #overview-info-wrapper .icon:nth-child(6n+1) {margin-top:20px;}

/* // INNER ICONS // */
/*
.overview-pane #overview-info-wrapper .icon:nth-child(6n+5),
.overview-pane #overview-info-wrapper .icon:nth-child(6n+0) {}
*/

/* ///// SOCIAL MEDIA PROFILES ///// */
.overview-pane #overview-info-wrapper .icon#linkedin {background-position: 0 0;}
.overview-pane #overview-info-wrapper .icon#tumblr {background-position: -62px 0;}
.overview-pane #overview-info-wrapper .icon#facebook {background-position: -124px 0;}
.overview-pane #overview-info-wrapper .icon#google {background-position: 0 -62px;}
.overview-pane #overview-info-wrapper .icon#twitter {background-position: -62px -62px;}
.overview-pane #overview-info-wrapper .icon#pinterest {background-position: -124px -62px;}



/*////////////////////////////
/////    TESTIMONIALS    /////
////////////////////////////*/

#testimonial-resume-button {
	position: absolute;
	top:-45px;
	left:50%;
	margin-left:-100px;
	font-family: 'Open Sans', sans-serif;
	font-size:1.25em;
	text-shadow:none;
	background-color:#333;
	padding:15px 20px 15px;
	width:200px;
	height:auto;
	background:#EEE;
	border-radius:35px;
	box-sizing:border-box;
	/* CSS3 TRANSITIONS */
	transition:background 0.25s;
	-webkit-transition:background 0.25s;
}

#testimonial-resume-button:hover {background:#FFF;}

#testimonial-resume-button a {
	display:inline-block;
	width:100%;
	height:100%;
	text-decoration: none;
	color:#116678;
}

#testimonial-resume-button a:hover {color:#666;}

.testimonials-pane {
	display: inline-block;
	position: relative;
	font-family: 'Merriweather',Georgia, serif;
	font-size:1.25em;
	font-weight:300;
	color:rgba(255,255,255,0.55);
	text-shadow:0 1px 1px rgba(0,0,0,0.15);
	line-height:1.75em;
	text-align: center;
	padding:0;
	/*
	background-image:url('../images/layout/testimonials-pane-background.png');
	background-repeat:no-repeat;
	background-position:center 2%;
	background-size:contain;
	*/
	background-color:#116679;
	background: #0a3944;
	background: -moz-linear-gradient(top, #0a3944 0%, #116679 100%);
	background: -webkit-linear-gradient(top, #0a3944 0%,#116679 100%);
	background: linear-gradient(to bottom, #0a3944 0%,#116679 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a3944', endColorstr='#116679',GradientType=0 );


}

.testimonials-pane .wrapper {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

.testimonial {
/*
	display:none;
	width:90%;
	margin:0 auto;*/

	    width: calc(33% - 60px);
		padding: 30px;
		float:left;
}

.testimonial:nth-child(even){
	background-color: rgba(0,0,0,0.08);
}

.testimonial .originator {
	font-family: 'Open Sans', sans-serif;
	color:#EEE;
	font-size:1.25em;
	margin-bottom:30px;
}

.testimonial .originator small {color:rgb(93, 169, 185);}

.testimonial p {
	margin-bottom:20px;
	text-align: left;
}

/*
#testimonial-indicator {
	text-align:center;
	cursor:default;
	font-size:3.5em;
}

#testimonial-indicator span {
	color:rgba(255,255,255,0.35);
	margin:0 -4px;
	cursor:pointer;
}

#testimonial-indicator span.selected {
	color:#EEE;
}
*/


/*/////////////////////////
/////    EDUCATION    /////
/////////////////////////*/

.education-pane {
	overflow: auto;
	width:100%;
	background-color:#FFF;
	padding-bottom: 90px;
}

.education-pane h1 {
	background-image:url('../images/layout/titles/education-pane-title-background.png');
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:55px;
	margin:25px 0 35px;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:2.25em;
	text-transform: uppercase;
}

.education-pane .wrapper {width:960px;}

.education-card {
	width: calc(50% - 20px);
    float: left;
    margin: 10px;
    margin-bottom: 30px;
}

.education-card p, .education-card h2 , .education-card h3 {padding-left:130px;}

.education-card h2 {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-size: 1.85em;
	color: #116678;
	padding-top:15px;
}

.education-card h3, .education-card p.subtitle {
	font-weight: 300;
	color: #666;
}

.education-card p.subtitle {
    font-size: 1.125em;
    margin-top: 3px;
    color: rgba(17, 102, 120, 0.75);
}

.education-card p.year  {
	font-family: 'Titillium Web', sans-serif;
	font-size:1.25em;
	color:#969696;
}

.education-card .seal {
	height:110px;
	width:110px;
	float:left;
	background-image:url('../images/layout/education-sprite.png');
	background-position: 0 0;
}

.education-card.CMU  .seal {background-position: 0 0;}
.education-card.delta  .seal {background-position: 0 -110px;}



/*///////////////////////////////////
/////    OBJECTIVES & SKILLS    /////
///////////////////////////////////*/

.skills-pane {
	position: relative;
	overflow: auto;
	min-height:370px;
	padding-bottom:50px;
	background-color:#f0f0f0;
}

.skills-pane h1 {
	background-image:url('../images/layout/titles/skills-pane-title-background.png');
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:55px;
	margin:30px 0 40px;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:2.25em;
	text-transform: uppercase;
}

.skills-pane #objectives-wrapper {
	width:74%;
	float:left;
}

#objectives-wrapper .objective {
	position: relative;
	float:left;
	width:31%;
	border:1px solid #e6e8eb;
	background:#f9f9f9;
	height:320px;
	padding-top:35px;
	border-radius:15px;
	cursor:default;
	/* CSS3 TRANSITIONS */
	transition:box-shadow 0.25s ease-in-out, color 0.25s ease-in-out;
	-webkit-transition:box-shadow 0.25s ease-in-out, color 0.25s ease-in-out;
}

#objectives-wrapper .objective:hover {
	box-shadow:0 3px 10px -2px rgba(0,0,0,0.15);
	color:#FFF;
}

#objectives-wrapper .objective:nth-child(3n+1) {margin:30px 10px 10px 0;}
#objectives-wrapper .objective:nth-child(3n+2) {margin:30px 10px 10px 10px;}
#objectives-wrapper .objective:nth-child(3n+3) {margin:30px 0 10px 10px;}

#objectives-wrapper .objective .icon {
	position: absolute;
	top:-22px;
	left:50%;
	margin-left:-29px;
	height:43px;
	width:58px;
	background-image:url("../images/layout/objectives-sprites.png");
	background-repeat:no-repeat;
}

#objectives-wrapper .objective .icon#problem-solver {background-position: -282px 0;}
#objectives-wrapper .objective .icon#self-starter {background-position: -228px 0;}
#objectives-wrapper .objective .icon#teaching {background-position: 0 0;}
#objectives-wrapper .objective .icon#adaptability {background-position: -173px 0;}
#objectives-wrapper .objective .icon#relationships {background-position: -114px 0;}
#objectives-wrapper .objective .icon#systems {background-position: -57px 0;}

#objectives-wrapper .objective h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size:1.5em;
	margin-bottom:25px;
	text-align: center;
	color:#116678;
}

#objectives-wrapper .objective p {
	padding:0 30px 30px;
	color:#838383;
	line-height:1.5em;
}


/* ///// SKILLS WRAPPER ///// */
.skills-pane #skills-wrapper {
	width:24%;
	float:right;
	cursor:default;
}

.skills-pane #skills-wrapper h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size:1.5em;
	color:#424242;
	border-bottom:1px solid rgba(0,0,0,0.10);
	text-transform: uppercase;
	margin-bottom:10px;
}

.skills-pane #skills-wrapper ul {
	float:left;
	width:100%;
	margin-bottom:15px;
	list-style: none;
	color:#838383;
	font-family:Verdana, sans-serif;
}

.skills-pane #skills-wrapper ul li {
	position: relative;
	padding:4px 2px;
	float:left;
	width:100%;
	text-indent: 6px;
	/* CSS3 TRANSITIONS */
	transition:all 0.25s ease-in-out;
	-webkit-transition:all 0.25s ease-in-out;
}

.skills-pane #skills-wrapper ul li:nth-child(even) {background:#f9f9f9;}

.skills-pane #skills-wrapper ul li div {
	display:none;
	position: absolute;
	bottom:2px;
	right:10px;
	width:94px;
	height:20px;
	float:right;
	background-image:url('../images/layout/skills-rating-sprite.png');
}

.skills-pane #skills-wrapper ul li div.one {background-position:0 0;}
.skills-pane #skills-wrapper ul li div.two {background-position:0 -20px;}
.skills-pane #skills-wrapper ul li div.three {background-position:0 -40px;}
.skills-pane #skills-wrapper ul li div.four {background-position:0 -60px;}
.skills-pane #skills-wrapper ul li div.five {background-position:0 -80px;}


/*//////////////////////////
/////    WEB DESIGN    /////
//////////////////////////*/

.web-pane {
	position: relative;
	background-color:#FFF;
	border-top:10px solid #FFF;
	border-bottom:10px solid #FFF;
}

.web-pane h1 {
	background-image:url('../images/layout/titles/web-pane-title-background.png');
	padding-top:55px;
	margin-bottom:12px;
}

/* ///// WEB CARD ///// */
#web-controls {
	z-index:500;
	position: absolute;
	top:103px;
	left:50%;
	margin-left:-35px;
	padding:0 10px;
	min-width:60px;
	background-color:#FFF;
	height:30px;
	border-radius:0 0 20px 20px;
}

#web-controls #btn-next, #web-controls #btn-prev {
	background-image:url('../images/layout/web-controls-sprite.png');
	height:20px;
	width:20px;
	background-repeat:no-repeat;
	cursor: pointer;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	transition:all 0.25s ease-in-out;
}

#web-controls #btn-next:hover, #web-controls #btn-prev:hover {
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

#web-controls #btn-prev {
	float:left;
}
#web-controls #btn-next {
	background-position: right;
	float:right;
}

#web-controls #indicator {
	position: relative;
	height:20px;
	width:20px;
	margin:0 5px;
	float:left;
	overflow:hidden;
}

#web-controls #indicator span {
	position: relative;
	display:block;
	top:-16px;
	left:-1px;
	float:left;
	overflow: hidden;
	font-size:40px;
	width:20px;
	text-align: center;
	color:#116678;
	cursor:pointer;
	opacity:0.3;
	filter:alpha(opacity=30); /* For IE8 and earlier */
	transition:all 0.25s ease-in-out;
}

#web-controls #indicator span.selected {
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}



/* ///// WEB CARD ///// */
.web-card {
	display:none;
	/*height:440px;*/
	background-position: center;
	background-size: cover;
	cursor:default;
}

.web-card .wrapper{
	position:relative;
	height:100%;
	min-height: 405px;
}

.web-card h2 {
	display:inline-block;
	padding:14px 18px;
	margin:55px 0 30px;
	font-family: 'Open Sans', sans-serif;
	font-size:3em;
	font-weight:300;
	color:#4b423a;
	background:rgba(255,255,255,0.65);
}

.web-card p {
	display:inline-block;
	max-width:50%;
	padding:14px 18px;
	margin-bottom:30px;
	font-family: 'Roboto', sans-serif;
	font-size:1.25em;
	line-height:1.5em;
	font-weight:300;
	color:#EEE;
	background:rgba(88,88,88,0.75);
}

.web-card a:link, .web-card a:visited {
	/*display:inline-block;*/
	display: none;
	padding:12px 16px;
	margin-bottom: 40px;
	font-family: 'Roboto', sans-serif;
	font-size:1.45em;
	text-transform: uppercase;
	font-weight:300;
	background:#116678;
	color:#EEE;
	text-decoration:none;
}

.web-card a:hover, .web-card a:active {
	background:#EEE;
	color:#116678;
}

.web-card .image {
	position: absolute;
	bottom:-15px;
	right:2%;
	height: 382px;
	width:448px;
	background-repeat: no-repeat;
}


/*//////////////////////
/////    DESIGN    /////
//////////////////////*/

.design-pane {
	padding:20px 0 40px;
	overflow: auto;
	background-color:#f0f0f0;
}

.design-pane .wrapper {
	width:984px;
}

.design-pane h1 {
	background-image:url('../images/layout/titles/design-pane-title-background.png');
	padding-top:55px;
	margin-bottom:12px;
}

.design-card {
	position: relative;
	float:left;
	height:155px;
	width:245px;
	overflow: hidden;
	margin:1px 1px 0 0;
  	/* CSS3 TRANSITIONS */
	transition:all 0.25s ease-in-out;
	-webkit-transition:all 0.25s ease-in-out;
}

.design-card .image {
	height:155px;
	width:245px;
	opacity:0.65;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	-webkit-filter: grayscale(50%);
	-moz-filter: grayscale(50%);
	-ms-filter: grayscale(50%);
	-o-filter: grayscale(50%);
	filter: grayscale(50%);
	/* CSS3 TRANSITIONS */
	transition:all 0.25s ease-out;
	-webkit-transition:all 0.25s ease-out;
}

.design-card:hover .image {
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	-webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}

.design-card a {
	display:inline-block;
	height:100%;
	width:100%;
}

.design-card h2 {
	position:absolute;
	bottom:5px;
	left:5px;
	padding:5px 9px;
	font-size:12px;
	font-weight:300;
	font-family: 'Oswald', sans-serif;
	background-color:#105969;
	color:#FFF;
}



/*///////////////////////////
/////    PHOTOGRAPHY    /////
///////////////////////////*/

.photography-pane {
	overflow: auto;
	min-height:400px;
	padding-bottom:50px;
	border-top:10px solid #FFF;
	/*
	background-image:url('../images/layout/photography-pane-background.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#341a0d;
	*/
	background-color:#3B3B3B;
	background-image:url('../images/layout/photography-pane-background.jpg');
}

.photography-pane h1 {
	background-image:url('../images/layout/titles/photography-pane-title-background.png');
	padding-top:55px;
	margin:20px 0 12px;
	color:#EEE;
}

.photography-pane #photography-filter {
	height:50px;
	width:960px;
	margin:0 auto;
}

.photography-pane #photography-filter .filter {
	padding:5px 8px;
	background-color:#1F1F1F;
	color:#AAA;
	float:left;
	margin:2px;
	cursor:pointer;
  	/* CSS3 TRANSITIONS */
	transition:all 0.25s ease-in-out;
	-webkit-transition:all 0.25s ease-in-out;
}

.photography-pane #photography-filter .filter:hover {
	background-color:#116678;
	color:#FFF;
}

.photography-pane #photography-filter .filter.selected {
	background-color:#EEE;
	color:#333;
}


.photography-wrapper {
	min-height:100px;
	width:909px;
	margin:0 auto;
}

.photo-card {
	display:none;
	float:left;
	height:98px;
	width:98px;
	margin:1px 1px 0 0;
	border:1px solid #41200f;
	background-color:#1F1F1F;
	box-sizing:border-box;
  	/* CSS3 TRANSITIONS */
	transition:all 0.25s ease-in-out;
	-webkit-transition:all 0.25s ease-in-out;
	filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1.0);
    opacity:0.8;
	filter:alpha(opacity=80);
	cursor: pointer;
}

.photo-card:hover {
	filter: none;
    -webkit-filter: grayscale(0);
    opacity:1.0;
	filter:alpha(opacity=100);
	border-color: #FFF;

}

.photo-card a {
	display:inline-block;
	height:100%;
	width:100%;
}

.photo-card.featured {display:block;}


/*///////////////////////
/////    CONTACT    /////
///////////////////////*/

.contact-pane {
	overflow: auto;
	background-image:url('../images/layout/contact-pane-background.jpg');
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#f0f0f0;
	padding-bottom:100px;
}

.contact-pane h1 {
	background-image:url('../images/layout/titles/contact-pane-title-background.png');
	padding:55px 0 20px;
	margin-top:20px;
}

.contact-pane .wrapper {
	margin-top:50px;
	width:860px;
}

.contact-pane #quote-wrapper {
	width:40%;
	margin:40px auto 55px;
	cursor: default;
	font-style: italic;
	text-shadow:0 0 5px #f0f0f0,0 0 5px #f0f0f0,0 0 5px #f0f0f0,0 0 5px #FFF;
}

.contact-pane #quote-wrapper #quote {
	float:left;
	font-family: 'Architects Daughter', cursive;
	font-size:1.75em;
	line-height: 1.20px5em;
	padding-bottom:20px;
	color:#999;
}

.contact-pane #quote-wrapper #originator {
	text-align:right;
	font-family: 'Roboto', sans-serif;
	font-size:1.25em;
	color:#3D8694;
	}

.contact-pane #quote-wrapper #originator:before {content: "\2014 \0020";}

.contact-pane #left-col {position:relative; width:48%; float:left;}
.contact-pane #right-col {width:40%; float:right;}


.contact-pane #left-col #view-resume, .contact-pane #left-col #view-resume-shadow {cursor:pointer;}

.contact-pane #left-col #view-resume {
	position:absolute;
	top:80px;
	left:50%;
	height:249px;
	width:335px;
	margin-left: -167px;
    margin-top: -24px;
	background-image:url('../images/layout/view-resume-avatar.png');

	-webkit-transform:  rotate(2deg) ;
	transform:  rotate(2deg);
	-moz-transform:  rotate(2deg) ;
	-o-transform:  rotate(2deg) ;
	-ms-transform:  rotate(2deg) ;

	  animation: animateResumeAvatar ease-in-out 3.5s;
	  animation-iteration-count: infinite;
	  -webkit-animation: animateResumeAvatar ease-in-out 3.5s;
	  -webkit-animation-iteration-count: infinite;
	  -moz-animation: animateResumeAvatar ease-in-out 3.5s;
	  -moz-animation-iteration-count: infinite;
	  -o-animation: animateResumeAvatar ease-in-out 3.5s;
	  -o-animation-iteration-count: infinite;
	  -ms-animation: animateResumeAvatar ease-in-out 3.5s;
	  -ms-animation-iteration-count: infinite;
}

.contact-pane #left-col #view-resume-shadow {
	position:absolute;
	bottom:-450px;
	left:0px;
	width:381px;
	height:68px;
	background-image:url('../images/layout/view-resume-shadow.png');

	  animation: animateResumeShadow ease-in-out 3.5s;
	  animation-iteration-count: infinite;
	  -webkit-animation: animateResumeShadow ease-in-out 3.5s;
	  -webkit-animation-iteration-count: infinite;
	  -moz-animation: animateResumeShadow ease-in-out 3.5s;
	  -moz-animation-iteration-count: infinite;
	  -o-animation: animateResumeShadow ease-in-out 3.5s;
	  -o-animation-iteration-count: infinite;
	  -ms-animation: animateResumeShadow ease-in-out 3.5s;
	  -ms-animation-iteration-count: infinite;
}


.contact-pane input, .contact-pane textarea {
	outline: 0;
	width:100%;
	margin:8px 0;
	padding:12px;
	font-family: 'Titillium Web', sans-serif;
	font-size:1.25em;
	border:2px solid #3D8694;
	background-color:rgba(240,240,240,0.80);
	color:#3D8694;
}

.contact-pane input#url-field {display:none;}

.contact-pane input.required, .contact-pane textarea.required {
	border-color: #cc0000;
	background-color:transparent;
	color: #cc0000;
}

.contact-pane button {
	border:none;
	padding:12px 16px;
	font-family: 'Roboto', sans-serif;
	font-size:1.45em;
	text-transform: uppercase;
	font-weight:300;
	background:#116678;
	color:#EEE;
	cursor: pointer;
	/* CSS3 TRANSITIONS */
	transition:all 0.25s ease-in-out;
	-webkit-transition:all 0.25s ease-in-out;
}

div.g-recaptcha {
	margin: 15px 0;
}

.contact-pane button:hover {
	background:#555;
	color:#FFF;
}



#message-center {
	text-align:center;
	font-size:1.25em;
	color:#EEE;
	border:2px solid #EEE;
	cursor:pointer;
	padding:8px 16px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#message-center.success {background:#2e9a19;}
#message-center.error {background:#9a1919;}


/*///////////////////////
/////    FOOTER    /////
///////////////////////*/

.footer-pane {
	box-sizing:border-box;
	padding:15px;
	background-color:#333333;
	color:#bababa;
	font-family: 'Open Sans', sans-serif;
    font-size: 1.2em;
	font-weight:300;
	text-align:center;
}


/*///////////////////////////////
/////    FANCYBOX STYLES    /////
///////////////////////////////*/


.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 0 50px -10px rgba(0,0,0,0.65) !important;
    -moz-box-shadow: 0 0 50px -10px rgba(0,0,0,0.65) !important;
    box-shadow: 0 0 50px -10px rgba(0,0,0,0.65) !important;
}