/*
-----------------------------
	zm css v1.08
-----------------------------
pagewidth,header,content,footer,media_queries,
--
4088b8 cool_blue
for Ron..
'Courier New',
text-align:
vertical-align:
font-weight:
-webkit-border-radius:0.3em;
-moz-border-radius:0.3em;
border-radius:0.3em;
-webkit-box-shadow:0.2em 0.2em 0.2em #bbb;
-moz-box-shadow:0.2em 0.2em 0.2em #bbb;
box-shadow:0.2em 0.2em 0.2em #bbb;
.twtr-hd {display:none;}
.twtr-ft {display:none;}
[reset] em, i, strong, 
-----------------------------
added: menu-wrap
added: 
-----------------------------
*/
/* --reset-- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var,
b, u, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, hgroup, 
menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
/* --base-- */
html {overflow-y:scroll;background:#fff;}
body {
	background:#ffffff;
	font:12px Arial,helvetica,sans-serif;
	font-size:1.0em;
	margin:0 auto;
	color:#666;
}
ol, ul {list-style:none;margin:0;}
ul li {margin:0;padding:0;}
h1 {margin-bottom:0.5em;color:#4088b8;}
a, img {outline:none;border:none;}
a {
	color:#466087;/* link_blue */
	text-decoration:none;
}
a:hover {text-decoration:underline;color:#cc0000;}
p {margin:0 0 0.5em 0;} /* line-height:1.4em;font-size:1.2em; */
/*img {display:block;margin-bottom:0.5em;}*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
aside {float:right;font-style:italic;font-size:0.9em;}

/* --structure-- */
#pagewidth {
	margin:0 auto;
	padding:2% 0 2% 0;
	/*border:1px solid #f1f1f1;*/
	width:98%;	
	max-width:1180px;/* was 990,980,960 */
}

/* --header-- */
header h1 {
	display:block;
	text-indent:-9999px;
}
header nav {
	position:fixed;
	top:1px;
	right:1px;
	margin:0; /* was 0 0 0.1em 0;*/
	padding:0;
	display:block;
	/*width:70px;*/
	/*font-size:0.7em;*/
	z-index:10;
}
/*header nav li {
	margin:0 0 0.5em 0;
	background:#f1f1f1;
	display:block;
	width:100%;
}
header nav a {
	display:block;
	padding:0.8em 0;
	width:100%;
	text-align:center;
}*/
#header{
	position:fixed;
	z-index:100;
	left:0;
	top:0;
	height:40px; /* v1_02 was 100px */
	width:100%;
	overflow:hidden;
	padding:0.857em 0; /*  */
	/*background: was #7e8794, #ccc;*/
	background:#666 url(../aimg/marbles_spotlite_w1400x107_o60.jpg) 10% 50% no-repeat;
	background-size:cover 99%;/* v1_02 was auto 99%*/
	-moz-box-shadow:   	inset 0 0 0 #fff,
						inset 0 -20px 20px -20px rgba(0,0,0,0.75);
	-webkit-box-shadow: inset 0 0 0 #fff,
						inset 0 -20px 20px -20px rgba(0,0,0,0.75);
	box-shadow:         inset 0 0 0 #fff,
						inset 0 -20px 20px -20px rgba(0,0,0,0.75);
}
#logo {
	position:absolute;
	z-index:101;
	left:10px;top:10px;
	height:53px; 		/* v1_02 added height:53px */
	width:36px;
	background: url(../aimg/zero_tr_w34xh53.png) no-repeat;
}
#vpsize{
	position:absolute;
	left:36px; /* v1_02 was 0 */
	top:41px; /* v1_02 was 101px */
	font-size:0.7em;
	color:#fff;
}
#content{
	margin:0;border:0;
	padding:60px 0 0 0; /* v1_02 was 110px */
	font-size:0.8em;
}
#footer{
	margin:0.5em 0 0 0;
	border:0;
	border-top:1px solid #4088b8;/* was f1f1f1 */
	padding:1em 0;
	overflow:hidden;
	color:#888;
	font-size:0.7em;
	width:100%;
}
#footer a{
	color:#888;
	text-decoration:none;
}
#footer .copy{float:right;padding:0 0.5em 0 0;}

