/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fonts.com 
*/
@font-face{
	font-family:"Arial W01 Regular";
	src:url("fonts/1560656/f1602cf4-646d-4d19-9edf-c42f201fff21.woff2") format("woff2"),
		url("fonts/1560656/ad28a34a-11e3-4806-9da4-68a24955ec8e.woff") format("woff");
}
@font-face{
	font-family:"Arial W01 Bold";
	src:url("fonts/1560680/cc94c250-39c1-4431-8f40-c98dba486834.woff2") format("woff2"),
		url("fonts/1560680/efa5275b-90a4-4c70-8115-a724d7ef0bc1.woff") format("woff");
}


html, body { margin:0; padding:0; } 
body { font-family:'Arial W01 Regular', Arial, Verdana, Helvetica, sans-serif; font-size:17px; line-height:1.8em; overflow-y: scroll;}

h1,h2,h3,b,strong,.bold,.strong { font-family:'Arial W01 Bold', Arial, Verdana, Helvetica, sans-serif; font-weight:normal; }

h1,h2 { position:relative; display:block; font-size:2em; line-height:1.5em; margin-bottom:1.4em; }
h1:before,h2:before { content:""; position:absolute; bottom:-0.75em; left:0; width:65px; height:2px; margin-top:-1px; background-color:#000; }

h1 + h2,
h2 + h3 { font-size:1em; line-height:1.8em; margin-bottom:1em; }
h1 + h2:before,
h2 + h3:before { display:none; }

a { color:inherit; text-decoration:none; }
a.selected, a:hover, a:visited { color:#555; }


.name { font-size:1.2em;line-height:1em; margin-bottom:10px; }
.intro { font-size:0.8em; line-height:1.6em; }
div.wrapper { display:block; overflow:hidden; margin:auto; max-width:1200px; width:100%; }
div.wrapper > div.left { display:block; position:fixed; width:48%; min-height:100%; max-width:576px; background-color:#ededed; background-position:top center; background-repeat:no-repeat; background-size:cover; }
div.wrapper > div.right { display:block; float:left; margin-left:48%; width:52%; }
div.wrapper div.content { padding:30px; }
div.content a { text-decoration: underline; }
div.content a:hover { text-decoration: none; }
div.content ul { padding-left:1em; margin-left:4px; }
div.content h3 + ul {
	margin-top: -20px;
	padding-top: 0;	
}

div.content ul.nav { margin:0; margin-bottom:60px; padding:0; list-style:none; font-size:0.8em; line-height:1.6em; }
div.content ul.nav li { margin:0; padding:0; }
div.content ul.nav a { display:block; position:relative; text-decoration: none;}
div.content ul.nav a:before { content:"›"; margin-right:12px; font-size:1.4em; line-height:1em; }
div.content ul.nav a:hover { text-decoration: none; }
div.content ul.nav a:visited { color: #000000; }
div.content p + div.block { margin-top:60px; }
div.content div.block { padding-bottom:30px; border-bottom:4px solid #000; margin-bottom:60px; overflow:hidden; }
div.content div.block div.type { font-size:0.7em; line-height:1.6em; text-transform:uppercase; }
div.content div.block h3 { margin:0; font-size:1.1em; line-height:1.6em; }
div.content div.block div.meta,
div.content div.block div.downloads { margin-top:2px; font-size:0.7em; line-height:1.6em; }
div.content div.block div.downloads { margin-top:1em; border-top:1px solid #000; margin-top:15px; padding-top:20px; }
div.content div.block div.downloads > p { margin-top:8px; }
div.content div.block div.downloads > ul { display:block; margin:0; padding:0; list-style:none; overflow:hidden; }
div.content div.block div.downloads > ul li { position:relative; display:block; float:none; padding-right:30px; padding-left:25px; margin-bottom:5px; } 
div.content div.block div.downloads > ul li.dw:before { content:""; position:absolute; top:0px; left:0; width:15px; height:18px; display:block; background-image:url(download.png); background-size:100% auto; background-repeat:no-repeat; }
div.content div.block div.downloads > ul li.lk:before { content:""; position:absolute; top:0px; left:0; width:15px; height:18px; display:block; background-image:url(url_link.png); background-size:100% auto; background-repeat:no-repeat; }
div.content div.block div.downloads > ul a { text-decoration: none; }
div.content div.block div.downloads > ul a:hover { text-decoration: underline; }

div.content div.block h3 + div.downloads { margin-top:15px; padding-top:20px; }
div.content div.block img + h3 + div.downloads > ul li { float:none; margin-bottom:15px; }
div.content div.block.notext { margin-top: -20px; }

div.content div.block > img { display:block; float:left; border-right:25px solid #fff; width:40%; max-width:220px; height:auto; }



div.content div.accordion > :first-child { position:relative; display:block; padding-right:30px; cursor:pointer; }
div.content div.accordion > :first-child:after { content:"‹"; position:absolute; right:0; top:0; transform:rotate(90deg); font-size:40px; }

div.content div.accordion.closed > * { display:none; }
div.content div.accordion.closed > :first-child,
div.content div.accordion.closed > :first-child + p { display:block; }
div.content div.accordion.closed > :first-child:after { content:"›"; }

@media only screen and (min-width: 0px) and (max-width: 760px) {
	body { font-size:14px; }
	div.wrapper > div.left,
	div.wrapper > div.right { float:none; position:static; margin:auto; width:auto; max-width:100%; }
	div.wrapper > div.left { height:100%; min-height:668px; }
	div.wrapper div.content { padding:20px; }
	
	div.content ul.nav { position:absolute; top:0; right:0; }
	div.content ul.nav:before,
	div.content ul.nav:after { content:""; position:absolute; z-index:9999; cursor:pointer; top:21px; right:20px; height:4px; width:20px; border-top:2px solid #000; text-align:center; }
	div.content ul.nav:after { top:27px; border-bottom:2px solid #000; }
	div.content ul.nav:hover:before,
	div.content ul.nav:hover:after { border-color:#555; }
	div.content ul.nav > li { display:none; }
	
	div.content ul.nav.open { position:fixed; z-index:999; background-color:#fff; height:100%; }
	
	div.content ul.nav.open:before { top:16px; content:"✕"; border:0; height:auto; font-size:25px; line-height:1em; }
	div.content ul.nav.open:after { position:absolute; border:0; top:0; right:100%; width:1000px; height:100%; background-color:rgba(255,255,255,0.4); }
	div.content ul.nav.open > li { display:block; padding:20px; padding-top:0; padding-bottom:10px; }
	div.content ul.nav.open > li:first-child { padding-top:70px; }
}

@media only screen and (min-width: 0px) and (max-width: 500px) {
	div.wrapper > div.left { min-height:500px; }
	
	div.content p + div.block { margin-top:30px; }
	div.content div.block { margin-bottom:30px; padding-bottom:10px; }
	div.content div.block > img { float:none; margin:auto; width:100%; border:0; margin-bottom:15px; }
	
}