html{
    overflow-y:scroll;
    overflow-x:auto;
    margin:0;
    padding:0;
    color:#000000;
}

body
{
    margin: 0;
    font-family: Arial;
    font-size: 14px;
}


#mainContainer
{
    background-repeat:repeat-x;
    background-position: 0px 92px;
    background-color:White;
}

#background
{
    width:990px;
    background-repeat:no-repeat;
    background-position: 0px 92px;
    background-color:White;    
    margin:0 auto;
/*    height:100%;*/
}

#backgroundFooter
{
    width:990px;
    background-repeat:no-repeat;
    background-position: 0px 92px;
    background-color:White;    
    margin:0 auto;
}

a img, a:visited img{
    border:0;
}

/*  HEADER */
#header{
    width: 990px;
    height: 100px;
    border:0;
}

#header #racanaLogo{
    margin-left:10px;
    margin-top:19px;
    float:left;
}

#header .menu{
    float:left;
    height:25px;
    margin-top: 71px;
    font-size:14px;
    list-style:none;
    padding:0;
}

#header .menu li {
    position:relative;
    float:left;
    height:21px;
    
}

.menuSeparator, .menuSeparator:hover
{
    cursor:default;
    border:0;   
}

#header .menu:hover li
{
    border:0;
}

#header .menu li:hover 
{
    border-bottom:solid 3px #f88a3a;
}

#header .menu li a, #header .menu li a:visited{
    padding-left:10px;
    padding-right:10px;
    color:#707070;
    text-decoration:none;
}

#header .menu li a.last{
    padding-right:0px
}

#header .menu li a:hover{
    color:#000000;
}

.subMenu{
    display:none;
}

#header .menu li:hover ul.subMenu, 
#header .menu li:hover ul.subMenu:hover
{
    font-size:13px;
    border:solid 1px #707070;
    list-style:none;
    background:#FFFFFF;
    display:block;
    text-align:left;
    position:absolute;
    min-width:210px;
    z-index:500;
    top:21px;
    left: 0px;
    margin:0;
    padding:0;
    white-space:nowrap;
    border-bottom:solid 3px #f88a3a;
}

#header .menu li ul.subMenu li{
    float:none;
    padding:7px 7px 7px 7px;
    height:17px;
    border-bottom:solid 1px #d0e3f4;
}
#header .menu li ul.subMenu li a,
#header .menu li ul.subMenu li a:visited{
    color:#505050;
    float:none;
    padding:0;
}

#header .menu li ul.subMenu li a div{
    width:100%;
    height:100%;
}

#header .menu li:hover ul.subMenu li:hover{
    background:#eef5fb;
    color:#3788cf;
}

#header #greenButton{
    margin-top:62px;
    height:30px;
    background-image:url(../Images/button-green.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
    float:right;
    position:relative;
}

#header #greenButton:hover{
    background-position:0px -30px;
}

#header #greenButton a,
#header #greenButton a:visited{
    position:absolute;
    color:#000000;
    text-decoration:none;
    padding-top:7px;
    height:23px;
    width:235px;
    padding-left:16px;
}

#demoButton
{
    margin-top:40px;
    float:right;
    margin-right:12px;
}

#demoDiv{
    background-image:url(../Images/demo-button.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
    height:44px;
    width:251px;
    float:left;
    cursor:pointer;
}

#demoDiv:hover{
    background-position:0px -44px;
}

#textDiv
{
    padding-top:13px;
    padding-left:50px;
    color:#ffffff;
    font-size:13px;
}

/* RIGHT TOOLBAR */
.rightToolbarWidth{
    width:262px;
}

.contentWidth{
    width:728px;
}

#rightToolbar{
    vertical-align:top;
}

#rightToolbar #toolbar1{
    margin-top:30px;
}

#rightToolbar #toolbar2{
    margin-top:5px;
}

.RightToolbar{
    width:250px;
    overflow:hidden;
    list-style:none;
    padding:0;   
    margin:0; 
}

.RightToolbar li{
    background-color:#e0effc;
    position:relative;
    font-size:13px;
    font-weight:100;
    height:35px;
    cursor:pointer;
}

.RightToolbar .hr{
    width:234px;
    height:0px;
    border-bottom:solid 1px #bcc9d3;
    border-top:solid 1px #edf6fd;
    position:absolute;
    bottom:0px;
    left:8px;
    z-index:25;
}