/* --classes-- */
.center{
	margin:0 auto;
	width:100%;
}
.center:after {
	content:"";
	clear:both;
	display:block;
}
.right{float:right;} 
.left {float:left;}
.columns{width:100%}
.columns:after{
	content:"";
	display:block;
	clear:both;
}
.columns > div, .columns > article{float:left;vertical-align:top;}
.columns h2{text-align:left;font-size:1.2em;}/* + font-size:1.2em; */
.columns > div:first-child {margin-left:0;}
/*.columns > article:first-child {margin-left:0;}*/
.fullWidth{width:100%;}
.fullWidth img{width:100%;}
.full      {display:block;width:99.0%; margin:0 0.5% 0 0.5%;}
.half      {width:49.0%; margin:0 0.5% 0 0.5%;}
.oneThird  {display:block;width:32.33%;margin:0 0.5% 0 0.5%;}
.twoThirds {width:65.66%;margin:0 0.5% 0 0.5%;}
.oneForth  {width:24.0%; margin:0 0.5% 0 0.5%;}
.threeForth{width:74.0%; margin:0 0.5% 0 0.5%;}
/*.oneThird +.oneThird +.oneThird, .threeForth +.oneForth, .oneForth +.half, 
.half +.half, .half +.oneForth +.oneForth, .last{
	float:right;margin-right:0;
}*/

.litem{
	min-height:295px;
}

