@charset "utf-8";

html, body {
	margin:0%;
	background:#EDEFEF;
	overflow:hidden;
}

.topContainer{
	top:0%;
	max-width:1280px;
	min-width:1280px;
	height: 1000px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	background-color:#FFFFFF;
}

/*#wrapper {
	float:left;
	top:200px;
	width:100%;
	background-color:#ccc;
	overflow:hidden;
}*/

#mask {
	top:45px;
	width:1280px;
	height:1000px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}

	.item1 {
		width:1280px;
		height:1000px;

	}
	.item2 {
		width:1280px;
		height:1000px;
	}
	.item3 {
		width:1280px;
		height:1000px;
	}
	.item4 {
		width:1280px;
		height:1000px;
	}
	.item5 {
		width:1280px;
		height:1000px;
	}
	
	.item6 {
		width:1280px;
		height:1000px;
	}
	
	.clear {
		clear:both;
	}
	
	.menubar{
		width:1280px;
		height:48px;
		margin-left:auto;
		margin-right:auto;
		background:#434749;
		position:fixed;
		bottom:0%;
		z-index:2000;
		}
		
	#adfiles{
	   cursor:pointer;
	   }
		.prev{
		float:right;
		display:inline-block;
		width:87px;
		height:48px;
		}
		
		.centralNav{
		float:left;
		display:inline-block;
		margin-left:auto;
		margin-right:auto;
		width:138px;
		height:48px;
		border-right-width: 1px;
		/*border-left-width: 1px;*/
		border-right-style: solid;
		/*border-left-style: solid;*/
		border-right-color: #333;
		border-left-color: #333;
		}
		
		.centralNav img{
		border-right-width: 1px;
		border-left-width: 1px;
		border-right-style: solid;
		border-left-style: solid;
		border-right-color: #333;
		border-left-color: #333;
		}
		
		.home{
	float:right;
	display:inline-block;
	text-align:right;
	width:87px;
	height:48px;
	background-image:url(../images/img_common/next_icon_fade.png);
	background-repeat: no-repeat;
	background-position: right top;
	border:none;
		}
		
		.next{
	float:right;
	display:inline-block;
	text-align:right;
	width:87px;
	height:48px;
	background-image:url(../images/img_common/next_icon_fade.png);
	background-repeat: no-repeat;
	background-position: right top;
	border:none;
		}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media screen and  (max-width: 1280px) {
html, body {
	background-image: url(../images/img_common/tile.png);
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-position: left 0px;
}

.topContainer{
	top:0%;
	max-width:1280px;
	min-width:1280px;
	height: 600px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	background-color:#FFFFFF;
}

/*#wrapper {
	float:left;
	top:200px;
	width:100%;
	background-color:#ccc;
	overflow:hidden;
}*/

#mask {
	top:45px;
	width:1280px;
	height:1000px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}

	.item1 {
		width:1280px;
		height:1000px;
		
		
	}
	.item2 {
		width:1280px;
		height:1000px;
	}
	.item3 {
		width:1280px;
		height:1000px;
	}
	.item4 {
		width:1280px;
		height:1000px;
	}
	.item5 {
		width:1280px;
		height:1000px;
	}
	.item6 {
		width:1280px;
		height:1000px;
	}
	
	.clear {
		clear:both;
	}
	
	.menubar{
		width:1280px;
		height:48px;
		margin-left:auto;
		margin-right:auto;
		background:#434749;
		position:fixed;
		bottom:0%;
		z-index:2000;
		}
		
		.prev{
		float:right;
		display:inline-block;
		width:87px;
		height:48px;
		}
		
		.centralNav{
		float:left;
		display:inline-block;
		margin-left:auto;
		margin-right:auto;
		width:138px;
		height:48px;
		border-right-width: 1px;
		/*border-left-width: 1px;*/
		border-right-style: solid;
		/*border-left-style: solid;*/
		border-right-color: #333;
		border-left-color: #333;
		}
		
		.centralNav img{
		border-right-width: 1px;
		border-left-width: 1px;
		border-right-style: solid;
		border-left-style: solid;
		border-right-color: #333;
		border-left-color: #333;
		}
		
		.next{
		float:right;
		display:inline-block;
		text-align:right;
		width:87px;
		height:48px;
		background-image:url(../images/img_common/next_icon_fade.png);
		background-repeat: no-repeat;
	background-position: right top;
		}
		
}

