/*  (C) Hradecon | http://hradecon.com   */
   
html {margin: 0; padding: 0;}
body
{
	background: #00242f url(./images/body-bgr.png) top left repeat-x;
	color: #fff;
	font-family: Calibri, Verdana, Ariel, sans-serif;
	font-size: 14px;
	text-align: left;
	margin: 0; padding: 0;
}

img {border: none;}
a:active, a:link
{ 
	color: #005f8f;
  	font-size: 1em;
  	font-style: normal;
  	font-weight: normal;
  	text-decoration: none;
}
a:visited {color: #005884;text-decoration:underline;}
a:hover {color: #0015ff;}

h1, h2, h3, h4, h5, h6 {color:#eee;}
h2 {font-size:3.2em; margin:5px 0 5px 30px;}
h3 {font-size:2.2em; margin:5px 0 5px 0px;}

strong {font-weight: 900;}
hr {visibility:hidden; display:none; clear:both;}
fieldset {border:solid 1px #555; margin:10px 10px 10px 0;
    background:#f0f0f0;}
fieldset legend {font-weight:bold;}

.invisible {visibility:hidden;}
.center {text-align: center;}
.underline {border-bottom: 1px dotted #000;}
.cleaner {clear:both;}

.left, .right {display:block;float:left;}
.right {float:right;}
.t-left {text-align: left;}
.t-right {text-align: right;}
.full-width {width:100%; clear:both;}
.half-width {width:50%;}
.indent {margin-bottom:30px;}

/*************************** D O C ********************************************/
#doc-wrap {width:100%; margin:0;
    background: url(./images/doc-bgr.jpg) top center no-repeat; }
#doc {width:960px; margin:0 auto;}
#doc .cleaner {width:960px; height:5px; display:block; clear:both;}
#doc .hr {clear:both;display:block;width:100%;height:30px; padding:0;
    }
#doc > h3 {margin-left:30px;}
#doc h3 {margin-bottom:10px;
    background: url(./images/doc-h3.png) top left no-repeat;
    height:50px; line-height:55px; padding-left:15px;}
/*************************** H E A D E R **************************************/

#header {width:100%; margin:0; padding:0 0 0 30px;}
#top-panel {margin:20px 0 0 0; display:block; float:left;}
#top-panel a * {display: none;}
#top-panel .rocket,
#top-panel .rocket .hover {background: url(./images/rocket-bgr.png) top left no-repeat;
display:block; width:250px; height:106px;}
#top-panel .rocket {float:right; margin-top:-75px;
position:relative; top:10px; right:25px;
text-decoration:none;}
#top-panel .rocket .hover {background-position:-250px 0;}

#header h1 
{
	position: relative;
	top: 10px;
	left: 0px;
	display: block;
	float:left;
	width: 400px;
	margin: 0; padding: 0;
	z-index:20;
}
#header h1 a { display: block; width: 100%; height: 100%;}
#header h1 span { position: absolute; top: -1000px; left: -1000px;}

#main-menu
{
	width:700px; height:40px;
	position: relative;
	top: 0px; left: 0px;
	display:block; float:left;
	margin:0; padding: 0;
	overflow:hidden;
}
#main-menu .lavaLamp {list-style-type:none;
    background: url(./images/mm-bgr.png) no-repeat top right;
    height: 40px; width:430px;
	position:relative; padding:5px 0 0 0; margin:0;}
#main-menu .lavaLamp li
{
	text-align: center;
	float: left;
	list-style: none;
	margin: 0 40px 0 0; padding: 0;
}
#main-menu .lavaLamp li.last {margin-right:0;}
#main-menu .lavaLamp li.backLava {
    background: url(./images/mm-active.png) no-repeat top right;
    height: 30px;
    z-index: 8;
    position: absolute;}
#main-menu .lavaLamp li.backLava .leftLava {
    background: url(./images/mm-active.png) no-repeat left -30px;
    height:30px; width:9px; display:block;
    float:left;}
#main-menu .lavaLamp li a {height:30px; text-decoration:none;
    position: relative; display:block;
    top:0; z-index: 10; float:left; margin: auto 10px;}
#main-menu .lavaLamp li a.item-1 {background:url(./images/mm-01.png) center left no-repeat;
    width:39px;}
#main-menu .lavaLamp li a.item-2 {background:url(./images/mm-02.png) center left no-repeat;
    width:72px;}
