.plotdoc{
  width:80%; height:1200px;
  border:none;  
  zoom: 0.9;
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -webkit-transform: scale(0.9);

}
   
ul {
 list-style-type: none;
 list-style-position: outside;
 list-style-image: none;
 padding: 0px;
 padding-left: 20px;
 margin: 0px;

}

#header {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 22px;
  height: 22px;
}


.appstore1 {
	width:108px;
	padding: 0px;
	padding-bottom: 15px;
}


.appsicon {
	width:48px;
	vertical-align:bottom;
	padding: 0px;
	margin: 0px;
	padding-top: 40px;
}

.appsiconbig {
	width:96px;
	vertical-align:bottom;
	
	padding: 0px;
	margin: 0px;
	padding-top: 20px;
}

.appstxt {
	vertical-align:middle;
	padding-left:3px;
	padding-right:10px;
	font-size: 110%;
  text-weight: bold;
}

body {
	font: 100% sans-serif; 
	background: #EEE; margin: 0; padding: 0;
}

.twocol {
  -webkit-column-count: 2; 
  -moz-column-count: 2;
  column-count: 2;
}

.header-outer, .main-outer, .footer-outer, .apps-outer {
	width: 100%;
}

.main-outer {
	background: #fff;
}

.apps-outer {
	background: #ccc;
}

.main {
	margin: 0 auto; 
	width: 50em; 
	padding: 10px 0px 5px 0px; 
	overflow:hidden; 
	max-width: 98%;
	text-align: center;
}
.header, .footer {
	margin: 0 auto; 
	width: 50em; 
	padding: 5px 0px 5px 0px; 
	overflow:hidden; 
	max-width: 98%;
	text-align: center;
  font: 100% sans-serif; 

}

.apps {
	margin: 0 auto; 
	padding: 0px; 
	overflow:hidden; 
	max-width: 98%;
	text-align: center;
}

.main, .apps {
	line-height: 1.15;
}


.main {
	color: #777;
}

.header {
	color: #777;
  line-height: 1.6; 
}

.footer {
	color: #777;
  line-height: 1.3; 
  font-weight: 200;
}

a {
	color: #777;
	text-decoration: none;
}

.header a {
	color: #777; 
	text-decoration: none;
	margin: 10px;
	font-size: 95%;

  font-weight: 200;
}

.footer a {
	color: #777; 
	text-decoration: none;
	margin: 0px;
}

a:hover {
	text-decoration: underline;
}

.footer p {
	margin: 0;
}

h1 {
	margin: 0; 
	padding: 0px;
	font-size: 180%;
  font-weight: 200;
}

h2 {
	margin: 0; 
	padding: 5px;
	font-size: 130%;
  font-weight: 300;
}

h3 {
	margin: 0; 
	padding: 5px;
	font-size: 110%;
  font-weight: 300;
}

.content {
	float: left; 
	width: 100%; 
	padding: 0 0 0 0;
}

#container2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:50%;
	margin-top:0px;
	margin-bottom:60px;
}
#col1 {
	float:left;
	width:46%;
	position:relative;
	left:52%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:46%;
	position:relative;
	left:56%;
	overflow:hidden;
}


hr { 
	border: none; 
	height: 1px; 
	background-color: #ccc; 
	color: #DDD; 
	width: 75%;
}

hr.help {
 margin-top:20px;
 margin-bottom:20px;
 	width: 90%;

} 

div.helptitle {
  padding-bottom:7px;
}

@media all and (max-width: 800px) and (min-width: 0px) {

body {
	font: 120% sans-serif; 
}

img {
  width: 80%;
}


.header {
	font-size: 105%;
}
.footer {
	font-size: 105%;
}

h1 {
	font-size: 210%;
}

h2 {
	font-size: 140%;
}

h3 {
	font-size: 140%;
}




}


@media only screen
and (max-width : 480px) {
	body {-webkit-text-size-adjust: none;}
	.content, .sidebar {float: none; width: 100%;}
	.content {padding: 0;}
	.sidebar {margin-top: 1em; padding-top: 1em; border-top: 1px solid #e7e7e7;}
}