/constantcontact.compactcarbobnra* William Wasserman Website CSS */


/* -----  1.2 Reset & Normalization  ---------------------------------------- */

*, *::before, *::after {
  margin: 0;
  padding: 0;
  border: none;
  box-sizing: border-box;
  list-style: none;
}

article, aside, details, figcaption, figure,
footer, header, main, menu, nav, section, summary {
  /* Add correct display for IE 9- and some newer browsers */
  display: block;
}

::-moz-selection {
  background: #71efac;
  color: #261e66;
}

::selection {
  background: #71efac;
  color: #261e66;
}


body {
  background: #104F4F;
  background-image: url('../images/background.png');
  background-repeat: repeat;
}

footer{
	background-image: url('../images/torn_page.png');
	height: 200px;
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
	top: -14px;
}

.footer-kewpie{
background-image: url('../images/footerkewpie.png');
height: 200px;
width: 200px;
position: relative;
background-repeat: no-repeat;
background-size: 75px 85px;
left: 50%;
bottom: -40%;
margin-left: -43px;
}



main.main {
    background-color: white;
    border: 10px solid white;
	border-bottom: 0px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
    padding: 20px;
    margin: 10px;
/*	max-width: 960px;*/
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

main.main .default {
	text-align:left;
	max-width: 650px;
	margin: 0 auto;
}

.page-wrapper {
    max-width: 1096px;
    margin: 0 auto;
    padding: 15px;
}

nav li.menu-item{
	display:inline-block;
}

nav li img {
	height: 70px; 
}

nav li.dot img {
    height: 26px;
    padding: 10px 0 21px 0;
}


nav.navigation {
    text-align: center;
}

ul.menu {
    padding-left: 0px;
}

.menu-item a img:hover{
    opacity: 0.5;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}
/*, .menu-item.is-active a img*/
.is-active img {
    filter: invert(25%) brightness(200%) sepia(100%) hue-rotate(307deg) saturate(73);
}

.menu-bar {
	text-align: center;
	margin: 15px 0 20px 0;
}

.branding.column {
/*   margin: 103px 0 25px 25px;*/
text-align:center;
}

.branding a img{
position: relative;
bottom: -50px;
transition: .3s;
filter:brightness(100%);
max-width:100%;
}

.branding a img:hover{
  filter:brightness(120%);
  animation: filter;
}

.showcase{
/*columns: 3;*/
}

.showcase-item {
width:30%;
padding: 10px;
display: inline-block;
vertical-align: top;
text-align: center;
padding: 10px 10px 40px 10px;
}

.item-thumbnail {
    max-height: 300px;
	max-width: 300px;
}

.item-wrapper{
	text-align:center;
}

.item-wrapper img {
	max-height: 600px;
	max-width: 100%;
}

/* Typography */
body {
	font-family: courier;
	color: #000;
	font-size: 0.875em;
}
a, a:link, a:visited, a:active{
	color: #ff0000;
/*	text-decoration: none;
	border-bottom: 2px solid #ff0000;*/
}
a:hover {
	color: #000000;
/*	text-decoration: none;
	border-bottom: 2px solid #000000;*/
}

p {
	margin-bottom:1.5em;
	line-height:1.5em;
}

h1{
	text-transform:uppercase;
	font-size: 1.3em;
	margin-bottom: 1.3em;
}

hr {
    border-width: 0 0 3px 0;
}

.project-caption{
	padding-bottom: 15px;
}

.text{
	max-width: 8
}

.text img{
	max-width:100%;

}

.soldout{
	background-image: url("../images/soldout.gif");
	background-color: #cccccc;
	border: 3 px solid;
	width: 100px;
	height: 15px;
	margin: 0 auto;
	color: transparent;
	background-size: 100px;
	background-repeat: no-repeat;
}

.text a img:hover{
	opacity: .5;
}

/* slider 
.slick-slide {
   height:200px;
}

img.slick-slide {
   height:200px;
}*/

/* */
.slick-slide img{
	margin: 0 auto;
	
}

@media only screen and (max-width: 700px) {
	.showcase {
	padding: 0;
	}
}

@media only screen and (max-width: 470px) {
	.showcase {
	}
	.showcase-item {
	width: 100%;
	}
	.branding.column {
		margin-top: 25px;
	}
	.text img{	
		height: auto;
	}
	.text .imgtext{
		height: 40px;
	}
	nav li.menu-item {
    margin: -20px 0px;
	}
	.branding.column {
    margin-top: 0;
	}
}