* { border: 0; line-height: 100%; list-style: none; margin: 0; padding: 0; text-decoration: none; } body { background: #9aa7a9; color: #ddd; font-size: 16px; } h1, h2, h3, h4, h5, h6, .title { color: #fff; } body, input, select, textarea { font-family: "Trebuchet MS", Verdana, Tahoma; } a { color: #0e9597; } a:hover { text-decoration: underline; } .outer { clear: both; } .inner { background: transparent; margin: 0 auto; width: 960px; } .special-backdrop { background: #4b4b4b url(../img/mountains.png) no-repeat 50% -2px; overflow: auto; } .speech-arrow { background: url(../img/speech-arrow.png) no-repeat; height: 30px; position: absolute; width: 60px; } #head.outer, #head .inner { height: 100px; } #head .inner { background: transparent url(../img/dot.png) repeat-x 0 100%; } #head h1 { float: left; line-height: 100px; } #head h1 a { background: url(../img/logo.png) no-repeat; display: block; height: 80px; margin: 15px 0 5px 20px; overflow: hidden; text-indent: -1000px; width: 435px; } #head #navigation { float: right; height: 30px; margin: 20px 20px 20px 0; padding: 15px 20px; } #head #navigation li { float: left; margin: 0 0 0 1px; } #head #navigation li:first-child { } #head #navigation li a { background: url(../img/menu-sprite.png) 0 0 no-repeat; color: #0e9496; display: block; font-size: 18px; letter-spacing: -1px; line-height: 35px; padding: 0 20px; text-decoration: none; } #head #navigation li a:hover { background: url(../img/menu-sprite.png) 0 -35px no-repeat; } #head #navigation li.first a { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-radius-topleft: 5px; border-radius-bottomleft: 5px; } #head #navigation li.last a { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-radius-topright: 5px; border-radius-bottomright: 5px; } #head #navigation li.selected a { color: #fff; } #head #navigation li.selected a:hover { background: #14b7b7; } #head .search input[type="text"], #foot .search input[type="text"] { border: 1px solid #4b4b4b; border-right: 1px dotted #8b8b8b; color: #ccc; height: 28px; line-height: 30px; padding: 0 5px; width: 100px; } #head .search input[type="text"]:focus, #foot .search input[type="text"]:focus { color: #000; } #head .search input[type="submit"], #foot .search input[type="submit"] { background: #fff; border: 1px solid #4b4b4b; border-left: 0; color: #000; height: 30px; padding: 0 5px; } #head .search input[type="submit"]:hover, #foot .search input[type="submit"]:hover { cursor: pointer; } #content.outer, #content .inner { } #content.outer { } #content .inner { background: transparent; } #foot.outer, #foot .inner { overflow: auto; } #foot.outer { background: url(../img/dot.png) repeat-x 0 2px; padding: 0 0 10px; } #foot, #foot a { color: #d4ecea; } #foot ol { margin: 15px 0 0 0; } #foot ol>li { float: left; margin: 0 0 0 15px; width: 180px; } #foot ol>li:first-child { margin: 0; } #foot ul { margin: 5px 0 0 0; padding: 2px 0; } #foot ul>li { } #foot ul>li a { line-height: 18px; } #foot h4 { color: #99ac6c; color: #fff; font-size: 14px; } #foot a { font-size: 14px; } #foot .search { float: right; } #foot .search form { margin: 0 0 10px; } #foot #copyright { clear: both; font-size: 10px; line-height: 20px; } #foot #copyright a { font-size: 10px; } #cms-modal-mask, #cms-modal, #cms-modal-loading { display: none; position: absolute; } #cms-modal-mask { background: #000; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 100000; } #cms-modal * { font-size: 100%; margin: 0; padding: 0; } #cms-modal { color: #fff; font-size: 12px; z-index: 200000; } #cms-modal a { color: #9be0f8; } #cms-modal a:hover { color: #b5e9f3; text-decoration: underline; } #cms-modal ul { margin: 0 0 0 25px; } #cms-modal li { list-style: square; line-height: 2em; } #cms-modal-loading { background: url(../img/cms-loading.gif) 50% 50% no-repeat; height: 30px; width: 30px; z-index: 200000; } #cms-modal-inner { background: #222 url(../img/cms-penguin.png) 0 25px no-repeat; border: 1px solid #efefef; padding: 25px 25px 25px 80px; width: 410px; } #cms-modal-inner h1 { font-size: 2em; line-height: 2em; } #cms-modal-inner h3 { color: #39c; font-size: 1em; line-height: 1em; margin: 0 0 25px 0; } #cms-modal-inner fieldset { display: block; margin: 5px 0; } #cms-modal-inner fieldset.buttons { margin: 5px auto; text-align: right; width: 330px; } #cms-modal-inner label, #cms-modal-inner input[type="text"], #cms-modal-inner input[type="password"], #cms-modal-inner select, #cms-modal-inner textarea { font-size: 1em; padding: 5px; } #cms-modal-inner label { display: block; float: left; font-weight: bold; margin: 0 10px 0 0; text-align: right; width: 140px; } #cms-modal-inner #cms-modal-form label { text-align: left; } #cms-modal-inner input[type="text"], #cms-modal-inner input[type="password"], #cms-modal-inner select { float: left; width: 200px; } #cms-modal-inner select { width: 210px; } #cms-modal-inner #cms-modal-form input[type="text"], #cms-modal-inner #cms-modal-form input[type="password"] { float: none; } #cms-modal-inner #cms-modal-form input[type="checkbox"] { margin: 7px 0 0 0; } #cms-modal-inner textarea { width: 400px; height: 150px } #cms-modal-inner input[type="submit"] { background: transparent; border: 1px solid transparent; color: #fff; padding: 3px 5px; position: relative; } #cms-modal-inner input[type="submit"]:hover { border-color: #1b7cae; color: #b5e9f3; cursor: pointer; } #cms-modal-close { border: 1px dotted #b5e9f3; border-right: 0; border-top: 0; color: #efefef; height: 20px; line-height: 20px; position: absolute; right: 1px; text-align: center; text-decoration: none; top: 1px; width: 50px; } #cms-modal-close:hover { border-style: solid; color: #b5e9f3; } #cms-modal-messages { margin: -15px 0 15px; padding: 5px 5px 5px 35px; } #cms-modal-messages.error { border: 1px solid #a23030; color: #f00; border: 1px solid #a23030; color: #f3b5b5; } #cms-modal-messages.success { border: 1px solid #bef3b5; color: #38a230; border: 1px solid #38a230; color: #bef3b5 } #cms-modal-messages.warning { border: 1px solid #a29b30; color: #ff0; border: 1px solid #a29b30; color: #f3f2b5; } #cms-modal-messages li { list-style: square; } .cms-edit { background: url(../img/cms-edit.png) no-repeat; border: 1px solid #1b7cae; display: inline block; height: 16px; position: absolute; width: 16px; z-index: 10000; } .cms-edit:hover { background-color: #1b7cae; background-position: 0 -15px; } .cms-edit-box { display: inline-block; } #cms-menu { background: url(../img/cms-logo.png) 5px 50% no-repeat; border: 1px solid #1b7cae; color: #1b7cae; left: 50px; padding: 5px 10px 5px 42px; position: fixed; text-decoration: none; top: 50px; z-index: 9999999; } #cms-menu:hover { background-color: #1b7cae; color: #9be0f8; } #cms-modal .cms-pages { margin: 10px 0 0 0; } #cms-modal .cms-pages a { border: 1px solid transparent; color: #fff; display: inline-block; padding: 3px; } #cms-modal .cms-pages .selected { border-color: #1b7cae; color: #b5e9f3; } #cms-modal .cms-pages .selected:hover { } .dark { background: url(../img/journey-info.png); } a.button, input[type="submit"].button { background: #79865a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; cursor: pointer; display: block; font-size: 16px; height: 35px; line-height: 35px; margin: 15px auto; text-align: center; width: 140px; } a.button:hover, input[type="submit"].button:hover { background: #a0b177; text-decoration: none; } a.button.back, input[type="submit"].button.back { background: #954640; } a.button.back:hover, input[type="submit"].button.back:hover { background: #b74037; } a.button.forward, input[type="submit"].button.forward { background: #406b95; background: #0e9496; } a.button.forward:hover, input[type="submit"].button.forward:hover { background: #3778b7; background: #14b7b7; } #front-splash { background: url(../img/scenario-front.png) no-repeat; height: 500px; position: relative; width: 960px; } #front-splash .speech-arrow { right: 500px; top: 150px; } #front-splash #intro { background: url(../img/journey-info.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: #fff; float: right; margin: 100px 50px 0 0; width: 450px; } #front-splash #intro h3 { background: url(../img/dot-header.png) repeat-x 0 100%; font-size: 20px; height: 45px; line-height: 45px; margin: 0 15px 15px; } #front-splash #intro p { font-size: 16px; line-height: 20px; margin: 15px; } #front-splash #intro .button { width: 230px; } #front-welcome-icon, #front-about-icon, #front-health-pro-icon { background: url(../img/clipart_sprite.png) no-repeat; display: block; float: left; } #front-welcome-icon { background-position: 0 0; height: 29px; margin: 6px 10px 6px 0; width: 33px; } #front-about-icon { background-position: -33px 0; height: 26px; margin: 9px 10px 9px 0; width: 39px; } #front-health-pro-icon { background-position: -72px 0; height: 25px; margin: 9px 5px 10px 0; width: 24px; } #front-begin { padding: 30px 50px 15px; } #front-begin li { background: #2d2d2d; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 0 0 30px 0; overflow: auto; width: 400px; } #front-begin li h3 { background: url(../img/dot.png) repeat-x 0 100%; clear: both; font-size: 20px; height: 45px; line-height: 45px; margin: 0 15px 15px; text-transform: uppercase; } #front-begin li p { font-size: 14px; line-height: 16px; margin: 0 15px 15px; } #front-health-pro { float: right; } #front-about { float: left; } #front-treaties { clear: both; overflow: auto; padding: 0 50px; } #front-treaties li { background: url(../img/dot-dark.png) repeat-y 0 0; float: left; height: 100px; width: 265px; padding: 10px 10px 10px 8px; } #front-treaties li:first-child { background: transparent; } #front-treaties li a { display: block; color: #fff; height: 100px; text-decoration: none; width: 265px; } #front-treaties li span { display: block; } #front-treaties li .icon { background: #4b4b4b; color: #4b4b4b; float: left; font-size: 24px; height: 32px; line-height: 32px; margin: 0 0 0 4px; padding: 18px 0 0; width: 35px; text-align: center; } #front-treaties li .content { float: left; margin: 0 0 0 16px; width: 210px; } #front-treaties li .title { font-size: 20px; height: 30px; line-height: 30px; margin: 10px 0 0; text-transform: uppercase; } #front-treaties li .blurb { font-size: 12px; line-height: 14px; } #front-treaties li a:hover .icon { background-position: -94px -50px; color: #2d2d2d; } #front-treaties #treaty6 .icon, #front-treaties #treaty7 .icon, #front-treaties #treaty8 .icon { background: url(../img/clipart_sprite.png) -94px 0 no-repeat; overflow: hidden; text-indent: -1000px; } #front-treaties #treaty6 .icon { background-position: -96px 0; } #front-treaties #treaty7 .icon { background-position: -131px 0; } #front-treaties #treaty8 .icon { background-position: -166px 0; } #front-social { background: url(../img/dot-dark.png) repeat-x 0 0; overflow: auto; margin: 0 50px; padding: 8px 0 30px; } #front-social>li { background: url(../img/dot-dark.png) repeat-y 0 0; float: left; padding: 0 10px; width: 410px; word-wrap: break-word; } #front-social>li:first-child { background: transparent; } #facebook-icon, #twitter-icon { background: url(../img/clipart_sprite.png) no-repeat 0 -58px; float: left; height: 32px; margin: 10px 0 0 15px; width: 32px } #twitter-icon { background-position: -32px -58px; width: 40px; } #facebook-like { float: right; height: 25px; margin: 15px 15px 0 0; overflow: hidden; width: 46px; } #front-social .title { float: left; height: 32px; margin: 10px 0 0 10px; width: 250px; } #front-social .title a { color: #fff; font-size: 20px; line-height: 32px; text-decoration: none; text-transform: uppercase; } #front-social .hash { color: #a0b177; display: block; float: right; font-size: 12px; line-height: 32px; } #front-social .title a:hover .hash { text-decoration: none; } #front-social ul { clear: both; font-size: 12px; margin: 0 15px; padding: 5px 0 0 20px; } #front-social ul li { line-height: 14px; list-style: square; margin: 5px 0; } #jobs-content { background: url(../img/journey-info.png); margin: 30px auto; padding: 15px; width: 570px; } #jobs-content p { margin: 10px 0; line-height: 20px; } #jobs-content .button { width: 375px; } #jobs-icon { background: url(../img/clipart_sprite.png) -200px 0 no-repeat; float: right; height: 130px; margin: 10px 10px 10px 20px; width: 60px; }