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, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 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, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

body { background: url("../img/bg.png") repeat #636363; }

body { font: 400 14px/1.3em "Open Sans", sans-serif; color: #636363; }

h1, h2, h3, h4, h5, h6 { font-family: "Oswald", sans-serif; font-style: 400; line-height: 1.5em; margin: 20px 0 15px; }

h1 { font-size: 1.7em; color: #01559d; }
h1 a { color: #01559d; }

h2 { font-size: 1.5em; color: #01559d; }
h2 a { color: #01559d; }

h3 { font-size: 1.4em; color: #f57f1d; }
h3 a { color: #f57f1d; }

h4 { font-size: 1.3em; color: #01559d; }
h4 a { color: #01559d; }

h5 { font-size: 1.2em; color: #f57f1d; }
h5 a { color: #f57f1d; }

h6 { font-size: 1.1em; color: #000; }
h6 a { color: #000; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
h1 a .orange, h2 a .orange, h3 a .orange, h4 a .orange, h5 a .orange, h6 a .orange { color: #f57f1d; }
h1 a .blue, h2 a .blue, h3 a .blue, h4 a .blue, h5 a .blue, h6 a .blue { color: #6698c3; }
h1 a .gray, h2 a .gray, h3 a .gray, h4 a .gray, h5 a .gray, h6 a .gray { color: #636363; }
h1 .orange, h2 .orange, h3 .orange, h4 .orange, h5 .orange, h6 .orange { color: #f57f1d; }
h1 .blue, h2 .blue, h3 .blue, h4 .blue, h5 .blue, h6 .blue { color: #6698c3; }
h1 .gray, h2 .gray, h3 .gray, h4 .gray, h5 .gray, h6 .gray { color: #636363; }

.orange { color: #f57f1d; }

.blue { color: #6698c3; }

.gray { color: #636363; }

p { margin: 10px 0 15px; }

a { color: #01559d; }
a:hover { color: #f57f1d; }
a img { border: none; }
a.orange { color: #f57f1d; }
a.orange:hover { color: #6698c3; }
a.blue { color: #6698c3; }
a.blue:hover { color: #f57f1d; }
a.gray { color: #636363; }
a.gray:hover { color: #f57f1d; }

.aligncenter { float: left; width: 100%; height: auto; margin: 10px 0 15px; }

.alignleft { float: left; margin: 10px 20px 15px 0; max-width: 100%; height: auto; }

.alignright { float: right; margin: 10px 0 15px 20px; max-width: 100%; height: auto; }

.normal { font-weight: 400; }

strong { font-weight: 700; }

em { font-style: italic; }

ul { list-style-type: disc; list-style: initial; margin: 0 0 0 20px; }
ul li { margin: 0 0 15px; }
ul ul { list-style-type: circle; margin: 15px 0 0 20px; }

ol { list-style-type: decimal; margin: 0 0 0 20px; }
ol li { margin: 0 0 15px; }

.wrapper { max-width: 980px; width: 90%; margin: 0 auto; position: relative; }

.left { float: left; }

.right { float: right; }

.menu ul { list-style: none; margin: 0; padding: 0; }
.menu ul li { display: inline-block; margin: 0; }
.menu ul li a { display: block; padding: 5px 10px; text-decoration: none; }
.menu ul li a:hover { text-decoration: none; color: #f57f1d; }

.mainwrapper { width: 100%; margin: 0; overflow: hidden; background: url(../img/gradient.png) repeat-x fixed; }

#header { float: left; width: 100%; position: relative; z-index: 100; }
#header .logo { float: left; width: 27%; background: #fff; margin: 0; }
#header .logo img { width: 100%; height: auto; }
#header .title { float: left; margin: 35px 2% 0; }
#header .search { float: right; margin: 10px 0 0; }
#header .social { float: right; clear: right; margin: 10px 0 0; }

.index { position: relative; z-index: 90; }
.index .pagetitle { color: #fff; background: none; font-size: 5.7em; line-height: 1.1em; text-transform: uppercase; margin: 40px 0 20px; }
.index .pagetitle .orange { clear: left; display: inline-block; }
.index .subtext { display: inline-block; color: #fff; margin: 0; font-size: 1.7em; font-family: "Oswald", sans-serif; text-transform: uppercase; line-height: 1.2em; max-width: 620px; }

.menu.main { float: right; position: relative; z-index: 1000; text-align: right; }
.menu.main .menu { text-align: left; }
.menu.main .mobilebttn { display: none; background: url("../img/menu.png") no-repeat 0 0 transparent; width: 50px; height: 50px; float: right; position: relative; z-index: 1000; }
.menu.main a { font-family: "Oswald", sans-serif; font-size: 1.4em; display: block; color: #fff; }
.menu.main a:hover { color: #f57f1d; text-decoration: underline; }
.menu.main .current_page_ancestor a, .menu.main .current_page_item a { color: #f57f1d; text-decoration: underline; }
.menu.main li { position: relative; padding: 20px 5px; }
.menu.main ul.sub-menu { display: none; position: absolute; width: 220px; color: #000; padding: 10px 0; top: 65px; left: 0; border-top: 10px solid #f57f1d; -moz-box-shadow: #636363 0 0 1px; -webkit-box-shadow: #636363 0 0 1px; box-shadow: #636363 0 0 1px; background: url("../img/triangle_orange.png") no-repeat bottom right #fff; }
.menu.main ul.sub-menu li { width: 100%; padding: 0; float: left; }
.menu.main ul.sub-menu a { display: block; color: #000; font: 400 13px/1em "Open Sans", sans-serif; padding: 0; margin: 5px 5%; text-decoration: none; }
.menu.main ul.sub-menu a:hover { color: #f57f1d; text-decoration: underline; }
.menu.main ul.sub-menu .current_page_item a { color: #f57f1d; text-decoration: underline; }
.menu.main li:hover ul.sub-menu { display: block; }
.menu.main.mobile { position: relative; z-index: 100; width: 70%; margin: 7px 0; }
.menu.main.mobile .mobilebttn { display: block; }
.menu.main.mobile .menu { display: none; text-align: left; width: 90%; position: absolute; top: 58px; z-index: 100; right: 0; border-top: 1px solid #fff; -moz-box-shadow: #636363 0 0 1px; -webkit-box-shadow: #636363 0 0 1px; box-shadow: #636363 0 0 1px; }
.menu.main.mobile .menu li { width: 100%; float: left; margin: 0; padding: 0; }
.menu.main.mobile .menu li a { padding: 10px 5%; width: 90%; display: block; background: #636363; color: #fff; margin: 0; border-bottom: 1px solid #fff; float: left; text-decoration: none; }
.menu.main.mobile .menu li.current_page_item a { color: #f57f1d; }
.menu.main.mobile .menu li.menu-item-has-children a { background: url("../img/arrow.png") no-repeat center right #636363; }
.menu.main.mobile .menu li.menu-item-has-children.open a { background: url("../img/arrow-dwn.png") no-repeat center right #636363; }
.menu.main.mobile .menu li.menu-item-has-children.open .children a { background: #636363; }
.menu.main.mobile .menu li ul.sub-menu { display: none; width: 100%; float: left; position: relative; margin: 0; padding: 0; bottom: 0; top: 0; border: none; }
.menu.main.mobile .menu li ul.sub-menu li a { color: #fff; text-decoration: none; padding: 15px 5%; }
.menu.main.mobile .menu li ul.sub-menu li.current_page_item a { color: #f57f1d; }

#content { float: left; width: 100%; background: url("../img/world.png") no-repeat top center fixed; position: relative; z-index: 90; }
#content.page { margin: 40px 0; min-height: 100px; }
#content .section { float: left; min-height: 1px; overflow: hidden; }
#content .section .sectiontitle { color: #fff; font-family: "Oswald", sans-serif; width: 92%; display: block; padding: 10px 5%; margin: 0; text-transform: uppercase; float: left; }
#content .section .sectionsubtitle { text-transform: uppercase; margin: 0; }
#content .section .conwrap { color: #636363; width: 90%; display: block; padding: 0 5% 40px; margin: 0; float: left; }
#content .section.callout .sectiontitle a { color: #fff; }
#content .section.callout .sectiontitle a:hover { color: #f57f1d; }
#content .section.callout.orange .sectiontitle a:hover { color: #01559d; }
#content .section.callout .conwrap { padding: 10px 5%; }
#content .section.callout .aligncenter { margin: 0; }
#content .section a.title { text-decoration: none; }
#content .section.orange { background: url("../img/triangle_orange.png") no-repeat bottom right #fff; -moz-box-shadow: #636363 0 0 1px; -webkit-box-shadow: #636363 0 0 1px; box-shadow: #636363 0 0 1px; color: #636363; }
#content .section.orange .sectiontitle { background: #f57f1d; }
#content .section.blue { background: url("../img/triangle_blue.png") no-repeat bottom right #fff; -moz-box-shadow: #636363 0 0 1px; -webkit-box-shadow: #636363 0 0 1px; box-shadow: #636363 0 0 1px; color: #636363; }
#content .section.blue .sectiontitle { background: #01559d; }
#content .section.black { background: url("../img/triangle_black.png") no-repeat bottom right #fff; -moz-box-shadow: #636363 0 0 1px; -webkit-box-shadow: #636363 0 0 1px; box-shadow: #636363 0 0 1px; color: #636363; }
#content .section.black .sectiontitle { background: #000; }
#content .section.black { background: url("../img/triangle_black.png") no-repeat bottom right #fff; -moz-box-shadow: #636363 0 0 1px; -webkit-box-shadow: #636363 0 0 1px; box-shadow: #636363 0 0 1px; color: #636363; }
#content .section.black .sectiontitle { background: #000; }
#content .section.full { width: 100%; }
#content .section.onethird { width: 31%; }
#content .section.twothird { width: 64%; }
#content .section.onefourth { width: 23%; }
#content .section.half { width: 48%; }
#content .section.threefourth { width: 73%; }
#content .section.left { margin: 0 2% 0 0; }
#content .section.center { margin: 0 1%; }
#content .section.right { margin: 0 0 0 2%; float: right; }

img.wp-post-image { float: left; margin: 15px 2% 10px 0; max-width: 33%; height: auto; }

.post img.wp-post-image { float: left; margin: 15px 5% 40px 0; width: 33%; height: auto; }
.post .post-content { float: left; width: 65%; }
.post.extraspace { float: left; width: 100%; margin: 0 0 20px; }

.posts.grid .post { float: left; width: 23%; margin: 0 1% 20px; }
.posts.grid .post:nth-child(5n+0) { clear: left; }
.posts.grid .post img { width: 100%; height: auto; }

.widgets.grid .widget { float: left; width: 30%; margin: 0 1.5% 20px; }
.widgets.grid .widget:nth-child(4n+0) { clear: left; }
.widgets.list .widget { float: left; width: 100%; margin: 0 0 20px; padding: 0; border-bottom: 1px solid #636363; text-align: center; border-top: 10px solid #f57f1d; }
.widgets.list .widget img { max-width: 100%; height: auto; }
.widgets.list .widget p { margin: 10px 5% 15px; }
.widgets.list .widget.categorymenu { padding: 20px 5%; width: 90%; }
.widgets.list .widget.categorymenu a { color: #636363; text-decoration: none; }
.widgets.list .widget.categorymenu a:hover { color: #f57f1d; }
.widgets.list .widget.categorymenu .current_page_item a { color: #f57f1d; }
.widgets.list .widget.categorymenu ul { list-style: none; margin: 0; padding: 0; }
.widgets.list .widget.categorymenu li { text-align: left; }

#footer { float: left; width: 100%; margin: 20px 0; font-family: "Oswald", sans-serif; font-size: 1.2em; color: #000; }
#footer .menu.footer { display: inline; }
#footer .menu.footer .menu { display: inline; }
#footer .menu.footer ul { display: inline; }
#footer .menu.footer ul.children { display: none; }
#footer .menu.footer a { padding: 5px 10px 0 0; color: #000; }
#footer .menu.footer a:hover { color: #f57f1d; }
#footer .copy { display: block; margin: 10px 0 0; }

.large { display: none; }

.medium { display: none; }

.small { display: none; }

@media only screen and (min-width: 1023px) { .large { display: block; }
  #content .section.titles { margin: 0 0 90px; width: 100%; }
  #content .section.callout { width: 32%; margin: 0 2% 10px 0; padding: 0; height: 430px; }
  #content .section.callout:last-child { margin: 0; }
  #content .section.callout.whitepaper .conwrap { padding: 0 5% 10px; } }
@media only screen and (max-width: 1024px) and (min-width: 801px) { .medium { display: block; }
  .logo { position: relative; z-index: 90; }
  .menu.main { float: right; position: absolute; z-index: 1000; width: 100%; right: 0; text-align: right; }
  .menu.main .mobilebttn { display: none; background: url("../img/menu.png") no-repeat 0 0 transparent; width: 50px; height: 50px; float: right; }
  .menu.main.mobile { position: absolute; z-index: 100; width: 100%; }
  .menu.main.mobile .menu { width: 100%; }
  #content .section.titles { margin: 0 0 90px; }
  #content .section.callout { width: 32%; margin: 0 2% 10px 0; padding: 0; height: 348px; overflow: hidden; }
  #content .section.callout:last-child { margin: 0; }
  #content .section.callout.whitepaper .conwrap { padding: 0 5% 10px; } }
@media only screen and (max-width: 800px) { .small { display: block; }
  .nosmall { display: none; }
  #header { float: left; width: 100%; }
  #header .logo { width: 70%; position: relative; z-index: 90; }
  .menu.main { float: right; position: absolute; z-index: 1000; width: 100%; right: 0; text-align: right; }
  .menu.main .mobilebttn { display: none; background: url("../img/menu.png") no-repeat 0 0 transparent; width: 50px; height: 50px; float: right; }
  .menu.main.mobile { position: absolute; z-index: 100; width: 100%; }
  .menu.main.mobile .menu { width: 100%; }
  .index .pagetitle { font-size: 4.7em; }
  #content .section.titles { margin: 0 0 90px; }
  #content .section.callout { width: 100%; margin: 0 0 10px 0; padding: 0; }
  #content .section.callout.whitepaper .conwrap { padding: 0 5% 10px; }
  #content .section.full { width: 100%; }
  #content .section.onethird { width: 100%; }
  #content .section.twothird { width: 100%; }
  #content .section.onefourth { width: 100%; }
  #content .section.half { width: 100%; }
  #content .section.threefourth { width: 100%; }
  #content .section.left { margin: 0 0 20px; }
  #content .section.center { margin: 0 0 20px; }
  #content .section.right { margin: 0 0 20px; }
  #footer .menu ul li { text-align: center; width: 100%; margin: 0 0 10px; }
  #footer .copy { display: block; width: 100%; text-align: center; margin: 10px 0 0; } }