body {
	background-color: #fdfdfd; 
	margin: 0;
	font-family: 'Swiss', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; 
	}
	
a {
	transition: 0.5s color;
}

.outdent {
	margin-left: -50px;
	margin-right: 0;
	display: flex;
}
.outdent .icon {
	position: relative;
	float: left;
	margin: 8px 12px 0px -5px;
	height: 100%;
}

#home {
	position: fixed;
	bottom: 82px; left: 0;
	display: block;
	width: 75px;
	height: 82px;
	background-image: url(images/device.png);
	background-size: cover;
	background-color: transparent;
}
#home span {
	display: none;
}

#top {
	position: fixed;
	bottom: 82px; left: 0;
	display: block;
	width: 75px;
	height: 82px;
	background-image: url(images/device.png);
	background-size: cover;
	background-color: transparent;
}
#top span {
	display: none;
}

a#close {
	position: absolute;
	top: 30px; left: 16px;
	display: block;
	width: 200px;
	text-decoration: none;
	height: 27px;
	color: #ccc;
	transition: 0.5s opacity color;
	opacity: 0.5;
}
a:hover#close {color: #17315b; opacity: 1.0;}
a#close span.mnf_title {
	font-size: 21px;
	display: inline-block;
	padding-bottom: 13px;
	padding-left: 5px;
	vertical-align: middle;
	font-family: 'Brandon', 'Swiss', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	opacity: 0;
	transition: 0.5s opacity;
}
a:hover#close span.mnf_title {
	opacity: 1.0;
}

a#buy {
	position: fixed;
	bottom: 30px; right: 30px;
	display: block;
	width: auto;
	text-decoration: none;
	text-align: right;
	height: 27px;
	background-color: #17315b;
	border-radius: 7px;
	color: #fdfdfd;
	transition: 0.5s background-color;
	opacity: 1.0;
	padding: 10px 13px 16px 6px;
}
a:hover#buy {color: #fdfdfd; background-color: #2d5fb2; opacity: 1.0;}
a#buy span {
	display: inline-block;
	font-weight: bold;
	vertical-align: middle;
	padding: 10px 12px 10px 10px;
	margin-top: -13px;
	text-align: center;
	width: auto;
}


a#submit {
	display: block;
	width: 240px;
	margin: 0 auto;
	text-decoration: none;
	text-align: center;
	height: 27px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: transparent;
	border: 3px solid #17315b;
	border-radius: 7px;
	color: #17315b;
	transition: 0.5s background-color;
	opacity: 1.0;
	padding: 12px 6px 14px 14px;
}
a:hover#submit {color: #fdfdfd; background-color: #17315b; opacity: 1.0; 
	border-color: #17315b;}
a#submit span {
	display: inline-block;
	font-weight: bold;
	vertical-align: middle;
	padding: 9px 9px 11px 13px;
	margin-top: -13px;
	text-align: center;
	width: auto;
}


a#wave {
	position: absolute;
	top: 30px; right: 16px;
	display: block;
	width: 200px;
	text-decoration: none;
	text-align: right;
	height: 27px;
	color: #ccc;
	transition: 0.5s opacity color;
	opacity: 0.5;
}
a:hover#wave {color: #17315b; opacity: 1.0;}
a#wave span.mnf_title {
	font-size: 21px;
	display: inline-block;
	padding-bottom: 13px;
	padding-left: 5px;
	vertical-align: middle;
	font-family: 'Brandon', 'Swiss', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	opacity: 0;
	transition: 0.5s opacity;
}
a:hover#wave span.mnf_title {
	opacity: 1.0;
}

div#email {
	display: inline-block;
	margin: 0 auto;
	width: auto;
	text-align: center;
	padding: 15px 18px;
	background-color: #17315b;
	color: #fff;
}
div#email a {
	color: #fdfdfd;
	text-decoration: none;
	font-weight: bold;
}

#wrapper {
	width: 100%;
	margin: 0 auto;
	background-color: #fdfdfd;
	}
#wrapper::before {
	content: '';
	width: 100%;
	height: 0;
	display: block; 
	position: fixed;
	border-top: 14px solid #17315b;
	top: 0; left: 0;
	z-index: 1000;
	
}
@-webkit-keyframes fade {
	0% {opacity: 0;}
	100% {opacity: 1.0;}
	}
