/* ================ Home =============== */
html, body{
	height: 100%;
	background: #000;
}
#wrapper_mainContent{
	position: relative;
	width: 100%;
	height:100%;
}
#wrapper_content{
	/*height:100%;*/
	overflow:hidden;
}
#main_visual{
	width: 100%;
	height: 100%;
}
#main_visual div.cycleControls{
	width: 100%;
	position: relative;
	top:25%;
}
#main_visual .cycleControls .slideNav.cycle-prev{ margin-left: 6%; }
#main_visual .cycleControls .slideNav.cycle-next{ margin-right: 6%; }
#main_visual div.slideshow{
	background-color: #fff;
}
#main_visual span.slideImage{
	width: 100% !important;
}
#main_visual div.dottedLine{
	bottom: 0;
}
#main_content{
	width: 336px;
	position: absolute;
	right: 460px;
    top: 53px !important;
}
@media only screen and (max-width: 1020px) {
	#main_visual div.cycleControls{
		top:42%;
	}
}
/*BACKGROUNDS*/
#content{
		background: url(../images/backgrounds/home/1600/bkg_content.jpg) no-repeat right center;
		background-size: cover;
	}
	#main_visual .slideshow.cycle-slideshow div:first-child + div {
		background: url(../images/backgrounds/home/1600/harbor.jpg) no-repeat center center;
		background-size: cover;
	}
	#main_visual .slideshow.cycle-slideshow div:first-child + div + div {
		background: url(../images/backgrounds/home/1600/deluxe.jpg) no-repeat center center;
		background-size: cover;
	}
	#main_visual .slideshow.cycle-slideshow div:first-child + div + div + div {
		background: url(../images/backgrounds/home/1600/8.jpg) no-repeat center center;
		background-size: cover;
	}
	#main_visual .slideshow.cycle-slideshow div:first-child + div + div + div + div {
		background: url(../images/backgrounds/home/1600/1.jpg) no-repeat center center;
		background-size: cover;
	}
	#main_visual .slideshow.cycle-slideshow div:first-child + div + div + div + div + div {
		background: url(../images/backgrounds/home/1600/3.jpg) no-repeat center 60%;
		background-size: cover;
	}
	#main_visual .slideshow.cycle-slideshow div:first-child + div + div + div + div + div + div {
		background: url(../images/backgrounds/home/1600/miller.jpg) no-repeat left center;
		background-size: cover;
	}
	#main_visual .slideshow.cycle-slideshow div:first-child + div + div + div + div + div + div + div {
		background: url(../images/backgrounds/home/1600/2.jpg) no-repeat left center;
		background-size: cover;
	}
	#main_visual span.beyondcompare{
		display: block;
		float:left;
		background: url(../images/beyond_compare.png) no-repeat left top;
		position: absolute;
		width:422px;
		height:98px;
		cursor: pointer;
	}
	#main_visual .slideshow.cycle-slideshow div:first-child + div span.beyondcompare{
		left: 30%;
		top: 15%;
	}
	#main_visual .slideshow.cycle-slideshow div:first-child + div + div span.beyondcompare{
		left: 10%;
		top: 18%;
	}
	#main_visual .slideshow.cycle-slideshow div:first-child + div + div + div span.beyondcompare{
		left: 20%;
		top: 3%;
	}
	#main_visual .slideshow.cycle-slideshow div:first-child + div + div + div + div span.beyondcompare{
		right: 13%;
		bottom: 36%;
	}
	#main_visual .slideshow.cycle-slideshow div:first-child + div + div + div + div + div span.beyondcompare{
		left: 8%;
		top: 25%;
	}
	#main_visual .slideshow.cycle-slideshow div:first-child + div + div + div + div + div + div span.beyondcompare{
		left: 33%;
		bottom: 8%;
	}
	#main_visual span.beyondcompare span.first{
		color:#85c3ea;
	}
@media only screen and (min-width: 1280px) {

}
@media only screen and (max-width: 1280px) {
	#main_content{
		right:260px;
		top:100px!important;
	}
	#page_home #main_content h1{
		font-size: 30px;
		font-weight:500;
		line-height: 32px;
	}
	#page_home #main_content h2{
		font-size:15px;
		font-weight:500;
		line-height:17px
	}
	#page_home #main_content p{
		font-size:14px;
		font-weight:500;
		line-height: 18px;
	}
}
@media only screen and (max-width: 1024px) {
	#main_content{
		right:260px;
		top:18%!important;
	}
	#content{
		background: url(../images/backgrounds/home/1024/bkg_content.jpg) no-repeat right center;
	}
	/* #main_visual .slideshow.cycle-slideshow div:first-child + div + div + div + div + div {
		background: url(../images/backgrounds/home/1600/4.jpg) no-repeat center center;
		background-size: cover;
	} */
	#main_visual .slideshow.cycle-slideshow div:first-child + div span.beyondcompare{
		left: 10%;
		top: 16%;
	}
	#main_visual .slideshow.cycle-slideshow div:first-child + div + div span.beyondcompare{
		left: 4%;
		top: 20%;
	}
	#main_visual .slideshow.cycle-slideshow div:first-child + div + div + div span.beyondcompare{
		left: 22%;
		top: 18%;
	}
	#main_visual .slideshow.cycle-slideshow div:first-child + div + div + div + div + div span.beyondcompare{
		left: 8%;
		top: 25%;
	}
	/* #main_visual .slideshow.cycle-slideshow div:first-child + div + div + div + div + div span.beyondcompare{
		left: 0%;
		top: 15%;
	} */
	/* #main_visual .slideshow.cycle-slideshow div:first-child + div + div + div + div + div + div span.beyondcompare{
		right:35%;
		top: 25%;
	} */
	#page_home #wrapper_footer {
		height: 175px;
		bottom:-70px;
	}
	#page_home #main_content h1{
		font-size: 30px;
		font-weight:500;
		line-height: 32px;
	}
	#page_home #main_content h2{
		font-size:15px;
		font-weight:500;
		line-height:17px
	}
	#page_home #main_content p{
		font-size:14px;
		font-weight:500;
		line-height: 18px;
	}
}
@media only screen and (max-width: 768px) {
	#main_visual .slideshow.cycle-slideshow div:first-child + div + div + div + div + div {
		background-position: 0px center;
	}
	#main_visual .slideshow.cycle-slideshow div:first-child + div + div + div + div + div + div span.beyondcompare{
		top: 25%;
	}
	#content{
		background: url(../images/backgrounds/home/1024/bkg_content.jpg) no-repeat right center;
	}
}
/*END BACKGROUNDs*/
/* This is a temporary fix for ios7 iPad landscape oreintation bug in which height 100% of <body> is calculated incorrectly */
@media (orientation:landscape) {
	html.ipadLandscape.ios7 > body {
		position: absolute;
		bottom: 20px;
		width: 100%;
		height: 672px !important;
	}
}
/* Windows Tablet */
@media only screen and ( max-height: 767px ) and (max-width: 1366px), ( min-height: 765px ) and (max-width: 1366px){
	#main_visual div.cycleControls {
		top: 37%;
	}
}
@media only screen and ( max-height: 1366px ) and (max-width: 768px), ( min-height: 1366p ) and (max-width: 767px){
	#main_visual .slideshow.cycle-slideshow div:first-child + div + div + div + div + div + div span.beyondcompare {
		right:30%;
	}
}