/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
	font-family:"wf_SegoeUI", "Segoe UI", "Segoe", "Segoe WP", "Tahoma", "Verdana", "Arial", "sans-serif";
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

body,
html {
	background-color:#3a3a3a;	
}



/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 30px 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*-------------------------------------
GLOBAL JAWN
-------------------------------------*/

.mobile-only {
	display:none;	
}

/*PAGE ARROWS*/
ul#page-arrows							{ width:73px; float:right; margin:0 0 0 15px; padding:6px 0 0 0; list-style:none;}
ul#page-arrows li						{ float:left; width:33px; height:33px;}
ul#page-arrows li.arrow-back 			{ margin-right:7px;}
ul#page-arrows a,
ul#page-arrows span						{ display:block; width:33px; height:0; padding-top:33px; overflow:hidden; background:url(../img/page-arrows.png) 0 0 no-repeat; background-size:33px 250px;}
.no-backgroundsize ul#page-arrows a,
.no-backgroundsize ul#page-arrows span	{ background-image:url(../img/page-arrows-50.png);}
ul#page-arrows li.arrow-back a			{ background-position:0px -87px;}
ul#page-arrows li.arrow-back a:hover	{ background-position:0px 0px;}
ul#page-arrows li.arrow-next a			{ background-position:0px -217px;}
ul#page-arrows li.arrow-next a:hover	{ background-position:0px -130px;}
ul#page-arrows li.arrow-next span		{ background-position:0px -174px;}

/*BACK TO TOP*/
a#btt 			{ position:fixed; z-index:9999; bottom:50px; width:129px; height:28px; font-size:12px; color:#fff; background-color:#797979; cursor:pointer; }
a#btt:hover		{ background-color:#000;}
#btt span		{ width:75px; display:block; margin:6px auto 0 auto; background:url(images/icons.png) no-repeat -917px -241px; background-size:925px 250px; padding-left:13px;}
.no-backgroundsize #btt span	{ background-image:url(images/icons-50.png);}

@font-face {
    font-family: 'wf_SegoeUILight';
    src: url('font/light/latest.eot');
    src: local("Segoe UI Light"), local("Segoe WP Light"), url('font/light/latest.eot?#iefix') format('embedded-opentype'), url('font/light/latest.woff') format('woff'), url('font/light/latest.ttf') format('truetype'), url('font/light/latest.svg#web') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'wf_SegoeUI';
    src: url('font/normal/latest.eot');
    src: local("Segoe UI"), local("Segoe"), local("Segoe WP"), url('font/normal/latest.eot?#iefix') format('embedded-opentype'), url('font/normal/latest.woff') format('woff'), url('font/normal/latest.ttf') format('truetype'), url('font/normal/latest.svg#web') format('svg');
    font-weight: normal;
    font-style: normal;
}

#viewport {
	width:100%;
	position:fixed;
	min-height:100%;
	position:absolute;
	z-index:99;
}

#viewport,
#menu-btn {
	-webkit-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-moz-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-o-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-ms-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}

#viewport a {
	-webkit-transition: color 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-moz-transition: color 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-o-transition: color 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-ms-transition: color 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	transition: color 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}

#viewport.expanded {
	margin-left:-270px;	
}

nav ul {
	margin:0;
	padding:0;	
}

/*-------------------------------------
COLORATION
-------------------------------------*/

#viewport {
	background-color:#333;
}

#viewport.home {
	background-color:#0571c5;
}

article img {
	max-width:100%;
	height:auto;
}

#viewport h1,
#viewport h5,
#viewport article a {
	color:#333;
}

#viewport article a {
	word-wrap:break-word;
	ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

/* SHAREHOLDER LETTER */

/*.shareholder-letter header,
.shareholder-letter nav.sub a {
	color:#63b1ee;
}*/

#viewport.shareholder-letter,
#viewport.shareholder-letter .toolbar {
	background-color:#0571c5;
}

#viewport.shareholder-letter h1,
#viewport.shareholder-letter h5,
#viewport.shareholder-letter article a,
li.blue a,
li.blue {
	color:#0571c5 !important;
}

/* FINANCIAL REVIEW */

