/*  (C) Hradecon | http://hradecon.com   */
   
html {margin: 0; padding: 0;}

img {border: none;}


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(file:///C|/Documents and Settings/Caravan PC11/Desktop/hradecon.com_/hradecon.com/styles/images/doc-bgr.jpg) top center no-repeat; background-attachment:fixed;}
#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:50px; padding:0;
    background:url(file:///C|/Documents and Settings/Caravan PC11/Desktop/hradecon.com_/hradecon.com/styles/images/hr-radiant.png) bottom center no-repeat;}
#doc > h3 {margin-left:30px;}
/*************************** 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(file:///C|/Documents and Settings/Caravan PC11/Desktop/hradecon.com_/hradecon.com/styles/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;
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(file:///C|/Documents and Settings/Caravan PC11/Desktop/hradecon.com_/hradecon.com/styles/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(file:///C|/Documents and Settings/Caravan PC11/Desktop/hradecon.com_/hradecon.com/styles/images/mm-active.png) no-repeat top right;
    height: 30px;
    z-index: 8;
    position: absolute;}
#main-menu .lavaLamp li.backLava .leftLava {
    background: url(file:///C|/Documents and Settings/Caravan PC11/Desktop/hradecon.com_/hradecon.com/styles/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(file:///C|/Documents and Settings/Caravan PC11/Desktop/hradecon.com_/hradecon.com/styles/images/mm-01.png) center left no-repeat;
    width:39px;}
#main-menu .lavaLamp li a.item-2 {background:url(file:///C|/Documents and Settings/Caravan PC11/Desktop/hradecon.com_/hradecon.com/styles/images/mm-02.png) center left no-repeat;
    width:72px;}
#main-menu .lavaLamp li a.item-3 {background:url(file:///C|/Documents and Settings/Caravan PC11/Desktop/hradecon.com_/hradecon.com/styles/images/mm-03.png) center left no-repeat;
    width:54px;}
#main-menu .lavaLamp li a.item-4 {background:url(file:///C|/Documents and Settings/Caravan PC11/Desktop/hradecon.com_/hradecon.com/styles/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:url(file:///C|/Documents and Settings/Caravan PC11/Desktop/hradecon.com_/hradecon.com/styles/images/text-bgr.png); 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 {line-height:1.8em;}
#content ul { padding-left: 40px;
    width:470px;}

#content_out a {text-decoration:underline; font-size:0.9em; font-weight:bold; color:#000;}
#content_out a:hover {color:#333;}

#navigation {display:block; margin:0 0 1.2em 0;font-size:0.7em; width:100%; 
	float:left;}
#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 41px 0;
   }
#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;}
#contactform fieldset {background:none; border:none;
    width:460px;}
#contactform legend {display:none;}
#contactform input {margin:5px 0 10px 0;}
#contactform textarea {width:450px; margin:5px 0 10px 0;}
#contactform .form-em {background-color:#FF8181;}
#contactform .errors {color:#F00; margin:5px 0 10px 15px; padding:0; list-style-type:square; list-style-image:none;}

/***************************************** 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;
    }
#board .jcarousel-prev, #board .jcarousel-next {display:block; width:40px; height:400px; float:left;
    cursor:pointer; margin-left:-10px;
   }
#board .jcarousel-next {
    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 { margin:15px 0 0 30px;}
#board .base ul ul li {margin-bottom:10px; line-height:1.4em;}

#board .base .soft h2 {
    width:455px; height:131px;}
#board .base .soft .button {margin:0; top:0px; left:50px;}
#board .base .web h2 {
    width:502px; height:183px;}
#board .base .web {background:}
#board .base .web .button {margin:0; top:-50px; left:595px;}
#board .base .comm h2 {
    width:375px; height:170px;}
#board .base .comm {background:}
#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 {
    width:210px; height:65px; display:block; text-decoration:none; position:relative;}
#board .base a.button:hover {background-position:-210px 0;}

#board .ctrl {
    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 {}
#board .ctrl div.hover p {color:#eee;}
#board .ctrl .selected {}
#board .ctrl .soft h3 {
    width:249px; height:81px;}
#board .ctrl .soft p {margin-left:105px;}
#board .ctrl .web h3 {
    width:221px; height:88px;}
#board .ctrl .web p {margin-left:136px; margin-top:-28px;}
#board .ctrl .comm h3 {
    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:935px; height:150px; overflow:hidden; padding:0 0 0 10px;
}
#quickport .jcarousel-clip {width:855px; height:150px; margin:7px 0 0 15px;display:block;
    z-index:3; left:10px;}
#quickport .jcarousel-prev,
#quickport .jcarousel-next {width:30px; height:57px; float:left;
    background:url(../portfolio/quickport-lft.gif)  -33px 50% no-repeat; 
    cursor:pointer;margin:30px 0 0 0;}
#quickport .jcarousel-next {float:right;
    background:url(../portfolio/quickport-rgt.gif) no-repeat -33px 50%; width:30px; height:57px;margin:30px 0 0 0;}
#quickport .jcarousel-prev-disabled,
#quickport .jcarousel-next-disabled {background-position:0px center;}

#quickport ul li{
display:inline;
border:3px solid #fff; width:63px;
}

#quickport .jcarousel-list > li,
#quickport .jcarousel-item {display:block; margin:0px 10px 0 10px;
    float: left; list-style:none; width:180px; border:3px solid #ffffff;}