html{ background:#e6e6e6 url(../images/bg-html.gif) repeat-x; height:100%; }
body { margin: 0; color: black; font: 14px arial,sans-serif; background: url(/images/bg-body.gif) no-repeat 50% 0; height: 100%; min-width: 984px; }

body > img { display: none; }

#main-container { display: table; width: 100%; height: 100%; }
#wrapper { display: table-row; width: 100%; }
#main-wrap { margin: 0 auto; width: 984px; position: relative; padding-top: 148px; }

.wrapper { overflow: hidden; width: 100%; }

a { color: #0059C3; text-decoration: none; }
a:hover { color: #0059C3; text-decoration: underline; }
form, fieldset { margin: 0; padding: 0; border: none; }
.hidden, .no-display, .print { display: none; }
input, textarea, select { font: 14px arial,sans-serif; vertical-align: middle; margin: 0; }

.btn { 
	display: inline-block; 
	color: #FFFFFF; 
	border: 1px solid #206ca3 !important;
	padding: 3px 16px 3px 16px !important; 
	background: url('/images/gradient-overlay.png') repeat-x #0F88DB; 
	background-position: center; 
	text-align: center; 
	font-weight: bold; 
	text-decoration: none; 
	border-radius: 3px;
}
.btn:hover{background-image: url('/images/gradient-overlay-light.png'); border: 1px solid #23689a; text-decoration: none;}
.btn a { color: #fff; text-decoration: none; }
.btn.btn-green { background-color: #7ec42e; border-color: #549f00 !important; }
.btn.btn-grey { background-color: #ccc; border-color: #999 !important; }.btn-gm2 {  }
.post-job:hover { text-decoration: none; color: #fff; }

/* MAIN SECTION DISPLAY */
.logo { background: url(/images/logo.gif) no-repeat; margin: 0; display: block; width: 248px; height: 73px; text-indent: -9999px; position: absolute; top: 10px; left: -3px; z-index: 1; }
#main { background: url(/images/bg-main-c.gif) repeat-y; margin-bottom: 17px; }
#main h2 { margin: 0 0 10px 5px; font-size: 20px; }

#main .main-holder { background: url(/images/bg-main-b.gif) no-repeat 0 100%; overflow: hidden; width: 960px; padding: 12px 12px 30px; }
#main .main-holder .blue-box { background: #54A7DD url(/images/bg-blue.gif) no-repeat -958px 0; width: 958px; margin-bottom: 13px; }
#main .main-holder .blue-box h2 { margin-bottom: 11px; color: white; }
#main .main-holder .blue-box p { margin: 0 0 20px; line-height: 17px; }

#main .main-holder .blue-box .holder { background: url(/images/bg-blue.gif) no-repeat 0 100%; padding: 14px; }
#main .main-holder .blue-box .holder .heading { overflow: hidden; height: 1%; padding: 5px 0 11px 12px; color: white; }
#main .main-holder .blue-box .holder .heading h2 { margin-bottom: 0; }
#main .main-holder .blue-box .holder .heading .submenu { float: right; margin: 0; padding: 0; list-style: none; font-weight: bold; }
#main .main-holder .blue-box .holder .heading .submenu li { float: left; padding: 0 0 0 10px; }
#main .main-holder .blue-box .holder .heading .submenu li a { float: left; height: 24px; overflow: hidden; color: white; }
#main .main-holder .blue-box .holder .heading .submenu li a:hover, 
#main .main-holder .blue-box .holder .heading .submenu li a.active { background: white url(../images/bg-menu.gif) no-repeat 0 -48px; color: #0059C3; text-decoration: none; }
#main .main-holder .blue-box .holder .heading .submenu li a span { float: left; line-height: 24px; padding: 0 10px; cursor: pointer; }
#main .main-holder .blue-box .holder .heading .submenu li a:hover span,
#main .main-holder .blue-box .holder .heading .submenu li a.active span { background: url(../images/bg-menu.gif) no-repeat 100% -24px; }

#main .main-holder .blue-box .holder .white-box { background: white url(../images/bg-white-t.gif) no-repeat; width: 930px; }
#main .main-holder .blue-box .holder .white-box .frame { background: url(../images/bg-white-b.gif) no-repeat 0 100%; width: 902px; padding: 10px 14px; overflow: hidden; }

.lblue-box{
	width:930px;
	background:#e6f2fa url(../images/bg-lightblue.gif) no-repeat;
}
#main .main-holder .blue-box .holder .lblue-box { width: 930px; background: #E6F2FA url(../images/bg-lightblue.gif) no-repeat; }
#main .main-holder .blue-box .holder .lblue-box .frame { background: url(../images/bg-lightblue.gif) no-repeat -930px 100%; overflow: hidden; width: 900px; padding: 20px 15px 10px; }

.quote-box { overflow: hidden; width: 936px; margin-right: -30px; }
.quote-box ul { margin: 0; padding: 0 39px 0 1px; list-style: none; float: left; width: 428px; }
.quote-box li { padding-bottom: 20px; }
.quote-box blockquote { margin: 0 0 16px; font-style: italic; background: url(../images/bg-quote.gif) no-repeat 0 3px; line-height: 21px; padding: 0 0 0 20px; }
.quote-box q { quotes: none; }
.quote-box img { margin-left: 20px; }

.voice-box { overflow: hidden; width: 936px; margin-right: -35px; padding: 0; }
.voice-box .column { float: left; width: 361px; padding: 0 77px 0 28px; }
.voice-box ul { margin: 0; padding: 0; list-style: none; font-weight: bold; font-size: 16px; }
.voice-box li { overflow: hidden; height: 1%; vertical-align: top; padding: 11px 0 21px; }
.voice-box img { float: left; margin: 0 16px 0 0; border: 1px solid #E0E2E4; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

.back-top { font-size: 16px; text-align: right; display: block; font-weight: bold; padding-right: 2px; }
.back-top a { background: url(../images/sprite-bullet.gif) no-repeat 100% 3px; padding-right: 18px; }

.theme-button              { display: inline-block; color: #FFFFFF; border: 1px solid #206ca3; padding: 3px 16px 3px 16px; background: url('/images/gradient-overlay.png') repeat-x #0F88DB; background-position: center; text-align: center; font-weight: bold; text-decoration: none; border-radius: 3px; }
.theme-button:hover        { background-image: url('/images/gradient-overlay-light.png'); border: 1px solid #23689a; }

.theme-button.green        { background-color: #69A52C; border-color: #69A52C; }
.theme-button.orange       { background-color: #FF7F26; border-color: #FF7F26; }


/* HEADER DISPLAY */
#header { height: 78px; padding: 53px 1px 0 0; width: 983px; position: absolute; top: 0; left: 0; }
#header:after { content:""; display:block; clear:both; }

#header .wrapper { overflow: visible; }
#header .wrapper:after { content:""; display:block; clear:both; }

#header ul.top-menu { margin: 0 -3px 18px 0; padding: 0; list-style: none; text-align: right; font-weight: bold; font-size: 16px; }
#header ul.top-menu li:first-child { background: none; }
#header ul.top-menu li { display: inline; padding: 0 5px 0 13px; background: url(/images/sprite-separator.gif) no-repeat; }

#header fieldset { float: right; height: 1%; overflow: hidden; font-size: 14px; }
#header fieldset .btn { float: left; }
#header fieldset .text { float: left; width: 184px; margin: 1px 7px 0 10px; border: 2px solid #608325; background: white; padding: 1px 5px 2px; }
#header fieldset .submit { float: left; cursor: pointer; width: 59px; height: 24px; line-height: 24px; border: 0; padding: 0 0 3px 0; margin: 0; color: white; font-weight: bold; text-align: center; vertical-align: middle; background: url(../images/sprite-btn.gif) no-repeat -750px -54px; }

#header ul#nav { margin: 0 0 0 -26px; padding: 4px 0 0; list-style: none; height: 1%; font-size: 16px; font-weight: bold; }
#header ul#nav:after { content:""; display:block; clear:both; }

#header ul#nav li { float: left; padding-right: 18px; margin-left: 26px; display: inline; position: relative; background: url(/images/none.gif); }
#header ul#nav li a { text-decoration: none; float: left; padding-bottom: 5px; cursor: pointer; }
#header ul#nav li ul { position: absolute; top: 21px; left: 2px; border: 3px solid #0F87DB; background: none repeat scroll 0 0 white; display: none; font-size: 13px; font-weight: bold; padding: 0; margin: 0; width: 160px; list-style: none outside none; }
#header ul#nav li ul li { float: none; padding: 3px 5px 3px 10px; position: static; display: block; margin: 0; }
#header ul#nav li ul li a { padding: 0; float: none; }
#header ul#nav li a span.arrow{ position:absolute; right:0; top:6px; height:10px; width:13px; background:url(../images/sprite-ico.gif) no-repeat 0 -1047px; }

#header ul#nav li a:hover { text-decoration:none; }
#header ul#nav li ul li:hover { background-color:#0F87DB; }
#header ul#nav li ul li:hover a { color:#FFFFFF; }
#header ul#nav li:hover ul { display:block; } 
#header ul#nav li.hover ul { display:block; }

/* FOOTER DISPLAY */
#footer { display: table-row; height: 1%; width: 100%; color: #333; background: #EFEFEF url(/images/bg-footer.gif) repeat-x; font-size: 12px; }

#footer a { color: #333; }

#footer .footer-holder { margin: 0 auto; width: 984px; padding: 18px 0 0; overflow: hidden; }

#footer div.white-box { width: 984px; background: url(../images/bg-footinside-c.gif) repeat-y; margin: 0 0 15px; }
#footer div.white-box .holder { background: url(../images/bg-footinside.gif) no-repeat; }
#footer div.white-box .holder .frame { background: url(../images/bg-footinside.gif) no-repeat -984px 100%; padding: 0 0 15px; width: 984px; }

#footer .breadcrumb { margin: 0; padding: 1px 0 0; list-style: none; overflow: hidden; width: 100%; font-weight: bold; border-bottom: 1px solid #E6E6E6; }
#footer .breadcrumb li { float: left; height: 31px; padding: 0 16px 0 10px; line-height: 31px; background: url(/images/sprite-separator.gif) no-repeat 100% -46px; }

#footer .menu { width: 700px; float: left; overflow: hidden; padding: 0 0 0 25px; }
#footer .menu div { display: inline-block; vertical-align: top; width: 165px; padding: 16px 0 2px; }
#footer .menu ul { margin: 0; padding: 10px 0 0; list-style: none; }
#footer .menu ul li { padding-bottom: 5px; }

#footer .ad { float: right; overflow: hidden; height: 1%; padding: 22px 0 0 0; }
#footer .ad a { margin: 0 30px 0 12px; float: left; }

#footer .copyright { border-top: 1px solid #CCC; padding: 9px 0 12px 4px; }
#footer .copyright ul { margin: 0 0 0 40px; padding: 0; list-style: none; display: inline; }
#footer .copyright ul li { display: inline; padding: 0 5px 0 8px; background: url(/images/sprite-separator.gif) no-repeat 0 -105px; }
#footer .copyright ul li:first-child { background: none; }
#footer .copyright p { margin: 0; display: inline; }

#footer ul.rss-menu { padding: 0; list-style: none; display: block; margin: 0 0 9px; text-align: right; }
#footer ul.rss-menu li { display: inline; padding: 0 5px 0 8px; background: url(/images/sprite-separator.gif) no-repeat 0 -105px; }
#footer ul.rss-menu li:first-child { background: none; }
#footer ul.rss-menu li a { color: black; }

h3.tag-line {
	display: block !important;
	color: #ccc;
	font-size: 17px;
	position: absolute;
	top: 35px;
	left: 260px;
}



/* -- flash messages -- */
div.message-success-box, 
div.message-error-box, 
div.message-notice-box {
    margin: 10px 0px 0px 0px;
    overflow:hidden;
}
div.message-success-box { background:#dbeac4 url(../img/thenks-job.gif) no-repeat 16px 50%; }
div.message-error-box   { background:#ffb8b8 url(../img/bg-files-delete.gif) no-repeat 16px 50%; }
div.message-notice-box  { background:#d3d3d3 url(../img/about_32.png) no-repeat 16px 50%; }
div.message-success-box div.box,
div.message-error-box div.box,
div.message-notice-box div.box     { 
	width:100% !important; overflow:hidden !important;
}
div.message-success-box div.box div, 
div.message-error-box div.box div,     
div.message-notice-box div.box div {
    width: 850px;
    float:left !important;
    font-size:1.0em !important;
    line-height:1em !important;
    color:#000;
    font-weight:normal;
    margin:0 0 0 67px !important;
    padding:6px 0 16px;
    display:inline;
}
div.message-success-box h3,
div.message-error-box h3,
div.message-notice-box h3 {
	font-size:1.8em; 
	color:#353535; 
	float:left; 
	font-weight:bold; 
	margin: 11px 0 0 65px; 
	display:inline; 
}
div.message-success-box a.close,
div.message-error-box a.close,
div.message-notice-box a.close { 
	float:right;
    font-size:1.2em;
    line-height:2.5em;
    color:#666;
    font-weight:bold;
    padding:0 24px 0 0;
    margin:0 11px 0 0;
    display:inline;
    background:url(../img/close-button.gif) no-repeat 100% 50%;
    text-decoration:none;
}
div.message-error-box a.close:hover,
div.message-success-box a.close:hover, 
div.message-notice-box a.close:hover { 
	text-decoration:underline; 
}
div.message-success-box a:hover,     
div.message-error-box a:hover,         
div.message-notice-box a:hover { 
	text-decoration:underline; 
}

div.message-error-box div.box div p, 
div.message-success-box div.box div p, 
div.message-notice-box div.box div p {
    padding: 2px 0;
}
div.message-success-box a, 
div.message-error-box a, 
div.message-notice-box a{
    color:#0059c3;
    font-weight:bold;
    text-decoration:none;
}
div.message-error-box a{
    color:#481a1a;
}
/* -- /flash messages -- */