html{font-size:100%;}

body{font-size:1em;}

#container{
	margin:2% 10% 0 10%;margin:2vh 10vw 0 10vw;
	width:80%;width:80vw;
	height:100%;
	text-align:center;
	padding:0;
}

#header{
	position:relative;
	top:0; left:0;
	width:64%:
	height:60px;
}

.clear{clear:both;}

#main{
	position:relative;
	left:0;
	top:2em;
	width:100%;
	height:auto;
	margin:0;
}

#sec{
	position:relative;
	top:3em;
  margin:0 auto;
	width:86.25em;
	max-width:100%;
	height:12.85em;
	max-height:100%;
  /*background:url('../logo/logo_secure-byte_1725x257.png') no-repeat center center;*/
  /*background-size:100% 100%;*/	
	/*border:silver solid 0.1em;*/
}

h1{
	position:relative;
	top:1em;
	margin:1em auto;
	width:40%;
	height:3em;
	font:normal normal normal 3em Helvetica,Sans-serif;
	color:lightseagreen;
}
h2{
	color:midnightblue;
	font:normal normal normal 2em Helvetica,Sans-serif;
	text-align:left;
	text-indent:2em;
}

p{
	margin:1em 16% 0 20%;	
	padding-top;1.5em;
	text-align:left;
	color:midnightblue;
	font:italic normal normal 1.4em Helvetica,Sans-serif;
	line-height:1.8em;
	padding-bottom:1em;
	}
.new{
	font-size:2.5em;
}
#isk{position:relative;
	float:right;
	top:8em;
	right:2.5em;
	/*background:url('/logo/isk4833t.png') no-repeat top right;
	background-size:48px 33px;*/
	width:19.2em;
	height:4em;
	margin:0;
}
#top{
	margin:2em auto;
	width:60%;width:60vw;
	min-width:48em;
	text-align:left;
	padding-left:-1em;
	border-left:#f88212 solid 10em;
	border-top:white solid 1em;
	border-bottom:white solid 2em;
}
#focus{
	/*background-color:floralwhite;*/
	border-bottom:khaki solid 10em;
}
#pagefooter,#cie{
	position:relative;
	top:0;left:0;	
	margin:-5em 16% 0 0%;
	padding:0.5em;
	border-top:solid #065e9e 0.1em;
	text-align:left;
}
  
#pagefooter p,#isk p,#cie p{
	text-align:left;
	color:black;
	font:italic normal normal 0.9em Helvetica,Sans-serif;
	line-height:1.5em;
}

a:link{color:steelblue;padding:0 0.3em 0.2em 0.3em;border:white solid 0.065em;}
a:visited{color:purple;}
a:hover{color:black;background:lightcyan;border:cadetblue solid 0.065em;}


/* iphone */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	img { max-width: 100%; }
}

/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	img { max-width: 100%; }
}
@media print {
	img { max-width: 100%; }
	#container{width:98%}
	#header{width:98%;}
	#main{width:100%;}
	
}