@keyframes fade {
	0% {opacity: 0;}
	100% {opacity: 1.0;}
	}
@-webkit-keyframes contract {
	0% {width: 30px; letter-spacing: 0;}
	100% {width: 16px; letter-spacing: -16px;}
	}
@keyframes contract {
	0% {width: 30px; letter-spacing: 0;}
	100% {width: 16px; letter-spacing: -16px;}
	}
header#header_main {
	max-width: 504px;
	height: auto;
	position: relative;
	background-color: transparent;
	z-index: 1;
	display: block;
	margin: 18px auto 36px auto;
	}
header#header_secondary {
	max-width: 504px;
	height: 110px;
	position: relative;
	border-bottom: 1px solid #eee;
	background-color: transparent;
	z-index: 1;
	display: block;
	margin: 18px auto 36px auto;
	}
header a {
	text-decoration: none; 
	display: inline; 
	width: 55px; 
	height: 50px; 
	display: block; 
	margin: auto;
	}

header#header_main h1 {
	font-family: 'Brandon', 'Swiss', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-color: transparent;
	color: #17315b;
	text-align: center;
	margin: 62px auto 25px;
	font-size: 48px;
	line-height: 53px;
	font-weight: normal !important;
	display: block; 
	padding: 8px 0 5px 0; 
	text-decoration: none;
	letter-spacing: 0;
	}
footer#footer_main h1 {
	font-family: 'Brandon', 'Swiss', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-color: transparent;
	color: #17315b;
	font-size: 3em;
	font-weight: normal !important;
	line-height: 1.25em;
	margin-top: 90px;
	}	
	
footer#footer_main h1 a {
	color: #17315b;
	font-weight: normal !important;
}
header#header_main h3 {
	font-family: 'Brandon', 'Swiss', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-color: transparent;
	color: #17315b;
	text-align: center;
	margin: -35px auto 0px;
	font-size: 28px;
	font-weight: normal;
	display: block; 
	padding: 8px 0 5px 0; 
	text-decoration: none;
	letter-spacing: 0;
	}	
	
header#header_main #title {
	font-family: 'Swiss', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-color: transparent;
	color: #ddd;
	text-align: center;
	margin: 62px auto 32px;
	font-size: 35px;
	line-height: 23px;
	font-weight: bold;
	display: block; 
	width: 30px;
	height: 21px;
	padding: 8px 20px 10px 7px; 
	border: 5px solid #ddd;
	text-decoration: none;
	-webkit-animation: contract 3s 3s ease-in-out forwards;
	animation: contract 3s 3s ease-in-out forwards;
	}
	
header#header_secondary #title {
	font-family: 'Swiss', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-color: transparent;
	color: #ddd;
	text-align: center;
	margin: 62px auto 32px;
	font-size: 35px;
	line-height: 23px;
	font-weight: bold;
	display: block; 
	width: 16px;
	letter-spacing: -16px;
	height: 21px;
	padding: 8px 20px 10px 7px; 
	border: 5px solid #ddd;
	text-decoration: none;
	transition: all 0.5s;
	}
header#header_secondary a:hover #title{
	color: #888;
	border: 5px solid #888;
	}
header#header_secondary #title_lovesymbol {
	font-family: "Prince";
	background-color: transparent;
	color: #ddd;
	text-align: center;
	margin: 62px auto 32px;
	font-size: 35px;
	line-height: 23px;
	font-weight: bold;
	display: block; 
	width: 16px;
	letter-spacing: -16px;
	height: 21px;
	padding: 7px 23px 11px 4px; 
	border: 5px solid #ddd;
	text-decoration: none;
	transition: all 0.5s;
	}
header#header_secondary a:hover #title_lovesymbol {
	color: #a34acc;
	border: 5px solid #a34acc;
	}
main#main_main {
	max-width: 640px;
	font-size: 14px;
	line-height: 21px;
	margin: 0 auto 35px;
	padding: 28px 28px 32px 28px;
	z-index: 1;
	overflow: hidden;
	}
