/* Site-wide defaults and structure */

/* normalization, structure, typography, etc */

/*************/
/* VARIABLES */
/*************/



/*************/
/* NORMALIZE */
/*************/

html {  }

body {
	/*min-width: 320px;*/
	background-color: #2e2419;
	height: 100%;
}

* { margin: 0; padding: 0; }

img { border: 0; }

div { position: relative; }

h1 { font-size: 1.9em; color: #999999; }

h2 { font-size: 1.6em; color: #999999; }

h3 { font-size: 1.4em; color: #999999; }

h4 { font-size: 1.0em; color: #999999; }

h5 { font-size: 1.2em; font-weight: normal; color: #999999; }

h6 { font-size: .8em; color: #999999; }

a, a:visited, a:hover { color: inherit; }

ul, ol { list-style-position: outside; margin-left: 25px; }




input { font-family: "Helvetica Neue", "Roboto", Helvetica, Arial, sans-serif; }

p { margin-bottom: 15px; }

/**************/
/* TYPOGRAPHY */
/**************/

body {
	font-size: 87.5%;
	line-height: 1.3em;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	color: #666666;
}




/*************/
/* STRUCTURE */
/*************/

div.root {
	width: 100%;
}

div.page-column {
	max-width: 1000px;
	margin: 0 auto;
}







/* Stylesheet: site Modified On 2014-11-18 22:33:52 */
/* Component styling */

/* forms, lists, messages, etc */

.cont-img img {
	width: 100%;
}

ul.nav,
ul.nav ul {
	list-style-type: none;
	list-style-position: outside;
	margin-left: 0;
}

ul.no-bull {
	list-style-type: none;
	list-style-position: outside;
	margin-left: 0;
}

.nav a {
	text-decoration: none;
}

.nav a:hover {
	text-decoration: underline;
}

.img-cont img {
	width: 100%;
	/*}height: 100%;*/
}


.clearfix {
	height: 0;
	width: 100%;
	clear: both;
}

div.panel {
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 55px;
}

#panel-navigation {
	padding-bottom: 55px;
}

h2.panel {
	font-family: "Arvo", serif;
	color: #2e2419;
	font-size: 2.0rem;
	padding-top: 10px;
	padding-bottom: 20px;
	line-height: 1.2em;
	font-weight: 500;
}

#panel-navigation h2.panel {
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
}

div.panel h3 {
	font-size: 0.9rem;
	color: #2e2419;
	margin-bottom: 25px;
}

div.panel h3 a,
div.panel h3 span {
	color: #606d37;
}

.view-frame-link {
	font-size: 1.0rem;
	margin-top: 40px;
	font-weight: 700;
	bottom: 0;
	color: #606d37;
}

.heading {
	font-family: "Arvo", serif;
	font-weight: 500;
	color: #999999;
}

.heading.page {
	color: #2e2419;
	font-size: 2.4em;
	padding-top: 40px;
	padding-bottom: 35px;
	line-height: 1.2em;
}

.heading.page.project-list {
	display: inline-block;
	padding-top: 0
}

#nav-other-work {
	position: relative;
	top: -4px;
	display: inline-block;
	font-weight: bold;
}

#nav-other-work span {
	color: #cccccc;
}

@media screen and (max-width: 530px) {
	
	.heading.page.project-list {
		display: block;
	}
	
	#nav-other-work {
		display: none;
	}
}

@media screen and (max-width: 875px) {
	
	.heading.page {
		padding-top: 0;
	}

}

.heading.page.gallery {
	font-size: 2.0em;
	padding-top: 0;
	padding-bottom: 10px;
}



.copy .heading {
	font-family: "Arvo", serif;
	color: #999999;
}

h2#gallery-caption.image-heading {
	width: 100%;
}

h2.image-heading {
	padding-left: 2%;
	padding-right: 2%;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	bottom: 100px;
	width: 96%;
	text-align: center; 
	font-size: 2.6em;
	line-height: 1em;
	font-family: "Arvo", serif;
	font-weight: 400;
	color: #ffffff;
	text-shadow: 2px 2px 0px rgba(30, 30, 30, 1);
	z-index: 500;
}

h2.work-image-link { 
	font-size: 1.0em;
	font-family: "Arvo", serif;
	font-weight: 600;
	color: #606d37;
}

h2.work-image-link a {
	text-decoration: none;
}


h2.work-image-link .work-image-link-arrow {
	font-size: 1.3em;
}

.heading.page.home-work-nav-panel {
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
}

@media screen and (max-width: 925px) {
	h2.image-heading {
		font-size: 2.2em;
		bottom: 90px;
	}
}

