/* html {
	background-color: "#671705";
} */

/*
html {
	background-color: #000000;
}
*/


body {
	/* background-color: #000000; */

	background: url(../img/cbc1_img_background2.jpg) repeat top left;

	}
@media (min-width: 1025px) {
	body {
		background: url(../img/cbc1_img_background.jpg) no-repeat top left fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}


.unselectable {
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/* center all content */

.center {
	/* border: 5px solid; */
	margin: auto;
	width: 834px;
	padding: 0px;
}
@media (max-width: 1025px) {
	.center {
		/* border: 5px solid; */
		margin: auto;
		width: 100%;
		padding: 0px;
	}
}


#main {
	/* height:  100%; */
	width: 100%;
}


/* mobile menu */

.mobile-menu {
	padding: 5px;
	width: 80px;
	z-index: 100;
	position: fixed;
	right: 10px;
	bottom: 80%;
}
@media (min-width: 1025px) {
	.mobile-menu {
		display: none;
	}
}


/* settings for main center column - WITHOUT background colour */

.featureCenter1 {
	/* min-height: 100px; */
	width: 834px;
	margin-top: 0px;
	margin-right: 0.0%;
	margin-left: 0.0%;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	float: left;
}
@media (max-width: 1025px) {
	.featureCenter1 {
		/* min-height: 100px; */
		width: 100.0%;
		margin-right: 0.0%;
		margin-left: 0.0%;
		float: left;
	}
}

/* settings for main center column - WITH background colour FOR CANT BEAT only */

.featureCenter2 {
	/* min-height: 100px; */
	width: 834px;
	margin-top: -4px;
	margin-right: 0.0%;
	margin-left: 0.0%;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	float: left;
	background-color: 1b0d0a;
}
@media (max-width: 1025px) {
	.featureCenter2 {
		/* min-height: 100px; */
		width: 100.0%;
		margin-right: 0.0%;
		margin-left: 0.0%;
		float: left;
		background-color: transparent;
	}
}

/* settings for main center column - WITH background colour FOR all other text blocks except ALWAYS  */

.featureCenter2b {
	/* min-height: 100px; */
	width: 834px;
	margin-top: -4px;
	margin-right: 0.0%;
	margin-left: 0.0%;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	float: left;
	background-color: 1b0d0a;
}
@media (max-width: 1025px) {
	.featureCenter2b {
		/* min-height: 100px; */
		width: 100.0%;
		margin-right: 0.0%;
		margin-left: 0.0%;
		float: left;
		background-color: transparent;
	}
}


/* settings for spaced and coloured center column for text content */

.featureCenter3 {
	/* min-height: 100px; */
	width: 752px;
	margin-top: 0px;
	margin-right: 41px;
	margin-left: 41px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	float: left;
	background-color: 1b0d0a;
}
@media (max-width: 1025px) {
	.featureCenter3 {
		/* min-height: 100px; */
		width: 94%;
		margin-right: 3.0%;
		margin-left: 3.0%;
		text-align: left;
		float: left;
		background-color: transparent;
	}
}

/* settings for 2 columns of specs */

.featureSpecsLeft {
	/* min-height: 100px; */
	width: 25%;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	float: left;
}
@media (max-width: 1025px) {
	.featureSpecsLeft {
		/* min-height: 100px; */
		width: 100%;
		margin-right: 0.0%;
		margin-left: 0.0%;
		float: left;
	}
}


.featureSpecsRight {
	/* min-height: 100px; */
	width: 75%;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	float: left;
}
@media (max-width: 1025px) {
	.featureSpecsRight {
		/* min-height: 100px; */
		width: 100%;
		margin-right: 0.0%;
		margin-left: 0.0%;
		float: left;
	}
}


/* text formating */


h5 	{
	color:#c0b197;
	font-size: 12pt;
	line-height: 18pt;
	font-family: arial,verdana,helvetica;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	margin-top: -1px;
}
@media (max-width: 1025px) {
	h5 	{
		color:#c0b197;
		font-size: 13pt;
		line-height: 18pt;
		font-family: arial,verdana,helvetica;
		font-weight: normal;
		font-variant: normal;
		font-style: normal;
	}
}

h6 	{
	color:#C8B195;
	font-size: 16pt;
	line-height: 18pt;
	font-family: arial,verdana,helvetica;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	margin-top: -20px;
	margin-bottom: 15px;
}
@media (max-width: 1025px) {
	h6 	{
		color:#C8B195;
		font-size: 18pt;
		line-height: 22pt;
		font-family: arial,verdana,helvetica;
		font-weight: normal;
		font-variant: normal;
		font-style: normal;
	}
}



strong 	{
	color:#eeeeee;
	font-size: 12pt;
	line-height: 18pt;
	font-family: arial,verdana,helvetica;
	font-weight: normal;
	font-variant: normal;
	font-style: italic;
	margin-top: -1px;
}
@media (max-width: 1025px) {
	strong 	{
		color:#eeeeee;
		font-size: 13pt;
		line-height: 18pt;
		font-family: arial,verdana,helvetica;
		font-weight: normal;
		font-variant: normal;
		font-style: italic;
	}
}


/* navigation links */

a 		{text-decoration: underline;
		font-size: 12pt;
		line-height: 18pt;
		font-family: arial,verdana,helvetica;
		font-weight: normal;
		font-variant: normal;
		font-style: normal;
		color:#d6cfc1;
		}

a:hover 	{color: #FFFFFF;
		text-decoration: none;
		}



/* hiding DIVs on small screens */

@media (max-width: 1025px) {
	.hidden-mobile {
		display: none;
	}
}

/* hiding DIVs on large screens */

@media (min-width: 1025px) {
	.hidden-desktop {
		display: none;
	}
}