@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	font-family: raleway;
}
body {
	background-color: black;
}
/*colors*/
/* tan: #d2b579   dk brn: #6e5115   red: #960000 */

/* <--------------------- layout full ---------------------> */
@media only screen and (min-width:1101px) {

	/*header*/
	header {
		float: left;
		width: 100%;
		padding: 10px 0 10px 0;
	}
	.logo {
		float: left;
		width: 100%;
		text-align: center;
	}
	.logo img {
		width: 40%;
	}
	
	/*nav menu*/
	.nav-wrapper {
		float: left;
		width: 100%;
		height: 40px;
		padding: 7px 0;
		margin: 0;
		text-align: center;
		border-bottom: 2px solid #d2b579
	}
	ul.nav {
		float: left;
		width: 100%;
	}
	ul.nav li a {
		display: block;
		padding: 7px 13px 7px;
		font-size: 14px;
		color: #d2b579;
		font-weight: lighter;
		text-decoration: none;
		text-transform: uppercase;
		line-height: 40px;
	}
	ul.nav li a:hover {
		font-size: 14px;
		color: #960000;
	}
	ul.nav > li {
		display: inline-block;
		position: relative;
	}
	ul.nav > li ul {
		display: none;
		position: absolute;
		left: 0px;
		margin-top: 0;
		background-color: #000;
		text-align: left;
		z-index: 999;
	}
	ul.nav > li ul a {
		width: 240px;
		font-size: 13px;
		color: #d2b579;
		border-bottom: 1px solid #d2b579;
	}
	ul.nav > li ul a:hover {
		width: 240px;
		font-size: 13px;
		color: #960000;
		border-bottom: 1px solid #960000;
	}
	ul.nav > li:hover ul {
		display: block;
	}
	ul.nav > li ul li {   /* ------- Vertical Menu ------- */
		display: block;
	}
	ul.nav > li ul li {   /* ------- Horizontal Menu ------- */
		display: inline-block;
	}
	.navFont16 {
		font-size: 15px;
		color: #d2b579;
	}
	
	/*nav text*/
	.navText {
		display: none;
	}

	/*main mobile image*/
	.mpMobile-image {
		display: none;
	}
	
	/*banner slides*/
	.mpBanner-wrapper {
		float: left;
		width: 100%;
		padding: 1% 0 1%;
		margin: 0;
		border: none;
	}
	.mpBanner {
		float: left;
		width: 100%;
		margin: 0;
	}
	.mpBanner img {
		width: 100%;
	}
	#my-gallery {
		z-index: -999;
	}

	/*main page content*/
	.mpContent-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 5%;
	}
	.mpContent {
		float: left;
		width: 94%;
		margin: 20px 3% 0;
	}
	.mpContent .mpcCol1 {
		float: left;
		width: 50%;
		margin: 0;
		padding: 3% 0 3%;
		font-size: 18px;
		color: #d2b579;
		line-height: 24px;
	}
	.mpContent .mpcCol2 {
		float: right;
		width: 47%;
		margin: 0;
		padding: 3% 0 0;
	}
	
	/*video*/
	.video-container {
		position:relative;
		padding-bottom:56.25%;
		padding-top:30px;
		height:0;
		overflow:hidden;
	}

	.video-container iframe, .video-container object, .video-container embed {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	
	.mpImage-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 5%;
		text-align: center;
	}
	.mpImage {
		display: inline-block;
		width: 22%;
		margin: 0 1%;
		font-size: 18px;
		color: #d2b579;
		vertical-align: top;
	}
	.mpImage img {
		width: 100%;
		margin-bottom: 3px;
	}
	
	/*footer*/
	footer {
		float: left;
		width: 100%;
		margin: 0;
		padding: 3% 0 2%;
		border-top: 2px solid #d2b579;
		text-align: center;
	}
	footer .ftSect1 {
		display: inline-block;
		width: 23%;
		font-size: 15px;
		color: #d2b579;
		line-height: 22px;
		vertical-align: top;
	}
	footer .ftSect1 a {
		font-size: 15px;
		color: #d2b579;
		text-decoration: none;
	}
	footer .ftSectHeader {
		float: left;
		width: 100%;
		margin-bottom: 7px;
		font-size: 18px;
	}
	footer .ftSect1 .ftSect1-sm {
		float: left;
		width: 100%;
		margin-bottom: 21px;
	}
	footer .ftSect1 .ftSect1-sm img {
		width: 33px;
		margin: 0 13px;
	}
	footer .ftSect1 .ftSect1-bbb {
		float: left;
		width: 100%;
		margin-bottom: 21px;
	}
	footer .ftSect1 .ftSect1-bbb img {
		width: 200px;
	}
	footer .ft-dcr {
		float: left;
		width: 100%;
		margin: 30px 0 0;
		font-size: 15px;
		color: #d2b579;
		line-height: 30px;
	}
	footer .ft-dcr a {
		font-size: 15px;
		color: #d2b579;
		text-decoration: none;
	}