#viewport.financial-review section {
	min-height:720px;
}

#viewport.financial-review.business-description section {
	min-height:480px;
}

#viewport.financial-review.notes section {
	min-height:930px;
}

#viewport.financial-review,
#viewport.financial-review .toolbar {
	background-color:#029e49;
}

.financial-review nav.sub a,
.financial-review nav.sub li.mobile-only {
	color:#90f390;
}

#viewport.financial-review h1,
.financial-review h5,
.financial-review article a {
	color:#029e49;
}

li.green a,
li.green {
	color:#029e49 !important;
}

/* FINANCIAL HIGHLIGHTS */

#viewport.financial-highlights,
#viewport.financial-highlights .toolbar {
	background-color:#68217a;
}

#viewport.financial-highlights h1,
#viewport.financial-highlights h5,
#viewport.financial-highlights article a{
	color:#68217a;
}

li.pink a,
li.pink {
	color:#68217a !important;
}

/* DIRECTORS & OFFICERS */

#viewport.directors-officers,
#viewport.directors-officers .toolbar {
	background-color:#d83813;
}

#viewport.directors-officers h1,
#viewport.directors-officers h5,
#viewport.directors-officers article a {
	color:#d83813;
}

li.orange a,
li.orange {
	color:#d83813 !important;
}

.directors-officers a,
.directors-officers nav ul ul ul a:hover,
.directors-officers nav ul ul li.active a,
.directors-officers nav ul ul ul li.active a {
    color: #d83813;
}

/* INVESTOR RELATIONS */

#viewport.investor-relations,
#viewport.investor-relations .toolbar {
	background-color:#995095;
}

#viewport.investor-relations h1,
#viewport.investor-relations h5,
#viewport.investor-relations article a {
	color:#995095;
}

.investor-relations a,
.investor-relations nav ul ul ul a:hover,
.investor-relations nav ul ul li.active a,
.investor-relations nav ul ul ul li.active a {
    color: #995095;
}

li.purple a,
li.purple {
    color: #995095 !important;
}

/* DOWNLOAD CENTER & SITE MAP */

#viewport.download-center .toolbar,
#viewport.site-map .toolbar,
#viewport.search .toolbar {
	background-color:#333;
}

.site-map article ul ul {
    margin: 0;
}

/*-------------------------------------
TOOLBAR
-------------------------------------*/

.toolbar {
	padding:45px 0 0 0;
	z-index:99;
	position:fixed;
	width:100%;
}

.logo {
	margin-left:80px;	
}

.logo a {
	margin-bottom:55px;
	display:block;
	width:131px;
	height:0;
	padding-top:28px;
	overflow:hidden;
	background:url(../img/logo.png) 0 0 no-repeat;
	background-size:131px 28px;
}

.lt-ie9 .logo a {
	background-image:url(../img/logo-low.png);
}

#menu-btn {
	top:50px;
	width:79px;
	position:fixed;
	padding-right:80px;
	right:0px;
}

#menu-btn.expanded {
	right:270px;	
}

#menu-btn a {
	display:block;
	overflow:hidden;
	height:0px;
	width:79px;
	padding-top:14px;
	background:url(../img/menu.png) 0 0 no-repeat;
	background-size:79px 14px;
}

.lt-ie9 #menu-btn a {
	background-image:url(../img/menu-low.png);
}

/*-------------------------------------
SLIDING MENU
-------------------------------------*/

#menu {
	position:fixed;
	right:0;	
	height:100%;
	background:#3a3a3a;
}

.touch #menu {
	overflow:scroll;
}

#menu a {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;	
}

#menu .container {
	padding:46px 0 0 35px;
	width:235px;
}

nav.main a,
nav.utility a {
	font-family:'wf_SegoeUI';
	font-size:15px;
}

#menu-close a {
	position:absolute;
	left:225px;
	top:52px;
	display:block;
	overflow:hidden;
	width:13px;
	height:0;
	padding-top:11px;
	background:url(../img/menu-x.png) 0 0 no-repeat;
	background-size:13px 11px;
}

.lt-ie9 #menu-close a {
	background-image:url(../img/menu-x-low.png);
}