.RightToolbar .shining{
    width:250px;
    height:56px;
    position:absolute;
    top:-10px;
    left:0px;
    z-index:50;
    background-image:url(../Images/boxRMenu-hover.png);
    background-repeat:repeat-x;
    display:none;
}

.RightToolbar li:hover .shining{
    display:block;
}

.RightToolbar li a, .RightToolbar li a:focus{
    position:absolute;
    text-decoration:none;
    height:27px;
    width:201px;
    padding-left:50px;
    padding-top:8px;    
    z-index:100;
    border:0;
    outline:0;
    color:#0377db;
}

.RightToolbar li:hover a{
    color:#f36700;
}

.RightToolbar .header{
    background:url(../Images/boxRMenu-arrow.png) no-repeat;
    height:38px;
    padding:7px 0px 0px 7px;
    overflow:hidden;
    font-size:18px;
    color:#ffffff;
    cursor:default;
}

.RightToolbar .footer{
    background-color:Transparent;
    background:url(../Images/boxRMenu-footer.png) no-repeat;
    height:32px;
    padding:0;
    cursor:default;
}

.RightToolbar .regularIcon{
    position:absolute;
    z-index:100;
    height:28px;
    width:45px;
    top:8px;
    left:15px;
    background:url(../Images/iconRMenu.png) no-repeat;   
}

.RightToolbar .enabledIcon{
    background:url(../Images/iconRMenuEna.png) no-repeat;   
}

.RightToolbar .regularLine
{
    height:35px;
}

.RightToolbar .lastLine
{
    height:30px;
}
.RightToolbar .lastLine .hr
{
    border:0;
}