/* <------- end layout full ------> */
}

/* <--------------------- layout 1100 ---------------------> */
@media only screen and (min-width:901px) and (max-width:1100px) {
		
	.wrapper {
		float: left;
		width: 100%;
		margin: 0 auto;
	}

	/*header*/
	.header {
		float: left;
		width: 100%;
		padding: 10px 0 10px 0;
	}
	.logo {
		float: left;
		width: 100%;
		text-align: center;
	}
	.logo img {
		width: 40%;
	}
	
	/*nav menu*/
	.nav-wrapper {
		float: left;
		width: 100%;
		height: 40px;
		padding: 7px 0;
		margin: 0;
		text-align: center;
		border-bottom: 2px solid #d2b579
	}
	ul.nav {
		float: left;
		width: 100%;
	}
	ul.nav li a {
		display: block;
		padding: 7px 13px 7px;
		font-size: 14px;
		color: #d2b579;
		font-weight: lighter;
		text-decoration: none;
		text-transform: uppercase;
		line-height: 40px;
	}
	ul.nav li a:hover {
		font-size: 14px;
		color: #960000;
	}
	ul.nav > li {
		display: inline-block;
		position: relative;
	}
	ul.nav > li ul {
		display: none;
		position: absolute;
		left: 0px;
		margin-top: 0;
		background-color: #000;
		text-align: left;
		z-index: 999;
	}
	ul.nav > li ul a {
		width: 240px;
		font-size: 13px;
		color: #d2b579;
		border-bottom: 1px solid #d2b579;
	}
	ul.nav > li ul a:hover {
		width: 240px;
		font-size: 13px;
		color: #960000;
		border-bottom: 1px solid #960000;
	}
	ul.nav > li:hover ul {
		display: block;
	}
	ul.nav > li ul li {   /* ------- Vertical Menu ------- */
		display: block;
	}
	ul.nav > li ul li {   /* ------- Horizontal Menu ------- */
		display: inline-block;
	}
	.navFont16 {
		font-size: 15px;
		color: #d2b579;
	}
	
	/*nav text*/
	.navText {
		display: none;
	}

	/*main mobile image*/
	.mpMobile-image {
		display: none;
	}
	
	/*banner slides*/
	.banner-wrapper {
		float: left;
		width: 100%;
		padding: 0;
		margin: 0 0 0;
		border: none;
	}
	.mpBanner {
		float: left;
		width: 100%;
		margin: 0;
	}
	.mpBanner img {
		width: 100%;
	}
	#my-gallery {
		z-index: -999;
	}

	/*main page content*/
	.mpContent-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 5%;
	}
	.mpContent {
		float: left;
		width: 94%;
		margin: 20px 3% 0;
	}
	.mpContent .mpcCol1 {
		float: left;
		width: 50%;
		margin: 0;
		padding: 3% 0 3%;
		font-size: 18px;
		color: #d2b579;
		line-height: 24px;
	}
	.mpContent .mpcCol2 {
		float: right;
		width: 47%;
		margin: 0;
		padding: 3% 0 0;
	}
	
	/*video*/
	.video-container {
		position:relative;
		padding-bottom:56.25%;
		padding-top:30px;
		height:0;
		overflow:hidden;
	}

	.video-container iframe, .video-container object, .video-container embed {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	
	.mpImage-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 5%;
		text-align: center;
	}
	.mpImage {
		display: inline-block;
		width: 22%;
		margin: 0 1%;
		font-size: 18px;
		color: #d2b579;
		vertical-align: top;
	}
	.mpImage img {
		width: 100%;
		margin-bottom: 3px;
	}
	
	/*footer*/
	footer {
		float: left;
		width: 100%;
		margin: 0;
		padding: 3% 0 2%;
		border-top: 2px solid #d2b579;
		text-align: center;
	}
	footer .ftSect1 {
		display: inline-block;
		width: 23%;
		font-size: 15px;
		color: #d2b579;
		line-height: 22px;
		vertical-align: top;
	}
	footer .ftSect1 a {
		font-size: 15px;
		color: #d2b579;
		text-decoration: none;
	}
	footer .ftSectHeader {
		float: left;
		width: 100%;
		margin-bottom: 7px;
		font-size: 18px;
	}
	footer .ftSect1 .ftSect1-sm {
		float: left;
		width: 100%;
		margin-bottom: 21px;
	}
	footer .ftSect1 .ftSect1-sm img {
		width: 33px;
		margin: 0 13px;
	}
	footer .ftSect1 .ftSect1-bbb {
		float: left;
		width: 100%;
		margin-bottom: 21px;
	}
	footer .ftSect1 .ftSect1-bbb img {
		width: 200px;
	}
	footer .ft-dcr {
		float: left;
		width: 100%;
		margin: 30px 0 0;
		font-size: 15px;
		color: #d2b579;
		line-height: 30px;
	}
	footer .ft-dcr a {
		font-size: 15px;
		color: #d2b579;
		text-decoration: none;
	}
	
