@charset "utf-8";
/* CSS Document - Econtech */

/******************************

	global

******************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { padding: 0; margin: 0; }
body { font: 11px Arial, Helvetica, sans-serif; color: #010000; background-color: #f4f4f4; padding: 1px 0 80px; }

a { color: #000550; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }
hr { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; line-height: 0; }
.hidden { display: none; }
.center { text-align: center; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.bold { font-weight: bold; }

/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: no-repeat; }
.overlap a span,
a.overlap span { cursor: pointer; }


/******************************

	layout

******************************/
#page-wrapper { width: 966px; margin: auto; position: relative; border: 1px solid #45606c; border-width: 0 1px; background: #f4f4f4 url(../img/visual.jpg) 0 68px no-repeat; }
#left-column { float: left; width: 300px; }
#content { float: right; width: 610px; padding: 0 40px 20px 0; margin-top: 100px; }


/******************************

	header

******************************/
#header { height: 230px; background: url(../img/header-bg.jpg) 0 0 no-repeat; }
#logo { padding: 110px 0 0 20px; font-weight: bold; height: 76px; }
#logo a { font-size: 16px; }
#logo img { vertical-align: top; float: left; }

/* login */
#login-box { position: absolute; top: 265px; right: 0; background-color: #000444; width: 620px; height: 50px; padding: 10px 15px 5px; color: #fff; font-size: 12px; line-height: 1.5; }
#login-box a { color: #fff; }
#login-box div { float: left; }
#login-box p { padding-top: 8px; }
#login-box div label { display: block; margin-bottom: 2px; }
#login-box .col-1,
#login-box .col-2 { width: 170px; }
#login-box .col-3 { width: 130px; padding-top: 19px; }
#login-box .input { width: 150px; }


/******************************

	menu

******************************/
#menu { position: absolute; top: 0; left: -1px; width: 968px; height: 68px; background: #0092d5 url(../img/menu-bg.jpg) 0 0 no-repeat; }
#menu ul { list-style: none; width: 966px; height: 67px; padding: 1px 1px 0; background: #0092d5 url(../img/menu-bg.jpg) 0 0 no-repeat; }
#menu ul li { float: left; }
#menu ul li a { display: block; float: left; width: 144px; height: 67px; line-height: 67px; border-right: 1px solid #fff; font-size: 14px; color: #fff; text-align: center; text-decoration: none; }
#menu ul li a:hover,
#menu ul li.active a { background-color: #00054c; }
#menu ul li.first a { background-image: url(../img/menu-corner-left.png); background-position: 0 0; background-repeat: no-repeat; }

#sitemap { float: right; margin: -39px 0 0 0; padding-right: 20px; }
#sitemap a { padding: 0 0 0 16px; background: url(../img/sitemap-bg.png) 0 2px no-repeat; color: #fff; }