/* MAIN NAV */

nav.main {
	margin-bottom:70px;
}

nav.main a {
	color:#fff;
	text-decoration:none;	
	background:url(../img/icons.png) 0 0 no-repeat;
	background-size:20px 180px;
	padding-left:30px;
}

nav.main li {
	margin-bottom:10px;	
}

.lt-ie9 nav.main a {
	background-image:url(../img/icons-low.png);
}

nav.main .shareholder-letter a {
	background-position:0px 0px;
}

nav.main .shareholder-letter a:hover {
	background-position:5px 0px;
}

nav.main .financial-highlights a {
	background-position:0px -40px;
}

nav.main .financial-highlights a:hover {
	background-position:5px -40px;
}

nav.main .financial-review a {
	background-position:0px -80px;
}

nav.main .financial-review a:hover {
	background-position:5px -80px;
}

nav.main .directors-officers a {
	background-position:0px -120px;
}

nav.main .directors-officers a:hover {
	background-position:5px -120px;
}

nav.main .investor-relations a {
	background-position:0px -160px;
}

nav.main .investor-relations a:hover {
	background-position:5px -160px;
	
}

/* UTILITY NAV */

nav.utility {
	margin-bottom:70px;
}

nav.utility a {
	color:#858585;
	text-decoration:none;
}

nav.utility a:hover {
	color:#fff;	
}

a.exterior:hover {
	background:url(../img/exterior-grey.png) right center no-repeat;
	background-size:12px 12px;
	padding-right:18px;
	-webkit-transition:none !important;
	-moz-transition:none !important;
	-o-transition:none !important;
	-ms-transition:none !important;
	transition:none !important;
}

.no-backgroundsize a.exterior:hover {
	background-image:url(../img/exterior-grey-low.png);
	-webkit-transition:none !important;
	-moz-transition:none !important;
	-o-transition:none !important;
	-ms-transition:none !important;
	transition:none !important;
}

nav.utility li {
	margin-bottom:12px;
}

/* SEARCH */

.searchForm {
	position:relative;
	margin-bottom:70px;	
}

form.searchForm {
	width:176px;
	display:block;
}

#search_box,
#tbxQuery {
	background-color:#4c4c4c;
	border:none;
	width:166px;
	padding:5px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#search_box:focus {
	background-color:#999;
}

#btnSearch,
#search_button,
.search-btn {
	position:absolute;
	top:6px;
	right:9px;
	border:0;
	display:block;
	width:16px;
	height:14px;
	background:url(../img/search.png) 0 0 no-repeat;	
}

#btnSearch,
.search-btn {
	z-index:999;
	top:7px;
	right:0px;	
}


/* SOCIAL NAV */

nav.social ul {
	height:20px;
	margin-bottom:30px;
}

nav.social li {
	float:left;
	margin-right:10px;
}

nav.social a {
	background:url(../img/social.png) 0 0 no-repeat;
	display:block;
	padding-top:20px;
	width:20px;
	height:0;
	overflow:hidden;
	background-size:65px 20px;
	opacity:.25;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}

.lt-ie9 nav.social a {
	background-image:url(../img/social-low.png);
}

nav.social .facebook a {
	background-position:-22px 0px;
}

nav.social .youtube a {
	width:22px;
	background-position:-43px 0px;
}

nav.social a:hover {
	opacity:1;
}

footer {
	position:absolute;
	bottom:0;
	padding-bottom:40px;
}

footer.main p,
footer.main p a {
	margin:0 0 20px 0;
	color:#6b6b6b;
	font-size:13px;
}

footer.main a:hover {
	color:#fff;	
}

.credit-tip {
	opacity:0;
}

.credit-tip {
	position:absolute;
	background:url(../img/credit-tip.png) left center no-repeat;
	padding-left:10px;
	
}

.credit-tip div {
	background-color:#666;
	width:100px;
	padding:5px;	
}

.credit-tip div,
.credit-tip div a {
	color:#333;
	font-size:13px;
}

/*-------------------------------------
HOME
-------------------------------------*/

.home .logo {
	z-index:3;
	position:absolute;
}

.home #menu-btn {
	z-index:3;
}