main#main_work h2 {
	font-family: 'Brandon', 'Swiss', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-color: transparent;
	color: #17315b;
	text-align: center;
	margin: -15px auto 25px;
	font-size: 33px;
	font-weight: normal;
	display: block; 
	padding: 8px 0 5px 0; 
	text-decoration: underline;
	letter-spacing: 0;
}
main#main_work h4 {
	font-family: 'Swiss', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-color: transparent;
	color: #17315b;
	text-align: left;
	font-size: 18px;
	line-height: 26px;
	font-weight: normal !important;
	display: block; 
	padding: 0 70px 30px 70px; 
	text-decoration: none;
	letter-spacing: 0;
}
main#main_work h4 a {
	color: #17315b;
}
main#main_wide {
	max-width: 1180px;
	font-size: 14px;
	line-height: 21px;
	margin: 0 auto 35px;
	padding: 0;
	z-index: 1;
	overflow: hidden;
	background-color: transparent;
	}
main#main_secondary {
	max-width: 640px;
	font-size: 13px;
	line-height: 21px;
	margin: 0 auto 35px;
	padding: 28px 28px 0 28px;
	z-index: 1;
	overflow: hidden;
	}
main#main_secondary img {
	margin: 0 0 -5px 0;
	border: 1px solid #ededed;
	box-sizing: border-box;
	width: 100%;
}
main#main_work {
	display: block;
	max-width: 644px;
	font-size: 13px;
	line-height: 21px;
	margin: 0 auto 25px auto;
	padding: 0 0 32px 0;
	z-index: 1;
	overflow: hidden;
	transition: all 0.5s ease-in-out;
	}
@media only screen and (min-width: 966px) and (max-width: 1280px) {
	main#main_work {
		display: block;
		max-width: 866px;
		font-size: 13px;
		line-height: 21px;
		margin: 0 auto 25px auto;
		padding: 0 0 32px 0;
		z-index: 1;
		overflow: hidden;
		transition: all 0.5s ease-in-out;
		}
	}
@media only screen and (min-width: 1281px) {
	main#main_work {
		display: block;
		max-width: 1088px;
		font-size: 13px;
		line-height: 21px;
		margin: 0 auto 25px auto;
		padding: 0 0 32px 0;
		z-index: 1;
		overflow: hidden;
		transition: all 0.5s ease-in-out;
		}
	}
main ul.work_grid {
	width: 444px;
	list-style: none;
	padding: 0 0 35px 22px;
	margin: 0 auto 0 auto;
	overflow: hidden;
	transition: all 0.5s ease-in-out;
	}
@media only screen and (min-width: 740px) and (max-width: 965px) {
	main ul.work_grid {
		width: 666px;
		list-style: none;
		padding: 0;
		margin: 0 0 35px 0;
		transition: all 0.5s ease-in-out;
	}
}
@media only screen and (min-width: 966px) and (max-width: 1280px) {
	main ul.work_grid {
		width: 888px;
		list-style: none;
		padding: 0;
		margin: 0 0 35px 0;
		transition: all 0.5s ease-in-out;
	}
}
@media only screen and (min-width: 1281px) {
	main ul.work_grid {
		width: 1110px;
		list-style: none;
		padding: 0;
		margin: 0 0 35px 0;
		transition: all 0.5s ease-in-out;
	}
}
main ul.work_grid li {
	width: 200px;
	padding: 0 22px 30px 0;
	margin: 0 auto;
	float: left;
	line-height: 15px;
	}
main ul.work_grid li a {
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	}
main ul.work_grid li a img {
	width: 200px;
	height: 120px;
	margin: 0 0 3px 0;
	border: 1px solid #ededed;
	box-sizing: border-box;
	opacity: 1.0;
	transition: all 0.5s;
	}
main ul.work_grid li a:hover img {
	opacity: 0.85;
	}

main video.about_vid {
	opacity: 0.9;
	width: 1163px;
	height: 132px;
	margin: 0 0 0 -261px;
	background-color: rgba(0,0,0,0.5);
	}
main a, main a:visited {
	color: #888;
	}	
main a:hover {
	color: #17315b;
	}	
main p .bib {
	display: block;
	font-size: 11px;
	line-height: 14px;
	padding: 0 0 0 30px;
	text-indent: -30px;
}
main .vexillology {
	position: relative;
	float: right;
	margin: -2px 0 0 0;
	text-decoration: none;
	color: #ccc;
	font-size: 14px;
	line-height: 20px;
	transition: all 0.5s;
	padding: 10px 13px 8px 15px;
}
main .more {
	position: relative;
	float: right;
	margin: 0 0 0 0;
	text-decoration: none;
	color: #ddd;
	font-size: 21px;
	line-height: 20px;
	transition: all 0.5s;
	padding: 5px 11px 7px 11px;
	}
