/* 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, 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-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* overall */
body { background: url(../images/bg-gradient.png) repeat-x #4e8abe; font-family: arial, sans-serif; color: #393638; font-size: 13px;  }
#header { position: relative; height: 228px; }
#container { width: 1024px; margin: 0 auto; position: relative;  }
#content { position: relative; }

/* main nav */
#main-nav { position: relative; display: block; background: #005695; padding-left: 18px; height: 48px; }
#main-nav li { float: left; text-transform: uppercase; }
#main-nav li a { display: block; color: #fff; font-size: 12px; text-decoration: none; letter-spacing: .4px; padding: 18px 11px; font-family: 'Lato', sans-serif; }
#main-nav li a:hover { background: url(../images/main-nav-arrow.png) no-repeat bottom center; }
#main-nav li a.overview:hover { background: none; }
#main-nav .dropdown { position: absolute; display: none; width: 100%; bottom: -54px; left: 0; background: #4477ae; z-index: 1000; }
#main-nav li a:hover .dropdown { display: block;  }
#main-nav .dropdown span { display: block; padding: 20px 20px; text-transform: none; font-size: 14px; }

/* main nav */
#main-nav-footer { position: relative; display: block; background: #005695; padding-left: 18px; height: 48px; }
#main-nav-footer li { float: left; text-transform: uppercase; }
#main-nav-footer li a { display: block; color: #fff; font-size: 12px; text-decoration: none; letter-spacing: .4px; padding: 18px 11px; font-family: 'Lato', sans-serif; }
#main-nav-footer li a:hover { background: url(../images/main-nav-arrow.png) no-repeat bottom center; }
#main-nav-footer li a.overview:hover { background: none; }
#main-nav-footer .dropdown { position: absolute; display: none; width: 100%; bottom: -54px; left: 0; background: #4477ae; z-index: 1000; }
#main-nav-footer li a:hover .dropdown { display: block;  }
#main-nav-footer .dropdown span { display: block; padding: 20px 20px; text-transform: none; font-size: 14px; }

/* footer */
.page footer #main-nav { top: 0; margin-bottom: 30px; }
.page footer #main-nav li a:hover { background: none; }
.page footer #main-nav li a:hover .dropdown { left: -40000px; }
.page footer #logo { position: static; background: none; margin: 20px auto 0; }
.page footer #logo img { width: 50px; }

/* dropdown positions */
#main-nav a#deliver span { padding-left: 120px; }
#main-nav a#advance span { padding-left: 194px; }
#main-nav a#collaborate span { padding-left: 273px; }
#main-nav a#expand span { padding-left: 385px; }
#main-nav a#benchmark span { padding-left: 456px; }
#main-nav a#seek span { padding-left: 220px; }
#main-nav a#pursue span { padding-left: 368px; }
#main-nav a#promote span { padding-left: 525px; }
#main-nav a#lead span { padding-left: 577px; }
#main-nav a#streamline span { padding-left: 537px; }

/* home */
#hp-banner img { display: block;  border-bottom: 2px solid #fff; }
#container.home #main-nav { top: 210px; }
#hp-lines { position: absolute; top: 0; left: 54px;  border-left: 2px solid #fff; border-bottom: 2px solid #fff; height: 100px; width: 210px; }
#hp-title { position: absolute; top: 60px; left: 300px; text-transform: uppercase; color: #fff; font-size: 36px; line-height: 40px; }
#hp-text { position: absolute; top: 320px; right: 0; width: 730px; color: #fff; font-size: 20px; line-height: 33px; font-family: 'Lato', sans-serif; font-weight: 200; }
#hp-text p { margin-bottom: 20px; }
#logo { display: block; width: 101px; height: 132px; position: absolute; top: 330px; left: 95px; background: url(../images/logo-octa.png) no-repeat; text-decoration: none; }

/* page */
#page-year { position: absolute; font-size: 160px; font-weight: 800; color: #cadae8; top: 20px; left: 28px; font-family: 'Lato', sans-serif; }
#page-title { position: absolute; top: 105px; left: 410px; text-transform: uppercase; color: #cadae8; font-size: 24px; line-height: 32px; font-family: 'Lato', sans-serif; }
.page #main-nav { top: 180px; }
.page #main-nav .dropdown { opacity: .9; }
.page #content { background: #fff; overflow: hidden; padding-bottom: 80px;}
.page #left { float: left; width: 264px; }
.page #left img { display: block; float: left; }
.page #right { float: right; width: 736px; padding: 20px 0 0 20px; }
.page h1 { color: #4e8abe; font-size: 22px; text-transform: uppercase; letter-spacing: .8px; margin-bottom: 74px;  line-height: 26px; font-family: 'Lato', sans-serif; }
.page h1#two-lines { margin-bottom: 48px; font-family: 'Lato', sans-serif; }
.page h2 { color: #4e8abe; margin-bottom: 10px; font-size: 16px; font-family: 'Lato', sans-serif; }
.page h2 a { color: #4e8abe; text-decoration: none; }
.page #right ul { list-style: square; padding: 0 40px 0 17px; margin-bottom: 20px; }
.page #right ul li { line-height: 24px; color: #4e8abe; }
.page #right ul li span { color: #393638; }
.page #right ul li ~ li { margin-top: 10px; }
.page #right ol { list-style: square; padding: 0 40px 0 17px; margin-bottom: 20px; }
.page #right ol li { line-height: 24px; color: #4e8abe; list-style-type: upper-alpha; }
.page .image-break { background: #d1d2d4; padding: 20px 20px 20px 80px; margin: 40px 0 30px; }
.page .image-break img { border: 3px solid #fff; }
.page .image-break img ~ img { margin-left: 40px; }
.page p { line-height: 24px; color: #393638; width: 92%;  }
.page p ~ p { margin-top: 20px; }
.financial-pdf { display: block; margin: 20px 0 10px; color: #4e8abe; text-decoration: none; font-weight: 700; font-size: 16px; }