body, html {margin:0; font-family: 'Roboto', sans-serif; background-color:#CFD7CC; color:#181818;}
.sheetdiv {margin:0 auto; max-width:1000px; padding:0 20px; background-color:#FFFFFF;}
.banner {width:100%; overflow:hidden;}
h1, h2, h3, h4, h5 {font-family:'Playfair Display SC', serif; line-height:100%; font-weight:normal;}
h1 {font-size:48px;}
.banntitl {margin:0 auto; font-family:'Playfair Display SC', serif; text-align:center; line-height:100%;}
p,table, li {font-size:14px;}
img {width:100%;}
a:link, a:hover, a:visited {color:#181818;}

.bannlinks {font-size:14px; float:left; height:20px; margin:0 0 10px -12px;}
.bannlink {float:left; text-decoration:none; padding:0 11px;}
.bannlink a {color:#181818; text-decoration:none;}
div.bannlink a:link, div.bannlink a:visited {text-decoration:none;}
div.bannlink a:hover {text-decoration:underline;}

.blcurrent {font-weight:bold;}
.blcurrent:link, .blcurrent:hover, .blcurrent:visited {color:#181818; text-decoration:none;}
.phonediv {float:right; text-align:right; font-size:12px; height:20px;}
.phonediv a {text-decoration:none;}
.phonediv a:hover {color:#CFD7CC;}

.mainhomebox {float:left; width:100%;}
.hometextbox {margin:30px auto; max-width:600px;}
#cycler{position:relative;}
#cycler img{position:absolute;z-index:1;background-color:white}
#cycler img.active{z-index:3}

.aboutcols {-webkit-column-count:2; /* Chrome, Safari, Opera */ -moz-column-count:2; /* Firefox */ column-count:2;}
.aboutek1 {float:right; margin:10px 0 20px 20px; width:190px; display:none;}
.aboutek2 {float:right; margin:10px 0 20px 20px; width:190px; display:inline-block;}

div#images {text-align:center;}
.portbox {text-align:center; width:100%;}
.lwrportbox {display:inline-block; margin:0 10px 10px 0; text-align:center; font-size:0.8em; cursor:pointer;}
.portfolio {display:inline-table; width:286px; height:292px; margin-right:15px; margin-bottom:20px; text-align:center; padding:10px; border:1px solid #DEDEDE;}
.portfolio:hover {background-color:#EBEEEA;}
.portfolio:after {content: url(images/more.jpg); float:right;}
.portfoliox {display:inline-table; width:286px; height:292px; margin-right:15px; margin-bottom:20px; text-align:center; padding:10px; border:1px solid #DEDEDE;}

.medbox {text-align:center; width:100%;}
.media {display:inline-table; width:286px; height:292px; margin-right:15px; margin-bottom:20px; text-align:center; padding:10px; border:1px solid #DEDEDE;}
/*.media:hover {background-color:#EBEEEA;}
.media:after {content: url(images/more.jpg); float:right;}*/
.media img {opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */}
.media img:hover {opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */}

.shopbox {text-align:center; width:100%;}
.shopitem {display:inline-table; width:286px; height:292px; margin-right:15px; margin-bottom:20px; text-align:center; padding:10px; border:1px solid #DEDEDE;}
.shopitem:hover {background-color:#EBEEEA;}
.shopitem:after {content: url(images/more.jpg); float:right;}
.shoptextbox {margin:0 auto; max-width:700px;}
.shoptextbox img {float:left; width:auto; margin-right:30px; padding-bottom:20px;}

.leftcont {float:left; width:70%;}
.conttab {width:100%; max-width:450px;}
.rightcont {float:left;}
.error {font-size:11px; padding-left:20px;}

.pptleft {float:left; width:80%;}
.pptright {float:right; width:20%; text-align:right; margin-top:20px;}
.pplink {font-size:11px; text-decoration:none;}
p.ppmsg {clear:left; text-align:center;}

.footer {margin:0 auto; max-width:1000px; height:12px; padding:4px 0; font-size:11px; background-color:#FFFFFF; border-top:1px solid #DEDEDE; margin-top:10px;}
.footlink {float:left; padding:0 12px 0 0; margin-right:12px;}
.footlink a:link {text-decoration:none; color:#AAAAAA;}
.footlink a:hover {text-decoration:underline;}
.footlink a:visited {text-decoration:none; color:#AAAAAA;}
.footcopy {float:right; width:100%; max-width:320px; text-align:left; color:#AAAAAA;}
.style1 {font-size:11px;}

@media (max-width:884px) {
	.phonediv {clear:left; float:left; text-align:left; font-size:12px; height:20px; margin-top:2px;}
	.aboutcols {-webkit-column-count:1; /* Chrome, Safari, Opera */ -moz-column-count:1; /* Firefox */ column-count:1;}
	.aboutek1 {float:right; margin:10px 0 20px 20px; width:190px; display:inline-block;}
	.aboutek2 {float:right; margin:10px 0 20px 20px; width:190px; display:none;}
	.footcopy {clear:left; float:left; margin-top:10px;}
	.conttab {max-width:90%;}
	.leftcont {width:90%;}
	.rightcont {clear:left; float:left;}
}

@media (max-width:544px) {
	h1 {margin:10px 0;}
	.sheetdiv {padding:0 10px;}
	.bannlink {font-size:16px; padding:0 10px; line-height:150%;}
	.phonediv {font-size:14px; margin:20px 0 10px 0;}
	.aboutcols {-webkit-column-count:1; /* Chrome, Safari, Opera */ -moz-column-count:1; /* Firefox */ column-count:1;}
	.footer {font-size:14px;}
	.footcopy {font-size:12px;}
	.conttab {max-width:100%;}
	.leftcont {width:100%;}
	.rightcont {clear:left; float:left;}
	.pptleft {width:100%;}
	.pptright {clear:left; float:left; width:100%; text-align:left; margin-top:0; margin-bottom:15px;}
}