#home-banner {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	overflow:hidden;	
}

#home-banner .gradient {
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	background:url(../img/home-gradient.png) 0 0 repeat-x;	
	top:0;
}

#home-banner .header {
	z-index:5;
	top:242px;
	height:400px;
	width:400px;
	position:absolute; 
	color:#fff;
	left:45px;
}

#home-banner .text {
	z-index:4;
	width:330px;
	padding:11px 35px 0 35px;
	position:absolute;
}

#home-banner h1 {
	margin:0;
	color:#fff;
	font-size:75px;
	line-height:76px;
	font-weight:300;
}

#home-banner h2 {
	margin:80px 0 0 0;
	font-size:32px;
	font-weight:normal;
}

#home-banner #bg-box {
	z-index:3;
	height:400px;
	width:400px;
	opacity:.8;
     -webkit-transition: background-color 1000ms linear;
     -moz-transition: background-color 1000ms linear;
     -o-transition: background-color 1000ms linear;
     -ms-transition: background-color 1000ms linear;
     transition: background-color 1000ms linear;
}

#bg-box.slide-1 {
	background-color:#505050;
}

.no-csstransitions #bg-box.slide-1 {
	background:url(../img/bg-slide1.png) 0 0 repeat;
}

#bg-box.slide-2 {
	background-color:#ffb902;
}

.no-csstransitions #bg-box.slide-2 {
	background:url(../img/bg-slide2.png) 0 0 repeat;
}

#bg-box.slide-3 {
	background-color:#ec008c;
	
}

.no-csstransitions #bg-box.slide-3 {
	background:url(../img/bg-slide3.png) 0 0 repeat;
}

#bg-box.slide-4 {
	background-color:#442359;
}

.no-csstransitions #bg-box.slide-4 {
	background:url(../img/bg-slide4.png) 0 0 repeat;
}

#home-banner img {
	top:0;
	z-index:0;
	position:absolute;	
	opacity:0;
}

/*-------------------------------------
SUBPAGE
-------------------------------------*/

section {
	float:right;
	width:100%;
	margin-left:-560px; /*Set left margin to -(leftColumnWidth + RightColumnWidth)*/
	margin-top:128px;
	margin-bottom:50px;
}

article {
	margin:23px 80px 0 560px; /*Set left margin to (leftColumnWidth + RightColumnWidth)*/
	padding:30px;
	background:#fff;
	color:#333;	
	font-size:13px;
}

header {
	color:#fff;
	float:left;
	width:200px;
	padding:0 80px 0 80px;
	margin-top:130px;
	position:fixed;
}

nav.sub {
	position:absolute;
	margin:143px 80px 0 0;
	left:343px;
	width:120px;
}

nav.sub a:hover,
nav.sub li.active a,
nav.sub a.active {
	color:#fff;
}

/* HEADER STYLES */

header {
	font-family:"wf_SegoeUILight", "Segoe UI", "Segoe", "Segoe WP", "Tahoma", "Verdana", "Arial", "sans-serif";
	-webkit-font-smoothing:subpixel-antialiased;
}

header .title {
	font-size:60px;
	margin-bottom:69px;
	line-height:70px;
	padding-top:5px;
}

header .year {
	font-size:30px;
}

/* SUB NAV STYLES */

nav.sub {
	color:#fff;	
}

nav.sub h1 {
	margin:0;
	font-weight:inherit;	
}

nav.sub a {
	text-decoration:none;
	color:#fff;
	-webkit-font-smoothing:subpixel-antialiased;
	font-weight:300;
}

nav.sub ul ul li {
	margin-bottom:16px;
}

nav.sub ul ul ul li {
		
}

/* Level 1 */

nav.sub h1 {
	line-height:1.2em;
}

nav.sub ul a {
	font-size:37px;
	font-family:"wf_SegoeUILight", "Segoe UI", "Segoe", "Segoe WP", "Tahoma", "Verdana", "Arial", "sans-serif";	
}

/* Level 2 */

nav.sub ul ul {
	margin-top:30px;
}

nav.sub ul ul a {
	font-size:20px;
	line-height:22px;
}

/* Level 3 */