.row{
	width:100%;
	background:#eaeaea;
	padding:1em 0;
}
.row:after{
	content:"";
	display:block;
	clear:both;
}
.imgHolder{
	/*display:block;*/ /* was inline-block */
	margin:0;
	margin-bottom:1em;
	border-left:1px solid #f1f1f1;
	padding:0.3em;
	max-width:100%;
	overflow:hidden;
	-webkit-box-sizing:border-box; /* Safari/Chrome, arb. WebKit */
	-moz-box-sizing:border-box;    /* Firefox, arb. Gecko */
	box-sizing:border-box;         /* Opera/IE 8+ */
}
.imgHolder a {
	/*display:block;*/
	padding:0.1em 0 0.1em 0;
	width:100%;
	text-align:center;
}
h2 {
	border-top:1px solid #f1f1f1;/* kb.test for articles */
	padding-top:3px;
}
.refLinks a {display:block;background:#f1f1f1;}
.simageL {
	margin:0 0.3em;
	float:left;
	text-align:top;
	max-width:100%;
}
.simageR {
	margin:0 0.3em;
	float:right;
	text-align:top;
	max-width:100%;
}
.blueBllt{padding:0 0.8em 0 0;color:#fff;background:#fff url(../abul/circle_fill_ltblue.gif) 50% 50% no-repeat;}
.greyBllt{padding:0 0.8em 0 0;color:#fff;background:#fff url(../abul/circle_fill_grey.gif) 50% 50% no-repeat;}
.justCenter{text-align:center;}
.loadimg {background:#fff url(../aico/loading_smblack.gif) 30% 30% no-repeat;}
.linkTwit{margin:0;border:0;padding:0 0 0 0.5em;width:1%;}
.linkTwit img{margin:0;border:0;padding:0 0.5em 0 0;vertical-align:middle;}

.trailer{font-weight:bold;padding-right:9px;} /* span class=trailer */
/* nav extend */
.menu-wrap {
	position:fixed;
	top:0;
	right:0;
	z-index:1;
}
.menu-wrap .navclik {
	position:absolute;
	top:0;
	right:0;
	opacity:0;
	height:61px;/*was 70 clik height*/
	width: 70px;
	cursor:pointer;
	z-index:2;
}
.menu-wrap .hamburger {
	position:absolute;
	top:0;
	right:0;
	height:40px;
	width: 38px;
	background:transparent;
	padding:0.5rem 1rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	z-index:1;
}
/* Hamburger line */
.menu-wrap .hamburger > div {
	position:relative;
	top:0;
	right:0;
	width:100%;
	height:2px;
	background:#bbb;/* was #999 */
	display:block;
	align-items:center;
	justify-content:center;
	transition:0.3s;
}
/* Hamburger top n bottom line */
.menu-wrap .hamburger > div:before,
.menu-wrap .hamburger > div:after {
	content:"";
	position:absolute;
	top:10px;
	right:0;
	background:inherit;
	height:2px;
	width:100%;
	z-index:1;
}
.menu-wrap .hamburger > div:after {top:-9px;}
/* navclik Animation */
.menu-wrap .navclik:checked + .hamburger > div {transform:rotate(135deg);}
.menu-wrap .navclik:checked + .hamburger > div:before,
.menu-wrap .navclik:checked + .hamburger > div:after {top:0;transform:rotate(90deg);}
/* Rotate on hover when checked */
.menu-wrap .navclik:checked:hover + .hamburger > div {transform:rotate(225deg);}
.menu {
	position:fixed;
	top:30px;
	right:0;
	height:100vh;
	width:0;
	align-items:center;
	justify-content:center;
	text-align:center;
	transition:all 0.4s ease;/*closing*/
}
.menu > div {
	position:relative;
	top:2.3em;
	right:0;
	height:100%;
	width:100%;
	background:rgb(240,250,250,1.0);/* was 0.8 alpha opacity */
	align-items:center;
	justify-content:center;
	text-align:center;
}
.menu ul {list-style:none;}
.menu li {padding:1.0em 0em 0.9em 0.5em;}/* was 1 1 1 1 */
.menu > div a {
	text-decoration:none;
	color:#666;
	font-size:0.9rem;/* was 1.0 */
	opacity:1;
	display:none; /* k_b added to avoid initial show-glitch */
	padding:0.4em 0 0.4em 0.2em;
}
.menu a:hover {
	color:#cc0000;
	background-color:#fff; /* k_b added */
}
/* Show Menu */
.menu-wrap .navclik:checked ~ .menu {
	opacity:1;
	width:22vw; /* wrap width was 30vw */
	min-width:170px;
	max-width:250px;
	transition:all 0.1s ease; /* was all var(--menu-speed) ease */
}
.menu-wrap .navclik:checked ~ .menu > div {
	opacity:0.97;/* was 1 */
}
.menu-wrap .navclik:checked ~ .menu > div a {
	opacity:1;
	display:flex; /* k_b added */
}

/* --media_queries-- 320, 480, 600?, 768, 960, 1024 --*/
@media only screen and (max-width:1024px){
	header nav li {
		/*background:#ccc;*//*mid_grey*/
	}
}
@media only screen and (max-width:960px){
	header nav li {
		/*background:#6cf;*//*pale_blue*/
	}
	/* aside {display:none;} */
	.litem{
		min-height:340px;
	}
}
@media only screen and (max-width:768px){
	#header {height:20px;} /* v1_02 from 40px */
	#content{padding:40px 0 0 0;} /* v1_02 from 60px */
	#logo {
	left:5px;top:10px;	/* v1_02 from 10,10 */
	height:33px; 		/* v1_02 from h 53px w 36px */
	background: url(../aimg/zero_tr_w21xh33.png) no-repeat;
	}
	#vpsize{left:23px;top:21px;} /* v1_02 from 36,41 */
	header nav li {
		/*background:#ff9;*//*lt_yellow*/
	}
	.menu {
		top:10px; /* from 30px */
	}
	.menu-wrap .navclik {
		height:41px;/* from 61px */
	}
}
@media only screen and (max-width:504px){
	header nav li {
		/*background:#3ff;*//*hi_blue*/
	}
}
@media only screen and (max-width:480px){
	header nav li {
		/*background:#39f;*//*sky_blue*/
	}
	header nav a {
		display:block;
		padding:0.8em 0;
		color:#fff;
	}
	.oneThird, .half{width:100%;} /* do_width */
	.imgHolder{border:0;}
	/*#footer{margin:0.5em 0 0 0;}*/
}
/* SmPh (landscape) was 320*/
@media only screen and (max-width:321px){
	header nav li {
		/*background:#f99;*//*salmon*/
	}
	/*#footer{margin:0.5em 0 0 0;}*/
}
/* tabs was min-device-width */
@media only screen and (min-width:768px) and (max-width:1024px){
	/* */
}
/* iPads (landscape) */
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){
	/* */
}
/* iPads (portrait) */
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){
	/* */
}

/*--end_of_line-*/