/* <------- end layout 1100 ------> */
}

/* <--------------------- layout 900 ---------------------> */
@media only screen and (min-width:701px) and (max-width:900px) {
	
	.wrapper {
		float: left;
		width: 100%;
		margin: 0 auto;
	}

	/*header*/
	.header {
		float: left;
		width: 100%;
		padding: 10px 0 10px 0;
	}
	.logo {
		float: left;
		width: 100%;
		text-align: center;
	}
	.logo img {
		width: 40%;
	}
	
	/*nav menu*/
	.nav-wrapper {
		display: none;
	}

	/*main mobile image*/
	.mpMobile-image {
		display: none;
	}
	
	/*banner slides*/
	.banner-wrapper {
		float: left;
		width: 100%;
		padding: 0;
		margin: 0 0 0;
		border: none;
	}
	.mpBanner {
		float: left;
		width: 100%;
		margin: 0;
	}
	.mpBanner img {
		width: 100%;
	}
	#my-gallery {
		z-index: -999;
	}

	/*main page content*/
	.mpContent-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 5%;
	}
	.mpContent {
		float: left;
		width: 94%;
		margin: 20px 3% 0;
	}
	.mpContent .mpcCol1 {
		float: left;
		width: 50%;
		margin: 0;
		padding: 3% 0 3%;
		font-size: 18px;
		color: #d2b579;
		line-height: 24px;
	}
	.mpContent .mpcCol2 {
		float: right;
		width: 47%;
		margin: 0;
		padding: 3% 0 0;
	}
	
	/*video*/
	.video-container {
		position:relative;
		padding-bottom:56.25%;
		padding-top:30px;
		height:0;
		overflow:hidden;
		z-index: -999;
	}

	.video-container iframe, .video-container object, .video-container embed {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	
	.mpImage-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 5%;
		text-align: center;
	}
	.mpImage {
		display: inline-block;
		width: 22%;
		margin: 0 1%;
		font-size: 18px;
		color: #d2b579;
		vertical-align: top;
	}
	.mpImage img {
		width: 100%;
		margin-bottom: 3px;
	}
	
	/*footer*/
	footer {
		float: left;
		width: 100%;
		margin: 0;
		padding: 3% 0 2%;
		border-top: 2px solid #d2b579;
		text-align: center;
	}
	footer .ftSect1 {
		display: inline-block;
		width: 47%;
		margin-bottom: 40px;
		font-size: 15px;
		color: #d2b579;
		line-height: 22px;
		vertical-align: top;
	}
	footer .ftSect1 a {
		font-size: 15px;
		color: #d2b579;
		text-decoration: none;
	}
	footer .ftSectHeader {
		float: left;
		width: 100%;
		margin-bottom: 7px;
		font-size: 18px;
	}
	footer .ftSect1 .ftSect1-sm {
		float: left;
		width: 100%;
		margin-bottom: 21px;
	}
	footer .ftSect1 .ftSect1-sm img {
		width: 33px;
		margin: 0 13px;
	}
	footer .ftSect1 .ftSect1-bbb {
		float: left;
		width: 100%;
		margin-bottom: 21px;
	}
	footer .ftSect1 .ftSect1-bbb img {
		width: 200px;
	}
	footer .ft-dcr {
		float: left;
		width: 100%;
		margin: 30px 0 0;
		font-size: 15px;
		color: #d2b579;
		line-height: 30px;
	}
	footer .ft-dcr a {
		font-size: 15px;
		color: #d2b579;
		text-decoration: none;
	}
	