@media screen and (max-width: 875px) {
	h2.image-heading {
		font-size: 2.0em;
		bottom: 80px;
	}
}

@media screen and (max-width: 775px) {
	h2.image-heading {
		font-size: 1.8em;
		bottom: 75px;
	}
}

@media screen and (max-width: 675px) {
	h2.image-heading {
		font-size: 1.6em;
		bottom: 65px;
	}
}

@media screen and (max-width: 575px) {
	h2.image-heading {
		font-size: 1.4em;
		bottom: 55px;
	}
}

@media screen and (max-width: 475px) {
	h2.image-heading {
		font-size: 1.2em;
		bottom: 45px;
	}
}

@media screen and (max-width: 400px) {
	h2.image-heading {
		font-size: 1.0em;
		bottom: 40px;
	}
}

div.project {
	padding-top: 5px;
	padding-bottom: 40px;
}

div.project .img-cont {
	min-width: 155px;
	/*width: 15%;
	margin-right: 15px;*/
	float: left;
}

div.project h3 {
	margin-left: 170px;
	margin-top: -5px;
	font-size: 1.0em;
}

div.project p {
	margin-left: 170px;
}

@media screen and (max-width: 380px) {

	div.project .img-cont {
		min-width: 80px;
		width: 80px;
	}
	div.project h3 {
		margin-left: 90px;
		margin-top: -5px;
		font-size: 1.0em;
	}
	
	div.project p {
		margin-left: 90px;
	}
}


.heading.copy {
	font-family: inherit;
	color: #2e2419;
	font-weight: 600;
}

.heading.page {
	color: #2e2419;
}


/* TinyMCE insertvideo plugin */
div.mce-video {
	padding-bottom: 60%; /* This controls the aspect ratio */
}

div.mce-video iframe {
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Stylesheet: components Modified On 2017-05-02 16:42:51 */
/* Styling for reusable chunks of pages */

/* header, footer, nav, widget, etc */

/**********/
/* HEADER */
/**********/

div#header {
	min-height: 60px;
	background-color: <br />
<b>Notice</b>:  Undefined index: bg_header in <b>/home/mainemt/webapps/mainemt/tmp/templates_c/23823253f567e97ed2bc9994ee14273c70f1e8b4.string.php</b> on line <b>527</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/home/mainemt/webapps/mainemt/tmp/templates_c/23823253f567e97ed2bc9994ee14273c70f1e8b4.string.php</b> on line <b>527</b><br />
;
	color: #ffffff;
	z-index: 1000;
}

div#header div#logo-cont {
	position: absolute;
	/*float: left;*/
	margin-left: 2%;
	width: 17%;
	min-width: 120px;
	max-width: 166px;
	z-index: 2000;
}


div#header div#nav-main {
	float: left;
	width: 59%; /*51*/
	margin-left: 17%;
	padding-left: 2%;
	padding-top: 25px;
}

/*
div#header div#header-contact {
	float: right;
	width: 26%;
	height: 35px;
	background-color: #221b12;
	padding-top: 25px;
	padding-left: 1%;
	padding-right: 1%;
	text-align: right;
	font-size: 0.85em;
}
*/

div#header div#header-contact {
	float: right;
	width: 20%;
	height: 50px;
	background-color: #221b12;
	padding-top: 10px;
	padding-left: 1%;
	padding-right: 1%;
	text-align: right;
	font-size: 0.85em;
}

div#header div#header-contact a {
	color: #ffffff;
	text-decoration: none;
}

div#header div#contact span#contact-delimiter {
	
}

div#header div#nav-ctrl {
	display: none;	
}

@media screen and (max-width: 1000px) {
	
	div#header div#nav-main {
		width: 59%;
	}
	
	div#header div#header-contact {
		width: 20%;
		height: 50px;
	}
	
	div#header div#header-contact {
		padding-top: 10px;
	}
}

@media screen and (max-width: 875px) {
	
	div#header {
		min-height: 65px;
	}
	
	div#header div#header-contact {
		padding-top: 0;
		width: 35%;
		width: 275px;
		height: 25px;
		line-height: 25px;
	}
	
	div#header div#nav-main {
		padding-top: 10px;
		float: none;
		clear: both;
		width: 79%;
	}

}

@media screen and (max-width: 775px) {
	
	div#header div#header-contact {

		/*width: 40%;*/
	}
}

