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

.archiveBox {
	border:1px solid black;
	padding:6px;
	width:180px;
}

.arrowBox {
	padding: 5px;
	margin: 15px 15px 0px 15px;
	width: 87.89%;
	height:45px;
	background-color: #ACCEF7;
	text-align:center;
	vertical-align:middle;
	border: 0px solid #336699;
}

.button {
   border-top: 1px solid #336699;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#659fe6), to(#65a9d7));
   background: -webkit-linear-gradient(top, #659fe6, #65a9d7);
   background: -moz-linear-gradient(top, #659fe6, #65a9d7);
   background: -ms-linear-gradient(top, #659fe6, #65a9d7);
   background: -o-linear-gradient(top, #659fe6, #65a9d7);
   padding: 6px 12px;
   -webkit-border-radius: 14px;
   -moz-border-radius: 14px;
   border-radius: 14px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 14px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #4691EC;
   background: #4691EC;
   color: #ccc;
   }
.button:active {
   border-top-color: #82b4f2;
   background: #82b4f2;
   }
.button:a:link {
	color: $ffffff;
}

.dropBox {
	float: right;
	padding: 4px;
	margin: 3px;
	background-color: #ACCEF7;
	border: 0px solid #000;
}

.dropBox img {
display:	block;
}

.displayAd {
	float:left;
	margin: 2px;
	padding: 10px;
	border: 0px solid #000;
}

.journeyAd {
	float: right;
	margin: 5px;
}

.knowBox {
	float: left;
	padding: 1px 5px 5px 5px;
	margin: 9px;
	background-color: #ACCEF7;
	border: 1px solid #000;
	width: 180px;
	text-align: center;
}

.morePicsButton {
	float:right;
	margin: 5px;
	width: 200px;
	height: 50px;
	border: 0px solid #000;
}

.nav {
margin: 0px;
padding: 0px;
list-style-image: none;
list-style-type: none;
}

.nav li {
color: #333;
margin: 0px;
padding: 0px;
display: block;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: 0px 50%;
}

.social
{
border:1px solid black;
width:200px;
background-color:#ACCEF7;
float:left;
}

.storeBox {
	padding: 20px 20px 20px 35px;
	margin: 10px 5px 0px 5px;
	width: 63.47%;
	height:auto;
	background-color: #ACCEF7;
	border: 0px solid #000;
}

.viewerBox {
	padding: 14px;
	margin: 15px 10px 0px 20px;
	width: 87.89%;
	height:auto;
	background-color: #ACCEF7;
	text-align:center;
	vertical-align:middle;
	border: 0px solid #336699;
}

#all_title {
	background-color:	#ACCEF7;
	margin:				5px;
	padding:			5px;
	width:				96.67%;
	height:				65px;
	font-size: 120%;
	border: 			0px solid #336699;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#allcontent {
	max-width:			1024px;
	padding-top:		5px;
	padding-bottom:		5px;
	background-color:	#82B5F2;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #336699;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#alpha_title {
	background-color:	#ACCEF7;
	margin:				10px 10px 0px 10px;
	height:				55px;
	padding:			0px 5px 5px 5px;
	width:				96.67%;
	font-size: 120%;
	border: 			0px solid #336699;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#arc_title {
	background-color:	#ACCEF7;
	margin:				5px;
	padding:			5px;
	width:				96.67%;
	height:				95px;
	font-size: 100%;
	border: 			0px solid #336699;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

body {
	background-color:	#ACCEF7;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size:			small;
	margin:				0px;	
}

#buttonBox {
	width: 94%;
	height: 50px;
	border: 0px solid #000;
	margin: 10px;
}

#centerBox {
	padding: 14px;
	margin: 10px 10px 0px 10px;
	width: 94.72%;
	height:auto;
	background-color: #ACCEF7;
	text-align:center;
	vertical-align:middle;
	border: 1px solid #336699;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#close {
	float: right;
}

#commentBox {
	border: 1px solid #336699;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#facebook {
	background:#FFF;
	border:1px solid #000;
	padding: 10px 10px 10px 75px;
	margin: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#faq_title {
	background-color:	#ACCEF7;
	margin:				5px;
	padding:			5px;
	width:				96.67%;
	height:				75px;
	font-size: 120%;
	border: 			0px solid #336699;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#footer {
	background-color:	#82B5F2;	
	color: 				#FFFFFF;
	padding: 		    15px;
	margin:				.01%;
	font-size: 			90%;
	clear: 				left;
	text-align: center;
}

#gpsBox {
	background-color: #ACCEF7;
	padding: 15px;
	margin: 10px;
	width: 220px;
	border: 1px solid #000;
}

#header {
	background-color:	#82B5F2;
	margin-bottom: 10px;
	height:				108px;
	border: 			0px solid #336699;
}

#landscape{
	border:				1px solid #000;
	padding: 			25px;
	width:				970px;
	background-color:	#ACCEF7;
	float: 				none;
	margin: 			10px;
}

#layer1 {
	position: absolute;
	visibility: hidden;
	width: 400px;
	height: 300px;
	left: 20px;
	top: 300px;
	background-color: #ccc;
	border: 1px solid #000;
	padding: 10px;
}