.RightToolbar .ena
{
    background-image:url(../Images/boxRMenu-ena.png);
    display:block;
}
.RightToolbar .ena a{color:#f36700;}


.cloud
{
    position:relative;
    background-image:url(../Images/bg-cloud.png);
    background-repeat:no-repeat;
    height:138px;
    width:250px;
    z-index:100;
}

.cloud .textbox
{
    text-decoration:none;
    margin-left:25px;
    margin-top:20px;
    width:200px;
    text-align:center;
    font-size:14px;
    color:#035297; 
    cursor:pointer;
}

.cloud .textbox:hover {color:#72B3EB;}
 
.cloud .textbox .h1Box
{
   font-size:20px;
   margin-top:7px;
}


/*
#quotes{
    margin-top:15px;
    width:251px;
    background:#EBEBEB;
}

.quotesToolbar{
    overflow:hidden;
    width:100%;
    list-style:none;
    background:#EBEBEB;
    padding:0;  
    margin:0;  
}

.quotesToolbar .header{
    height:22px;
    padding:7px 0px 0px 7px;
    overflow:hidden;
    font-size:15px;
    color:#86b900;
}

.quotesToolbar .content{
    height:170px;
    overflow:hidden;
    padding:7px;
}

.quotesToolbar .arrow{
    background:url(../Images/boxGray-arrow.jpg) no-repeat;
    height:20px;
    padding:0;
}
*/

.partnerBG{
    width:210px;
    height:115px;
    float:left;
    margin-right:5px;
    margin-bottom:5px;
    border:solid 1px #51a0e6;
    background-repeat:no-repeat;
    background-position:center 3px;
}

.partnerContent{
    width:100%;
    height:17px;
    padding-top:98px;
    text-align:center;
    background-image:url(../Images/partnersThumb-bg.gif);
    background-position:left bottom;
    background-repeat:repeat-x;
    position:relative;
}

.partnerContent .csIcon{
    background-image:url(../Images/ico-cs.png);
    width:28px;
    height:32px;
    position:absolute;
    top:5px;
    right:7px;
}
/*  CONTENT PAGES  */
#mainContent{
    padding:15px 30px 60px 25px;
    vertical-align:top;
}

.icon-title,
.icon-title a, 
.icon-title a:visited{
    color:#035297;
}

.white{
    color:#006baf;
}

#title-img
{
    float:left;
    width:450px;
}

.title-content
{
    margin-top:8px;
    margin-left:430px;
    position:absolute;
    float:left;
    width:265px;
    color:#006baf;
    font-size:19px;
    line-height:24px;
    height: 130px;    
    z-index:100;
}
.shadow
{
    margin-top:12px;
    margin-left:451px;
    color:#A8D9FF;
    z-index:20;
}

.black, 
.black a:visited{
    color:#000000;
}

.gray{
    color:#8b8b8b;
}

.gray1{
    color:#666666;
}

.managmentName{
    color: #035297;
    font-weight:bold;
}

.iconContainer{
    float:left;
    background-repeat:no-repeat;
    background-position:center top;
    text-align:center;
    width:222px;
    padding-top:100px;
    position:relative;
}

.iconContainer .icon-img{
    position:absolute;
    top:0px;
    left:60px;
    margin:0;
}

.iconContainer a,
.iconContainer a:focus,
.iconContainer a:visited{
    outline:0;
    text-decoration:none;
    font-size: 12px;
    color: #62aae9;
}

.rightSButton .textDiv
{
    margin-top:5px;
    text-decoration:none;
    font-size: 12px;
    color: #62aae9;
}
.readMoreBut
{
    margin-left:60px;
    margin-top:-10px;
    height:26px;
    width:105px;
    position:relative;
    text-align:center;
    cursor:pointer;
}
.leftSButton
{
    float:left;
    background-image: url(../Images/butGray.png);
    background-repeat: no-repeat;
    background-position:0px 0px;
    width:3px;
    height:26px;
}
.readMoreBut:hover .leftSButton, .rMoreBut:hover .leftSButton{background-position:0px -52px;}
.rightSButton
{
    float:left;
    background-image: url(../Images/butGray.png);
    background-repeat: no-repeat;
    background-position:-203px -26px;
    width:98px;
    height:26px;
}
#rightCSBtn{width:130px; background-position:-171px -26px;}
.readMoreBut:hover .rightSButton, .rMoreBut:hover .rightSButton{background-position:-203px -78px;}
.rMoreBut:hover #rightCSBtn{background-position:-171px -78px;}

.readMoreBut:hover .rightSButton .textDiv, .rMoreBut:hover .rightSButton .textDiv{color: #035297;}


#imgTitle{
    margin-top:20px;
    height:54px;
}

p.first,
div.first{
    margin-top:80px;
}

p.last,
div.first{
    margin-bottom:0px;
}

.txt{
    line-height:1.3em;
}

#CStitleDiv
{
    float:none;
    /*border-bottom:solid 1px #bcc9d3;*/
    height:80px;
    margin-top:60px;
}

.csLogo
{
    text-align:right;
}
.CStitle
{
    color:#666666;
    font-size:24px;
}

.CStitle div{float:left;}

.study
{
    float:none;
    width:680px;
    height:140px;
}

.study .corpIcon
{
    float: left;
    width: 125px;
    height: 120px;
}

.study .corpSummary
{
    float: left;
    height: 120px;
    width: 540px;
    padding-left:15px;
}

.corpSummary .text{float:none;}

.corpSummary .rMoreBut
{
    margin-left:390px;
    margin-top:10px;
    position:relative;
    text-align:center;
    cursor:pointer;
}

#ReadMore-inner-a, #ReadMore-inner-a:hover, 
#ReadMore-inner-a:visited, #ReadMore-inner-a:focus
{
    color: Black;
    font-style:italic;
}

.txt b{color:#006baf;}

.txtHeader1{
    font-size:22px;
    color:#006baf;
}

.txtHeader2{
    font-size:18px;
    margin-bottom:10px;
    color:#006baf;
}

.txtHeader3{
    font-size:17px;
    margin-bottom:5px;
}

.txtHeader3{
    font-size:17px;
    color:#9AD400;
    font-weight:bold;
    margin-bottom:5px;
}

ul.orangeList{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.orangeList b{color:#006baf;}

ul.orangeList li{
    background-image: url(../Images/iconSmall.png);
    background-repeat: no-repeat;
    background-position: 20px 4px;
    padding-left: 50px;
    padding-top:1px;
    margin-top:5px;
    min-height:25px;
}

ul.innerList{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.innerList li{
    background-image: url(../Images/iconSmall.png);
    background-repeat: no-repeat;
    background-position: 50px 2px;
    padding-left: 70px;
    margin-bottom:5px;
    min-height:25px;
}

.bulletListHeader{
     font-weight:bold;
     margin-bottom:8px;
     margin-left:20px;
}

.androidSSDiv
{
 margin-top:-387px;   
 float:left;
 height:388px;   
 width:306px;
}

.androidSSDiv img
{
    margin-top:0px;
    margin-left:50px;
    width:256px;
    height:384px;
    border: solid 2px #51a0e6;
}

.iPhoneSSDiv
{
    margin-top:-300px; 
    margin-left:10px;
    float:left;
    height:308px;   
    width:210px;
}

.iPhoneSSDiv img
{
    margin-top:0px;
    margin-left:10px;
    width:198px;
    height:298px;
    border: solid 2px #51a0e6;
}

.managmentImg
{
    border: solid 2px #51a0e6;
    width: 100px;
}

.managmentDec{
    padding-left:0px;
}

.managmentTbl{
    padding-bottom:10px;
}

.floatingDiv{
    float:left;
}

.contactBox{
    list-style:none;
    padding:0;
    margin:0;
}

.contactBox .header{
    background:#51a0e6;
    color:#ffffff;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:12px;
}

.contactBox .body{
    padding-left:12px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2f0fa', endColorstr='#ffffff'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#e2f0fa), to(#fff)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #e2f0fa,  #fff); /* for firefox 3.6+ */
}
#mailA, #mailA:hover, #mailA:visited
{
    color:#4babff;
}


#headquaters{
    width:228px;
}

#headquaters .body{
    height:230px;
    padding-top:20px;
}

#contactForm{
    width:658px;
}

#contactForm .body{
    padding-top:20px;
    padding-right:50px;
}

#contactForm .sendButton
{
   /* background-position: #000000;
    color: #ffffff;
    background: #51a0e6;
    border: 1px solid #AEAEAE;
    padding:5px;*/
    height:24px;
    width:95px;
    border:0;
    color:#62AAE9;
    background-image: url('../Images/butGrayReady.png');
    background-repeat: no-repeat;
    background-position: 0 -1px;
    cursor:pointer;
}
#contactForm .sendButton:hover
{
     background-position: 0 -26px;
     color:#035297;
}

#contactForm .inputLine{
    width:50%;
    height:20px;
}

