@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);

html,body{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio[controls],canvas,video{display:inline-block;*display:inline;*zoom:1;}
.sans-serif{font-family:'PT Sans', "Helvetica Neue", Helvetica, Arial,sans-serif;}
.serif{font-family:Cambria, Georgia, Times, "Times New Roman";}
.monospace{font-family:"Monaco",Courier New,monospace;}
.clearfix{zoom:1;}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}

html{
	overflow-y:scroll;
	background:#ccc;
	background:#ffffff url(../img/tmp/grid.png) repeat-y 50% 0;
	background:#ccc url(../img/bkg-page.gif) repeat 0 0;
	font-size:62.5%;}

body{margin:0 auto;padding:0;width:90%;font-size:1.4em;font-size:1.4rem;line-height:1.5;font-family:'PT Sans', "Helvetica Neue", Helvetica, Arial,sans-serif;color:#666666;}



button,input,select,textarea{font-family:'PT Sans', "Helvetica Neue", Helvetica, Arial,sans-serif;color:#404040;}
h1,h2,h3,h4,h5,h6{font-family:'PT Sans', "Helvetica Neue", Helvetica, Arial,sans-serif;font-weight:normal;}
h1{margin-bottom:0.75em;font-size:5.0em;font-size:5.0rem;line-height:1.2;}
h2{margin-bottom:0.75em;font-size:32px;font-size:3.2rem;line-height:1.2; color:#639ec8;}
h3{margin-bottom:1em;font-size:24px;font-size:2.4rem;line-height:1.3; color:#5e344d;}
h4{margin-bottom:0.6em;font-size:18px;font-size:1.8rem;line-height:1.25; color:#639ec8;}
h5{margin-bottom:0.5em;font-size:16px;font-size:1.6rem; font-weight:bold; color:#639ec8;}
h6{font-size:16px;font-size:1.6rem;}
p,ol,ul,dl,address{margin-bottom:1.5em;font-size:1.4em;font-size:1.4rem; line-height:1.5;}
/*p{hyphens:auto;text-align:justify;}*/

h4.flow, h4.motion, h4.metal {color:#fff; padding:0.2em 0.4em;}
h4.flow {background:#5e344d;}
h4.motion {background:#598c4d;}
h4.metal {background:#f09b30;}

article h4 {color:#cc2446;}

aside p {
	font-size:1.2em; font-size:1.2rem;}

aside p strong {
	font-style:normal; font-weight:bold; font-size:1.3em; font-size:1.3rem; color:#cc2446;}

aside h3 {color:#639ec8; }
ul,ol{margin:0 0 1.5em 1.0em;padding:0 0 0 24px;}
#pagination ol {margin:0; padding:0;}

li {line-height:1.4;}
li ul,li ol{margin:0;font-size:16px;font-size:1.6em;font-size:1.6rem;}
dl,dd{margin-bottom:1.5em;}
dt{font-weight:normal;}
blockquote{margin:0 0 1.5em -24px;padding-left:24px;border-left:1px solid #bfbfbf;font-style:italic;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
abbr[title]{border-bottom:1px dotted;cursor:help;}
b,strong{font-weight:bold;}
em,dfn{font-style:italic;}
hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #bfbfbf; clear:both;}
aside hr {border-color:transparent;}
ins{background-color:#c3d9e6;color:#000000;text-decoration:none;}
mark{background-color:#c3d9e6;color:#000000;font-style:italic;font-weight:bold;}
pre,code,kbd,samp{font-family:"Monaco",Courier New,monospace;font-size:14px;font-size:1.4rem;line-height:1.5em;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
q{quotes:none;}
q:before,q:after{content:"";content:none;}
small{font-size:1.4em;font-size:1.4rem;}
sub,sup{font-size:12px;font-size:1.2rem;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
a{color:#013568;}
a:visited{color:#011b35;}
a:hover{color:#011b35;}
a:focus{outline:thin dotted;color:#011b35;}
a:hover,a:active{outline:0;}
figure{margin-bottom:1.5em;}
figure img,figure object,figure embed{margin-bottom:0.75em;max-width:100%;}
figcaption{display:block;font-weight:normal;}
img{border:0;}
svg:not(:root){overflow:hidden;}

form{margin:0;}
fieldset{margin-bottom:1.5em;padding:0;border-width:0;}
legend{*margin-left:-7px;padding:0;border-width:0;}
label{font-weight:normal;cursor:pointer;}
button,input,select,textarea{font-size:12px;font-size:1.2rem;margin:0;vertical-align:baseline;*vertical-align:middle;}
button,input{line-height:normal;*overflow:visible;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;}
input[type="search"]{box-sizing:content-box;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
textarea{overflow:auto;vertical-align:top;}
html{-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:#c3d9e6;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
::-webkit-selection{background:#e6e6e6;color:#fafafa;text-shadow:none;}
::-moz-selection{background:#7bacc8;color:#c8977b;text-shadow:none;}
::selection{background:#7bacc8;color:#c8977b;text-shadow:none;}
button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;}
::-webkit-input-placeholder{font-size:14px;font-size:1.4rem;}
input:-moz-placeholder{font-size:14px;font-size:1.4rem;}
.ie7 img,.iem7 img{-ms-interpolation-mode:bicubic;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
/*p{-webkit-hyphens:auto;-webkit-hyphenate-character:"\2010";-webkit-hyphenate-limit-after:1;-webkit-hyphenate-limit-before:3;-moz-hyphens:auto;}*/
.ir{display:block;overflow:hidden;background-repeat:no-repeat;text-align:left;text-indent:-999em;direction:ltr;}
.ir br{display:none;}
.hidden{display:none;visibility:hidden;}
.visuallyhidden{position:absolute;margin:-1px;padding:0;height:1px;width:1px;overflow:hidden;border:0;clip:rect(0 0 0 0);}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{position:static;margin:0;height:auto;width:auto;overflow:visible;clip:auto;}
.invisible{visibility:hidden;}

div.preload {display:none; position:relative;}

.ie7 body, .ie8 body {font-size:90%;}

@media print{*{background:transparent !important;color:black !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important;} @page {margin:0.5cm;}h2,h3{orphans:3;widows:3;page-break-after:avoid;} p{orphans:3;widows:3;} pre,blockquote{border:1px solid #808080;page-break-inside:avoid;} abbr[title]:after{content:" (" attr(title) ")";} a,a:visited{color:#000000 !important;text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} a[href^="javascript:"]:after,a[href^="#"]:after{content:"";} img{max-width:100% !important;page-break-inside:avoid;} thead{display:table-header-group;} tr{page-break-inside:avoid;} .ir a:after{content:"";}}


@media only screen and (min-width: 480px){

	aside #pagination ol {float:right;}
	
	aside img.acq {float:right; width:35%; clear:right;}

}

@media only screen and (min-width: 600px){
	
	#banner1 h4, #banner2 h4, #banner3 h4 {font-size:1.25em !important;}
	
	.download {float:left; width:40%;}
	
	.copy {float:right; text-align:right;}
	

}

@media only screen and (min-width: 768px){
	
	
	#pagination li {display:inline;}
	
	article #pagination, #pagination a {
	float:left;
	text-align:left;}
	
	header h1 {position:absolute; top:15px; left:20px;}
	
	header h1 strong {}
	
	header h2 {
	position:absolute;
	top:40px;
	left:150px;
	margin-left:0px !important;}
	
	header h3 {
	position:absolute;
	top:75px;
	left:20px;
	margin-left:0px !important;}

	article {
		width:63.697% /* 565px/860px */;
		float:left;
		padding-bottom:25px;}
	
	aside {
		width:31.88% /* 300px/860px */;
		float:right;}
	
	nav {display:inline; text-align:right; width:40%;}
	
	nav ul {right:0;top:0; float:right;}
	
	nav ul li {
	display:inline;
	border-left:solid 1px #fff;
	float:left;
	min-height:60px;
	}
	
	nav ul li a {
	max-width:100px;
	min-width:80px;
	text-decoration:none;
	padding:18% 10px 0;
	width:100%;
	margin:0px;
	background:none !important;}
	
	aside img.acq {width:50%;}

}

@media only screen and (min-width: 992px){
	body {width:100%;}
	
	nav {width:60%;}
}

@media only screen and (min-width: 1382px){
	body {width:100%;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5){}