/* --- CSS3 Document --- */
/* --------------------- */

/* --- 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, font, 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 {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse; border-spacing: 0}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}

/* --- Common --- */
/* -------------- */
body {background: #000; font: 12px Arial, Helvetica, Garuda, sans-serif}
.outer {height: 5px; overflow: hidden; background: #004e93}
.wrapper {width: 980px; margin: 0 auto}
.content {padding-bottom: 25px; border-bottom: 1px solid #0a243a}
.pt-20 {padding-top: 20px!important}
.fs-14 {font-size: 14px!important}
.fs-18 {font-size: 18px!important}
.white {color: white!important}
.center {text-align: center}



/* --- Header --- */
/* -------------- */
.header {height: 65px; padding-top: 24px}
.header-left {float: left; width: 720px}
.header-right {float: left; width: 260px; color: #8bb0d1; font-weight: bold; line-height: 22px}
.header-right .h-title {color: #69a5d9}
.header-right .phone {font-size: 14px}
.hero-banner {height: 167px; background: url('../images/hero-banner.jpg') no-repeat}

/* --- Menu --- */
/* ------------ */
.menu {height: 38px; border: 1px solid #0d2e4b; background: url('../images/menu-background.png') repeat-x}
.menu ul {list-style: none}
.menu li {float: left; background: url('../images/menu-delimiter.png') right no-repeat}
.menu a {display: inline-block; line-height: 38px; padding: 0 12px 0 40px; background: url('../images/menu-icon.jpg') 11px 10px no-repeat; color: #50a8d3; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 13px}

/* --- Content Home --- */
/* -------------------- */
.content-home {padding-bottom: 36px; border-bottom: 1px solid #0a243a}
.content-home .items {list-style: none}
.content-home .items li {float: left; width: 230px; padding: 10px 10px 0; background: url('../images/home-item-delimiter.png') right top no-repeat}
.content-home .items li:first-child {padding-left: 0}
.content-home .items li:last-child {padding-right: 0; background: none}
.content-home .items .logo {height: 87px; position: relative; display: table; vertical-align: middle; text-align: center; width: 230px}
.content-home .items .logo .inner {width: 100%; display: table-cell; vertical-align: middle; position: relative; text-align: center}
.content-home .items .image {text-align: center; height: 106px; overflow: hidden}
.content-home .items .text {width: 202px; height: 60px; border: 4px solid #0a243a; border-bottom: none; background: #0a243a url('../images/item-text-background.png') repeat-x; color: white; padding: 10px; line-height: 18px}
.content-home .items .delimiter {height: 2px; overflow: hidden; background: url('../images/item-inner-delimiter.gif') repeat-x}
.content-home .items .link {border: 4px solid #00182e; background: #0a243a url('../images/item-text-background.png') repeat-x; padding: 0 10px; overflow: hidden}
.content-home .items .link a {display: inline-block; float: right; height: 28px; line-height: 28px; color: white; font-weight: bold; padding: 0 4px 0 16px; background: url('../images/more-link-icon.png') 0 7px no-repeat; text-decoration: none; text-transform: uppercase; font-size: 11px}

/* --- Content Left --- */
/* -------------------- */
.content-left {float: left; width: 677px; background: #041122 url('../images/content-left-background.png') repeat-x; padding: 0 22px 30px 30px; color: #aec8de; line-height: 18px}
.content-left h1 {height: 79px; line-height: 79px; font-size: 30px; color: #acccdc; border-bottom: 1px solid #273649; position: relative}
.content-left h1 img {position: absolute; bottom: 10px; right: 0; border: 1px solid #0b1d34}
.content-left h2 {padding: 10px 0; color: #fff; font-size: 14px}
.content-left h3 {padding: 10px 0; color: #fff; font-size: 12px}
.content-left p {padding: 10px 0}
.arrow-ul {padding: 10px 0; list-style: none}
.arrow-ul li {padding-left: 36px; background: url('../images/arrow-ul-background.png') no-repeat}
.bullet-ul {padding: 10px 0; list-style: none}
.bullet-ul li {padding-left: 35px; background: url('../images/bullet-ul-background.png') no-repeat}
.content-left a {color: white; font-weight: bold}
.content-left a:hover {text-decoration: none}
.content-delimiter {margin: 10px 0; height: 1px; overflow: hidden; background: #273649}
.content-left .image-left {float: left; width: 142px; padding-top: 10px}
.content-left .text-right {float: left; width: 535px}

/* --- Sidebar --- */
/* --------------- */
.content-right {float: right; width: 231px; background: url('../images/home-item-delimiter.png') left top no-repeat; padding: 10px 0 0 10px}
.call-to-action-block {margin-bottom: 12px}
.call-to-action-block.stay-up {height: 83px; background: url('../images/login-background.jpg') no-repeat; color: white; padding: 13px 15px 0 17px}
.stay-up .title {font-weight: bold; font-style: italic; font-size: 16px; margin-bottom: 10px}
.stay-up .stay-up-left {clear: both; width: 44px; float: left; font-weight: bold}
.stay-up .stay-up-right {width: 152px; height: 16px; border: 1px solid #255b82; background: white; float: left; margin-bottom: 4px}
#stay-up-name, #stay-up-email {width: 150px; border: none; background: none; height: 14px; font-size: 11px; color: #666666}
#stay-up-email {width: 125px; position: relative; top: -1px}
.stay-up-button {width: 24px; height: 14px; background: url('../images/stay-up-button.gif') no-repeat; border: none; position: relative; top: 1px; left: 2px; cursor: pointer}
#navigation-block {padding: 15px; padding-bottom: 10px; border:solid 1px #334; background: #041122 url(/images/content-left-background.png) repeat-x scroll 0 0;}
#navigation-block a {color: #CCCCD3;display: block; margin-bottom: 5px; font-size:12px;}
#navigation-block a:hover {color: white}
/* --- Footer --- */
/* -------------- */
.footer {padding: 12px 0; overflow: hidden; font-size: 11px; color: #568bb7; line-height: 20px; clear: both}
.footer .footer-left {float: left; width: 465px; padding-left: 25px; background: url('../images/black-icon.png') 5px 3px no-repeat}
.footer .footer-left a {color: #568bb7; text-decoration: none}
.footer .footer-left a:hover {text-decoration: underline}
.footer .footer-right {float: left; width: 490px; text-align: right}
.footer .footer-right a {color: #568bb7; text-decoration: none; font-weight: bold}
.footer .footer-right a:hover {text-decoration: underline}

/* --- Tables --- */
/* -------------- */
.stable {margin: 10px 0}
.stable thead td {background: #132438; border-bottom: 1px solid #041122; border-right: 1px solid #041122; padding: 10px 22px 10px 52px; width: 104px; font-size: 11px; color: #aec8de}
.stable thead td strong {font-size: 12px}
.stable tbody td {background: #041122; border-right: 1px solid #132438; padding: 10px 0 10px 54px}
.stable tbody .head td {background: #091829; color: #fff; font-weight: bold; padding-left: 14px; padding-right: 14px}
.stable .last {border-right: none}
.stable .number {width: 40px; border-right: none; padding-left: 14px}
.stable .data {padding-left: 0; width: 126px}
.stable .allwidth {width: 506px; padding-left: 14px}
.stable .colors {width: 492px; padding: 22px 21px 8px}
.stable .colors .clear div {width: 57px; float: left; font-size: 11px; padding-bottom: 14px}
.stable .colors .clear img {border: 1px solid #5b7393}

/* --- Contact Form --- */
/* -------------------- */
.contact-form-top {border-bottom: 1px solid #273649; padding: 0 0 6px 6px}
.contact-form-layer {float: left; width: 373px}
.contact-form-layer label {color: white; font-weight: bold}
.contact-form-layer input {width: 350px; height: 17px; background: #465c78; border: 1px solid #1a3354; margin-bottom: 6px; font: 11px Arial, Helvetica, Garuda, sans-serif; color: white; padding: 2px 2px 0}
.contact-form-layer textarea {width: 350px; height: 131px; background: #465c78; border: 1px solid #1a3354; font: 11px Arial, Helvetica, Garuda, sans-serif; color: white; padding: 2px}
.contact-details {float: left; width: 290px}
.cd-left {float: left; width: 138px; padding-top: 14px; color: #568bb7}
.cd-right {float: left; width: 138px; padding-top: 14px; color: #568bb7}
.cd-allweight {width: 276px; padding-top: 14px; color: #568bb7}
.contact-form-bottom {background: url('../images/home-item-delimiter.png') 280px 0 no-repeat; width: 622px; padding-bottom: 6px; position: relative}
.contact-form-bottom label {font-weight: bold}
.cfb-left {float: left; width: 260px}
.cfb-left input, .cfb-right input {margin-left: 10px; margin-right: 10px}
.cfb-right {float: right; width: 312px}
.submit-button {position: absolute; right: 0; bottom: 0; width: 103px; height: 30px; background: url('../images/submit-button.jpg') no-repeat; border: none; cursor: pointer}
#contact-confirm-container{height:300px;}