#main-menu .lavaLamp li a.item-3 {background:url(./images/mm-03.png) center left no-repeat;
    width:54px;}
#main-menu .lavaLamp li a.item-4 {background:url(./images/mm-04.png) center left no-repeat;
    width:59px;}

/***************************************** C O N T E N T ***************************************/
#content_out {display:block; float:left; min-height:200px;
	margin:15px 0 0 30px; padding:0; width:100%; color:#fff;}

#content_out big {font-size:2.0em;}
#content small {font-size:0.7em;}

#content_out h2 {color:#fff/*#009100*/; font-weight:normal; font-size:4.0em; margin:0.5em 0 0 0;}
#content_out h3 a {color:#00386b; text-decoration:none;}

#content p, #content ul {
	background-color:#006a85;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    -khtml-border-radius: 16px;
    border-radius: 8px;
    
    width:500px;
    padding: 5px 10px;}

#content p {margin:7px 0; }
#content table, #content h4 {padding-left:10px;}

#content ol {list-style-type:decimal;}
#content ol li {line-height:normal; padding-left:1px; margin-bottom:0px;}
#content ol li h3 {border:none; background:none; padding-left:0; margin:auto;}
#content ol li p {color:#999;}
#content ul li {font-weight:bold;line-height:15px; margin: 10px 0;}
#content ul {list-style-image:url(./images/navigation-li.png); padding-left: 40px;
    width:470px;}

#content_out a {text-decoration:underline; font-size:1.0em; font-weight:bold; color:#eee;}
#content_out a:hover {color:#ccc;}

#navigation {display:block; margin:0 0 1.2em 0;font-size:0.9em; width:100%;}
#navigation p {color:#aaa; margin:0; background: none;padding:0;}
#navigation a {text-decoration:underline; color:#ccc;}
#navigation a:hover {color:#e6e6e6;}

.portfolio-th {display:block; width:295px; float:left; overflow:hidden;}
.portfolio-th img {margin:10px 0 0 10px; padding:0 0 31px 0;
    background:url(./images/imgth-bgr.png) bottom center no-repeat;}
#content .portfolio-th h3 a {width:270px; height:55px;
    margin:0 auto; font-size:0.7em; color:#fff; overflow:hidden;display:block;}
.portfolio-wrap {display:block; width:630px; float:right;}
.portfolio-wrap ul {list-style-type:square;padding-left:20px;}
.portfolio-wrap ul li {line-height:1.8em; height:25px;}
.portfolio-wrap p {width:550px;}
#content_out .portfolio-wrap .link {font-size:2em; text-decoration:none;}
.portfolio-wrap .nemosys {}
.portfolio-wrap .solution {color:#fff;}
.imglist {clear:both;margin-left:10px;}
.imglist h3 {color:#002d40;}
.imglist a img {margin-left:10px; border:solid 2px #bde7f4; padding:1px;}
.imglist a:hover img {border-color:transparent;}

.vcard .type, .vcard .email {font-weight:bold;}


#content .pagination {width:200px; height:30px;margin:0 auto; clear:both; position:relative; top:20px;}
#content .pagination ul {padding: 4px 4px 4px 0px !important; background-color:transparent;}
#content .pagination ul li {padding: 0px 2px 0px 2px !important;display: inline-block; float: left; background:none; width: 21px !important; height: 21px !important;}
#content .pagination ul li a, #content .pagination ul li a:visited {border:2px solid #666;line-height: 17px; font-size: 0.8em;background:#eee; text-align:center; display: block; width: 17px !important; height: 17px !important;color:#0f7791;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#content .pagination ul li a:hover {font-weight:bold; background:#fff;}
#content .pagination ul li a.active {background:#eeeeee; border-color:#54aec4;}
/***************************************** B O A R D **************************/
.jcarousel-clip {z-index:2;padding:0;margin:0;overflow:hidden; position:relative;}
.jcarousel-list {z-index:1;overflow:hidden;position:relative;top:0;left:0;
    margin:0;padding:0;}

#board {display:block; width:100%; position: relative; margin-left:-30px;
    background:url(./images/board-base-bgr.png) top center no-repeat;
    font-family:Arial, Helvetica, sans-serif;}
#board .jcarousel-prev, #board .jcarousel-next {display:block; width:40px; height:400px; float:left;
    cursor:pointer; margin-left:-10px;
    background: url(./images/board-lft.png) left center no-repeat;}
#board .jcarousel-next {background: url(./images/board-rgt.png) left center no-repeat;
    margin:0 -10px 0 0px; float:right;}