@media screen and  (max-width: 1279px) {
html, body {
	background-image: url(../images/img_common/tile1024.png);
	background-color: #EDEFEF;
	background-repeat: repeat-y;
	background-position: center 0px;
}
.topContainer{
	top:0%;
	max-width:1024px;
	min-width:1024px;
	height: 650px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	background-color:#FFFFFF;
}

/*#wrapper {
	float:left;
	top:200px;
	width:100%;
	background-color:#ccc;
	overflow:hidden;
}*/

#mask {
	top:45px;
	width:1024px;
	height:1000px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}

	.item1 {
		width:1024px;
		height:1000px;
		
	}
	.item2 {
		width:1024px;
		height:1000px;
	}
	.item3 {
		width:1024px;
		height:1000px;
	}
	.item4 {
		width:1024px;
		height:1000px;
	}
	.item5 {
		width:1024px;
		height:1000px;
	}
	.item6 {
		width:1024px;
		height:1000px;
	}
	
	.clear {
		clear:both;
	}
	
	.menubar{
		width:1024px;
		height:48px;
		margin-left:auto;
		margin-right:auto;
		background:#434749;
		position:fixed;
		bottom:0%;
		z-index:2000;
		}
		
		.prev{
		float:right;
		display:inline-block;
		width:87px;
		height:48px;
		}
		
		.centralNav{
		float:left;
		display:inline-block;
		margin-left:auto;
		margin-right:auto;
		width:138px;
		height:48px;
		border-right-width: 1px;
		/*border-left-width: 1px;*/
		border-right-style: solid;
		/*border-left-style: solid;*/
		border-right-color: #333;
		border-left-color: #333;
		}
		
		.centralNav img{
		border-right-width: 1px;
		border-left-width: 1px;
		border-right-style: solid;
		border-left-style: solid;
		border-right-color: #333;
		border-left-color: #333;
		}
		
		.next{
		float:right;
		display:inline-block;
		text-align:right;
		width:87px;
		height:48px;
		background-image:url(../images/img_common/next_icon_fade.png);
		background-repeat: no-repeat;
	background-position: right top;
		}
		
}



@media screen and  (max-width: 1023px) {
	html, body {
	background-image: none;
	background-color: #EDEFEF;

}
.topContainer{
	top:0%;
	max-width:800px;
	min-width:800px;
	height: 1550px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

/*#wrapper {
	float:left;
	top:200px;
	width:100%;
	background-color:#ccc;
	overflow:hidden;
}*/

#mask {
	width:800px;
	height:1000px;
	margin-left:auto;
	margin-right:auto;
}

	.item1 {
		width:800px;
		height:500px;
	}
	.item2 {
		width:800px;
		height:500px;
	}
	.item3 {
		width:800px;
		height:500px;
	}
	.item4 {
		width:800px;
		height:500px;
	}
	.item5 {
		width:800px;
		height:500px;
	}
	.item6 {
		width:800px;
		height:500px;
	}
	
	.clear {
		clear:both;
	}
	.menubar{
		width:800px;
		height:48px;
		margin-left:auto;
		margin-right:auto;
		background:#434749;
		position:fixed;
		bottom:0%;
		z-index:2000;
		}
		
		.prev{
		float:left;
		display:inline-block;
		width:295px;
		height:48px;
		}
		
		.centralNav{
		display:inline-block;
		margin-left:auto;
		margin-right:auto;
		width:138px;
		height:48px;
		border-right-width: 1px;
		/*border-left-width: 1px;*/
		border-right-style: solid;
		/*border-left-style: solid;*/
		border-right-color: #333;
		border-left-color: #333;
		}
		
		.centralNav img{
		border-right-width: 1px;
		border-left-width: 1px;
		border-right-style: solid;
		border-left-style: solid;
		border-right-color: #333;
		border-left-color: #333;
		}
		
		.next{
		float:right;
		display:inline-block;
		text-align:right;
		width:295px;
		height:48px;
		background-image:url(../images/img_common/next_icon_fade.png);
		background-repeat: no-repeat;
	background-position: right top;
		}
		
}					

/*Styles for SABA ANYWhere------------------------------------------------------------------------------*/
@media screen and  (width:980px) {
html, body {
	background-image: url(../images/img_common/tile1024.png);
	background-color: #EDEFEF;
	background-repeat: repeat-y;
	background-position: center 0px;
}
.topContainer{
	top:0%;
	max-width:980px;
	min-width:980px;
	height: 650px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	background-color:#FFFFFF;
}

/*#wrapper {
	float:left;
	top:200px;
	width:100%;
	background-color:#ccc;
	overflow:hidden;
}*/

#mask {
	top:45px;
	width:980px;
	height:1000px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}

	.item1 {
		width:980px;
		height:1000px;
		
	}
	.item2 {
		width:980px;
		height:1000px;
	}
	.item3 {
		width:980px;
		height:1000px;
	}
	.item4 {
		width:980px;
		height:1000px;
	}
	.item5 {
		width:980px;
		height:1000px;
	}
	.item6 {
		width:980px;
		height:1000px;
	}
	
	
	.clear {
		clear:both;
	}
	
	.menubar{
		width:980px;
		height:48px;
		margin-left:auto;
		margin-right:auto;
		background:#434749;
		position:fixed;
		bottom:0%;
		/*top:720px;*/
		z-index:2000;
		}
		
		.prev{
		float:right;
		display:inline-block;
		width:87px;
		height:48px;
		}
		
		.centralNav{
		float:left;
		display:inline-block;
		margin-left:auto;
		margin-right:auto;
		width:138px;
		height:48px;
		border-right-width: 1px;
		/*border-left-width: 1px;*/
		border-right-style: solid;
		/*border-left-style: solid;*/
		border-right-color: #333;
		border-left-color: #333;
		}
		
		.centralNav img{
		border-right-width: 1px;
		border-left-width: 1px;
		border-right-style: solid;
		border-left-style: solid;
		border-right-color: #333;
		border-left-color: #333;
		}
		
		.next{
		float:right;
		display:inline-block;
		text-align:right;
		width:87px;
		height:48px;
		background-image:url(../images/img_common/next_icon_fade.png);
		background-repeat: no-repeat;
	background-position: right top;
		}
		
}
/*----------------------------------------------------------------------------------------------------------------------------------*/


