/*******************************
/ PAGE STRUCTURE
/******************************/

body {
	background-color: #efefef;
	font-family: noticia, serif;
}

#page {
	background-color: white;
	padding: 0 20px;
}

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

header {
	padding: 0;
	border-bottom: 1px solid silver;
	min-height: 100px;
}
#main_logo {
	position: absolute;
	z-index: 1000;
	top: 10px;
	left: 40px;
}
/*******************************
/ MAIN MENU
/******************************/

#main_menu {
	margin: 0 auto 0 220px;
	display: flex;
	font-family: playfair, serif;
	z-index: 100;
}
#main_menu > ul > li {
	margin: 2px;
}
#main_menu > ul > li > a {
	padding: 4px 8px;
	font-size: 130%;
}

/*******************************
/ HEADINGS
/******************************/

h1 {
	font-family: lobster, sans-serif;
	font-size: 180%;
}

/*******************************
/ GLOBAL
/******************************/

/*******************************
/ CMS EDITOR CONTENT
/******************************/


/*******************************
/ SECTIONS
/******************************/

/*******************************
/ CMS LISTS (Blog, Videos, etc)
/******************************/

.cms_results > .cms_preview {
	float: none;
	display: flex;
	margin: 0;
	padding: 30px 10% !important;
	border-bottom: 1px solid silver;
	flex-wrap: wrap;
}

.cms_preview > .cms_thumbnail {
	flex: 0 1 200px;
	margin: 0 40px 0 0 !important;
	width: 20%;
	float: none !important;
	text-align: right;
}

.cms_results .cms_detail {
	float: left;
	width: 76%;
	box-sizing: border-box;
	flex: 1;
	margin: 0;
	float: none;
}

/*******************************
/ CMS VIEW PAGES (Blog, Video)
/******************************/


/*******************************
/ LIGHTBOX
/******************************/


/*******************************
/ INLINE MESSAGES: display messages at top of page
/******************************/


/*******************************
/ MAIN CONTENT
/******************************/


/*******************************
/ MAIN PANEL
/******************************/


/*******************************
/ CONTENT PANEL
/******************************/


/*******************************
/ RIGHT PANEL
/******************************/


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


/*******************************
/ ABOUT US
/******************************/


/*******************************
/ GALLERY
/******************************/

.thumbnail-grid {
	margin: 0 auto;
	width: 1020px;
}

/*******************************************************************************************
/	RESPONSIVE                                                   
/******************************************************************************************/	

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

}/* End 1200 */

/*******************************  Mobile Landscape (.ml) *******************************/
@media only screen and (max-width: 1000px) {

}/* End 1000 */

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


}/* End 800 */


/*******************************  Mobile Portrait (.mp) *******************************/
@media only screen and (max-width: 640px) {


}/* End 640 */