/*
body {

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

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


body {
	background: url(../img/sola1_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: 1287px;
	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%);
}

.rotate img{
	transition: 1s ease;
}

.rotate img:hover{
	-webkit-transform: rotateZ(-20deg);
	-ms-transform: rotateZ(-20deg);
	transform: rotateZ(-20deg);
	transition: 1s ease;
}


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


/* mobile menu */

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


/* DIV settings for all site content */

.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;
}
@media (min-width: 1025px) {
	.MainCenter1 {
		width: 1287px;
		height: 657px;
		margin-top: -40px;
		margin-right: 0.0%;
		margin-left: 0.0%;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: left;
		float: left;
		background-image: url("../img/sola1_background.png");
	}
}

/* DIV for mobile titles */

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

/* DIV settings for top row */

.MainTop1 {
	width: 1287px;
	height: 90px;
	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: 710px;
	height: 472px;
	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: 437px;
	height: 472px;
	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: 100%;
		/* height: 472px; */
		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 - third column */

.MainMiddle3 {
	width: 140px;
	height: 472px;
	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 bottom row - leading text area */

.MainBottom1 {
	width: 538px;
	height: 95px;
	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 bottom row - menu area */

.MainBottom2 {
	width: 749px;
	height: 95px;
	margin-top: 6px;
	margin-right: 0.0%;
	margin-left: 0.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: 374px;
	height: 472px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	float: left;
}
@media (max-width: 1025px) {
	.TextBlock1 {
		width: 96%;
		/* height: 100%; */
		margin-top: 0px;
		margin-right: 2.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 VIDEO */

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

/* DIV settings for MODELSPECS 1st column */

.SpecsBlock1 {
	width: 178px;
	height: 472px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	float: left;
}
@media (max-width: 1025px) {
	.SpecsBlock1 {
		width: 40%;
		/* height: 472px; */
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: left;
		float: left;
	}
}

/* DIV settings for MODELSPECS 2nd column */

.SpecsBlock2 {
	width: 259px;
	height: 472px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	float: left;
}
@media (max-width: 1025px) {
	.SpecsBlock2 {
		width: 60%;
		/* height: 472px; */
		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 - first column for VIDEO */

.VideoMiddle0 {
	width: 90%;
	/* 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: 861px;
	height: 472px;
	margin-top: -45px;
	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 for VIDEO */

.VideoMiddle2 {
	width: 286px;
	height: 472px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	float: left;
}
@media (max-width: 1025px) {
	.VideoMiddle2 {
		width: 90%;
		/* height: 472px; */
		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 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 */

h3 	{
	color:#999999;
	font-size: 10pt;
	line-height: 16pt;
	font-family: tahoma,arial,verdana,helvetica;
	font-weight: bold;
	font-variant: normal;
	font-style: normal;
	margin-top: -1px;
}
@media (max-width: 1025px) {
	h3 	{
		color:#888888;
		font-size: 12pt;
		line-height: 16pt;
		font-family: tahoma,arial,verdana,helvetica;
		font-weight: bold;
		font-variant: normal;
		font-style: normal;
	}
}

h4 	{
	color:#999999;
	font-size: 10pt;
	line-height: 16pt;
	font-family: tahoma,arial,verdana,helvetica;
	font-weight: bold;
	font-variant: normal;
	font-style: normal;
	margin-top: 50px;
}

h5 	{
	color:#999999;
	font-size: 10pt;
	line-height: 16pt;
	font-family: tahoma,arial,verdana,helvetica;
	font-weight: bold;
	font-variant: normal;
	font-style: normal;
	margin-top: -1px;
}
@media (max-width: 1025px) {
	h5 	{
		color:#aaaaaa;
		font-size: 12pt;
		line-height: 16pt;
		font-family: tahoma,arial,verdana,helvetica;
		font-weight: bold;
		font-variant: normal;
		font-style: normal;
	}
}

h6 	{
	color:#999999;
	font-size: 10pt;
	line-height: 16pt;
	font-family: tahoma,arial,verdana,helvetica;
	font-weight: bold;
	font-variant: normal;
	font-style: normal;
	margin-top: 13px;
}

strong {
	color:#eeeeee;
}

strong2 {
	color:#666666;
}

/* navigation links */

a
{
	color:#999999;
	font-size: 10pt;
	line-height: 16pt;
	font-family: tahoma,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: tahoma,arial,verdana,helvetica;
	font-weight: bold;
	font-variant: normal;
	font-style: normal;
	margin-top: -1px;
	text-decoration: none; border-bottom:2px dotted #666666;
}
@media (max-width: 1025px) {
	a.nav1
	{
		color:#cccccc;
		font-size: 12pt;
		line-height: 16pt;
		font-family: tahoma,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;
}

a.nav3
{
	color:#aaaaaa;
	font-size: 12pt;
	line-height: 16pt;
	font-family: tahoma,arial,verdana,helvetica;
	font-weight: bold;
	font-variant: normal;
	font-style: normal;
}

a.nav3:hover
{
	color: #d9a564;
}


/* 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;
	}
}


/* menu buttons */

.button {
	display: inline-block;
	border-radius: 3px;
	background-color: #555;
	border: none;
	color: #eee;
	text-align: center;
	font-size: 14px;
	padding: 0px;
	width: 120px;
	height: 30px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 1px;
	outline:none;
}

.button span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.button span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -10px;
	transition: 0.5s;
}

.button:hover span {
	padding-right: 12px;
}

.button:hover span:after {
	opacity: 1;
	right: 0;
}