@media screen and (max-width: 675px) {

	div#header div#nav-main {
		padding-top: 20px;
		padding-left: 2%;
		padding-right: 2%;
		margin-left: 0;
		width: 96%;
		min-height: 30px;
		display: none;
		/*
		position: absolute;
		padding-top: 75px;
		background-color: <br />
<b>Notice</b>:  Undefined index: bg_header in <b>/home/mainemt/webapps/mainemt/tmp/templates_c/23823253f567e97ed2bc9994ee14273c70f1e8b4.string.php</b> on line <b>655</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>/home/mainemt/webapps/mainemt/tmp/templates_c/23823253f567e97ed2bc9994ee14273c70f1e8b4.string.php</b> on line <b>655</b><br />
;
		*/
	}
	
	div#header div#nav-ctrl {
		display: block;
		width: 75px;
		text-align: center;
		height: 40px;
		line-height: 40px;
		clear: right;
		float: right;
		cursor: pointer;
	}
	
	
	
}

@media screen and (max-width: 425px) {
	
	div#header div#header-contact {
		display: none;
	}
	
	div#header div#nav-main {
		padding-top: 30px;
		
	}
	div#header div#nav-ctrl {


		padding-top: 15px;
	}
	
}


/********/
/* BODY */
/********/


div#body {
	background: #ffffff url('https://www.mainemtpostbeam.com/local/img/background.gif') no-repeat center top;
	/*padding-top: 50px;*/
	min-height: 500px;
}

div#body div#header-image {
	
}
/*
div#body div#header-image h2 {
	padding-left: 2%;
	padding-right: 2%;
	position: absolute;
	bottom: 100px;
	width: 96%;
	text-align: center; 
	font-size: 2.6em;
	line-height: 1em;
	font-family: "Arvo", serif;
	font-weight: 400;
	color: #ffffff;
	text-shadow: 2px 2px 0px rgba(30, 30, 30, 1);
}

@media screen and (max-width: 925px) {
	div#body div#header-image h2 {
		font-size: 2.2em;
		bottom: 90px;
	}
}

@media screen and (max-width: 875px) {
	div#body div#header-image h2 {
		font-size: 2.0em;
		bottom: 80px;
	}
}

@media screen and (max-width: 775px) {
	div#body div#header-image h2 {
		font-size: 1.8em;
		bottom: 75px;
	}
}

@media screen and (max-width: 675px) {
	div#body div#header-image h2 {
		font-size: 1.6em;
		bottom: 65px;
	}
}

@media screen and (max-width: 575px) {
	div#body div#header-image h2 {
		font-size: 1.4em;
		bottom: 55px;
	}
}

@media screen and (max-width: 475px) {
	div#body div#header-image h2 {
		font-size: 1.2em;
		bottom: 45px;
	}
}

@media screen and (max-width: 400px) {
	div#body div#header-image h2 {
		font-size: 1.0em;
		bottom: 40px;
	}
}
*/
div#body div.gallery {
	width: 100%;
}

/* Project Page Gallery thumbnmails, using FancyBox */
div#body div.gallery .img {
	text-align: center;
	float: left;
	margin-left: 1%;
	margin-right: 1%; 
	margin-top: 1%;
	margin-bottom: 1%;
}

div#body #panel-current-project div.gallery .img {
	text-align: center;
	float: left;
	margin-left: 2%;
	margin-right: 0%; 
	margin-top: 0%;
	margin-bottom: 1.30%;
}

div#body div.gallery img {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 768px) {

	div#body div.gallery .img {
		width: 14.65%;
		height: auto;
	}
	
	div#body #panel-current-project div.gallery .img {
		width: 23%;
		height: auto;
	}

}

@media screen and (min-width: 481px) and (max-width: 979px) {
	
	div#body div.gallery .img {
		width: 14.65%;
		height: auto;
	}
	
	div#body #panel-current-project div.gallery .img {
		width: 23%;
		height: auto;
	}
}

@media screen and (max-width: 480px) {

	div#body div.gallery .img {
		width: 48%
	}
	
	div#body #panel-current-project div.gallery .img {
		width: 23%;
		height: auto;
	}
}

div#body div#content {
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 25px;
	padding-bottom: 25px;
	line-height: 1.55em;
}




div#body div#content.no-header-image {
	padding-top: 50px;
}



div#body div#content .nav-page {
	margin-top: 10px;
}

@media screen and (max-width: 875px) {
	
	div#body div#content .nav-page {
		margin-top: 0;
	}

}

div#body div#content h2 {
	font-weight: 400;
	/*margin-bottom: 25px;*/
	line-height: 1.3em;
}

div#body div#content a {
	color: #606d37;
}

div#body div#content div {
	margin-bottom: 5px;	
}

div#body div#content p {
	margin-bottom: 25px;	
}

div.cycle-slideshow {
	/*margin-top: -50px;*/
}


/* Work template */

.col {
	float: left;
	width: 50%;
	padding-bottom: 35px;
}

.page-column.work h2.heading.page {
	padding-top: 100px;
	padding-left: 2%;
}