main .permalink {
	position: relative;
	float: right;
	margin: -33px 0 0 0;
	text-decoration: none;
	color: #ddd;
	font-size: 18px;
	line-height: 19px;
	transition: all 0.5s;
	padding: 6px 11px 7px 11px;
	}
main .permalink:hover, main .more:hover {
	color: #888; 
	background-color: #ddd;
	}
main .vexillology:hover {
	color: #aaa;
	}
main .vexillology i {
	margin-left: 5px;
	transition: all 0.5s;
}
main .vexillology i:hover {
	color: #888
}
main p {
	padding: 28px 30px;
	margin: 0 0 0 0;
	max-width: 580px;
	line-height: 20px;
	width: auto;
	background-color: #f5f5f5;
	color: #888;
	}
main div {
	padding: 0;
	}
main ul.social_menu {
	list-style: none;
	list-style-type: none;
	margin: -23px 0 -12px 0;
	padding: 0;
	text-align: right;
	}
main ul.social_menu li {
	display: inline-block;
	margin: 0 0 0 0;
}
main a.social {
	text-decoration: none;
	font-size: 23px;
	padding: 5px;
	color: #bbb;
	transition: all 0.5s;
	width: 20px;
	display: block;
	}
main a.social:hover {
	color: #888;
	}
	
main div.cv {
	padding: 28px 30px;
	margin: 0 0 0 0;
	max-width: 580px;
	width: auto;
	background-color: #f5f5f5;
	color: #888;
	}
main div.cv table {
	margin: 5px 0 0 0;
	padding: 0;
	width: 100%;
}
main div.cv table tr td {
	margin: 0;
	padding: 0;
}
main div.cv table tr td.year {
	padding: 3px 0 0 0;
	text-align: left;
	width: 50px;
	font-size: 13px;
}
main div.cv ul {
	list-style: none;
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 0;
	}
main div.cv ul li {
	list-style: none;
	list-style-type: none;
	line-height: 17px;
	padding: 0 0 8px 30px;
	margin: 0;
	text-indent: -30px;
	}
main div.cv span.name {
	font-size: 18px;
	}
	
main div.quote {
	text-align: center;
	color: #aaa;
}

.back, .back:visited {
	position: absolute;
	display: block;
	left: 35px;
	top: 50%;
	margin: -5px 0 0 0;
	width: 35px;
	height: 35px;
	padding: 0;
	font-size: 35px;
	line-height: 35px;
	color: #ddd;
	text-decoration: none;
	opacity: 0.5;
	transition: opacity 0.5s;
	}
.back:hover{
	opacity: 1.0;
	}
.next, .next:visited {
	position: absolute;
	display: block;
	right: 30px;
	top: 50%;
	margin: -5px 0 0 0;
	width: 35px;
	height: 35px;
	padding: 0;
	font-size: 35px;
	line-height: 35px;
	color: #ddd;
	text-decoration: none;
	opacity: 0.5;
	transition: opacity 0.5s;
	}
.next:hover{
	opacity: 1.0;
	}
.last {font-family: 'Prince';
	font-size: 44px;
	width: 22px;
	cursor: default;
	}
.last:hover {
	color: #a93eb0;
	}
footer#footer_main {
	max-width: 504px;
	color: #17315b;
	font-size: 11px;
	line-height: 11px;
	margin: 0 auto 92px auto;
	padding: 43px 0 0 0;
	text-align: center;
	}
footer#footer_secondary {
	max-width: 504px;
	color: #bbb;
	font-size: 11px;
	line-height: 11px;
	margin: 0 auto 65px;
	padding: 35px 0 0 0;
	text-align: center;
	}
footer a, footer a:visited {
	color: #bbb;
	text-decoration: none;
	font-weight: bold;
	}
footer a:hover {
	color: #666;
	}
nav#nav_main {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 65px;
	background-color: #666;
	z-index: 75;
	text-align: center;
	display: block;
	}
nav#nav_secondary {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 65px;
	background-color: rgba(0,0,0,0.5);	
	z-index: 75;
	text-align: center;
	}
