body {background: #FFFFFF url(../img/background_main.png) repeat-x;
    }

html, body {height: 100%; overflow-x:hidden;
}

.left{ float:left;}
.right{ float:right;}
.both{ clear: both;}
 
a { vertical-align:top}

.areaBtn{
  float:right;
  padding-right:10px;
  padding-top:14px;
  font-size:9pt;
  font-family:helvetica;
 }
 
#blueBarContainer{
   position:absolute;
    left:0px;
    top:95px;
    width: 100%;
    z-index:10;
 
}
#blueContainerBg{
    position:absolute;
    background:transparent url(../img/background_blue_sliderr.png) repeat-x; 
    height:330px;
    width:50%;
    left: 0;
    z-index: 1;
}
#blueContainerBg .center{
    position: absolute;
    left: 0%;
    right: 0%;
    height: 332px;
}
.center{
    width: 900px;
    margin: 0 auto;
}
#blueSliderEnd{
    width:21px;
    height: 330px;
    background:transparent url(../img/background_blue_slider_endd.png);
    background-repeat: no-repeat;
    background-position: right;
    float:left;
}
#blueSliderContent {background:transparent url(../img/background_blue_sliderr.png) repeat-x;
    height:306px;
    position:relative;
    width:854px;
    float: left; 
    padding: 12px 0px;
    z-index: 2;
}
   
#blueSliderFrame {
    background:transparent url(../img/blue_slider_frame_tr.png) no-repeat;
    width:825px;
    height:275px;
    padding: 15px;
    position: relative;
    left: 7px;
}
#blueSliderFrame .buttonReadMore{
    position: absolute;
    right: 30px;
    bottom: 30px;
}

.orangeFrameTitle{
    padding-left: 8px;
	padding-top:10px;
}
#orangeBarContainer{
   position:absolute;
    right:0px;
    top:420px;
    width: 100%; 
}
#orangeContainerBg{
    position:absolute;
    background:transparent url(../img/background_orange_slider.png) repeat-x;
    height:332px;
    width:50%;
    right: 0;
    z-index: 1;
}
#orangeContainerBg.center{
    position: absolute;
    left: 0%;
    right: 0%;
    height: 332px;
}
.orangeContainer{
    position: absolute;
    z-index: 2;
    width: 100%;
}
.orangeContainer .center{
    left:1px;
    position:relative;
}
.center{
    width: 900px;
    margin: 0 auto;
}
#orangeSliderEnd{
    width:15px;
    height: 332px;
    background:transparent url(../img/background_orange_slider_end.png);
    background-repeat: no-repeat;
    background-position: right top ;
    float:left;
}
#orangeSliderContent {
    background:transparent url(../img/background_orange_slider.png) repeat-x;
    height:170px;
    width:865px;
    float: left; 
    padding-top: 0px;
    padding-bottom: 15px;
    padding-left:5px;
}
   
#orangeSliderFrame {
    width:825px;
    height:275px;
    padding: 15px;
    position: relative;
}
/*#constraint{ width: 100%; height: 698px; overflow: hidden; position: absolute; top: 0; bottom: 0;}
*/
#constraint{ width: 100%;   position: absolute; top: 0; bottom: 0;}

#filler{ height: 520px; width: 1px;}
 
#top  {
    padding: 0px;
    height:100px;
	width:900px;
    margin-left:auto;
	margin-right:auto;
	position:relative;
	top:0px;
}
#mainLogo {
    float: left;
	padding-left:10px;
	padding-top:10px;
 
}
#mainMenu {
    padding-top: 5px;
    width:800px;
	height:20px;
     margin-right:29px;
    float:right;
}
#mainMenu ul {list-style:none;
 
}
#mainMenu li {float:right;
    margin-right:20px;
    overflow:hidden;
    height:15px;
}
#mainMenu li:hover img {margin-top:-20px;
}

#footer {width:900px;
    text-align:center;
    margin-left:auto;
	margin-right:auto;
    color:#777777;
    font-family:helvetica;
    font-size:12px;
    padding-bottom: 5px;
	height:50px;
	margin-top:20px;
}

#mainSocial {
    padding-top: 65px;
    float:right;
    padding-right: 48px;
}
.mainSocialIcon{
    width: 18px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: 0 -17px;
}
.mainSocialIcon  :hover{
    
	margin-top:-15px;
}
#socialFB {
    float:left;
    background-image: url('../img/facebook.png');
    cursor:pointer;
}
 

#socialTW {
    float:right;
    background-image: url('../img/twitter.png');
    cursor:pointer;
}

.medium_thumbs_list_crop{
    width: 100%;
    overflow: hidden;
}
.medium_thumbs_list{
    padding: 0px;
	padding-top:6px;
    width: 10000px;
    overflow: hidden;
}
.medium_thumbs_list li{
    float: left;
    width: 275px;
    padding-right: 24px;
    padding-top: 0px;
}
.medium_thumbs_list li:hover{
    cursor: pointer;
}
.medium_thumbs_list li.first{
}
.medium_thumbs_list li.last{
    padding-right: 0px;
}
.thumb_medium{ 
    float: left;
    padding-top: 15px;
    padding-bottom: 5px;
    /*background-image: url('../img/thumb_medium_bg.png');*/
    width: 245px;
    height: 115px;
    padding: 10px 9px;
    position: relative;
}
.thumb_medium img{
    position: absolute;
}
.thumb_medium img.off{
    z-index: 3;
}
.thumb_medium img.on{
    z-index: 4;
    display: none;
}

