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




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



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

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

.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%;
	
	
}
	
#bg_images_holder{
	background-image: url(../images/background.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 540px;
	height: 926px;
}
.compass_outer_img{
	
	/*background: url(../images/compass-bg.png) no-repeat center top;*/
	height: 492px;
    position: absolute;
    text-align: center;
    top: 30%;
    width: 100%;
}

.compass_inner_img{
	
	height: auto;
    margin: auto;
    position: relative;
    top: 16%;
    width: 70%;
    z-index: 9;
	
	
}
.compass_inner_img_digi{
	
	height: auto;
    margin: 0 auto;
    position: relative;
    top: 33%;
    width: 50%;
    z-index: 9;
	
	
}

.icon_holder{
	
    float: left;
    height: auto;
   /* position: relative;*/
   margin-left: 5px;
    top: 140px;
    width: auto;	
	
}

.home_holder{
	float: right;
    height: auto;
    margin-right: 5px;
    top: 120px;
    width: auto;
}

	.splash_holder
{
	width: 540px;
	height:926px;
	background: url('../images/compass_926.png') no-repeat center center;
}
	
	
	
}

@media screen and (max-width:320px)
{
	
#main_wrapper{
	
	background-color: #161717;
    height: auto;
    width: 320px;
	position: absolute;
	
}
   
.degree_txt_white
{	
   
    color: #FFFFFF;
    float: left;
    font-size: 2.0em;
    font-weight: bold;
    height: auto;
    position: relative;
    text-align: center;
    margin-top: 15%;
    width: 100%;
	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%;
	
	
}
	
#bg_images_holder{
	background-image: url(../images/bg_img_320.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	height:460px;	
}	


.compass_outer_img{
	position: fixed;
	text-align: center;
	top: 27%;
	width: 100%;
	/*background: url(../images/compass-bg.png) no-repeat center top ;*/
	height:492px;
}
	

.compass_inner_img{
	
	height: auto;
    margin: 0 auto;
    position: relative;
    text-align: center;
     top: 7.3%;
    width: 70%;
    z-index: 9;
	
	
}
.compass_inner_img_digi{
	
	height: auto;
    margin: 0 auto;
    position: relative;
     top: 26%;
    width: 50%;
    z-index: 9;
	
	
}
.icon_holder{
	
    height: auto;
     /* left: 250px;
  position: absolute;*/
    top: 140px;
    width: 50px;
	float:left;	
	
}


.home_holder{
	float: right;
    height: auto;
    margin-right: 5px;
    top: 120px;
    width: 50px;
}
    .home_holder1{
	float: right;
    height: auto;
    margin-right: 5px;
    top: 120px;
    width: 50px;
}
.splash_holder 
{
	width: 320px;
	height:460px;
	background: url('../images/compass_460.png') no-repeat center center;
}
	

}

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

