@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: #161717;
    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;
}
.level_outer_img{
	position: fixed;
	text-align: center;
	top: 25%;
	width: 323px;
	height:323px;
	background-image: url(../images/circle-tube_520.png);
	background-repeat: no-repeat;
	background-position: center top;	
	
	
}


.level_inner_img{
	
    height: auto;
    left: 137px;
    position: relative;
    text-align: center;
    top: 137px;
    width: 50px;
    z-index: 9;
	
	
}


.level_hoz_outer_img{
	background-image: url("../images/right-tube_520.png");
    background-position: center top;
    background-repeat: no-repeat;
    height: 323px;
    left: 75%;
    position: fixed;
    top: 25%;
    width: 102px;
}


.level_hoz_inner_img{
	
    height: auto;
    left: 25px;
    position: relative;
    text-align: center;
    top: 137px;
    width: 50px;
    z-index: 9;
}



.level_ver_outer_img{
	background-image: url("../images/bottom-tube_520.png");
    background-position: center top;
    background-repeat: no-repeat;
    height: 103px;
    position: fixed;
    text-align: center;
    top: 69%;
    width: 323px;
}

.level_ver_inner_img{
	
    height: auto;
    left: 137px;
    position: relative;
    text-align: center;
    top: 26px;
    width: 50px;
    z-index: 9;
	
	
}

.degree_txt_white
{	
   
    color: #FFFFFF;
    float: left;
    font-size: 3.2em;
    font-weight: bold;
    height: auto;
    margin-top: 8%;
   /* position: fixed;*/
    text-align: left;
	margin-left:5%;
    text-shadow: 2px 2px 2px #969696;
    width: 41%;
	
	
}

.degree_txt_white span
{	
   
    color: #FFFFFF;
    font-size: 0.5em;
    font-weight: bold;
    height: auto;
    text-shadow: 2px 2px 2px #969696;
    top: 10%;
    width: 100%;
	
	
}

.degree_txt_white_vert
{	
   
    color: #FFFFFF;
    float: left;
    font-size: 3.2em;
    font-weight: bold;
    height: auto;
    margin-top: 2%;
   /* position: fixed;*/
   clear:left;
    text-align: left;
	margin-left:5%;
    text-shadow: 2px 2px 2px #969696;
    width: 41%;
	
	
}

.degree_txt_white_vert span
{	
   
    color: #FFFFFF;
    font-size: 0.5em;
    font-weight: bold;
    height: auto;
    text-shadow: 2px 2px 2px #969696;
    top: 10%;
    width: 100%;
	
	
}
.home_holder{
	float: right;
    height: auto;
    margin-right: 35px;
    margin-top: 10%;
    width: 100px;
}
	
}

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

#bg_images_holder{
	background-image: url(../images/bg_img_320.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	height:460px;	
}	


.level_outer_img{
	position: fixed;
	text-align: center;
	top: 27%;
	width: 189px;
	left: 5%;
	background-image: url(../images/circle-tube_320.png);
	background-repeat: no-repeat;
	background-position: center top;	/*background: url(../images/compass-bg.png) no-repeat center top ;
	height:492px;*/
	height: 189px;
}

	

.level_inner_img{
	
	height: auto;
    left: 80px;
    position: relative;
    text-align: center;
    top: 80px;
    width: 30px;
    z-index: 9;
	
	
}

.level_hoz_outer_img{
	left: 75%;
	position: fixed;
	text-align: center;
	top: 27%;
	width: 59px;
	background-image: url(../images/right-tube_320.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 189px;
}



.level_hoz_inner_img{
	
	height: auto;
    left: 15px;
    position: relative;
    text-align: center;
    top: 43%;
    width: 30px;
    z-index: 9;

}


.level_ver_outer_img{
	position: fixed;
	text-align: center;
	top: 75%;
	left:5%;
	width: 189px;
	background-image: url(../images/bottom-tube_320.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 60px;		
}


.level_ver_inner_img{
	
    height: auto;
    left: 80px;
    position: relative;
    text-align: center;
    top: 16px;
    width: 30px;
    z-index: 9;
	
	
}

.degree_txt_white
{	
   
    color: #FFFFFF;
    float: left;
    font-size: 1.8em;
    font-weight: bold;
    height: auto;
   /* position: fixed;*/
    text-align: left;
    margin-top: 20%;
	margin-left:5%;
    width: 42%;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
	
	
}

.degree_txt_white span
{	
   
    color: #FFFFFF;
    font-size: 0.5em;
    font-weight: bold;
    height: auto;
    text-shadow: 2px 2px 2px #969696;
    top: 10%;
    width: 100%;
	
	
}

.degree_txt_white_vert
{	
   
    color: #FFFFFF;
    float: left;
    font-size: 1.8em;
    font-weight: bold;
    height: auto;
   /* position: fixed;*/
    text-align: left;
	clear:left;
    margin-top: 2%;
	margin-left:5%;
    width: 42%;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
	
	
}

.degree_txt_white_vert span
{	
   
    color: #FFFFFF;
    font-size: 0.5em;
    font-weight: bold;
    height: auto;
    text-shadow: 2px 2px 2px #969696;
    top: 10%;
    width: 100%;
	
	
}	
.home_holder{
	float: right;
    height: auto;
    margin-right: 25px;
    margin-top: 20%;
    width: 50px;
}
	
}

 #ad-frame{
    top: 92px;
	width: 320px;
	height: 50px;
	position: absolute;
/*    z-index: 9999;*/
}