@media screen and (max-width: 875px) {
	
	.page-column.work h2.heading.page { 
		padding-top: 63px;
	}

}
.col .column-header-image-wrapper,
.col .copy {
	padding-left: 4%;
	padding-right: 4%;
}

.col .copy {
	padding-top: 5px;
}

.col .work-image-link {
	padding-bottom: 4px;
}

.col .copy a {
	color: #606d37;
	font-weight: bold;
}


div#column-left.col {
	/*padding-right: 0;*/
}

div#column-left .copy {

}

.col .column-header-image-wrapper.border-right {
	border-right: 1px solid #cccccc;
}


div.featured-left {
	width: 48%;
	float: left;
}

div.featured-right {
	width: 49%;
	float: right;
	padding-left: 3%;
}




@media screen and (max-width: 425px) {
	
	.col {
		float: none;
		width: 100%;
	}
	
	.col .column-header-image-wrapper,
	.col .copy {
		padding-left: 2%;
		padding-right: 2%;
	}
	
	div.featured-left {
		width: 100%;
		float: none;
	}
	
	div.featured-right {
		width: 100%;
		float: none;
		padding-left: 0;
	}
	
	#panel-current-project div.featured-right {
		display: none;
	}
	
	.view-frame-link {
		margin-top: 15px;
	}
	
}



/*
div#body img#background {
	background: transparent url('https://www.mainemtpostbeam.com/local/img/background.gif') no-repeat center top;
}
*/

/**********/
/* FOOTER */
/**********/

div#footer {
	min-height: 220px;
	background-color: #2e2419;
	font-size: 0.8em;
	color: #ffffff;
	padding-top: 19px;
}

div#footer a {
	text-decoration: none;
}

div#footer p {
	margin-bottom: 23px;
}

div#footer h1 {
	margin-bottom: 3px;
	color: #ffffff;
}

div#footer h3 {
	margin-bottom: 3px;	
	color: #ffffff;
}

div#footer #left{
	float:left;
	width: 31%;
	padding-left: 2%;
	padding-right: 2%;
}

div#footer div#right {
	float: right;
	width: 61%;
	padding-left: 2%;
	padding-right: 2%;
}

div#footer div#footer-contact h1 {
	font-size: 1.15em;
}

div#footer div#location h3 {
	font-size: 1em;
}

#nav-footer li {
	float: left;
}

div#nav-footer {
	font-weight: 700;
}

div#nav-footer a {
	color: #ffffff;
	text-decoration: none;
}

div#nav-footer a:hover,
div#nav-footer a.menuactive {
	color: #cccccc;
}



div#nav-footer ul#primary-nav > li {
	float: left;
	padding: 0 3%;
}


@media screen and (max-width: 750px) {

	div#footer #left{
		float: left;
		width: 61%;	
	}

	div#footer div#right {
		float: right;
		width: 31%;
	}
	
	div#nav-footer ul#primary-nav > li {
		float: none;
	}
	
	
}

@media screen and (max-width: 450px) {

	div#footer #left{
		float: none;
		width: 96%;	
	}

	div#footer div#right {
		float: none;
		width: 96%;
		text-align: center;
	}
	
	div#nav-footer ul#primary-nav > li {
		float: left;
	}
}

/**************/
/* NAV - MAIN */
/**************/

div#nav-main {
	font-weight: 700;
}


div#nav-main a {
	color: #ffffff;
	text-decoration: none;
}

div#nav-main a:hover,
div#nav-main a.menuactive {
	color: #cccccc;
}



div#nav-main ul#primary-nav > li {
	float: left;
	padding: 0 3%;
}

div#nav-main ul#primary-nav > li > ul {
	position: absolute;
	visibility: hidden;
	min-width: 150px;
	padding: 10px;
	z-index: 1000;
	background-color: #42433E;
	color: #ffffff;
	line-height: 1.6em;
}
/*
div#nav-header-special div.nav-special-item > ul > li:hover {
	background-color: #42433E;
}
*/
div#nav-main ul#primary-nav > li:hover > ul {
	visibility: visible;
	z-index: 1000;
	margin-left: -3%;
	padding-left: 3%;
	background-color: #2e2419;
}

@media screen and (max-width: 675px) {

	div#nav-main ul#primary-nav > li {
		float: none;
		height: 40px;
		/*padding: 0 3%;*/
	}

	div#nav-main ul#primary-nav > li > ul {
	
		display: none;
	}
	
	div#header div#nav-main.show-menu {
	
		display: block;

	}
	
	
	div#header div#nav-main.hide-menu {
		display: none;

	}
}









/* Stylesheet: modules Modified On 2017-05-02 16:42:51 */