/* CSS Document */

/*style.css*/
* {	margin:0; padding:0; font-size:100%;}

body{background:#dde9eb; text-align:center;}
.bot-tail{ background:url("portal.spring?appId=levius&pageId=c%3Abot-tail&dn=1") bottom repeat-x #c5d4d6;}
.top-tail{ background:url("portal.spring?appId=levius&pageId=c%3Atop-tail&dn=1") top repeat-x;}
#main{ padding:0 60px 0 48px;}

img {vertical-align:top;}
a img { border:0;}

ul {padding-left: 20px}
ol {padding-left: 20px}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.5em; color:#4e4e4e;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#30c0e9;}
a:hover{text-decoration:none;}
p {padding-top:18px;}
.strong1{ display:block; text-transform:uppercase;}
.strong2{ display:block; color:#7f7e7e; font-weight:normal;}

.logo_partner td {
	vertical-align: top;
}

.table_partners {
	border: none;
	padding: 4px;
	border-spacing: 4px;
}

.table_references {
	border: none;
	padding: 4px;
	border-spacing: 4px;
	width: 100%
}

/* ============================= main layout ====================== */
.imgindent {margin:-7px 15px 0 -3px; float:left; position:relative;}
.imgindent2 {margin:0 20px 0 0; float:left; }
.phone{ float:right; padding-right:20px;}
.padding1{ padding-top:17px;}
.padding2{ padding-top:7px;}
.padding3{ padding-top:24px;}

/* ============================= header ====================== */
#header{ position:relative;}
#header .flash{ margin-left:-48px; position:absolute;}

/* ============================= content ====================== */
#content{ background:url("portal.spring?appId=levius&pageId=c%3Abot-shadow&dn=1") bottom repeat-x #ffffff; width:100%;}
#content .left-shadow{ background:url("portal.spring?appId=levius&pageId=c%3Aleft-shadow&dn=1") left repeat-y;}
#content .right-shadow{ background:url("portal.spring?appId=levius&pageId=c%3Aright-shadow&dn=1") right repeat-y;}
#content .left-bot{ background:url("portal.spring?appId=levius&pageId=c%3Aleft-bot&dn=1") left bottom no-repeat;}
#content .right-bot{ background:url("portal.spring?appId=levius&pageId=c%3Aright-bot&dn=1") right bottom no-repeat; width:100%;}
#content .indent{ padding:15px 11px 11px 11px;}

.row-1 .indent1{ padding:0 10px 23px 16px;}
.row-1 .title{ padding-bottom:19px;}
.space1{ margin-left:25px;}
.space2{ margin-left:10px;}
.image{ position:relative; margin-left:-4px;}
.text1{ line-height:1.5em;}

.list{ margin-top:-3px;}
.list li{ line-height:2em;}

.link{ display:inline-block; background:url("portal.spring?appId=levius&pageId=c%3Alink-tail&dn=1") top repeat-x; color:#434343; font-weight:bold; text-decoration:none; margin-top:15px;}
.link span{ display:block; background:url("portal.spring?appId=levius&pageId=c%3Alink-left-bg&dn=1") left top no-repeat;}
.link span span{ background:url("portal.spring?appId=levius&pageId=c%3Alink-right-bg&dn=1") right top no-repeat; padding:3px 15px 3px 15px;}
.link:hover{ background:url("portal.spring?appId=levius&pageId=c%3Alink-tail-act&dn=1") top repeat-x; color:#000000;}
.link:hover span{ background:url("portal.spring?appId=levius&pageId=c%3Alink-left-bg-act&dn=1") left top no-repeat;}
.link:hover span span{ background:url("portal.spring?appId=levius&pageId=c%3Alink-right-bg-act&dn=1") right top no-repeat;}

.link1{ margin-left:33px; color:#00a9ff;}
#page8 .link1{ display:inline-block; margin:10px 0 0 0; color:#00a9ff;}

#content .row-2{ background:url("portal.spring?appId=levius&pageId=c%3Arow2-corner-left-top&dn=1") left top no-repeat #ecf2f2; width:100%;}
#content .row-2 .right-top{ background:url("portal.spring?appId=levius&pageId=c%3Arow2-corner-right-top&dn=1") right top no-repeat;}
#content .row-2 .left-bot{ background:url("portal.spring?appId=levius&pageId=c%3Arow2-corner-left-bot&dn=1") left bottom no-repeat;}
#content .row-2 .right-bot{ background:url("portal.spring?appId=levius&pageId=c%3Arow2-corner-right-bot&dn=1") right bottom no-repeat; width:100%;}
#content .row-2 .indent2{ padding:22px 10px 10px 10px;}
.row-2 .title{ padding:0 0 15px 9px;}

.box{ background:url("portal.spring?appId=levius&pageId=c%3Abox-border&dn=1") top repeat-x #ffffff; line-height:1.333em; width:100%;}
.box .left-border{ background:url("portal.spring?appId=levius&pageId=c%3Abox-border&dn=1") left repeat-y;}
.box .right-border{ background:url("portal.spring?appId=levius&pageId=c%3Abox-border&dn=1") right repeat-y;}
.box .bot-border{ background:url("portal.spring?appId=levius&pageId=c%3Abox-border&dn=1") bottom repeat-x;}
.box .top-left{ background:url("portal.spring?appId=levius&pageId=c%3Abox-corner-left-top&dn=1") left top no-repeat;}
.box .top-right{ background:url("portal.spring?appId=levius&pageId=c%3Abox-corner-right-top&dn=1") right top no-repeat;}
.box .bot-left{ background:url("portal.spring?appId=levius&pageId=c%3Abox-corner-left-bot&dn=1") left bottom no-repeat;}
.box .bot-right{ background:url("portal.spring?appId=levius&pageId=c%3Abox-corner-right-bot&dn=1") right bottom no-repeat; width:100%;}
#content .box .indent{ padding:24px 15px 19px 21px;}

/* ============================= footer ====================== */
#footer{ text-align:right; font-size:0.917em; color:#2a4959;}
#footer strong{ text-transform:uppercase;}
#footer a{ color:#2a4959;}
#footer .text{ padding:14px 29px 0 0;}


/* ============================= forms ============================= */
#SearchForm{ float:right; padding:44px 22px 0 0;}
#SearchForm input{ border:solid 1px #808080; padding:2px 0 1px 2px; width:185px; vertical-align:top; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000;}
#SearchForm a{ display:inline-block; background:url("portal.spring?appId=levius&pageId=c%3Aform-button-left-bg&dn=1") left top no-repeat #315999; color:#ffffff; text-decoration:none; font-weight:bold; margin-left:13px; line-height:1em; vertical-align:top;}
#SearchForm a span{ display:block; background:url("portal.spring?appId=levius&pageId=c%3Aform-button-right-bg&dn=1") right top no-repeat; padding:3px 6px 5px 9px;}
#SearchForm a:hover{ background:url("portal.spring?appId=levius&pageId=c%3Aform-button-left-bg-act&dn=1") left top no-repeat #112f65;}
#SearchForm a:hover span{ background:url("portal.spring?appId=levius&pageId=c%3Aform-button-right-bg-act&dn=1") right top no-repeat;}

#ContactForm{ padding-top:25px;}
#ContactForm .col-1{ width:325px !important;}
#ContactForm .col-2{ width:268px !important; margin-left:0 !important;}
#ContactForm label{ display:block; height:42px;}
#ContactForm input{ border:solid 1px #9f9d9d; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:2px 0 2px 3px; width:260px;}
#ContactForm textarea{ border:solid 1px #9f9d9d; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:2px 0 2px 3px; width:262px; height:100px; overflow:hidden;}
#ContactForm .link{ float:right; margin:16px 20px 0 0;}

/*layout.css*/

#main { width:872px; margin:0 auto; text-align:left;}

#header {height:453px;}

#footer { height:53px;}

.column-1, .column-2, .column-3, .column-4, .col-1, .col-2, .col-3 {float:left;}
.container {width:100%; overflow:hidden;}
.container2 {width:100%;}

/* ============================= page1 ===========================*/
#page1 .row-1{height: 500px;}
#page1 .row-1 .column-1{ width:187px;}
#page1 .row-1 .column-2{ width:187px;}
#page1 .row-1 .column-3{ width:187px;}
#page1 .row-1 .column-4{ width:187px;}
#page1 .line1{ background:url("portal.spring?appId=levius&pageId=c%3Aline&dn=1") repeat-y 195px 0; width:100%;}
#page1 .line2{ background:url("portal.spring?appId=levius&pageId=c%3Aline&dn=1") repeat-y 407px 0; width:100%;}
#page1 .line3{ background:url("portal.spring?appId=levius&pageId=c%3Aline&dn=1") repeat-y 619px 0; width:100%;}

#page1 .row-2 .column-1{ width:410px;}
#page1 .row-2 .column-2{ width:410px;}

/* ============================= page2 ===========================*/
#page2 .row-1 .column-1{ width:400px;}
#page2 .row-1 .column-2{ width:390px;}

#page2 .row-2 .column-1{ width:270px;}
#page2 .row-2 .column-2{ width:550px;}

/* ============================= page3 ===========================*/
#page3 .row-1 .column-1{ width:611px;}
#page3 .row-1 .column-2{ width:187px;}
#page3 .row-1 .col-1{ width:315px;}
#page3 .row-1 .col-2{ width:265px;}
#page3 .line1{ background:url("portal.spring?appId=levius&pageId=c%3Aline&dn=1") repeat-y 619px 0; width:100%;}

#page3 .row-2 .column-1{ width:410px;}
#page3 .row-2 .column-2{ width:410px;}

/* ============================= page4 ===========================*/
#page4 .row-1 .column-1{ width:187px;}
#page4 .row-1 .column-2{ width:187px;}
#page4 .row-1 .column-3{ width:187px;}
#page4 .row-1 .column-4{ width:187px;}
#page4 .line1{ background:url("portal.spring?appId=levius&pageId=c%3Aline&dn=1") repeat-y 195px 0; width:100%;}
#page4 .line2{ background:url("portal.spring?appId=levius&pageId=c%3Aline&dn=1") repeat-y 407px 0; width:100%;}
#page4 .line3{ background:url("portal.spring?appId=levius&pageId=c%3Aline&dn=1") repeat-y 619px 0; width:100%;}

#page4 .row-2 .column-1{ width:621px;}
#page4 .row-2 .column-2{ width:199px;}
#page4 .row-2 .col-1{ width:290px;}
#page4 .row-2 .col-2{ width:265px;}

/* ============================= page5 ===========================*/
#page5 .row-1 .column-1{ width:187px;}
#page5 .row-1 .column-2{ width:611px;}
#page5 .row-1 .col-1{ width:290px;}
#page5 .row-1 .col-2{ width:280px;}
#page5 .line1{ background:url("portal.spring?appId=levius&pageId=c%3Aline&dn=1") repeat-y 195px 0; width:100%;}

#page5 .row-2 .column-1{ width:270px;}
#page5 .row-2 .column-2{ width:550px;}

/* ============================= page6 ===========================*/
#page6 .row-1 .column-1{ width:187px;}
#page6 .row-1 .column-2{ width:187px;}
#page6 .row-1 .column-3{ width:187px;}
#page6 .row-1 .column-4{ width:187px;}
#page6 .line1{ background:url("portal.spring?appId=levius&pageId=c%3Aline&dn=1") repeat-y 195px 0; width:100%;}
#page6 .line2{ background:url("portal.spring?appId=levius&pageId=c%3Aline&dn=1") repeat-y 407px 0; width:100%;}
#page6 .line3{ background:url("portal.spring?appId=levius&pageId=c%3Aline&dn=1") repeat-y 619px 0; width:100%;}

#page6 .row-2 .column-1{ width:410px;}
#page6 .row-2 .column-2{ width:410px;}

/* ============================= page7 ===========================*/
#page7 .row-1 .column-1{ width:187px;}
#page7 .row-1 .column-2{ width:611px;}
#page7 .line1{ background:url("portal.spring?appId=levius&pageId=c%3Aline&dn=1") repeat-y 195px 0; width:100%;}

#page7 .row-2 .column-1{ width:270px;}
#page7 .row-2 .column-2{ width:550px;}

/* Non flash css*/

/* ============================= header ====================== */
#header .top{ width:100%; overflow:hidden; height:92px;}
#header .logo{ padding:25px 0 0 27px;}
#header .top-shadow{ background:url("portal.spring?appId=levius&pageId=c%3Atop-shadow&dn=1") top repeat-x #ffffff; width:100%;}
#header .left-shadow{ background:url("portal.spring?appId=levius&pageId=c%3Aleft-shadow&dn=1") left repeat-y;}
#header .right-shadow{ background:url("portal.spring?appId=levius&pageId=c%3Aright-shadow&dn=1") right repeat-y;}
#header .left-top{ background:url("portal.spring?appId=levius&pageId=c%3Acorner-left-top&dn=1") left top no-repeat;}
#header .right-top{ background:url("portal.spring?appId=levius&pageId=c%3Acorner-right-top&dn=1") right top no-repeat;}
#header .indent{ padding:21px 11px 11px 11px;}
.header-text{ background:url("portal.spring?appId=levius&pageId=c%3Aheader-bg&dn=1") no-repeat 0 0; height:234px; padding:46px 0 0 508px}
.header-text ul{ padding:4px 0 0 12px;}
.header-text li{ line-height:1.917em; background:url("portal.spring?appId=levius&pageId=c%3Aheader-list-marker&dn=1") no-repeat 0 9px; padding-left:16px;}
.header-text a{ color:#a9d0ff;}

#header .menu{ width:100%; overflow:hidden; padding-bottom:18px;}
#header .menu ul{ padding-left:16px;}
#header .menu li{ float:left; background:url("portal.spring?appId=levius&pageId=c%3Amenu-item-bg&dn=1") no-repeat 0 10px; padding:0 23px;}
#header .menu .first{ background:none; padding-left:0;}
#header .menu .last{ padding-right:0;}
#header .menu a{ display:block; color:#4b4b4b; text-decoration:none;}
#header .menu a span{ display:block; padding:6px 10px 7px 10px;}

#header .menu a:hover, #header .menu .active{ background:url("portal.spring?appId=levius&pageId=c%3Amenu-item-left-bg&dn=1") left top no-repeat #30c0e9; color:#ffffff; text-decoration:underline;}
#header .menu a:hover span, #header .menu .active span{ background:url("portal.spring?appId=levius&pageId=c%3Amenu-item-right-bg&dn=1") right top no-repeat;}

/* Our CSS*/

.skills_caption {
  padding-top: 10px;
}


.skills_body {
  padding: 5px;
}

h1 {
  margin-top: 25px;
}

h2 {
  margin-top: 25px;
}

.choose_language{
  padding-left: 20px;
}

.content_padding {
  padding: 0px 20px 20px 20px;
}

.logos_center1 {
  text-align: center;
  border: solid 1px #BCD3F5; 
  height:65px; 	
  position: relative;
  margin: 0px auto;
}

.logos_center {
        margin: 0px auto;
        width:100%;
        text-align: center;
        
}

iframe {
  border-style: none;
}
a.tooltip
{
    position:relative; /*this is the key*/
    z-index:24; /*background-color:#ccc;*/
    color:#000;
    /*background-image: url("../img/question_mark.gif");*/
    text-decoration:none;
}

a.tooltip:hover{z-index:25; background-color:#dddddd}

a.tooltip span{display: none}

a.tooltip:hover span
{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #b6b6b6;
    background-color:#dddddd; color:#000;
    text-align: center
}