nav.sub ul ul ul {
	margin-top:30px;
}

nav.sub ul ul ul a {
	font-family:"wf_SegoeUI", "Segoe UI", "Segoe", "Segoe WP", "Tahoma", "Verdana", "Arial", "sans-serif";
	font-size:14px;
	line-height:15px;
}

nav.sub li li li {
	margin-bottom:8px;
	line-height:15px;
}

/* ARTICLE STYLES */

article p {
	margin:0 0 20px 0;
}

article h1 {
	font-weight:normal;
	font-size:25px;
	margin:0 0 15px 0;
}	

article h2 {
	font-weight:normal;
	text-transform:uppercase;
	font-size:20px;
	margin:0 0 15px 0;
}

article h3 {
	text-transform:uppercase;
	margin:5px 0 8px 0;
	font-size:13px;
	font-weight:normal;
	text-decoration:underline;
}

article h4,
article h6 {
	font-size:13px;
	margin:0 0 5px 0;
}

article h5 {
	font-weight:normal;
	font-style:italic;
	font-size:15px;
	margin:0 0 5px 0;
}

article ul ul {
	margin-top:0;	
}

.hovercell {
	background-color:#ccc;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	transition: background 0.2s linear;
}

article table {
	width:100%;
	margin:0 0 20px 0;
	padding:0;
	border-collapse:collapse;
}

/* CONTENT STYLES */

.col {
    float: left;
    margin-right: 6%;
    width: 47%;
}

.col-last {
    float: left;
    width: 47%;
}

td {
    margin: 0;
    padding: 5px 0;
}

td.nowrap {
	white-space:nowrap;
}

td.align_right {
    text-align: right;
    white-space: nowrap;
}

td.align_right.wrap {
    white-space: normal;
}

td.padding_left {
    padding-left: 10px;
}

tr.row_borders td {
    border-bottom: 1px solid #666666;
    border-top: 1px solid #666666;
    padding-bottom: 8px;
    padding-top: 8px;
}

tr.row_border_bottom td {
    border-bottom: 1px solid #666666;
    padding-bottom: 8px;
}

td.cell_border_bottom {
    border-bottom: 1px solid #666666;
}

td.cell_border_bottom_2px {
    border-bottom: 2px solid #666666;
}

tr.row_border_top td {
    border-top: 1px solid #666666;
}

tr.row_padding_top td {
    padding-top: 10px;
}

tr.vertical_bottom td, td.vertical_bottom {
    vertical-align: bottom;
}

td.vertical_top {
    vertical-align: top;
}

td.indent {
    padding-left: 20px;
}

td.indent_2 {
    padding-left: 40px;
}

td.indent_3 {
    padding-left: 60px;
}

span.extra_space {
    margin: 0 1px;
}

.heading_padding_top {
    padding-top: 25px;
}

p.indent, div.indent {
    margin-left: 25px;
}

p.center {
    text-align: center;
}

p.stretch {
    line-height: 0;
    margin: 0;
    padding: 0;
}

.dollar {
	float: left;
	margin-left: 30%;
}

.dollar.d-xsm {
	margin-left: 5%;
}

.dollar.d-sm {
	margin-left: 10%;
}

.dollar.d-med {
	margin-left: 20%;
}

.dollar.d-lg {
	margin-left: 45%;
}

.dollar.d-xlg {
	margin-left: 55%;
}

#result {
    margin-bottom: 20px;
}

#result a {
    color: #666666;
}

/*-------------------------------------
DIRECTORS AND OFFICERS
-------------------------------------*/

.fifty-left,
.fifty-right {
	float:left;
	width:50%;
}

.fifty-left {
	border-right:50px;
}

/*-------------------------------------
SEARCH
-------------------------------------*/

#querybox {
	position:relative;
	width:200px;
	margin-bottom:5px;
}

#tbxQuery {
	font-family:'wf_SegoeUI';
	font-weight:600;
	font-size:14px;
	color:#ccc;
	width:290px;
}

#tbxQuery:focus {
	background-color:#666;
}

a#btn_next {
	float:right;
}


/* MEDIA QUERY */

