body {
	background: url(../img/common/sng1_img_background.jpg) no-repeat center center fixed;
	-webkit-background-size: cover; /* For WebKit*/
	-moz-background-size: cover;    /* Mozilla*/
	-o-background-size: cover;      /* Opera*/
	background-size: cover;         /* Generic*/
}

.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: 842px;
	padding: 0px;
}
@media (max-width: 1025px) {
	.center {
		/* border: 5px solid; */
		margin: auto;
		width: 100%;
		padding: 0px;
	}
}

.vertical-center {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}


#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;
	}
}


/* DIV settings for all site content */

.MainCenter1 {
	width: 842px;
	height: 580px;
	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) {
	.MainCenter1 {
		width: 94%;
		/* height: 580px; */
		margin-top: 0px;
		margin-right: 3.0%;
		margin-left: 3.0%;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: left;
		float: left;
	}
}

/* DIV for mobile titles */

.MobileTitle1 {
	/* width: 842px;
	height: 580px; */
	margin-top: -70px;
	margin-right: 0.0%;
	margin-left: -15px;
	/*
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	float: left;
	 */
}

/* DIV settings for 2 top rows */

.MainTop1 {
	width: 842px;
	height: 30px;
	margin-top: -50px;
	margin-right: 0.0%;
	margin-left: 0.0%;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	float: left;
}

.MainTop2 {
	width: 842px;
	height: 135px;
	margin-top: 0px;
	margin-right: 0.0%;
	margin-left: 0.0%;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	float: left;
}

/* DIV settings for middle row - first column */

.MainMiddle1 {
	width: 604px;
	height: 385px;
	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) {
	.MainMiddle1 {
		width: 100%;
		/* height: 385px; */
		margin-top: 0px;
		margin-right: 0.0%;
		margin-left: 0.0%;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: left;
		float: left;
	}
}

/* DIV settings for middle row - second column */

.MainMiddle2 {
	width: 238px;
	height: 385px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	float: left;
}
@media (max-width: 1025px) {
	.MainMiddle2 {
		width: 238px;
		height: 40px;
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: left;
		float: left;
	}
}

/* DIV settings for middle row - full width for GALLERY */

.MainMiddle3 {
	width: 842px;
	height: 385px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	float: left;
}
@media (max-width: 1025px) {
	.MainMiddle3 {
		width: 100%;
		/* height: 385px; */
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: left;
		float: left;
		background: black;
	}
}

/* DIV settings for bottom row - leading text area */

.MainBottom1 {
	width: 842px;
	height: 30px;
	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) {
	.MainBottom1 {
		width: 100%;
		height: 30px;
		margin-top: 0px;
		margin-right: 0.0%;
		margin-left: 0.0%;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: left;
		float: left;
	}
}


.MainBottom2 {
	/* width: 842px; */
	/* height: 30px; */
	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) {
	.MainBottom2 {
		width: 98%;
		/* height: 100%; */
		margin-top: 0px;
		margin-right: 0.0%;
		margin-left: 2.0%;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: left;
		float: left;
	}
}

/* DIV settings for intro page text block in second column in HOME */

.TextBlock1 {
	width: 570px;
	height: 385px;
	margin-top: -20px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	float: left;
}
@media (max-width: 1025px) {
	.TextBlock1 {
		width: 94%;
		height: 100%;
		margin-top: 0px;
		margin-right: 4.0%;
		margin-left: 2.0%;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: left;
		float: left;
	}
}



/* DIV settings for middle row for VIDEO */

.VideoMiddle0 {
	width: 100%;
	/* height: 468px; */
	margin-top: 0px;
	margin-right: 0.0%;
	margin-left: 0.0%;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	float: left;
	/* background: black; */
}

.VideoMiddle1 {
	width: 842px;
	height: 468px;
	margin-top: 0px;
	margin-right: 0.0%;
	margin-left: 0.0%;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	float: left;
	background: black;
}

.VideoMiddle2 {
	width: 842px;
	height: 52px;
	margin-top: 0px;
	margin-right: 0.0%;
	margin-left: 0.0%;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	float: left;
	background: black;
}


/* DIV settings for middle row for CUSTOM */

.CustomMiddle1 {
	width: 861px;
	height: 472px;
	margin-top: -20px;
	margin-right: 0.0%;
	margin-left: 0.0%;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	float: left;
}



/* text formating */

h4 	{
	color:#f0a04d;
	font-size: 12pt;
	line-height: 14pt;
	font-family: tahoma,arial,verdana,helvetica;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
}

