
/* ////////////HOME PAGE/////////// */


#home_alpha{
/*	border:1px solid black;		*/	
	float: right;
	height:475px;
	margin:5px 0px 5px 5px;
	width: 430px;
	margin-top:15px;
	position:relative;
	z-index: 1000;
	}

#home_beta{
/*	border:1px solid black;		*/
	float: left;
	height:475px;
	margin:5px 0px 5px 15px;
	width: 500px;
	margin-top:15px;
	position:relative;
	}
	
#home_quote{
	
	display:block;
	width:450px;
	margin:135px auto auto 80px;
}

#homegrid_container{
/*	border:1px solid black;		*/
	float: left;
	height:360px;
	width:360px;
	margin-left: 40px;
	margin-right:auto;
	margin-top:55px;
	position:relative;
	padding:0;
}

#first_grid_container{
	height:360px;
	width:360px;
	left: 40px;
	top:55px;
	position:absolute;
	border:1px solid black;
}

#contour{
	
	position:absolute;
/*	border:1px solid rgb(230,230,230);*/
	top:80px;
	left:35px;
	width:900px;
	height:450px;
}

#decal_img{	
	position:absolute;
	left:35px;
	top:80px;
	height:450px;
	z-index: 5000;
}

.homegrid_square{
	position:relative;
	width:65px;
	height:65px;
	margin:3px;
	margin-bottom:0px;
/*	background:rgb(245,245,245); */
	display:inline-block;
	cursor:pointer;
}

.homegrid_square .back{
	position:absolute;
	width:65px;
	height:65px;
	top:0px;
	let:0px;
	display:inline-block;
}

.homegrid_square .front{
	position:absolute;
	width:65px;
	height:65px;
	top:0px;
	let:0px;
	background:rgb(245,245,245);
	display:inline-block;
}

.homegrid_square img{
	position:absolute;
	top:0px;
	left:0px;
	width:65px;
	height:65px;
}

.popdiv{
	
	position:absolute;
	height:360px;
	width:300px;
	left: 100px;
	top:100px;
	padding:0;
/*	border:1px solid black;	*/
	display:block;
	cursor:pointer;
	z-index: 400;
}

.popdiv img
{
	width:250px;
	position:absolute;
	display:block;
	left:0;
	top:0;
	z-index: 400;
}

.cap{
	
	position:absolute;
	height:360px;
	width:465px;
	left: 115px;
	top:190px;
	padding:0;
	font-size: 15px;
/*	border:1px solid black;	*/
	color:rgb(50,50,50);
	cursor:pointer;
	z-index: 50000;
}

/*===========SLIDER CSS==========*/

.slider_div{
	
	position:absolute;
	height:275px;
	width:770px;
	left: 100px;
	top:100px;
	padding:0;
/*	border:1px solid black;*/
	display:block;
/*	cursor:pointer; */
	z-index: 400;	
}

.slider_img{
	
	position:relative;
	height:275px;
	margin-top:1px;
	width:auto;
	margin-left: auto;
	margin-right:auto;
	padding:0;
/*	border:1px solid blue;*/
	display:block;
/*	cursor:pointer; */
	z-index: 405;	
}

#slider_bar{
	
	position:relative;
/*	border:1px solid rgb(230,230,230);*/
	margin-top:420px;
	margin-right:0px;
/*	margin-right:auto;*/
	padding-left:20px;
	width:100px;
	height:30px;
	z-index: 10000;
	float:right;
}

.slider_icon{
	position:relative;
	float:left;
	margin-right:2px;
	margin-left:2px;
	width:8px;
	height:8px;
	background: url('/i/button.png') no-repeat center center;
	background-size: 100%;
	cursor: pointer;
}

.slider_icon.sel{
	position:relative;
	float:left;
	margin-right:3px;
	margin-left:3px;
	width:8px;
	height:8px;
	display:block;
	background: url('/i/button_active.png') no-repeat center center;
	background-size: 100%;
	cursor: pointer;
}

#nav_left{
	position:absolute;
	left:70px;
	top:225px;
	width:30px;
	height:50px;
	background: url('/i/arrow-nav-left.png') no-repeat center center;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%; 
	background-size: 100% 100%;
    
	cursor: pointer;
	z-index: 10000;
	display:block;
}

#nav_right{
	position:absolute;
	left:870px;
	top:225px;
	width:30px;
	height:50px;
	background: url('/i/arrow-nav-right.png') no-repeat center center;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%; 
	background-size: 100% 100%;
    
	cursor: pointer;
	z-index: 10000;
	display:block;
}


#nav_password_form{
	position:absolute;
	left:770px;
	top:25px;
	width:100px;
	height:50px;
	font-size:12px;
	cursor: pointer;
	z-index: 10000;
	display:block;
}

.password_form_reg{
	background: url('/i/share_password_form.png') no-repeat center center;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%; 
	background-size: 100% 100%;
	
}

.password_form_lover{
	background: url('/i/share_password_form_lover.png') no-repeat center center;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%; 
	background-size: 100% 100%;
	
}

.password_form_opaque{
	
	opacity:0.2;
}