html {
               scroll-behavior: smooth;
}

body {
	margin:auto 0;
	padding:0;
	height:100%;
	width: 100%;
}

img {
	border:0;
}

h5 {
	font-size: medium;
}

.scrollmore { 
	/*background-image: url("/illustration_gallery/thumbs/01_musicman.jpg");*/
	/*background-color: #e7e7e7;*/
	background-color: #78bdbd;
	/*min-height: 130px;*/
	min-height: 5px;
	background-attachment: fixed;
	background-position: 0 76px;
}
.contain { 
	position: relative; 
	width: 100%; 
	height: 160px; 
	background-repeat: no-repeat; 
	background-size: cover; 
}
.overlay { 
	position: absolute; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	height: 100%; 
	width: 100%; 
	opacity: 0; 
	transition: .5s ease; 
	background-color: #525151; 
}
.contain:hover .overlay { 
	opacity: 1; 
}
.text { 
	color: white; 
	font-size: small;
	line-height: 1.2; 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%); 
	transform: translate(-50%, -50%); 
	text-align: center; 
}
#wrapper {
	min-height:100%;
	position:relative;
}

#topbar {
	height:31px;
	margin:auto 0;
	background-color: #969494;
	width: 100%;
}

#topbarcontainer {
	margin:0 auto;
	height:31px;
	max-width: 1180px;
	padding: 0 20px;
}

#toptext {
	float: right;
	padding-top: 7px;
	padding-right: 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: small;
	text-align:right;
	color: #eae8e8;
}

#socialicons {
	float:right;
	font-size: small;
	padding-top: 7px;
	font-family: Arial, Helvetica, sans-serif;
}

#header {
	clear:both;
	margin:auto 0;
	height:85px;
	width: 100%;
}

#headercontainer {
	margin:0 auto;
	max-width: 1180px;
}

#logo {
	float:left;
	padding:10px 20px;
}

#nav {
	float:right;
	padding: 25px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: medium;
	text-align:right;
}

#container {
	margin:0 auto;
	height:100%;
	min-height: 800px;
	margin-bottom:40px;
	width: 1180px;
}

#imagecontainer {
	margin:0 auto;
	width: 1180px;
}

#admincontent {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;	
}

#bottommargin {
	height:100px;
}

.content {
	margin:0 auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}

#imagespace {
	margin-bottom:5px;
}

#portfolionav {
	margin-top:20px;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size:large;
	text-align:center;
	word-spacing:15px;
	color:#525151;
}

.toplink {
	padding-top:20px;
	padding-left: 25px;
	padding-bottom:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:x-large;
	text-align:center;
	color:#525151;
}

#topimages {
	margin-top:30px;
	text-align:center;
	width:100%;
}

#homeblurb {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
	background-color: #e7e7e7;
	text-align:center;
	color:#525151;
	font-size: large; 
	font-weight: bold; 
	padding: 70px 20px;
}

#bottomimages {
	margin-top:20px;
	text-align:center;
	width:100%;
}

#abouttext {
	background-color: #e7e7e7;
	padding-bottom: 35px;
	padding: 5px 20px 100px;
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size:medium;
	line-height:150%;
	text-align: center;
	color:#525151;
}

#abouttext p {
	max-width: 960px;
	margin: 0 auto;
	padding-bottom: 40px;
}

#contacttext {
	float: left;
                width: 100%;
	padding: 40px 0 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size:medium;
	text-align:left;
	color:#525151;
}

table {
	border:0;
	margin-bottom:20px;
}

#resumetext {
	float:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size:medium;
	text-align:left;
	color:#525151;
}

#aboutpic {
	float:left;
	margin-top:10px;
	padding-bottom: 20px;
}

#contactpic {
	margin: 0 auto;
	padding: 0 20px;
}
#contactpic img {
	float:left;
}

#loginpic {
	float:left;
	margin-top:35px;
}

#webcontainer {
	margin-bottom:20px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#525151;
	/*border:1px blue solid;*/
}

#footerbar {
	clear:both;
	height: 180px;
	width:100%;
	margin:auto 0;
	background-color: #969494;
}

#footercontainer {
	max-width: 1180px;
	margin:0 auto;
	padding: 0 20px;
}

#login {
	float:right;
	margin-top:40px;
	width:350px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size:medium;
	text-align:left;
	color:#525151;
}

#loginlink {
	display: none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size:medium;
}

#navfooter {
	float:right;
	margin-bottom:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size:medium;
	text-align:right;
}

#copyright {
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	text-align:right;
	color: #eae8e8;
}

a:link {
	color:#525151;
	text-decoration:none;
}

a:visited {
	color:#525151;
	text-decoration:none;
}

a:active {
	color:#525151;
	text-decoration:none;
}

a:hover {
	color:#cccbcb;
	text-decoration:none;
}

#nav a:link {
	color:#525151;
	text-decoration:none;
}

#nav a:visited {
	color:#525151;
	text-decoration:none;
}

#nav a:active {
	color:black;
	text-decoration:none;
}

#nav a:hover {
	color:#8f8e8e;
	text-decoration:none;
}

#portfolionav a:link {
	color:#525151;
	text-decoration:none;
}

#portfolionav a:visited {
	color:#525151;
	text-decoration:none;
}

#portfolionav a:active {
	color:black;
	text-decoration:none;
}

#portfolionav a:hover {
	color:#8f8e8e;
	text-decoration:none;
}

#navfooter a:link {
	color: #eae8e8;
}

#navfooter a:visited {
	color: #eae8e8;
	text-decoration:none;
}

#navfooter a:active {
	color:#cccbcb;
	text-decoration:none;
}

#navfooter a:hover {
	color:#292929;
	text-decoration:none;
}

.content a:link {
	text-decoration:none;
}

.content a:visited {
	text-decoration:none;
}

.content a:active {
	text-decoration:none;
}

.content a:hover {
	color:#cccbcb;
	text-decoration:none;
}

a#DCRMT {
	text-decoration:none;
	display: block;
	height:185px;
	width:300px;
	margin-bottom:10px;
	background-image:url(../web_gallery/01_dcrmt.jpg);
	background-repeat:no-repeat;
}

a#DCRMT:hover {
	text-decoration:none;
	display: block;
	height:185px;
	width:300px;
	margin-bottom:10px;
	background:url(../web_gallery/01_dcrmt_hover.jpg);
	background-repeat:no-repeat;
}

a#laurenszedlak {
	text-decoration:none;
	display: block;
	height:260px;
	width:300px;
	margin-bottom:10px;
	background-image:url(../web_gallery/03_laurenszedlak.jpg);
	background-repeat:no-repeat;
}

a#laurenszedlak:hover {
	text-decoration:none;
	display: block;
	height:260px;
	width:300px;
	margin-bottom:10px;
	background:url(../web_gallery/03_laurenszedlak_hover.jpg);
	background-repeat:no-repeat;
}
.carousel-inner .item img {
	margin: 0 auto;
}

.carousel-caption {
	color: #525151;
	font-size: medium;
	text-shadow: none;
	position: inherit;
	padding-bottom: 10px;
}

.carousel-control.right, .carousel-control.left {
	background-image: none;
	top: 40%;
}

@media screen and (max-width: 730px) {
	#logo {
		float: none;
		text-align: center;
	}
	#nav {
		float: none;
		clear: both;
		text-align: center;
		width: 400px;
		margin: 0 auto;
	}
	#topbarcontainer {
    	max-width: 330px;
	}
}