#board .jcarousel-prev-disabled,
#board .jcarousel-next-disabled {background-position:-40px center;}

#board .base {display:block;float:left;width:100%; height:400px; color:#fff;}
#board .base .jcarousel-list > li,
#board .base .jcarousel-item {
    float: left; list-style:none; width:900px; height:400px;}
#board .base ul ul {list-style-image:url(./images/board-tick-li.png); margin:15px 0 0 30px;}
#board .base ul ul li {margin-bottom:10px; line-height:1.4em;}
#board .base .soft {background: url(./images/board-base-soft.png) 480px 55px no-repeat;}
#board .base .soft h2 {background: url(./images/board-base-soft-h.png) top left no-repeat;
    width:455px; height:131px;}
#board .base .soft .button {margin:0; top:0px; left:50px;}
#board .base .web h2 {background: url(./images/board-base-web-h.png) top left no-repeat;
    width:502px; height:183px;}
#board .base .web {background: url(./images/board-base-web.png) 590px 50px no-repeat;}
#board .base .web .button {margin:0; top:-50px; left:595px;}
#board .base .comm h2 {background: url(./images/board-base-comm-h.png) top left no-repeat;
    width:375px; height:170px;}
#board .base .comm {background: url(./images/board-base-comm.png) 500px 70px no-repeat;}
#board .base .comm .button {margin:0; top:-25px; left:590px;}
#board .base h2 {color:#333; font-size:5.0em;
    margin:20px 0 0 20px; padding:0; display:block;}
#board .base h2 span, 
#board .base .button span {visibility:hidden;}
#board .base a.button {background: url(./images/board-button.png) 0 0 no-repeat;
    width:219px; height:65px; display:block; text-decoration:none; position:relative;}
#board .base a.button:hover {background-position:-219px 0;}

#board .ctrl {background: url(./images/board-ctrl-bgr.png) top left no-repeat;
    margin:0 0 0 30px; width:900px; height:120px; display:block; clear:both;}
#board .ctrl > div {display:block; width:300px; height:135px; float:left;
    cursor:pointer; overflow:hidden;}
#board .ctrl div.hover {background:url(./images/board-ctrl-item.png) -300px 0;}
#board .ctrl div.hover p {color:#eee;}
#board .ctrl .selected {background:url(./images/board-ctrl-item.png) top left no-repeat;}
#board .ctrl .soft h3 {background:url(./images/board-ctrl-soft-h.png) top left no-repeat;
    width:249px; height:81px;}
#board .ctrl .soft p {margin-left:105px;}
#board .ctrl .web h3 {background: url(./images/board-ctrl-web-h.png) top left no-repeat;
    width:221px; height:88px;}
#board .ctrl .web p {margin-left:136px; margin-top:-28px;}
#board .ctrl .comm h3 {background: url(./images/board-ctrl-comm-h.png) top left no-repeat;
    width:265px; height:81px;}
#board .ctrl .comm p {margin-left:120px;}
#board .ctrl h3 span {visibility:hidden;} 
    
#board .ctrl h3 {color:#fff; margin:30px auto 0 auto; padding:0; display:block;}
#board .ctrl .selected p {color:#ccc;}
#board .ctrl p {color:#fff; margin-top:-20px; width: 170px;}

/***************************************** Q U I C K P O R T ******************/
#quickport {display:block; width:100%; height:215px; overflow:hidden;
    background: url(./images/quickport-bgr.png) top center no-repeat;}
#quickport .jcarousel-clip {width:884px; height:200px; margin:8px 0 0 0;display:block;
    z-index:3; left:8px;}
#quickport .jcarousel-prev,
#quickport .jcarousel-next {display:block; width:35px; height:200px;float:left;
    background: url(./images/quickport-lft.png) center left no-repeat; 
    cursor:pointer;z-index:5;}
#quickport .jcarousel-next {float:right;
    background: url(./images/quickport-rgt.png) center left no-repeat;}
#quickport .jcarousel-prev-disabled,
#quickport .jcarousel-next-disabled {background-position:-35px center;}

#quickport .jcarousel-list > li,
#quickport .jcarousel-item {display:block; margin:0 10px 0 0;
    float: left; list-style:none; width:285px; height:185px;}