@media screen and  (max-width: 799px) {
	html, body {
	background-image: none;
	background-color: #EDEFEF;

}	
.topContainer{
	top:0%;
	max-width:768px;
	min-width:768px;
	height: 900px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

/*#wrapper {
	float:left;
	top:200px;
	width:100%;
	background-color:#ccc;
	overflow:hidden;
}*/

#mask {
	width:768px;
	height:1000px;
	margin-left:auto;
	margin-right:auto;
}

	.item1 {
		width:768px;
		height:500px;
	}
	.item2 {
		width:768px;
		height:500px;
	}
	.item3 {
		width:768px;
		height:500px;
	}
	.item4 {
		width:768px;
		height:500px;
	}
	.item5 {
		width:768px;
		height:500px;
	}
	.item6 {
		width:768px;
		height:500px;
	}
	
	.clear {
		clear:both;
	}
	.menubar{
		width:768px;
		height:48px;
		margin-left:auto;
		margin-right:auto;
		background:#434749;
		position:fixed;
		bottom:0%;
		z-index:2000;
		}
		
		.prev{
		float:left;
		display:inline-block;
		width:295px;
		height:48px;
		}
		
		.centralNav{
		display:inline-block;
		margin-left:auto;
		margin-right:auto;
		width:138px;
		height:48px;
		border-right-width: 1px;
		/*border-left-width: 1px;*/
		border-right-style: solid;
		/*border-left-style: solid;*/
		border-right-color: #333;
		border-left-color: #333;
		}
		
		.centralNav img{
		border-right-width: 1px;
		border-left-width: 1px;
		border-right-style: solid;
		border-left-style: solid;
		border-right-color: #333;
		border-left-color: #333;
		}
		
		.next{
		float:right;
		display:inline-block;
		text-align:right;
		width:295px;
		height:48px;
		background-image:url(../images/img_common/next_icon_fade.png);
		background-repeat: no-repeat;
	background-position: right top;
		}
		
}		

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 700px) {
	html, body {
	background-image: none;
	background-color: #EDEFEF;
	overflow-y:auto;
	overflow-x:hidden;

}	
.topContainer{
	top:0%;
	max-width:320px;
	min-width:320px;
	/*height:auto;*/
	height:3500px;
	margin-left:auto;
	margin-right:auto;
	background-color:#F3F3F3;
	overflow:hidden;
}

/*#wrapper {
	float:left;
	top:200px;
	width:100%;
	background-color:#ccc;
	overflow:hidden;
}*/

#mask {
	top:45px;
	width:320px;
	/*height:1300px;*/
	height:3500px;
	margin-left:auto;
	margin-right:auto;
	background-color:#F3F3F3;
}

	.item1 {
		width:320px;
		height:100%;
		background-color:#F3F3F3;
	}
	.item2 {
		width:320px;
		height:500px;
	}
	.item3 {
		width:320px;
		height:500px;
	}
	.item4 {
		width:320px;
		height:500px;
	}
	.item5 {
		width:320px;
		height:500px;
	}
	.item6 {
		width:320px;
		height:500px;
	}
	
	.clear {
		clear:both;
	}


/*bottom menu*/
.menubar{
		width:320px;
		height:40px;
		margin-left:auto;
		margin-right:auto;
		background:#434749;
		position:fixed !important;
		bottom:0%;
		z-index:2000;
		}
				
		.prev{
		float:left;
		display:inline-block;
		width:90px;
		height:40px;
		}
		
		.prev img{
		height:40px;
		}
		
		.centralNav{
	display:inline-block;
	width:120px;
	padding-left:10px;
	padding-right:10px;
	height:40px;
	border-right-style: none;
	border-left-style: none;
		}
		
		.centralNav img{
		height:40px;
		border-right-width: 1px;
		border-left-width: 1px;
		border-right-style: solid;
		border-left-style: solid;
		border-right-color: #333;
		border-left-color: #333;
		}
		
		.next{
		float:right;
		display:inline-block;
		text-align:right;
		width:90px;
		height:40px;
		}
		.next img{
		height:40px;
		}
		

/*bottom menu*/
}