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

* {
	padding: 0;
	margin: 0;
	font-family: Arial;
}
body {
	float: left;
	width: 100%;
	padding: 1% 0 1%;
	background-image: url(../images/bg/cts-bg.png);
	background-size: cover;
}

/* --------------------- layout full --------------------- */
@media only screen and (min-width:1001px) {
	
	/*header*/
	.header-wrapper {
		float: left;
		width: 100%;
		margin: 1% 0 3%;
		
	}
	header {
		float: left;
		width: 90%;
		margin: 0 5% 0;
		padding: 0;
	}
	header .logo {
		float: left;
		width: 30%;
	}
	header .logo img {
		width: 400px;
	}
	header .hColr {
		float: right;
		width: 40%;
		margin: 13px 0 0;
		font-size: 30px;
		color: #7d0000;
		text-align: right;
	}
	header .hColr a {
		font-size: 30px;
		color: #7d0000;
		text-decoration: none;
	}
	header .hColr-font-blk {
		color: #313131;
		font-size: 20px;
		margin-right: 13px;
	}
	
	/*nav menu*/
	.nav-wrapper {
		float: left;
		width: 100%;
		padding: 0;
		margin: 0 0 0 0;
		text-align: center;
		line-height: 50px;
		background-color: #e9e9e9;
	}
	ul.nav {
		float: left;
		width: 100%;
	}
	ul.nav li a {
		display: block;
		padding: 7px 20px 7px;
		font-size: 20px;
		color: #000;
		font-weight: lighter;
		text-decoration: none;
		text-transform: uppercase;
	}
	ul.nav li a:hover {
		font-size: 20px;
		color: #7d0000;
	}
	ul.nav > li {
		display: inline-block;
		position: relative;
	}
	ul.nav > li ul {
		display: none;
		position: absolute;
		left: 0px;
		margin-top: 0;
		background-image: url(../images/bg/be-bg-header.jpg);
		text-align: left;
	}
	ul.nav > li ul a {
		width: 200px;
		font-size: 18px;
		color: #000;
		border-bottom: 1px solid #000;
		background-color: #e9e9e9;
	}
	ul.nav > li ul a:hover {
		width: 200px;
		font-size: 18px;
		color: #7d0000;
		border-bottom: 1px solid #7d0000;
	}
	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: #515151;
	}
	
	/*banner slides*/
	.banner-wrapper {
		float: left;
		width: 100%;
		padding: 13% 0;
		margin: 0 0 0;
		border: none;
		background-image: url(../images/bannerSlides/cts-bs-img1.jpg);
		background-size: cover;
	}
	.banner-content {
		float: left;
		width: 45%;
		margin: 50px 0 50px 0;
		padding: 30px;
		font-size: 50px;
		color: #7d0000;
		font-style: italic;
		font-weight: bold;
		line-height: 60px;
		background-image: url(../images/bg/cts-bg-banner-content.png);
	}
	
	/*main page*/
	.mpProducts-wrapper {
		float: left;
		width: 100%;
		margin: 5% 0 0;
		padding: 0;
		text-align: center;
	}
	.mpProducts-wrapper h2 {
		float: left;
		width: 100%;
		margin: 0 0 31px;
		padding: 0;
		font-size: 30px;
		color: #7d0000;
		font-weight: normal;
	}
	.mpProducts {
		display: inline-block;
		width: 30%;
		max-width: 500px;
		margin: 0 1%;
		font-size: 20px;
		color: #000;
	}
	.mpProducts a {
		font-size: 20px;
		color: #7d0000;
		text-decoration: none;
	}
	.mpProducts img {
		width: 100%;
		margin-bottom: 13px;
	}
	
	.mpWelcome-wrapper {
		float: left;
		width: 100%;
		margin: 5% 0 0;
		padding: 3% 0;
		background-color: #e9e9e9;
	}
	.mpWelcome {
		float: left;
		width: 80%;
		margin: 0 10%;
	}
	.mpWelcome .mpwCol1 {
		float: left;
		width: 40%;
		margin: 0;
		padding: 0;
	}
	.mpWelcome .mpwCol1 img {
		width: 100%;
		margin-bottom: 7px;
	}
	.mpWelcome .mpwCol2 {
		float: right;
		width: 57%;
		margin: 0;
		padding: 0;
		font-size: 20px;
		color: #000;
		line-height: 24px;
	}
	.mpWelcome .mpwCol2 h1 {
		float: left;
		width: 100%;
		margin: 7px 0 31px;
		padding: 0;
		font-size: 30px;
		color: #7d0000;
		font-weight: normal;
		line-height: 24px;
	}
	
	/*content*/
	.content-wrapper {
		float: left;
		width: 100%;
		margin: 5% 0 0;;
		padding: 0 0 5%;
		border-bottom: 2px solid #c9c9c9;
	}
	.content {
		float: left;
		width: 80%;
		margin: 0 10%;
		padding: 0;
		font-size: 18px;
		color: #313131;
		line-height: 24px;
	}
	.content img {
		float: right;
		width: 300px;
		margin: 0 0 20px 30px;
	}
	.content ul {
		margin: 7px 0 7px 30px;
	}
	.content h1 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 13px;
		border-bottom: 2px solid #7d0000;
		font-size: 30px;
		color: #7d0000;
		font-weight: normal;
		text-transform: uppercase;
	}
	
	/*product gallery*/
	.gallery-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 0;
		text-align: center;
	}
	.gallery-container {
		float: left;
		width: 80%;
		margin: 0 10%;
		padding: 0;
		font-size: 18px;
		color: #313131;
		line-height: 24px;
	}
	.gallery-container h1 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 13px;
		border-bottom: 2px solid #7d0000;
		font-size: 30px;
		color: #7d0000;
		font-weight: normal;
		text-transform: uppercase;
		text-align: left;
	}
	.gallery {
		margin: 0 3% 30px;
	}
	.gallery .image {
		display: inline-block;
		width: 27%;
		margin: 0 1% 2%;
		vertical-align: top;
	}
	.gallery .image img {
		width: 100%;
		margin-bottom: 2%;
	}
	
	/*contact*/
	.contact-wrapper {
		float: left;
		width: 100%;
		margin: 5% 0 0;
		padding: 0 0 5%;
		border-bottom: 2px solid #c9c9c9;
	}
	.contact-container {
		float: left;
		width: 80%;
		margin: 0 10%;
		padding: 0;
		font-size: 18px;
		color: #313131;
		line-height: 24px;
	}
	.contact-container h1 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 13px;
		border-bottom: 2px solid #7d0000;
		font-size: 30px;
		color: #7d0000;
		font-weight: normal;
		text-transform: uppercase;
	}
	.contact-form {
		float: left;
		width: 60%;
		margin: 3% 0 0;
	}
	.contact-form-input {
		float: left;
		width: 47%;
		height: 40px;
		margin: 0 2% 2% 0;
		border: 1px solid #313131;
		background: none;
		font-size: 18px;
		color: #313131;
		text-indent: 7px;
	}
	.contact-form-select {
		float: left;
		width: 96%;
		height: 40px;
		margin: 0 2% 2% 0;
		border: 1px solid #313131;
		background: none;
		font-size: 18px;
		color: #313131;
		text-indent: 7px;
	}
	.contact-form-message {
		float: left;
		width: 96%;
		margin: 0 0 3% 0;
		border: 1px solid #313131;
		background: none;
		font-size: 18px;
		color: #313131;
		text-indent: 7px;
	}
	.contact-form-captcha-wrapper {
		float: left;
		width: 96%;
		margin: 30px 0 0;
	}
	.contact-form-captcha {
		float: left;
		width: 35%;
		height: 40px;
		border: 1px solid #313131;
		background: none;
		font-size: 18px;
		color: #313131;
		text-indent: 7px;
	}
	.contact-form-submit-wrapper {
		float: left;
		width: 100%;
	}
	.contact-form-submit {
		float: left;
		width: 200px;
		height: 40px;
		margin: 40px 0 0 0;
		background-color: #7d0000;
		border: none;
		font-size: 20px;
		color: #e9e9e9;
		text-align: center;
	}
	.contact-col2 {
		float: right;
		width: 30%;
		margin: 3% 0 0;
		padding: 0;
		text-align: center;
		font-size: 16px;
	}
	.contact-col2 img {
		width: 60%;
		margin: 0 20% 13px;
	}
	::-webkit-input-placeholder { color: #313131; }
	:-moz-placeholder { color: #313131; } /* Firefox 18- */
	::-moz-placeholder { color: #313131; }  /* Firefox 19+ */
	:-ms-input-placeholder { color: #313131; }
	
	.test-wrapper {
		float: left;
		width: 100%;
		margin-bottom: 31px;
		padding-bottom: 13px;
		border-bottom: 1px solid #c9c9c9;
	}
	
	/*footer*/
	footer {
		float: left;
		width: 100%;
		margin: 3% 0 0;
		padding: 3% 0 2%;
		font-size: 16px;
		color: #313131;
		line-height: 22px;
		text-align: center;
	}
	footer a {
		font-size: 16px;
		color: #7d0000;
		text-decoration: none;
	}
	footer .ftSect {
		display: inline-block;
		width: 27%;
		text-align: center;
		vertical-align: top;
	}
	footer .ftSect-header {
		float: left;
		width: 100%;
		font-size: 18px;
		color: #7d0000;
	}
	footer .ftSect .fts-socialmedia {
		float: left;
		width: 100%;
		margin: 13px 0 13px;
	}
	footer .ftSect .fts-socialmedia img {
		width: 40px;
		margin: 0 7px 0 0;
	}
	footer .ftSect .fts-bbb {
		float: left;
		width: 100%;
		margin: 0;
	}
	footer .ftSect .fts-bbb img {
		width: 140px;
		margin: 0 7px 13px 0;
	}
	footer .ft-dcr {
		float: left;
		width: 100%;
		margin: 30px 0 0;
		text-align: center;
	}
	
/* <------- end layout full -------> */
}

/* --------------------- layout 1000 --------------------- */
@media only screen and (min-width:801px) and (max-width:1000px) {
	
	/*header*/
	.header-wrapper {
		float: left;
		width: 100%;
		margin: 1% 0 3%;
		
	}
	header {
		float: left;
		width: 90%;
		margin: 0 5% 0;
		padding: 0;
	}
	header .logo {
		float: left;
		width: 30%;
	}
	header .logo img {
		width: 400px;
	}
	header .hColr {
		float: right;
		width: 40%;
		margin: 13px 0 0;
		font-size: 30px;
		color: #7d0000;
		text-align: right;
	}
	header .hColr a {
		font-size: 30px;
		color: #7d0000;
		text-decoration: none;
	}
	header .hColr-font-blk {
		color: #313131;
		font-size: 20px;
		margin-right: 13px;
	}
	
	/*nav menu*/
	.nav-wrapper {
		float: left;
		width: 100%;
		padding: 0;
		margin: 0 0 0 0;
		text-align: center;
		line-height: 50px;
		background-color: #e9e9e9;
	}
	ul.nav {
		float: left;
		width: 100%;
	}
	ul.nav li a {
		display: block;
		padding: 7px 20px 7px;
		font-size: 20px;
		color: #000;
		font-weight: lighter;
		text-decoration: none;
		text-transform: uppercase;
	}
	ul.nav li a:hover {
		font-size: 20px;
		color: #7d0000;
	}
	ul.nav > li {
		display: inline-block;
		position: relative;
	}
	ul.nav > li ul {
		display: none;
		position: absolute;
		left: 0px;
		margin-top: 0;
		background-image: url(../images/bg/be-bg-header.jpg);
		text-align: left;
	}
	ul.nav > li ul a {
		width: 200px;
		font-size: 18px;
		color: #000;
		border-bottom: 1px solid #000;
		background-color: #e9e9e9;
	}
	ul.nav > li ul a:hover {
		width: 200px;
		font-size: 18px;
		color: #7d0000;
		border-bottom: 1px solid #7d0000;
	}
	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: #515151;
	}
	
	/*banner slides*/
	.banner-wrapper {
		float: left;
		width: 100%;
		padding: 13% 0;
		margin: 0 0 0;
		border: none;
		background-image: url(../images/bannerSlides/cts-bs-img1.jpg);
		background-size: cover;
	}
	.banner-content {
		float: left;
		width: 70%;
		margin: 50px 0 50px 0;
		padding: 30px;
		font-size: 50px;
		color: #7d0000;
		font-style: italic;
		font-weight: bold;
		line-height: 60px;
		background-image: url(../images/bg/cts-bg-banner-content.png);
	}
	
	/*main page*/
	.mpProducts-wrapper {
		float: left;
		width: 100%;
		margin: 5% 0 0;
		padding: 0;
		text-align: center;
	}
	.mpProducts-wrapper h2 {
		float: left;
		width: 100%;
		margin: 0 0 31px;
		padding: 0;
		font-size: 30px;
		color: #7d0000;
		font-weight: normal;
	}
	.mpProducts {
		display: inline-block;
		width: 30%;
		max-width: 500px;
		margin: 0 1%;
		font-size: 20px;
		color: #000;
	}
	.mpProducts a {
		font-size: 20px;
		color: #7d0000;
		text-decoration: none;
	}
	.mpProducts img {
		width: 100%;
		margin-bottom: 13px;
	}
	
	.mpWelcome-wrapper {
		float: left;
		width: 100%;
		margin: 5% 0 0;
		padding: 3% 0;
		background-color: #e9e9e9;
	}
	.mpWelcome {
		float: left;
		width: 90%;
		margin: 0 5%;
	}
	.mpWelcome .mpwCol1 {
		float: left;
		width: 40%;
		margin: 0;
		padding: 0;
	}
	.mpWelcome .mpwCol1 img {
		width: 100%;
		margin-bottom: 7px;
	}
	.mpWelcome .mpwCol2 {
		float: right;
		width: 57%;
		margin: 0;
		padding: 0;
		font-size: 20px;
		color: #000;
		line-height: 24px;
	}
	.mpWelcome .mpwCol2 h1 {
		float: left;
		width: 100%;
		margin: 7px 0 31px;
		padding: 0;
		font-size: 26px;
		color: #7d0000;
		font-weight: normal;
		line-height: 24px;
	}
	
	/*content*/
	.content-wrapper {
		float: left;
		width: 100%;
		margin: 5% 0 0;;
		padding: 0 0 5%;
		border-bottom: 2px solid #c9c9c9;
	}
	.content {
		float: left;
		width: 80%;
		margin: 0 10%;
		padding: 0;
		font-size: 18px;
		color: #313131;
		line-height: 24px;
	}
	.content img {
		float: right;
		width: 300px;
		margin: 0 0 20px 30px;
	}
	.content ul {
		margin: 7px 0 7px 30px;
	}
	.content h1 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 13px;
		border-bottom: 2px solid #7d0000;
		font-size: 30px;
		color: #7d0000;
		font-weight: normal;
		text-transform: uppercase;
	}
	
	/*product gallery*/
	.gallery-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 0;
		text-align: center;
	}
	.gallery-container {
		float: left;
		width: 80%;
		margin: 0 10%;
		padding: 0;
		font-size: 18px;
		color: #313131;
		line-height: 24px;
	}
	.gallery-container h1 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 13px;
		border-bottom: 2px solid #7d0000;
		font-size: 30px;
		color: #7d0000;
		font-weight: normal;
		text-transform: uppercase;
		text-align: left;
	}
	.gallery {
		margin: 0 3% 30px;
	}
	.gallery .image {
		display: inline-block;
		width: 27%;
		margin: 0 1% 2%;
		vertical-align: top;
	}
	.gallery .image img {
		width: 100%;
		margin-bottom: 2%;
	}
	
	/*contact*/
	.contact-wrapper {
		float: left;
		width: 100%;
		margin: 5% 0 0;
		padding: 0 0 5%;
		border-bottom: 2px solid #c9c9c9;
	}
	.contact-container {
		float: left;
		width: 80%;
		margin: 0 10%;
		padding: 0;
		font-size: 18px;
		color: #313131;
		line-height: 24px;
	}
	.contact-container h1 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 13px;
		border-bottom: 2px solid #7d0000;
		font-size: 30px;
		color: #7d0000;
		font-weight: normal;
		text-transform: uppercase;
	}
	.contact-form {
		float: left;
		width: 60%;
		margin: 3% 0 0;
	}
	.contact-form-input {
		float: left;
		width: 47%;
		height: 40px;
		margin: 0 2% 2% 0;
		border: 1px solid #313131;
		background: none;
		font-size: 18px;
		color: #313131;
		text-indent: 7px;
	}
	.contact-form-select {
		float: left;
		width: 96%;
		height: 40px;
		margin: 0 2% 2% 0;
		border: 1px solid #313131;
		background: none;
		font-size: 18px;
		color: #313131;
		text-indent: 7px;
	}
	.contact-form-message {
		float: left;
		width: 96%;
		margin: 0 0 3% 0;
		border: 1px solid #313131;
		background: none;
		font-size: 18px;
		color: #313131;
		text-indent: 7px;
	}
	.contact-form-captcha-wrapper {
		float: left;
		width: 96%;
		margin: 30px 0 0;
	}
	.contact-form-captcha {
		float: left;
		width: 35%;
		height: 40px;
		border: 1px solid #313131;
		background: none;
		font-size: 18px;
		color: #313131;
		text-indent: 7px;
	}
	.contact-form-submit-wrapper {
		float: left;
		width: 100%;
	}
	.contact-form-submit {
		float: left;
		width: 200px;
		height: 40px;
		margin: 40px 0 0 0;
		background-color: #7d0000;
		border: none;
		font-size: 20px;
		color: #e9e9e9;
		text-align: center;
	}
	.contact-col2 {
		float: right;
		width: 30%;
		margin: 3% 0 0;
		padding: 0;
		text-align: center;
		font-size: 16px;
	}
	.contact-col2 img {
		width: 60%;
		margin: 0 20% 13px;
	}
	::-webkit-input-placeholder { color: #313131; }
	:-moz-placeholder { color: #313131; } /* Firefox 18- */
	::-moz-placeholder { color: #313131; }  /* Firefox 19+ */
	:-ms-input-placeholder { color: #313131; }
	
	.test-wrapper {
		float: left;
		width: 100%;
		margin-bottom: 31px;
		padding-bottom: 13px;
		border-bottom: 1px solid #c9c9c9;
	}
	
	/*footer*/
	footer {
		float: left;
		width: 100%;
		margin: 3% 0 0;
		padding: 3% 0 2%;
		font-size: 16px;
		color: #313131;
		line-height: 22px;
		text-align: center;
	}
	footer a {
		font-size: 16px;
		color: #7d0000;
		text-decoration: none;
	}
	footer .ftSect {
		display: inline-block;
		width: 31%;
		text-align: center;
		vertical-align: top;
	}
	footer .ftSect-header {
		float: left;
		width: 100%;
		font-size: 18px;
		color: #7d0000;
	}
	footer .ftSect .fts-socialmedia {
		float: left;
		width: 100%;
		margin: 13px 0 13px;
	}
	footer .ftSect .fts-socialmedia img {
		width: 40px;
		margin: 0 7px 0 0;
	}
	footer .ftSect .fts-bbb {
		float: left;
		width: 100%;
		margin: 0;
	}
	footer .ftSect .fts-bbb img {
		width: 140px;
		margin: 0 7px 13px 0;
	}
	footer .ft-dcr {
		float: left;
		width: 100%;
		margin: 30px 0 0;
		text-align: center;
	}
	
/* <------- end layout 1000 -------> */
}

/* --------------------- layout 800 --------------------- */
@media only screen and (min-width:601px) and (max-width:800px) {
	
	/*header*/
	.header-wrapper {
		float: left;
		width: 100%;
		margin: 1% 0 3%;
		
	}
	header {
		float: left;
		width: 90%;
		margin: 0 5% 0;
		padding: 0;
	}
	header .logo {
		float: left;
		width: 100%;
		text-align: center;
	}
	header .logo img {
		width: 360px;
	}
	header .hColr {
		float: left;
		width: 100%;
		margin: 13px 0 0;
		font-size: 26px;
		color: #7d0000;
		text-align: center;
	}
	header .hColr a {
		font-size: 26px;
		color: #7d0000;
		text-decoration: none;
	}
	header .hColr-font-blk {
		color: #313131;
		font-size: 20px;
		margin-right: 13px;
	}
	
	/*nav menu*/
	.nav-wrapper {
		float: left;
		width: 100%;
		padding: 0;
		margin: 0 0 0 0;
		text-align: center;
		line-height: 50px;
		background-color: #e9e9e9;
	}
	ul.nav {
		float: left;
		width: 100%;
	}
	ul.nav li a {
		display: block;
		padding: 7px 20px 7px;
		font-size: 18px;
		color: #000;
		font-weight: lighter;
		text-decoration: none;
		text-transform: uppercase;
	}
	ul.nav li a:hover {
		font-size: 18px;
		color: #7d0000;
	}
	ul.nav > li {
		display: inline-block;
		position: relative;
	}
	ul.nav > li ul {
		display: none;
		position: absolute;
		left: 0px;
		margin-top: 0;
		background-image: url(../images/bg/be-bg-header.jpg);
		text-align: left;
	}
	ul.nav > li ul a {
		width: 200px;
		font-size: 17px;
		color: #000;
		border-bottom: 1px solid #000;
		background-color: #e9e9e9;
	}
	ul.nav > li ul a:hover {
		width: 200px;
		font-size: 17px;
		color: #7d0000;
		border-bottom: 1px solid #7d0000;
	}
	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: #515151;
	}
	
	/*banner slides*/
	.banner-wrapper {
		float: left;
		width: 100%;
		padding: 13% 0;
		margin: 0 0 0;
		border: none;
		background-image: url(../images/bannerSlides/cts-bs-img1.jpg);
		background-size: cover;
	}
	.banner-content {
		float: left;
		width: 80%;
		margin: 50px 0 50px 0;
		padding: 30px;
		font-size: 40px;
		color: #7d0000;
		font-style: italic;
		font-weight: bold;
		line-height: 50px;
		background-image: url(../images/bg/cts-bg-banner-content.png);
	}
	
	/*main page*/
	.mpProducts-wrapper {
		float: left;
		width: 100%;
		margin: 5% 0 0;
		padding: 0;
		text-align: center;
	}
	.mpProducts-wrapper h2 {
		float: left;
		width: 100%;
		margin: 0 0 31px;
		padding: 0;
		font-size: 26px;
		color: #7d0000;
		font-weight: normal;
	}
	.mpProducts {
		display: inline-block;
		width: 30%;
		max-width: 500px;
		margin: 0 1%;
		font-size: 20px;
		color: #000;
		vertical-align: top;
	}
	.mpProducts a {
		font-size: 20px;
		color: #7d0000;
		text-decoration: none;
	}
	.mpProducts img {
		width: 100%;
		margin-bottom: 13px;
	}
	
	.mpWelcome-wrapper {
		float: left;
		width: 100%;
		margin: 5% 0 0;
		padding: 5% 0;
		background-color: #e9e9e9;
	}
	.mpWelcome {
		float: left;
		width: 90%;
		margin: 0 5%;
	}
	.mpWelcome .mpwCol1 {
		float: left;
		width: 60%;
		margin: 0 20%;
		padding: 0;
	}
	.mpWelcome .mpwCol1 img {
		width: 100%;
		margin-bottom: 7px;
	}
	.mpWelcome .mpwCol2 {
		float: right;
		width: 90%;
		margin: 0 5%;
		padding: 0;
		font-size: 20px;
		color: #000;
		line-height: 24px;
	}
	.mpWelcome .mpwCol2 h1 {
		float: left;
		width: 100%;
		margin: 7px 0 31px;
		padding: 0;
		font-size: 26px;
		color: #7d0000;
		font-weight: normal;
		line-height: 24px;
	}
	
	/*content*/
	.content-wrapper {
		float: left;
		width: 100%;
		margin: 5% 0 0;;
		padding: 0 0 5%;
		border-bottom: 2px solid #c9c9c9;
	}
	.content {
		float: left;
		width: 90%;
		margin: 0 5%;
		padding: 0;
		font-size: 18px;
		color: #313131;
		line-height: 24px;
	}
	.content img {
		float: right;
		width: 300px;
		margin: 0 0 20px 30px;
	}
	.content ul {
		margin: 7px 0 7px 30px;
	}
	.content h1 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 13px;
		border-bottom: 2px solid #7d0000;
		font-size: 26px;
		color: #7d0000;
		font-weight: normal;
		text-transform: uppercase;
	}
	
	/*product gallery*/
	.gallery-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 0;
		text-align: center;
	}
	.gallery-container {
		float: left;
		width: 94%;
		margin: 0 3%;
		padding: 0;
		font-size: 18px;
		color: #313131;
		line-height: 24px;
	}
	.gallery-container h1 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 13px;
		border-bottom: 2px solid #7d0000;
		font-size: 24px;
		color: #7d0000;
		font-weight: normal;
		text-transform: uppercase;
		text-align: left;
	}
	.gallery {
		margin: 0 3% 30px;
	}
	.gallery .image {
		display: inline-block;
		width: 27%;
		margin: 0 1% 2%;
		vertical-align: top;
	}
	.gallery .image img {
		width: 100%;
		margin-bottom: 2%;
	}
	
	/*contact*/
	.contact-wrapper {
		float: left;
		width: 100%;
		margin: 5% 0 0;
		padding: 0 0 5%;
		border-bottom: 2px solid #c9c9c9;
	}
	.contact-container {
		float: left;
		width: 90%;
		margin: 0 5%;
		padding: 0;
		font-size: 18px;
		color: #313131;
		line-height: 24px;
	}
	.contact-container h1 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 13px;
		border-bottom: 2px solid #7d0000;
		font-size: 24px;
		color: #7d0000;
		font-weight: normal;
		text-transform: uppercase;
	}
	.contact-form {
		float: left;
		width: 60%;
		margin: 3% 0 0;
	}
	.contact-form-input {
		float: left;
		width: 90%;
		height: 40px;
		margin: 0 10% 2% 0;
		border: 1px solid #313131;
		background: none;
		font-size: 18px;
		color: #313131;
		text-indent: 7px;
	}
	.contact-form-select {
		float: left;
		width: 90%;
		height: 40px;
		margin: 0 10% 2% 0;
		border: 1px solid #313131;
		background: none;
		font-size: 18px;
		color: #313131;
		text-indent: 7px;
	}
	.contact-form-message {
		float: left;
		width: 90%;
		margin: 0 10% 3% 0;
		border: 1px solid #313131;
		background: none;
		font-size: 18px;
		color: #313131;
		text-indent: 7px;
	}
	.contact-form-captcha-wrapper {
		float: left;
		width: 96%;
		margin: 30px 0 0;
	}
	.contact-form-captcha {
		float: left;
		width: 45%;
		height: 40px;
		border: 1px solid #313131;
		background: none;
		font-size: 18px;
		color: #313131;
		text-indent: 7px;
	}
	.contact-form-submit-wrapper {
		float: left;
		width: 100%;
	}
	.contact-form-submit {
		float: left;
		width: 260px;
		height: 40px;
		margin: 40px 0 0 0;
		background-color: #7d0000;
		border: none;
		font-size: 20px;
		color: #e9e9e9;
		text-align: center;
	}
	.contact-col2 {
		float: right;
		width: 40%;
		margin: 3% 0 0;
		padding: 0;
		text-align: center;
		font-size: 16px;
	}
	.contact-col2 img {
		width: 60%;
		margin: 0 20% 13px;
	}
	::-webkit-input-placeholder { color: #313131; }
	:-moz-placeholder { color: #313131; } /* Firefox 18- */
	::-moz-placeholder { color: #313131; }  /* Firefox 19+ */
	:-ms-input-placeholder { color: #313131; }
	
	.test-wrapper {
		float: left;
		width: 100%;
		margin-bottom: 31px;
		padding-bottom: 13px;
		border-bottom: 1px solid #c9c9c9;
	}
	
	/*footer*/
	footer {
		float: left;
		width: 100%;
		margin: 3% 0 0;
		padding: 3% 0 2%;
		font-size: 16px;
		color: #313131;
		line-height: 22px;
		text-align: center;
	}
	footer a {
		font-size: 16px;
		color: #7d0000;
		text-decoration: none;
	}
	footer .ftSect {
		display: inline-block;
		width: 47%;
		margin: 0 0 30px;
		text-align: center;
		vertical-align: top;
	}
	footer .ftSect-header {
		float: left;
		width: 100%;
		font-size: 18px;
		color: #7d0000;
	}
	footer .ftSect .fts-socialmedia {
		float: left;
		width: 100%;
		margin: 13px 0 13px;
	}
	footer .ftSect .fts-socialmedia img {
		width: 40px;
		margin: 0 7px 0 0;
	}
	footer .ftSect .fts-bbb {
		float: left;
		width: 100%;
		margin: 0;
	}
	footer .ftSect .fts-bbb img {
		width: 140px;
		margin: 0 7px 13px 0;
	}
	footer .ft-dcr {
		float: left;
		width: 100%;
		margin: 30px 0 0;
		text-align: center;
	}
	
/* <------- end layout 800 -------> */
}

/* --------------------- layout 600 --------------------- */
@media only screen and (min-width:481px) and (max-width:600px) {
	
	/*header*/
	.header-wrapper {
		float: left;
		width: 100%;
		margin: 3% 0 4%;
	}
	header {
		float: left;
		width: 96%;
		margin: 0 2% 0;
		padding: 0;
	}
	header .logo {
		float: left;
		width: 100%;
		text-align: center;
	}
	header .logo img {
		width: 360px;
	}
	header .hColr {
		float: left;
		width: 100%;
		margin: 13px 0 0;
		font-size: 26px;
		color: #7d0000;
		text-align: center;
	}
	header .hColr a {
		font-size: 26px;
		color: #7d0000;
		text-decoration: none;
	}
	header .hColr-font-blk {
		color: #313131;
		font-size: 20px;
		margin-right: 13px;
	}
	
	/*nav menu*/
	.nav-wrapper {
		display: none;
	}
	
	/*banner slides*/
	.banner-wrapper {
		float: left;
		width: 100%;
		padding: 13% 0;
		margin: 0 0 0;
		border: none;
		background-image: url(../images/bannerSlides/cts-bs-img1.jpg);
		background-size: cover;
	}
	.banner-content {
		float: left;
		width: 90%;
		margin: 50px 0 50px 0;
		padding: 3%;
		font-size: 30px;
		color: #7d0000;
		font-style: italic;
		font-weight: bold;
		line-height: 50px;
		background-image: url(../images/bg/cts-bg-banner-content.png);
	}
	
	/*main page*/
	.mpProducts-wrapper {
		float: left;
		width: 100%;
		margin: 5% 0 0;
		padding: 0;
		text-align: center;
	}
	.mpProducts-wrapper h2 {
		float: left;
		width: 100%;
		margin: 0 0 31px;
		padding: 0;
		font-size: 24px;
		color: #7d0000;
		font-weight: normal;
	}
	.mpProducts {
		display: inline-block;
		width: 80%;
		margin: 0 10% 7%;
		font-size: 20px;
		color: #000;
		vertical-align: top;
	}
	.mpProducts a {
		font-size: 20px;
		color: #7d0000;
		text-decoration: none;
	}
	.mpProducts img {
		width: 100%;
		margin-bottom: 13px;
	}
	
	.mpWelcome-wrapper {
		float: left;
		width: 100%;
		margin: 5% 0 0;
		padding: 7% 0;
		background-color: #e9e9e9;
	}
	.mpWelcome {
		float: left;
		width: 90%;
		margin: 0 5%;
	}
	.mpWelcome .mpwCol1 {
		float: left;
		width: 90%;
		margin: 0 5%;
		padding: 0;
	}
	.mpWelcome .mpwCol1 img {
		width: 100%;
		margin-bottom: 7px;
	}
	.mpWelcome .mpwCol2 {
		float: right;
		width: 96%;
		margin: 0 2%;
		padding: 0;
		font-size: 20px;
		color: #000;
		line-height: 24px;
	}
	.mpWelcome .mpwCol2 h1 {
		float: left;
		width: 100%;
		margin: 7px 0 31px;
		padding: 0;
		font-size: 22px;
		color: #7d0000;
		font-weight: normal;
		line-height: 24px;
	}
	
	/*content*/
	.content-wrapper {
		float: left;
		width: 100%;
		margin: 5% 0 0;;
		padding: 0 0 5%;
		border-bottom: 2px solid #c9c9c9;
	}
	.content {
		float: left;
		width: 90%;
		margin: 0 5%;
		padding: 0;
		font-size: 18px;
		color: #313131;
		line-height: 24px;
	}
	.content img {
		float: right;
		width: 260px;
		margin: 0 0 20px 30px;
	}
	.content ul {
		margin: 7px 0 7px 30px;
	}
	.content h1 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 13px;
		border-bottom: 2px solid #7d0000;
		font-size: 26px;
		color: #7d0000;
		font-weight: normal;
		text-transform: uppercase;
	}
	
	/*product gallery*/
	.gallery-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 0;
		text-align: center;
	}
	.gallery-container {
		float: left;
		width: 94%;
		margin: 0 3%;
		padding: 0;
		font-size: 18px;
		color: #313131;
		line-height: 24px;
	}
	.gallery-container h1 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 13px;
		border-bottom: 2px solid #7d0000;
		font-size: 24px;
		color: #7d0000;
		font-weight: normal;
		text-transform: uppercase;
		text-align: left;
	}
	.gallery {
		margin: 0 3% 30px;
	}
	.gallery .image {
		display: inline-block;
		width: 47%;
		margin: 0 1% 2%;
		vertical-align: top;
	}
	.gallery .image img {
		width: 100%;
		margin-bottom: 2%;
	}
	
	/*contact*/
	.contact-wrapper {
		float: left;
		width: 100%;
		margin: 5% 0 0;
		padding: 0 0 5%;
		border-bottom: 2px solid #c9c9c9;
	}
	.contact-container {
		float: left;
		width: 94%;
		margin: 0 3% 7%;
		padding: 0;
		font-size: 18px;
		color: #313131;
		line-height: 24px;
	}
	.contact-container h1 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 13px;
		border-bottom: 2px solid #7d0000;
		font-size: 24px;
		color: #7d0000;
		font-weight: normal;
		text-transform: uppercase;
	}
	.contact-form {
		float: left;
		width: 90%;
		margin: 3% 5% 13%;
	}
	.contact-form-input {
		float: left;
		width: 100%;
		height: 40px;
		margin: 0 0 2% 0;
		border: 1px solid #313131;
		background: none;
		font-size: 18px;
		color: #313131;
		text-indent: 7px;
	}
	.contact-form-select {
		float: left;
		width: 100%;
		height: 40px;
		margin: 0 0 2% 0;
		border: 1px solid #313131;
		background: none;
		font-size: 18px;
		color: #313131;
		text-indent: 7px;
	}
	.contact-form-message {
		float: left;
		width: 100%;
		margin: 0 0 3% 0;
		border: 1px solid #313131;
		background: none;
		font-size: 18px;
		color: #313131;
		text-indent: 7px;
	}
	.contact-form-captcha-wrapper {
		float: left;
		width: 96%;
		margin: 30px 0 0;
	}
	.contact-form-captcha {
		float: left;
		width: 45%;
		height: 40px;
		border: 1px solid #313131;
		background: none;
		font-size: 18px;
		color: #313131;
		text-indent: 7px;
	}
	.contact-form-submit-wrapper {
		float: left;
		width: 100%;
	}
	.contact-form-submit {
		float: left;
		width: 260px;
		height: 40px;
		margin: 40px 0 0 0;
		background-color: #7d0000;
		border: none;
		font-size: 20px;
		color: #e9e9e9;
		text-align: center;
	}
	.contact-col2 {
		float: right;
		width: 90%;
		margin: 3% 5% 0;
		padding: 0;
		text-align: center;
		font-size: 16px;
	}
	.contact-col2 img {
		width: 50%;
		margin: 0 25% 13px;
	}
	::-webkit-input-placeholder { color: #313131; }
	:-moz-placeholder { color: #313131; } /* Firefox 18- */
	::-moz-placeholder { color: #313131; }  /* Firefox 19+ */
	:-ms-input-placeholder { color: #313131; }
	
	.test-wrapper {
		float: left;
		width: 100%;
		margin-bottom: 31px;
		padding-bottom: 13px;
		border-bottom: 1px solid #c9c9c9;
	}
	
	/*footer*/
	footer {
		float: left;
		width: 100%;
		margin: 3% 0 0;
		padding: 5% 0 3%;
		font-size: 16px;
		color: #313131;
		line-height: 22px;
		text-align: center;
	}
	footer a {
		font-size: 16px;
		color: #7d0000;
		text-decoration: none;
	}
	footer .ftSect {
		display: inline-block;
		width: 80%;
		margin: 0 0 30px;
		text-align: center;
		vertical-align: top;
	}
	footer .ftSect-header {
		float: left;
		width: 100%;
		font-size: 18px;
		color: #7d0000;
	}
	footer .ftSect .fts-socialmedia {
		float: left;
		width: 100%;
		margin: 13px 0 13px;
	}
	footer .ftSect .fts-socialmedia img {
		width: 40px;
		margin: 0 7px 0 0;
	}
	footer .ftSect .fts-bbb {
		float: left;
		width: 100%;
		margin: 0;
	}
	footer .ftSect .fts-bbb img {
		width: 140px;
		margin: 0 7px 13px 0;
	}
	footer .ft-dcr {
		float: left;
		width: 100%;
		margin: 30px 0 0;
		text-align: center;
	}
	
/* <------- end layout 600 -------> */
}

/* --------------------- layout 480 --------------------- */
@media only screen and (min-width:300px) and (max-width:480px) {
	
	/*header*/
	.header-wrapper {
		float: left;
		width: 100%;
		margin: 3% 0 4%;
	}
	header {
		float: left;
		width: 96%;
		margin: 0 2% 0;
		padding: 0;
	}
	header .logo {
		float: left;
		width: 100%;
		text-align: center;
	}
	header .logo img {
		width: 280px;
	}
	header .hColr {
		float: left;
		width: 100%;
		margin: 13px 0 0;
		font-size: 22px;
		color: #7d0000;
		text-align: center;
	}
	header .hColr a {
		font-size: 22px;
		color: #7d0000;
		text-decoration: none;
	}
	header .hColr-font-blk {
		color: #313131;
		font-size: 18px;
		margin-right: 7px;
	}
	
	/*nav menu*/
	.nav-wrapper {
		display: none;
	}
	
	/*banner slides*/
	.banner-wrapper {
		float: left;
		width: 100%;
		padding: 13% 0;
		margin: 0 0 0;
		border: none;
		background-image: url(../images/bannerSlides/cts-bs-img1.jpg);
		background-size: cover;
	}
	.banner-content {
		float: left;
		width: 90%;
		margin: 50px 0 50px 0;
		padding: 3%;
		font-size: 30px;
		color: #7d0000;
		font-style: italic;
		font-weight: bold;
		line-height: 50px;
		background-image: url(../images/bg/cts-bg-banner-content.png);
	}
	
	/*main page*/
	.mpProducts-wrapper {
		float: left;
		width: 100%;
		margin: 5% 0 0;
		padding: 5% 0 2%;
		text-align: center;
	}
	.mpProducts-wrapper h2 {
		float: left;
		width: 100%;
		margin: 0 0 21px;
		padding: 0;
		font-size: 22px;
		color: #7d0000;
		font-weight: normal;
	}
	.mpProducts {
		display: inline-block;
		width: 96%;
		margin: 0 2% 11%;
		font-size: 18px;
		color: #000;
		vertical-align: top;
	}
	.mpProducts a {
		font-size: 18px;
		color: #7d0000;
		text-decoration: none;
	}
	.mpProducts img {
		width: 100%;
		margin-bottom: 13px;
	}
	
	.mpWelcome-wrapper {
		float: left;
		width: 100%;
		margin: 5% 0 0;
		padding: 11% 0;
		background-color: #e9e9e9;
	}
	.mpWelcome {
		float: left;
		width: 90%;
		margin: 0 5%;
	}
	.mpWelcome .mpwCol1 {
		float: left;
		width: 90%;
		margin: 0 5%;
		padding: 0;
	}
	.mpWelcome .mpwCol1 img {
		width: 100%;
		margin-bottom: 7px;
	}
	.mpWelcome .mpwCol2 {
		float: right;
		width: 96%;
		margin: 0 2%;
		padding: 0;
		font-size: 18px;
		color: #000;
		line-height: 24px;
	}
	.mpWelcome .mpwCol2 h1 {
		float: left;
		width: 100%;
		margin: 7px 0 31px;
		padding: 0;
		font-size: 20px;
		color: #7d0000;
		font-weight: normal;
		line-height: 24px;
	}
	
	/*content*/
	.content-wrapper {
		float: left;
		width: 100%;
		margin: 5% 0 0;
		padding: 0 0 11%;
		border-bottom: 2px solid #c9c9c9;
	}
	.content {
		float: left;
		width: 94%;
		margin: 0 3%;
		padding: 0;
		font-size: 18px;
		color: #313131;
		line-height: 24px;
	}
	.content img {
		float: left;
		width: 70%;
		margin: 0 15% 3%;;
	}
	.content ul {
		margin: 7px 0 7px 30px;
	}
	.content h1 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 13px;
		border-bottom: 2px solid #7d0000;
		font-size: 24px;
		color: #7d0000;
		font-weight: normal;
		text-transform: uppercase;
	}
	
	/*product gallery*/
	.gallery-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 0;
		text-align: center;
	}
	.gallery-container {
		float: left;
		width: 94%;
		margin: 0 3%;
		padding: 0;
		font-size: 18px;
		color: #313131;
		line-height: 24px;
	}
	.gallery-container h1 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 13px;
		border-bottom: 2px solid #7d0000;
		font-size: 24px;
		color: #7d0000;
		font-weight: normal;
		text-transform: uppercase;
		text-align: left;
	}
	.gallery {
		margin: 0 3% 30px;
	}
	.gallery .image {
		display: inline-block;
		width: 80%;
		margin: 0 10% 2%;
		vertical-align: top;
	}
	.gallery .image img {
		width: 100%;
		margin-bottom: 2%;
	}
	
	/*contact*/
	.contact-wrapper {
		float: left;
		width: 100%;
		margin: 5% 0 0;
		padding: 0 0 5%;
		border-bottom: 2px solid #c9c9c9;
	}
	.contact-container {
		float: left;
		width: 94%;
		margin: 0 3% 7%;
		padding: 0;
		font-size: 18px;
		color: #313131;
		line-height: 24px;
	}
	.contact-container h1 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 13px;
		border-bottom: 2px solid #7d0000;
		font-size: 24px;
		color: #7d0000;
		font-weight: normal;
		text-transform: uppercase;
	}
	.contact-form {
		float: left;
		width: 90%;
		margin: 3% 5% 13%;
	}
	.contact-form-input {
		float: left;
		width: 100%;
		height: 40px;
		margin: 0 0 2% 0;
		border: 1px solid #313131;
		background: none;
		font-size: 18px;
		color: #313131;
		text-indent: 7px;
	}
	.contact-form-select {
		float: left;
		width: 100%;
		height: 40px;
		margin: 0 0 2% 0;
		border: 1px solid #313131;
		background: none;
		font-size: 18px;
		color: #313131;
		text-indent: 7px;
	}
	.contact-form-message {
		float: left;
		width: 100%;
		margin: 0 0 3% 0;
		border: 1px solid #313131;
		background: none;
		font-size: 18px;
		color: #313131;
		text-indent: 7px;
	}
	.contact-form-captcha-wrapper {
		float: left;
		width: 96%;
		margin: 30px 0 0;
	}
	.contact-form-captcha {
		float: left;
		width: 45%;
		height: 40px;
		border: 1px solid #313131;
		background: none;
		font-size: 18px;
		color: #313131;
		text-indent: 7px;
	}
	.contact-form-submit-wrapper {
		float: left;
		width: 100%;
	}
	.contact-form-submit {
		float: left;
		width: 260px;
		height: 40px;
		margin: 40px 0 0 0;
		background-color: #7d0000;
		border: none;
		font-size: 20px;
		color: #e9e9e9;
		text-align: center;
	}
	.contact-col2 {
		float: right;
		width: 90%;
		margin: 3% 5% 0;
		padding: 0;
		text-align: center;
		font-size: 16px;
	}
	.contact-col2 img {
		width: 50%;
		margin: 0 25% 13px;
	}
	::-webkit-input-placeholder { color: #313131; }
	:-moz-placeholder { color: #313131; } /* Firefox 18- */
	::-moz-placeholder { color: #313131; }  /* Firefox 19+ */
	:-ms-input-placeholder { color: #313131; }
	
	.test-wrapper {
		float: left;
		width: 100%;
		margin-bottom: 31px;
		padding-bottom: 13px;
		border-bottom: 1px solid #c9c9c9;
	}
	
	/*footer*/
	footer {
		float: left;
		width: 100%;
		margin: 3% 0 0;
		padding: 7% 0 3%;
		font-size: 16px;
		color: #313131;
		line-height: 22px;
		text-align: center;
	}
	footer a {
		font-size: 16px;
		color: #7d0000;
		text-decoration: none;
	}
	footer .ftSect {
		display: inline-block;
		width: 80%;
		margin: 0 0 30px;
		text-align: center;
		vertical-align: top;
	}
	footer .ftSect-header {
		float: left;
		width: 100%;
		font-size: 18px;
		color: #7d0000;
	}
	footer .ftSect .fts-socialmedia {
		float: left;
		width: 100%;
		margin: 13px 0 13px;
	}
	footer .ftSect .fts-socialmedia img {
		width: 40px;
		margin: 0 7px 0 0;
	}
	footer .ftSect .fts-bbb {
		float: left;
		width: 100%;
		margin: 0;
	}
	footer .ftSect .fts-bbb img {
		width: 140px;
		margin: 0 7px 13px 0;
	}
	footer .ft-dcr {
		float: left;
		width: 100%;
		margin: 30px 0 0;
		text-align: center;
	}
	
/* <------- end layout 600 -------> */
}