@charset "UTF-8";
/* CSS Document */



/**********************
***********************
This is for the Pano Page!

***********************
***********************/


/* small pano */


@media (max-width: 925px)  {
    #tour {
      width: 675px;
	  height:450px;
    }
	 #tourwrap {
      width: 675px;
	  height:450px;
    }
}


@media (max-height: 900px)  {
    #tour {
      width: 675px;
	  height:450px;
    }
	#tourwrap {
      width: 675px;
	  height:450px;
    }
}




/* smaller pano */


@media (max-width: 750px)  {
    #tour {
      width: 450px;
	  height:300px;
    }
	 #tourwrap {
      width: 450px;
	  height:300px;
    }
}


@media (max-height: 735px)  {
    #tour {
      width: 450px;
	  height:300px;
    }
	 #tourwrap {
      width: 450px;
	  height:300px;
    }
}







/*
********************************
********************************
This is for the slideshow Pages!

********************************
********************************
*/



@media (max-width: 850px)  {
    #container {
      width: 600px;

    }
}

@media (max-height: 725px)  {
    #container {
      width: 600px;

    }
}
@media (max-width: 1025px)  {
    #slidecontain {
      width: 600px;

    }
}

@media (max-height: 925px)  {
    #slidecontain {
      width: 600px;

    }
}

@media (max-width: 850px)  {
    #pageid {
		font-size: 16px;
	     width: 140px;
		 padding: 8px;
        top: 350px;
	    left: 420px;

    }
}

@media (max-height: 725px)  {
    #pageid {
		font-size: 16px;
	     width: 140px;
		 padding: 8px;
        top: 350px;
	    left: 420px;

    }
}



/*
********************************
********************************
This is for the Instructions!

********************************
********************************
*/


@media only screen and (max-device-width: 485px)  {
   .navsize {
	font-size: 40px;
	
}
   .instructsize {
	font-size: 30px;
}



#instruct {

    margin-top: 50px;
	padding-right: 50px;
	padding-left: 50px;
	width: 500px;
}
#footer {

    font-size: 16px;
}
}