/******************************

	left column

******************************/
#left-menu { width: 280px; background-color: #fbfcfb; border-top: 1px solid #fff; border-bottom: 6px solid #000444; }
#left-menu ul { list-style: none; }
li.red { background: #c70f00 url(../img/left-menu-li-bg-red.png) 0 0 repeat-x; }
li.green { background: #50a114 url(../img/left-menu-li-bg-green.png) 0 0 repeat-x; }
li.blue { background: #1446a1 url(../img/left-menu-li-bg-blue.png) 0 0 repeat-x; }
li.cyan { background: #159da6 url(../img/left-menu-li-bg-cyan.png) 0 0 repeat-x; }
#left-menu ul li a { display: block; height: 36px; line-height: 36px; padding-left: 55px; font-size: 14px; color: #fff; text-decoration: none; background: url(../img/left-menu-arrow1.png) 30px 12px no-repeat; }
#left-menu ul li a:hover { text-decoration: underline; }
#left-menu ul ul { padding: 10px 0; background-color: #fbfcfb; }
#left-menu ul li li { }
#left-menu ul li li a { background: none; padding: 3px 5px 3px 55px; font-size: 12px; color: #00054d; height: auto; line-height: normal; width: 220px; text-decoration: underline; }
#left-menu ul li li a:hover { text-decoration: none; }
#left-menu ul li li.active a { background: url(../img/left-menu-arrow2.png) 46px 8px no-repeat; }



/******************************

	content

******************************/
h1 { font-size: 30px; font-weight: normal; color: #009ee0; margin: 20px 0 20px; }
h2 { font-size: 18px; color: #00054c; margin: 15px 0 10px; }
h3 { font-size: 14px; color: #00054c; margin: 15px 0 5px; }
#content p { margin: 10px 0; line-height: 1.5; }
#content p strong { color: #000444; }
#content p big { font-size: 14px; }
#content ul { margin: 10px 0 10px 10px; list-style: none; }
#content ul li { padding: 0 0 5px 10px; background: url(../img/left-menu-arrow2.png) 0 5px no-repeat; line-height: 1.5; }
a.button { display: inline-block; width: 97px; height: 24px; line-height: 24px; font-size: 12px; text-align: center; background: url(../img/submit-bg.png) 0 0 no-repeat; text-decoration: none; }


/* profile */
#content ul.profiles { overflow: hidden; list-style: none; margin: 0; padding: 0; }
#content .profile { float: left; width: 295px; height: 129px; text-align: center; padding: 0; }
#left-column .profiles { margin: 30px 0; }
#left-column .profile { float: none; margin: 10px 0 10px 5px; }
#content .profile.single { background: #ddd url(../img/profile-single-bg.jpg) 0 0 no-repeat; }
#content .profile.team { background: #ddd url(../img/profile-team-bg.jpg) 0 0 no-repeat; }
#content .profile.single { margin-right: 20px; }
.profile a { display: block; height: 20px; line-height: 20px; padding: 102px 5px 7px; font-size: 14px; color: #00054c; font-weight: bold; }

#profiles { padding: 0 0 15px; overflow: visible; }
#profiles .item { margin: 25px 0; position: relative; }
#profiles .item h2 { background: #00054a url(../img/profile-box-heading-bg.png) 0 0 no-repeat; font-size: 12px; margin: 0; line-height: 24px; height: 24px; color: #fff; width: 304px; padding: 0 10px; }
#profiles .item h2 a { color: #fff; }
#profiles .item .content { font-size: 12px; border: 1px solid #00054a; background-color: #fff; padding: 10px 10px 15px; overflow: auto; }
#profiles .item .content li strong { color: #00054a; width: 90px; display: block; float: left; clear: left; }
#profiles .item img { border: 1px solid #00054a; float: left; }
#profiles .item ul { float: right; width: 500px; margin: 0; }
#profiles .item li { padding: 0 0 2px; background: none; }
#profiles .item li p { float: left; margin: 0; width: 410px; }
#profiles .item .button { float: right; margin-top: -13px; position: relative; }

#profiles .item #label { position: absolute; top: 0; left: -310px; display: block; width: 285px; height: 20px; padding: 102px 5px 7px; text-align: center; background: #ddd url(../img/profile-single-bg.jpg) 0 0 no-repeat; z-index: 1; margin: 0; font-size: 14px; color: #00054c; font-style: normal; line-height: 20px; }
#profiles .item .content img,
#profiles .item .content ul { position: relative; }

/******************************

	forms

******************************/
form fieldset { border: none; }
input.input,
textarea,
select { font: 12px Arial, Helvetica, sans-serif; border: 1px solid #009ee0; padding: 2px 3px; }
input.submit { width: 97px; height: 24px; text-align: center; background: url(../img/submit-bg.png) 0 0 no-repeat; border: none; cursor: pointer; }

/* contact form */
#content .contact-form { overflow: auto; }
#content .contact-form h2 { width: 155px; font-size: 13px; font-weight: normal; line-height: 29px; padding: 0 10px; color: #fff; background: #000c4b url(../img/form-heading-bg.png) 0 0 no-repeat; margin-bottom: 0; }
.contact-form fieldset { background-color: #fff; color: #000c4b; border: 1px solid #000c4b; padding: 8px 10px; margin-bottom: 5px; }
#content .contact-form fieldset p { margin: 0 0 10px; }


/******************************

	footer

******************************/
#footer { position: absolute; bottom: -57px; left: -1px; width: 948px; height: 47px; padding: 6px 0 4px 20px;  border-top: 1px solid #000444; background: #009ee0 url(../img/footer-bg.jpg) 0 0 no-repeat; color: #fff; }
#footer a { color: #fff; }
#footer p { float: left; width: 140px; padding: 0 0 0 15px; }
#footer p.indent { margin-top: 8px; }
#footer #copy { float: right; width: 190px; color: #000; margin-top: 14px; }
#footer #copy img { margin: 0 0 -5px 2px; }