nav a, nav a:visited {
	color: #fff;
	}
nav ul {
	text-align: center;
	list-style: none;
	padding: 0;
	width: 100%;
	margin: 0 auto;
	font-size: 18px;
	display: block;
	}
nav ul li {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: block;
	}
nav ul li a, nav ul li a:visited {
	color: #fff;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	text-decoration: none;
	padding: 24px 0;
	width: 100%;
	display: block;
	}
nav ul li a:hover {
 	color: #e6bb24;
 }
nav ul li a.sel {
	color: #ccc;
}

nav ul li a.sel_lovesymbol {
	color: #a34acc;
}
.backtotop {
	max-width: 504px;
	text-align: center;
	font-size: 36px;
	color: #ddd;
	margin: 0 auto 55px auto;
	}
.backtotop a {
	color: #ddd;
	text-decoration: none;
	display: block;
	margin: 0 auto;
	width: 42px;
	height: 42px;
	}
#bottomborder {
	background-color: #ddd; 
	width: 100%; 
	height: 65px; 
	display: block; 
	position: fixed; 
	bottom: 0; 
	left: 0; 
	z-index: -1;
	}
#bottomborder video {
	width: 100%; 
	opacity: 0.75;
	}
	
.video_container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0;
	height: 0;
}
.video43_container {
	position: relative;
	padding-bottom: 71%; /* 4:3 */
	height: 0;
}
.special_container {
	position: relative;
	padding-bottom: 30px;
	height: 485px;
}
.video_container iframe, .video43_container iframe {
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.comments_header {
	height: auto;
	margin: 30px 0 0 0;
	padding: 10px 30px 1px 30px;
	text-align: left;
}
.comments_header h3 {
	font-size: 21px;
	height: 21px;
	font-family: 'Swiss', Helvetica, Arial, sans-serif;
	font-weight: bold;
}
.fb-comments {
	background-color: transparent;
	padding: 0 0 30px 0;
	margin: 0;
}
.about_lg {
font-size: 27px; line-height: 36px;
font-style: italic;
font-weight: bold;
}


.rpm_bug {position: relative; margin: 0 auto; width: 400px; text-align: center; font-family: 'Swiss', Helvetica, Arial, sans-serif; color: #c3c5c7; font-size: 20px; text-decoration: none; font-weight: normal; font-size: 16px; padding: 10px 0; transition: none;}
.rpm_bug a {font-family: 'Swiss', Helvetica, Arial, sans-serif; font-weight: normal; color: #c3c5c7;}

a.rpm_link {
	margin: 0 0 30px -5px;
	 transition: none;
	width: auto;
	height: 30px;
	vertical-align: middle;
	background-image: url(images/rpm_logo.png);
	background-size: 29px 60px;
	overflow-y: hidden;
	background-repeat: no-repeat;
	background-position: top left;
	display: inline-block;
	padding: 0 0 0 42px;
	line-height: 29px;
	text-decoration: none;
	font-family: 'Swiss', Helvetica Neue, Helvetica, Arial, sans-serif;
}
a:hover.rpm_link {
	background-position: bottom left;
	color: #9a9c9f;
}
a:hover.rpm_link .highlight {color: #c3c5c7 !important;}


span.love_symbol {
	font-family: "Prince";
}

/* div.eapps-social-share-buttons-container {
	margin-bottom: 65px !important;
} */

	@font-face {font-family: 'Swiss'; src: url("fonts/swiss_roman.ttf"); font-weight: normal; font-style: normal;}
	@font-face {font-family: 'Swiss'; src: url("fonts/swiss_roman_italic.ttf"); font-weight: normal; font-style: italic;}
	@font-face {font-family: 'Swiss'; src: url("fonts/swiss_heavy.ttf"); font-weight: bold; font-style: normal;}
	@font-face {font-family: 'Swiss'; src: url("fonts/swiss_heavy_italic.ttf"); font-weight: bold; font-style: italic;}
	@font-face {font-family: 'Prince'; src: url("fonts/lovesymbol.ttf"); font-weight: normal; font-style: normal;}
	@font-face {font-family: 'Brandon'; src: url("fonts/brandon_black.ttf"), url("fonts/brandon_black.otf"), url("fonts/brandon_black.eot"); font-weight: normal; font-style: normal;}