#main {
	background-color:	#ACCEF7;

	font-size:			105%;
	padding:		  	15px;
	margin:15px;
	width:				94%;
	border: 			1px solid #336699;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#news {
	padding:10px;
	margin: 10px;
	width:95%;
	background-color:#82B5F2;
	border: 1px solid #336699;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#photoDisplay {
	border:				1px solid #336699;
	padding: 			25px;
	width:				92%;
	background-color:	#ACCEF7;
	float: 				none;
	margin: 			10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#posterBox {
	background-color: #ACCEF7;
	padding: 15px;
	margin: 10px;
	width: 150px;
	border: 0px solid #000;
}

#price_title {
	background-color:	#ACCEF7;
	margin:				10px 10px 0px 10px;
	height:				75px;
	padding:			0px 5px 5px 5px;
	width:				96.67%;
	font-size: 120%;
	border: 			0px solid #336699;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#searchbox {
	background-color:	#ACCEF7;
	font-size:			105%;
	padding-bottom: 5px;
}

#sidebar {
	background-color:	#ACCEF7;
	font-size:smaller;
	padding: 5px;
	margin: 			5px;
	width: 				20%;
	float: 				left;
	display:block;
	border: 			0px solid #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#sidebar_right {
	background-color:	#ACCEF7;
	font-size:smaller;
	padding: 5px;
	margin: 			5px;
	width: 				20%;
	float: 				right;
	display:block;
	border: 			0px solid #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#social_index {
	background:#ACCEF7;
	border:0px solid #000;
	padding: 5px 5px 5px 290px;
	margin: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#social {
	background:#ACCEF7;
	width: 68%;
	padding: 5px 5px 5px 290px;
	margin: 5px;
	border:0px solid #336699;
}

#social_full {
	background:#ACCEF7;
	border:0px solid #000;
	padding: 5px 5px 5px 285px;
	margin: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#title {
	background-color:	#ACCEF7;
	margin:				10px 10px 0px 10px;
	height:				75px;
	padding:			0px 5px 15px 5px;
	width:				96.67%;
	border: 			1px solid #336699;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

a:link {
	color:	#2F83EA;
	text-decoration: none;
	border-bottom: thin dotted #b76666;
}

a:visited {
	color:	#0373FC;
	text-decoration: none;
	border-bottom: thin dotted #675c47;
}

a:hover {
	background-color:	#86B0F7;
	
}

blockquote {
	margin: 0 0 1.25rem;
	padding: 0.5625rem 1.25rem 0 1.1875rem;
	border-left: 1px solid #dddddd; 
	color: #555555;
}

h1 {
	font-size: 170%;
	color:	#3083E9;
}

h2 {
	font-family:
	font-size: 120%;
	color: #3083E9;
}

h3 {
	font-size: 110%;
	color: #3083E9;
}

h4 {
	font-size: 90%;
	color: #3083E9;
}

hr {
	height: 1px;
	color: #336699;
	background-color: #336699;
	border:0;
}

@media screen and (max-width: 760px) {

.displayAd {
	display:none;
}

.dropBox {
	float: right;
	padding: 4px;
	margin: 3px;
	background-color: #ACCEF7;
	border: 0px solid #000;
}

.dropBox img {
display:	block;
width: 70%;
}

.social_mobile {
	width:auto;
	padding:5px 5px 5px 75px;
	border:0px solid #000;
}

.viewerBox {
	width:auto;
}

.viewerBox img {
	width:100%;
	
}
	
#all_title h2 {
	font-size: 120%;
}

#alpha_title, #price_title h2 {
	font-size: 110%;
}

#arc_title {
	height:110px;
}

#arc_title h2 {
	font-size: 90%;
}

#centerBox {
	width:auto;
}

#centerBox img {
	width: 70%;
}

#faq_title h2 {
	font-size:110%;
}

#main {
	float: none; 
    width: auto;
}
 
#header {
	
	height: 54px;
	width:auto;
}

#header img {
	width: 100%
}

#news {
	padding:10px;
	margin: 10px;
	width:85%;
	background-color:#82B5F2;
	border: 1px solid #336699;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#photoDisplay {
	width:auto;
}

#sidebar {
    float: none;
	width: auto;
}


#sidebar_right {
	display:none;
}

#social {
	display:none;
}

#social_full {
	display:none;
}

#social_index {
	background:#ACCEF7;
	padding: 5px 5px 5px 20px;
	margin: 5px;
	border:0px solid #000;
	width:215px;
}

#title {
	width:auto;

}

#title h1 {
	font-size:100%;
}

}


@media screen and (max-width: 960px) and (min-width: 761px) {

#all_title {
	border: 1px;
	width:				70%;

}

#centerBox {
	width:auto;
}

#centerBox img {
	width: 70%;
}

#displayad_left {
	display:none;
}

#displayad_mobile {
	display:none;
}

#header img {
	width: 100%
}

#social_main {
	padding: 5px 5px 5px 170px;
}

#social_mobile {
	display:none;
}

}

@media screen and (max-width: 1920px) and (min-width: 961px) {
.social_mobile {
	display:none;
}

#displayad_mobile {
	margin: 0px;
	padding: 0px;
	display:none;
}

#social_mobile {
	display:none;
}

}

}