#contactForm .inputBox{
    width:100%;
    height:126px;
}

/*  FOOTER  */
#footer{
    height:26px;
    font-size:13px;
    overflow:hidden;
    background:#e2f0fa; 
}

#newsCont
{
    width:990px;
    margin:0 auto;
    /*border: solid 1px #51a0e6;*/
    background:#e2f0fa;
    height:22px;
}

#cprLine
{
    float:none;
    position:relative;
    height:38px;
    width:990px;
    margin:0 auto;
}
.footerDiv
{
    float:left;
    padding-top:2px;
    height:20px;
    width:850px;
    color:#4badff;
    font-size: 13px;
}
#news{
    padding-left:9px;
    width: 70px;
    background-image:url(../Images/news-arrow.png);
    background-repeat:no-repeat;
/*    background-color:White;  */
    color: White;
}

#footer .caseStudies{
    height:18px;
    padding-top:2px;
    padding-left:120px;
    width:251px;
}

#footer .caseStudies a,
#footer .caseStudies a{
    color:#ffffff;
    text-decoration:none;
    padding-left:120px;
}

#copyrights
{
    padding:17px 0px 15px 20px;
    float:left;
    font-size:12px;
}

.bottomLink
{
    float:left;
    padding:5px 0px 0px 15px;
}

/*.bottomLink img
{
    height:30px;
    width:30px;
}*/

#linkCont
{
    float:right;
    padding-right:7px;
}

/* MODAL DIALOG */
#modalOverlay{
    background:black;
    position:absolute;
    top:0px;
    left:0px;
    z-index:5000;
    display:none;
}

#modalWindow{
    width:640px;
    position:fixed;
    border:solid 5px #ffffff;
    z-index:5001;
    display:none;
    height:417px;
}

#modalHeader{
    background:#035297;
    width:100%;
    height:35px;
}

#modalDownload
{
    background:#035297;
    width:100%;
    margin:auto;
    height:22px;
    color: #ffffff;
    font-size:larger;
}

#modalDownload a, #modalDownload a:hover,
#modalDownload a:visited
{
    color:#F36700;
    color:#81A9CB;
    font-weight:bold;
    /*text-decoration:none;*/
}

#modalDownload a:hover
{
   color:white;
}

.videoContainer{
    width:100%;
    height:350px;
}

.videoContainer iframe{
    width:100%;
    height:100%;
}

#modalHeader .title{
    padding-top:6px;
    padding-left:10px;
    color:#ffffff;
    font-size:18px;
    float:left;
}

#modalHeader #exit{
    width:18px;
    height:18px;
    float:right;
    background-image:url(../Images/demo-controls.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
    cursor:pointer;
    margin-top:7px;
    margin-right:8px;
}

#modalHeader #exit:hover{
    background-position:0px -20px;
}