h5 	{
	color:#d5b28c;
	font-size: 12pt;
	line-height: 14pt;
	font-family: tahoma,arial,verdana,helvetica;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
}
@media (max-width: 1025px) {
	h5 	{
		color:#d5b28c;
		font-size: 13pt;
		line-height: 17pt;
		font-family: tahoma,arial,verdana,helvetica;
		font-weight: normal;
		font-variant: normal;
		font-style: normal;
	}
}

h6 	{
	color:#999999;
	font-size: 12pt;
	line-height: 14pt;
	font-family: tahoma,arial,verdana,helvetica;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
}

strong {
	color:#e3cdb5;
	font-size: 12pt;
	line-height: 14pt;
	font-family: tahoma,arial,verdana,helvetica;
	font-weight: bold;
	font-variant: normal;
	font-style: normal;
}

strong2 {
	color:#7d6850;
	font-size: 12pt;
	line-height: 14pt;
	font-family: tahoma,arial,verdana,helvetica;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
}


/* SNG font settings */


font.body 	{
	color:#d5b28c;
	font-size: 12pt;
	line-height: 14pt;
	font-family: tahoma,arial,verdana,helvetica;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
}

font.title 	{
	color:#856039;
	font-size: 12pt;
	line-height: 14pt;
	font-family: tahoma,arial,verdana,helvetica;
	font-weight: bold;
	font-variant: normal;
	font-style: normal;
}

font.subtitle 	{
	color:#FFB153;
	font-size: 12pt;
	line-height: 12pt;
	font-family: tahoma,arial,verdana,helvetica;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
}

font.mbody 	{
	color:#f0a04d;
	font-size: 12pt;
	line-height: 14pt;
	font-family: tahoma,arial,verdana,helvetica;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
}

font.snbody 	{
	color:#debd9b;
	font-size: 12pt;
	line-height: 14pt;
	font-family: tahoma,arial,verdana,helvetica;
	font-weight: bold;
	font-variant: normal;
	font-style: normal;
}

font.spacer 	{
	color:#94705F;
	font-size: 6pt;
	line-height: 6pt;
	font-family: tahoma,arial,verdana,helvetica;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
}

font.footer 	{
	color:#c39d75;
	font-size: 10pt;
	line-height: 10pt;
	font-family: tahoma,arial,verdana,helvetica;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
}

.formtext 	{
	color: #CCCCCC;
	background-color: #553528;
	font-size: 12pt;
	line-height: 14pt;
	font-family: tahoma,arial,verdana,helvetica;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	text-transform: none;
	text-decoration: none;
}


/* SNG navigation links */

a 		{
	text-decoration: none;
	font-size: 12pt;
	font-family: tahoma,arial,verdana,helvetica;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	outline:none;
	color:#d5b28c;
}

a:hover 	{
	color: #f0a04d;
	text-decoration: underline;
}


a.nav1 		{
	text-decoration: none;
	font-size: 12pt;
	font-family: tahoma,arial,verdana,helvetica;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	outline:none;
	color:#f0a04d;
}

a.nav1:hover 	{
	color: #e3cdb5;
	text-decoration: none;
}


a.nav2 		{
	text-decoration: underline;
	font-size: 12pt;
	font-family: tahoma,arial,verdana,helvetica;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	outline:none;
	color:#e3cdb5;
}

a.nav2:hover 	{
	color: #f0a04d;
	text-decoration: none;
}

a.nav3 		{
	text-decoration: none;
	font-size: 12pt;
	font-family: tahoma,arial,verdana,helvetica;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	outline:none;
	color:#d5b28c;
}

a.nav3:hover 	{
	color: #f0a04d;
	text-decoration: none;
}



/* SOLA navigation links

a
{
	color:#999999;
	font-size: 10pt;
	line-height: 16pt;
	font-family: arial,verdana,helvetica;
	font-weight: bold;
	font-variant: normal;
	font-style: normal;
	margin-top: -1px;
	text-decoration: none;
}

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

a.nav1
{
	color:#cccccc;
	font-size: 10pt;
	line-height: 16pt;
	font-family: arial,verdana,helvetica;
	font-weight: bold;
	font-variant: normal;
	font-style: normal;
	margin-top: -1px;
	text-decoration: none; border-bottom:2px dotted #666666;
}

a.nav1:hover
{
	color: #d9a564;
	text-decoration: none; border-bottom: 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;
	}
}