.mobile-table
 {
	border:1px solid #ccc;
	overflow-x:scroll;
	margin-bottom:20px;
	padding:20px;
}

article .mobile-table table {
	margin:0;
	min-width:500px;
}

@media (max-width: 1280px) {
	
	section {
		float:right;
		width:100%;
		margin-left:-400px; /*Set left margin to -(leftColumnWidth + RightColumnWidth)*/
	}
	
	article {
		margin-top:8px;
		margin-right:30px;
		margin-left:400px;
		padding:30px;
		background:#fff;
		color:#333;	
		font-size:13px;
	}
	
	header {
		color:#fff;
		float:left;
		width:145px;
		padding:0 50px 0 30px;
		margin-bottom:40px;
		margin-top:115px;
	}
	
	.logo {
		margin-left:30px;	
	}
	
	#menu-btn {
		padding-right:30px;	
	}
		
	nav.sub {
		position:absolute;
		margin-right:30px;
		left:225px;
		width:120px;
		margin-top:128px;
	}
	
	nav.sub ul ul a {
		font-size:20px;	
	}
	
	header .title {
		font-size:50px;
		margin-bottom:70px;
		line-height:60px;
	}
	
	.home header .title {
		margin-bottom:60px;
	}
	
	header .year {
		font-size:20px;
	}
	
	article h2 {
		font-weight:normal;
		text-transform:uppercase;
		font-size:20px;
		margin:0 0 15px 0;
	}

	article h3 {
		font-size:15px;
		margin:0 0 5px 0;
	}
	
	nav.sub ul a {
		font-size:30px;
	}
	
	#home-banner {
		position:absolute;
		width:100%;
		height:100%;	
	}
	
	#home-banner .header {
		height:200px;
		width:200px;
		left:33px;
	}
	
	#home-banner .text {
		width:115px;
	}
	
	#home-banner h1 {
		font-size:40px;
		line-height:normal;
	}
	
	#home-banner h2 {
		font-size:20px;
		margin-top:70px;
	}
	
	#home-banner #bg-box {
		height:300px;
		width:300px;	
	}

}

@media (max-width: 1150px) {
	
	article table {
		font-size:12px;	
	}
}

