@import url(https://fonts.googleapis.com/css?family=Raleway);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}

body {
	line-height: 1;
	background-color: #ffefd5;
	font-family: 'Raleway', sans-serif;
}
a {
	color: #999;
	text-decoration: none;
	/* font-family: "Open Sans", sans-serif; */
}
ol, ul {
	list-style: none;
}

.boxedcontent ol { 
	list-style-position: outside;
    list-style-type: circle;
    padding-left:18px;
	}
	.boxedcontent li { 
		padding-left:18px;
	}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1 {
	
}
h2 {
    font-size: 1.5em;
    padding-bottom: 5px;
	padding-left: 20px;
    /* border-bottom: 1px dotted #000;*/
	margin-bottom: 5px;
	font-weight: bold;
}

h3 {
	font-size: 1.2em;
    padding-bottom: 10px;
    padding-top: 20px;
    /* border-bottom: 1px dotted #000;*/
	margin-bottom: 5px;
	font-weight: bold;
}

.topspacing {
	padding-top: 90px;
	float: left;
	width: 100%;
}

#container{	

}


#maincontent {
	width: 75%;
	float: right;		
	padding-right: 100px;
    box-sizing: border-box;
	line-height: 25px;
}

.boxedcontent{
    /* background-color: #999; */
    border: 1px solid rgba(229, 229, 229, 0.85);
    padding: 20px 20px;
    /* margin-top: 30px; */
    box-shadow: 1px 2px 15px 2px rgba(107, 107, 107, 0.17);
	float: left;
    width: 100%;
}

	.left{
		float: left;		
	}
	
	.right{
		float: right;		
	}
	
	.frontpageimage{
		width: 410px;
	}
	
	.frontpagelinks{
		width: 300px;
	}
	
	.workimage{
		width: 410px;
	}
	
	.worklinks{
		width: 450px;
	}
	
	.boxedcontent_narrow {
		width: 750px;
	}
	.leftspace{
	    padding-left: 10;
	}
	
	.topspace{
	    padding-top: 10;
	}
	
	.focus{
		font-weight: bold;
	}
	
	.fullwidth{
		width: 100%;
		float: left;
	}
	
	img.workpic {
		max-width: 100px;
		border: 1px solid #000;
	}
	
	.boxedcontent img.profilepic {
		max-width: 400px;
		border: 5px solid #000;
	}

#infobox {
	background-color: #fff;
    padding: 15px 15px 15px 35px;
    font-size: 1.5em;
}

.linklist {
	/*list-style: none;*/
	padding-top: 10px;
}

	.linklist a {
		color: #999;
	}

		.linklist a:hover {
			color: #666;
		}

#main-nav {
	width: 100%;
	background-color: #fff;
	position: fixed;
	height: 50px;
	display: block;
	float: left;
	border-bottom: 5px solid #666;
	z-index: 1000;
}

.top-nav {
	display: block;
	width: 75%;
	left: 25%;
	position: relative;
	display: block!important;
	font-size: 2em;	
}

	.top-nav ul li{
		list-style: none;
		float: left;				
		padding: 10px 15px 0px 15px;
		height: 40px;
	}
	
	.top-nav ul li a{
		color: #000;
	}
		.top-nav ul li:hover{
			/*background-color: #999;*/
			opacity: 0.4;
		}
		
		.activetopmenu {
			opacity: 0.4;
		}

#breadcrumb	{
	top: 55px;
	width: 100%;
	background-color: transparent;
	position: fixed;
	height: 50px;
	display: block;
	float: left;
	z-index: 999;
    left: 25%;
    padding: 5px;
	font-size: 0.8em;
}

#quicknav {
	width: 25%;	
}

.scroll-nav {
	position: fixed;
	right: 79%;
	left: 15px;
	top: 60px;
	border: 1px solid rgba(229, 229, 229, 0.85);
	padding: 10px 20px;
	margin-top: 30px;
	box-shadow: 1px 2px 15px 2px rgba(107, 107, 107, 0.17);
	box-sizing: border-box;
	background-color: #fff;
	max-height: 800px;
    overflow: scroll;
}
	.scroll-nav ul li{
		list-style: none;
	}

		.scroll-nav ul li a:hover{
			color: #666;
		}

		
		.bs-sidenav {
			margin-bottom: 20px;
		}
		
		.nav{
			
		}
		
		.bs-sidenav .nav .nav {
			display: none;
			margin-left: 20px;
		}
		
		.topleft {
			border-left: 5px solid #666;
			padding-left: 20px;
			margin-bottom: 10px;
		}
			.topleft:hover {
				border-left: 5px solid #ffefd5;				
			}
		
		
.fancybox-button img{
	max-width:200px;
	max-height:110px;
	width: auto;
	height: auto;
	}
	
	.fancybox-button img:hover{
		opacity: 0.4;
	}
	
.contactlink {
    font-size: 2em;
    color: #666;
	margin-right: 25px;
}
	.contactlink:hover {
		opacity: 0.4;
}
	
	
.emptybox {
	height: 1000px;
	float: left;
    width: 100%;
}	


.top-nav .icon {
  display: none;
}

#mobilenav{display:none}


@media screen and (max-width: 800px) {
	#mobilenav{position: fixed;display:block;border-bottom:5px solid #666;background-color: #fff;min-height:60px;z-index: 1000;width:100%}
	#mobilenavheader{font-size:40px;text-align: center;padding-top: 10px;}
	.mobile-top-nav-class {display:none}
	.mobile-top-nav-classresponsive {position: relative;}
	.mobile-top-nav-classresponsive a{display: block;text-align: center;padding: 14px 0px;text-decoration: none;font-size: 40px;}
	a.icon {position: absolute;right: 0px;top: 5px;float: right;display: block;}
	#main-nav {display:none}
	#maincontent {width: 100%;float: left;padding-right: 0px;box-sizing: border-box;}
	.right {float: left;}
	.boxedcontent_narrow {width: 100%;}
	.boxedcontent img.profilepic {width: 90%;border: 5px solid #000; max-width: 4000px;}
	.frontpagelinks {width: 100%;}
	.frontpageimage {width: 100%;}
	#breadcrumb {display:none;}
	#quicknav {display:block;width:100%;top:60px;position: relative;}
	.scroll-nav{position: relative;right: 0%;left: 0px;top: 0px;border: 1px solid rgba(229, 229, 229, 0.85);padding: 10px 20px;margin-top: 0px;box-shadow: 1px 2px 15px 2px rgba(107, 107, 107, 0.17);box-sizing: border-box;background-color: #fff;max-height: 800px;overflow:scroll;}
	img {width:90%}
	.topleft {border-left: 0px solid #666;padding-left: 0px;margin-bottom: 0px;}  
	.topleft:hover {border-left: 0px solid #666;padding-left: 0px;margin-bottom: 0px;}  
	.topleft a {color: #999;text-decoration: none;float: left;border: 2px solid;background: #fff;margin: 10px;font-size: 25px;padding: 5px;}
	.topleft a:hover {color: #999;text-decoration: none;float: left;border: 2px solid;background: #fff;margin: 10px;font-size: 25px;padding: 5px;}
	.back-to-top{display:none}
	.boxedcontent {width:90%}
}