#orangeBigBarContainer{
    position:relative;
    right:0px;
    top:0px;
    width: 900px; 
	height:auto;
    display: none;
	padding-top:20px;
	padding-left:0px;
	margin-left:auto;
	margin-right:auto;
}
#orangeBigBarEnd{


    background:transparent url(../img/big_orange_slider_end.pngg);
    height:611px;
    width:30px;
    float: left;
}
#orangeBigBarContentContainer{
    z-index: 2;
    position:relative;
    width: 100%;
}
#orangeBigBarContainerBg{
    position:absolute;
    background:transparent url(../img/big_orange_slider_bg.pngg);
    height:611px;
    width:50%;
    right: 0;
    z-index: 1;
}
#orangeBigBarContainerBg .center{
    position: absolute;
    left: 0%;
    right: 0%;
    height: auto;
    
}
#orangeBigBarContent{
    float: left;
    background-color: red; 
    width: 870px;
    height: auto;
    background:transparent url(../img/big_orange_slider_bg.pngg) repeat-x;
    padding: 0px 0;  
}



#BP_header{
 
     margin-top:0px;
     margin-left:0px;
	width:800px;
	height:30px;
	border:0px solid green;
	position:relative;
}
#BP_desc{
     width:800px;
     height:50px;
     border:0px solid yellow;
     position:relative;
     left:0px;top:0px;
     padding:10px 0px 30px;
	 padding-left:0px;
     
}
 
.BP_area{
	width:800px;
	height:170px;
	border:0px solid lime;
	padding:10px;
	padding-bottom:40px;
	padding-left:0px;
    position:relative;
}
/* #img1{
	width:260px;
	height:126px;
	border:1px solid red;
	position:relative;
	float:left;
	margin:10px;
}
#text1{
	width:490px;
	height:126px;
	border:1px solid blue;
	position:relative;
	float:right;
	margin:10px;
} */
.BP_areaImg{
	width:260px;
	height:128px;
	border:0px solid red;
	position:relative;
	float:left;
	margin:10px;
}
.BP_areaText{
	 
	height:65px;
	border:0px solid blue;
	position:relative;
	float:none;
	margin:0px;
	font-family:verdana;
	font-weight:normal;
	color:#373737;
	font-size:12px;
	width: 700px; margin-top:0px; 
	font-size: 14pt;
}

#btnBack{
    display:none; 
     position:absolute;
     top:14px;
     right:-6px;
     cursor:pointer;
}

#btnCont{
     cursor:pointer;
}
#btnApp{
     cursor:pointer;
 
}
#btnAbout{
     cursor:pointer;
 
}