@media (max-width: 975px) {
	
	.mobile-only {
		display:block;	
	}
	
	#btt {
		display:none;	
	}
	
	section {
		float:left;
		width:auto;
		margin-top:0;
		margin-left:0;
		padding:10px 20px 0 20px;
		min-height:inherit !important;
	}
	
	article {
		margin:0px;
		padding:30px;
		background:#fff;
		color:#333;	
		font-size:13px;
	}
	
	header {
		position:relative;
		margin-top:70px;
		padding-left:20px;
		margin-bottom:51px;
		float:none;
	}
	
	div.title {
		margin-bottom:20px;	
	}
	
	nav.sub {
		width:100%;
		padding-right:0px;;
		float:none;
		margin-top:0px;
		margin-left:0px;
		position:relative;
		left:0;
	}
	
	nav.sub ul:first-child {
		margin:0 20px 0 20px;	
	}
	
	nav.sub ul ul li {
		display:inline;
	}
	
	nav.sub ul ul li a {
		font-size:16px;
	}
	
	nav.sub ul ul li li a {
		font-size:14px;
	}
	
	nav.sub ul ul ul li {
		display:inline;
	}

	nav.sub img {
		display:none;
	}
	
	.logo {
		width:100px;
		float:left;
	}
	
	.logo a {
		margin-bottom:0;
		width:100px;
		padding-top:21px;
		background-size:100px 21px;	
	}
	
	.toolbar {
		padding:11px 0;
		margin:0;	
	}
	
	.logo {
		margin-left:20px;
	}
	
	#menu-btn {
		top: 5px;
		position: relative;
		float: right;
		padding-right: 20px;
		width: 65px;
	}

	#menu-btn a {
		width:65px;
		padding-top:12px;
		background-size:65px 12px;
	}
	
	#menu-btn.expanded {
		right:auto;
	}
	
	header .title {
		font-size:60px;
		margin-bottom:26px;
		line-height:70px;
	}
	
	.home header .title {
		font-size:38px;
		margin-bottom:40px;
		line-height:48px;
	}
	
	header .year {
		font-size:30px;
	}
	
	.home .header .year {
		font-size:20px;
	}
	
	nav.sub ul ul {
		margin-top:18px;
	}
	
	nav.sub ul ul ul {
		margin-top:20px;	
	}
	
	#menu .container {
		padding-top:12px;	
	}
	
	nav.main,
	nav.utility,
	div.search {
		margin-bottom:30px;	
	}
	
	footer.main {
		padding-top:0;	
	}
	
	#menu-close a {
		top:18px;
	}
	
	nav.sub li.mobile-only {
		margin:0 4px 0 8px;	
	}
	
	.mobile-img {
		border:1px solid #ccc;
		overflow-x:scroll;
		margin-bottom:20px;
		padding:20px;
	}
	
	article .mobile-table table {
		margin:0;
		min-width:500px;
	}
	
	article .mobile-img img {
		max-width:none;
		display:block;
	}
	
	/*PAGE ARROWS*/
	ul#page-arrows							{ width:52px; float:right; margin:0; padding:12px 0 0 0; list-style:none;}
	ul#page-arrows li						{ float:left; width:20px; height:33px;}
	ul#page-arrows li.arrow-back 			{ margin-right:5px;}
	ul#page-arrows a,
	ul#page-arrows span						{ display:block; width:20px; height:0; padding-top:20px; overflow:hidden; background:url(../img/page-arrows.png) 0 0 no-repeat; background-size:20px 152px;}
	.no-backgroundsize ul#page-arrows a,
	.no-backgroundsize ul#page-arrows span	{ background-image:url(../img/page-arrows-50.png);}
	
	ul#page-arrows li.arrow-back a			{ background-position:0px -53px;}
	ul#page-arrows li.arrow-back a:hover	{ background-position:0px 0px;}
	ul#page-arrows li.arrow-next a			{ background-position:0px -132px;}
	ul#page-arrows li.arrow-next a:hover	{ background-position:0px -79px;}
	ul#page-arrows li.arrow-next span		{ background-position:0px -105px;}
	
	#home-banner {
		position:absolute;
		width:100%;
		height:100%;	
	}
	
	#home-banner .header {
		height:250px;
		width:250px;
		left:15px;
		top:50%;
		margin-top:-125px;
	}
	
	#home-banner .text {
		width:115px;
	}
	
	#home-banner h1 {
		font-size:40px;
		line-height:normal;
	}
	
	#home-banner h2 {
		font-size:20px;
		margin-top:30px;
	}
	
	#home-banner #bg-box {
		height:250px;
		width:250px;	
	}
	
	div.domain {
		display:none;
	}
	
	footer {
		padding-bottom:5px;
	}
	
}

@media (max-height: 729px)
and (min-width: 975px) {
	
	#menu {
		overflow:auto;
		overflow-x:hidden;
	}
	
	footer {
		position:relative;
		padding-bottom:0;
	}

}

@media (max-height: 585px) {
	
	#menu {
		overflow:auto;
		overflow-x:hidden;
	}
	
	footer {
		position:relative;
		padding-bottom:0;
	}
	
}

@media (max-width: 480px) {

	menu, ol, ul {
		padding: 0 0 0 25px;
	}
	#querybox {
		width:193px;
	}
	
	#tbxQuery {
		width:180px;
	}


}

@media (max-height: 360px) {
	
	.home header {
		height:180px;
		width:260px;
		padding-right:20px;
	}
	
	.home header .title {
		margin-bottom:20px;
	}
	
}

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

	#home-banner {
		position:absolute;
		width:100%;
		height:100%;	
	}
	
	#home-banner header {
		margin-top:0;
		height:180px;
		width:180px;
		top:50%;
		margin-top:-70px;
	}
	
	#home-banner .text {
		width:115px;
		padding:20px;
	}
	
	#home-banner h1 {
		font-size:30px;
		line-height:normal;
	}
	
	#home-banner h2 {
		font-size:20px;
		margin-top:20px;
	}
	
	#home-banner #bg-box {
		height:180px;
		width:180px;	
	}

}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}