@charset "utf-8";
body {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif,Arial,sans-serif;
	font-size: 14px;
	margin:0;
	padding:0;
}




img{
	
	width:100%;
	height:auto;
	padding:0;
	margin:0;	
	
}
   



@media screen  and (min-width:360px)
{
	
#main_wrapper{
	
	background-color: #FFFFFF;
    height: auto;
    width: 540px;
	position: absolute;
	
}

#bg_images_holder{
	background-image: url(../images/level_bg_540.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 540px;
	height: 926px;
}

.icon_bright{
	
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10%;
    width: 30%;
		
}

.icon_light{
	
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2%;
    width: 30%;
		
}

.slider_holder{
	
    height: auto;
    margin-left: auto;
    margin-right: auto;
    width: 30%;
	
	
}

.content_holder{
	background-color: #FFFFFF;
    left: 35%;
    position: absolute;
    top: 20%;
    width: 30%;	
	
	
	
}
/* The following classes are given to the vertical sliders to set their height */   
span.v-s
        {
        height:460px;
        }
span.v-s2
        {
        height:160px;
        }


.home_holder{
	height: auto;
    position: absolute;
    right: 40px;
    top: 48px;
    width: 75px;
}

}

@media screen and (max-width:320px)
{
	
#main_wrapper{
	
	background-color: #FFFFFF;
    height: auto;
    width: 320px;
	position: absolute;
	
}

#bg_images_holder{
	background-image: url(../images/level_bg_320.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 320px;
	height: 460px;
}
    
    #ad-frame{
    top: 92px;
	width: 320px;
	height: 40px;
/*
	position: absolute;
    z-index: 9999;
*/
}


.icon_bright{
	
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2%;
    width: 30px;
		
}

.icon_light{
	
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2%;
    width: 30px;
		
}

.slider_holder{

	
	height: auto;
    margin-left: auto;
    margin-right: auto;
    width: 50px;
	
	
}

.content_holder{
	background-color: #FFFFFF;
    left: 35%;
    position: absolute;
    top: 10px;
    width: 30%;	
	
	
	
}
/* The following classes are given to the vertical sliders to set their height */  
span.v-s
        {
        height:360px;
        }
span.v-s2
        {
        height:160px;
        }


	.home_holder{
	position: absolute;
    height: auto;
    margin-top: 10%;
    right: 20px;
	width:50px;
}

	
}

#container{
	width: 540px;
	height: 926px;
	background: url('../images/splashscreen-screenbrightness.png');
}



@media screen  and (max-width:320px){
#container{
	width: 320px;
	height: 460px;
	background: url('../images/splashscreen-screenbrightness_460.png');
}


}