/* <------- end layout 900 ------> */
	
}

/* <--------------------- layout 700 ---------------------> */
@media only screen and (min-width:300px) and (max-width:700px) {
		
	.wrapper {
		float: left;
		width: 100%;
		margin: 0 auto;
	}

	/*header*/
	.header {
		float: left;
		width: 100%;
		padding: 10px 0 10px 0;
	}
	.logo {
		float: left;
		width: 100%;
		text-align: center;
	}
	.logo img {
		width: 40%;
	}
	
	/*nav menu*/
	.nav-wrapper {
		display: none;
	}

	/*main mobile image*/
	.mpMobile-image {
		display: none;
	}
	
	/*banner slides*/
	.banner-wrapper {
		float: left;
		width: 100%;
		padding: 0;
		margin: 0 0 0;
		border: none;
		z-index: -5;
	}
	.mpBanner {
		float: left;
		width: 100%;
		margin: 0;
		z-index: -5;
	}
	.mpBanner img {
		width: 100%;
		z-index: -5;
	}
	#my-gallery {
		z-index: -999;
	}

	/*main page content*/
	.mpContent-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 7%;
	}
	.mpContent {
		float: left;
		width: 94%;
		margin: 20px 3% 0;
	}
	.mpContent .mpcCol1 {
		float: left;
		width: 100%;
		margin: 0;
		padding: 3% 0 3%;
		font-size: 18px;
		color: #d2b579;
		line-height: 24px;
	}
	.mpContent .mpcCol2 {
		float: right;
		width: 90%;
		margin: 0 5%;
		padding: 3% 0 0;
	}
	
	/*video*/
	.video-container {
		position:relative;
		padding-bottom:56.25%;
		padding-top:30px;
		height:0;
		overflow:hidden;
		z-index: -999;
	}

	.video-container iframe, .video-container object, .video-container embed {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	
	.mpImage-wrapper {
		float: left;
		width: 96%;
		margin: 0 2% 5%;
		text-align: center;
	}
	.mpImage {
		display: inline-block;
		width: 47%;
		margin: 0 1% 3%;
		font-size: 15px;
		color: #d2b579;
		vertical-align: top;
	}
	.mpImage img {
		width: 100%;
		margin-bottom: 3px;
	}
	
	/*footer*/
	footer {
		float: left;
		width: 100%;
		margin: 0;
		padding: 7% 0 2%;
		border-top: 2px solid #d2b579;
		text-align: center;
	}
	footer .ftSect1 {
		display: inline-block;
		width: 100%;
		margin-bottom: 30px;
		font-size: 15px;
		color: #d2b579;
		line-height: 22px;
		vertical-align: top;
	}
	footer .ftSect1 a {
		font-size: 15px;
		color: #d2b579;
		text-decoration: none;
	}
	footer .ftSectHeader {
		float: left;
		width: 100%;
		margin-bottom: 7px;
		font-size: 18px;
	}
	footer .ftSect1 .ftSect1-sm {
		float: left;
		width: 100%;
		margin-bottom: 21px;
	}
	footer .ftSect1 .ftSect1-sm img {
		width: 33px;
		margin: 0 13px;
	}
	footer .ftSect1 .ftSect1-bbb {
		float: left;
		width: 100%;
		margin-bottom: 21px;
	}
	footer .ftSect1 .ftSect1-bbb img {
		width: 200px;
	}
	footer .ft-dcr {
		float: left;
		width: 100%;
		margin: 30px 0 0;
		font-size: 15px;
		color: #d2b579;
		line-height: 30px;
	}
	footer .ft-dcr a {
		font-size: 15px;
		color: #d2b579;
		text-decoration: none;
	}
	
/*end layout 700*/
}