#divContactUs ul li
{ color:#FFFFFF; padding:5px;}


.header1 {color:#0364a5;font-family:helvetica; font-weight:normal;
     font-size:21pt;}
#btnX {display:none;cursor:pointer; position:absolute;top:10px;}

#BigPane{ height:700px;  }


.loadingImg{
 margin-left:10px; margin-top:5px;
     
}

#btnRM{cursor:pointer}


/* case header, subheader, key technologies */
.case_h{
border-bottom:1px solid #C7C7C7;height:26px;width:575px;color:#f37721;font-size:18pt;
position:absolute;top:0px;left:0px;font-family:verdana; font-weight:normal
}
.case_sh{
color:#0364A5;position:absolute;top:32px;left:0px;width:600px;font-size:10pt;font-family:arial
}
.case_kt{
color:#373737;position:absolute;top:45px;left:0px;width:500px;font-size:8pt;font-family:arial
}
.case_cont{
position:absolute;left:275px;top:0px;border:0px solid lime; width:450px;height:130px
}
.case_parentCont{
position:relative;border:0px solid red;width:700px; auto;
}
.case_parentCont img {
position:absolute;top:30px;left:3px;
}
.case_desc {height:70px;width:500px; border:0px solid yellow;position:absolute;top:65px;left:0px; line-height:14px;
border:0 solid blue;
color:#373737;
float:none;
font-family:verdana;
font-size:13px;
height:100px;
margin:0;
margin-top:0px;
padding-top:0;
}
.case_desc label {color:#04274a}







/*
#wrapper {width:1100px;
    height:900px;
    margin:auto;
    overflow:hidden;
}
#fakeBlue {background:transparent url(../img/background_blue_slider.png) repeat-x;
    height:332px;
    width:2120px;
    position:absolute;
    left:0px;
    top:108px;
    margin-left:-1510px;
}
#fakeOrange {background:transparent url(../img/background_orange_slider.png) repeat-x;
    height:250px;
    width:800px;
    position:absolute;
    right:0px;
    top:465px;
    margin-right:auto;
}

#top {position:relative;
    left:0px;
    top:0px;
    width:1000px;
    height:100px;
    border:0px solid black;
}
#mainLogo {height:80px;
    float:left;
    width:426px;
    position:relative;
    left:100px;
    top:20px;
    margin-left:0px;
    border:0px solid red;
}
#mainMenu {height:30px;
    width:285px;
    float:left;
    position:relative;
    left:200px;
    top:70px;
    margin-left:0px;
    border:0px solid blue;
}
#mainMenu a img{border:0px;
}
#mainMenu ul {list-style:none;
    margin-left:-40px;
}
#mainMenu li {float:left;
    position:relative;
    bottom:10px;
    margin-right:20px;
    overflow:hidden;
    height:20px;
}
#mainMenu li:hover img {margin-top:-20px;
}

#mainSocial {height:30px;
    width:30px;
    float:left;
    position:relative;
    left:200px;
    top:70px;
    margin-left:0px;
    border:0px solid blue;
}
#socialFB {float:left;
    width:13px;
    height:13px;
    overflow:hidden;
    margin-top:7px;
}
#socialFB:hover img {margin-top:-16px;
}
#socialTW {float:right;
    width:13px;
    height:13px;
    overflow:hidden;
    margin-top:7px;
}
#socialTW:hover img {margin-top:-16px;
}

#blueSlider {height:332px;
    width:971px;
    position:relative;
    left:0px;
    top:0px;
    margin-left:0px;
}
#blueSliderContent {background:transparent url(../img/background_blue_slider.png) repeat-x;
    height:332px;
     position:relative;
    float:right;
    width:950px;
}
#blueSliderEnd {background:transparent url(../img/background_blue_slider_end.png) no-repeat;
    position:relative;
    float:right;
    height:332px;
    width:21px;
    clear:left;
}
#buttonReadMore {position:relative;
    float:right;
    right:30px;
    top:247px;
}

#orangeSlider {height:250px;
    width:866px;
    margin-right:0px;
    position:relative;
    left:100px;
    top:25px;
}
#orangeSliderContent {background:transparent url(../img/background_orange_slider.png) repeat-x;
    height:250px;
     position:relative;
    float:left;
    width:850px;
}
#orangeSliderEnd {background:transparent url(../img/background_orange_slider_end.png) no-repeat;
    position:relative;
    float:left;
    height:250px;
    width:16px;
}

#blueSliderFrame {position:relative;
    left:100px;
    top:16px;
    background:transparent url(../img/blue_slider_frame_tr.png) no-repeat;
    width:854px;
    height:299px;
}

#orangeFrame1 {position:relative;
    left:20px;
    top:50px;
    float: left;
    width:257px;
    height:158px;
}
.orangeFrameTitle {float:left;
    margin-left:10px;
    border:0px solid blue;
    width:100px;
    height:30px;
}
.orangeFrameTitle img {margin-top:8px;
}
.orangeFrameButton {float:right;
    border:0px solid blue;
    width:87px;
    height:30px;
}
.orangeFrameButton img {margin-top:1px;
}
.orangeFrameImg {clear:both;
    border:0px solid blue;
    background:transparent url(../img/orange_slider_frame_1.png) no-repeat;
    width:257px;
    height:128px;
}

#orangeFrame2 {position:relative;
    left:70px;
    top:50px;
    float: left;
    width:257px;
    height:158px;
}
#orangeFrame3 {position:relative;
    left:120px;
    top:50px;
    float: left;
    width:257px;
    height:158px;
}

#contacts {position:relative;
    left:20px;
    top:30px;
    float: left;
    width:200px;
    height:190px;
    border:0px solid blue;
    color:#E0E0E0;
    font-family:helvetica;
    font-size:10px;
}
#contactText {position:relative;
    left:40px;
    top:60px;
    float: left;
    width:600px;
    height:190px;
border: 0px solid blue;
     color:#E0E0E0;
    font-family:helvetica;
    font-size:10px;
    text-align:justify;
}

#bottom {position:relative;
    left:0px;
    top:50px;
    width:1100px;
    height:100px;
    text-align:center;
    margin:auto;
    color:#666666;
    font-family:helvetica;
    font-size:12px;
}

#titleContact {float:left;
    margin-top:15px;
}
#iconMail {float:left;
    position:relative;
    top:60px;
    margin-right:20px;
    clear:left;
}
#iconPhone {float:left;
    position:relative;
    top:70px;
    margin-right:20px;
    clear:left;
}
#iconSkype {float:left;
    position:relative;
    top:80px;
    margin-right:20px;
    clear:left;
}
#contactMail {text-decoration:none;
    float:left;
    position:relative;
    top:58px;
    margin-left:15px;
    text-decoration:none;
    color:#E0E0E0;
    font-weight:bold;
    font-size:11px;
}
#phoneNr {float:left;
    position:relative;
    top:68px;
    margin-left:15px;
    font-weight:bold;
    font-size:11px;
}
#skypeNr {float:left;
    position:relative;
    top:78px;
    margin-left:-5px;
    font-weight:bold;
    font-size:11px;
    }
*/