#quickport img {border:1px #999 solid;}

a.button {background: url(./images/button-bgr.png) top left no-repeat;
    width:120px; height:33px; display:block; text-align:center; color:#444;
    font-weight:normal; font-size:0.9em; line-height:25px; margin:15px 0 0 220px; text-decoration:none;}
a.button:hover {color:#777;}

/***************************************** S U P P O R T **********************/

.support a {text-decoration:none;}
.support img {margin:15px 25px 0 0;}

/***************************************** F O O T E R ************************/
#footer_wrap {background: url(./images/footer-bgr.png) top left repeat-x;
	width:100%; font-size: 1.0em; color: #666;
	display:block; clear: both; margin-top:30px; padding-top:40px;}
#footer {width:960px; margin:0 auto;}
#footer p {color:#999; width:80%;}

#footer .news {background: url(./images/v-spacer.png) bottom left repeat-x; 
    margin-bottom:30px; padding-bottom:10px; width:330px;}
#footer .news div.img {float:left; margin-right:15px;
    background: url(./images/footer-img-bgr.png) bottom left no-repeat;
    padding-bottom:14px;}
#footer .news img {border:solid 1px #414141;}
#footer .news h4 {margin:0 0 0 150px;}
#footer .news h4 a:hover {text-decoration:underline;}
#footer .news p.date {color:#ffffff; font-size:0.8em; margin:0;}
#footer .news p.msg {margin:10px 0 0 150px; width:180px; font-size:0.9em;}

#footer .up {display:block; width:46px; height:45px;
    background: url(./images/footer-up.png) top left no-repeat;
    float:right; position:relative; margin-top:-51px;}
#footer #contactform fieldset {margin-left:0; margin-top:20px;padding-left:0; 
    background:none;padding-top:20px; width:auto;border:none;}
#footer #contactform legend, #footer h4 a {color:#94d1e0; text-transform:uppercase; display:block;
    font-weight:normal; font-size:1.1em; padding:0; text-decoration:none;}
#footer #contactform label {display:block; float:left; width:180px; color:#fff;
    font-size:1.2em; padding-left:25px; padding-top:2px;}
#footer #contactform .formElement {display:block; float:left;width:310px; padding-top:5px;
    margin-bottom:10px;}
#footer #contactform input[type="submit"] {float:right; margin-right:15px; padding:0.3em 1.0em;}
#footer #contactform .formElement input, 
#footer #contactform .formElement textarea {background:#929292; border:none;
    color:#fff; padding:2px 10px 5px 10px; width:100%;}
#footer #contactform label[for="emailSender"] {background: url(./images/ico-at.png) left 5px no-repeat;}
#footer #contactform label[for="msg"] {background: url(./images/ico-comment.png) left 5px no-repeat;}
#footer #contactform .formElement .form-em {border:solid 2px #FF0000;}
#footer #contactform .errors {color:#F00; margin:5px 0 10px 15px; padding:0; list-style-type:square; list-style-image:none;}
#footer #contactform .ajaxloader {background:url(./images/ajax-loader.gif) no-repeat 340px top;  width:400px; height:20px;
    float:right; display:none;}
#footer #contactform .save {display: block;
float:right;  width:400px;}
#footer #contactform .saved {content:'Done';display: block;
float:right; width:50px;margin-bottom:10px;padding-top: 5px;}

#footer .left, #footer .right {width:360px; margin:0;}
#footer .left {background: url(./images/footer-v-spacer.png) top right repeat-y;
    margin:0 0 50px 0;}
#footer .right {width:570px;margin:0 0 20px 0; min-height:300px; padding-left:30px;}

#footer .send_mail {background: url(./images/ico-send-mail.png) left -7px no-repeat;
    padding-left:40px;}

#footer_copy_wrap {background:#88bd64 url(./images/footer-copy-bgr.png) top left repeat-x;
    width:100%; height:60px; font-size: 0.8em; color: #666;
    display:block; clear: both; margin-top:30px; padding-top:5px;}
#footer_copy {width:960px; margin:0 auto; color:#000;}
#footer_copy p {margin:10px 0 15px 20px;}
#footer_copy a {color:#004621; text-decoration:none; padding:0 2px; font-weight:bold;}
#footer_copy a:hover {color:#000; text-decoration:none;}