/* 
    Document   : style
    Created on : May 14, 2013, 2:47:37 PM
    Author     : Aniket Srivastava
    Description:
        Purpose of the stylesheet follows.
*/

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(http://themes.googleusercontent.com/static/fonts/montserrat/v3/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat-Bold'), url(http://themes.googleusercontent.com/static/fonts/montserrat/v3/IQHow_FEYlDC4Gzy_m8fcgFhaRv2pGgT5Kf0An0s4MM.woff) format('woff');
}

body{
    background-color: #f6f8f9;
    font-family: 'montserrat';
}
#wrapper{
    width:78.4%;
    height:1024px;
    margin: 0 auto;
    background-color: #ffffff;
    /*margin-left: 10%;*/
}

/*header*/
#header{
    margin-left: 5%;
    padding-top: 2%;
    width:100%;
    
}
#logo{
    width:30%;
    float: left;
}
#menu{
    float: left;
    margin-top: 1%;
    margin-left: 10%;
    height:70px;
    width:40%;
    display:block;
    text-align: center;
    background: url('images/menu-bottom1.png') no-repeat bottom #ffffff;
}
#menu ul{
    padding-top: 6px;
    margin-left: -15%;
}
#menu ul li{
    display:inline;
    line-height: 60px;
    margin-right:20px;
}
#menu ul li a:link,a:active,a:visited{
    text-decoration: none;
    font-size: 16px;
    color:#bdc5c9;
}
#selected{
    /*height:100px;*/
    background: url('images/selected-link-image-bottom.png') no-repeat bottom;
    color: #333332;
}
#try-it{
    margin-top: 4%;
    float: left;
    line-height:41px;
    text-align: center;
    height: 41px;
    width:108px;
    color: white;
    background: url('images/try-it-bg.png') no-repeat;
}
#try-it a:link,a:active,a:visited{
    color:white;
    font-size:17px;
    font-weight:bold;
    text-decoration: none;
}
#try-it-link-color{
    color: #ffffff;
}
/*slider*/
#slider{
    clear: both;
}
#mid-line{
    clear: both;
    width:918px;
    height: 39px;
    margin-left: 25px;
}
/*main body*/
div#main-body{
    margin-left: 5%;
    width:55%;
    float: left;
}
.main-body-text{
    color:#249cde;
    font-size:20px;
}
.main-body-text2{
    font-size: 13px;
    color: #9e9e9e;
}
/*.main-body-text2 a:link,a:active,a:visited{
    font-size: 13px;
    color: #239ed9;
    text-decoration: none;
    font-weight: bold;
}*/
#main-body-text2-a{
     font-size: 13px;
    color: #239ed9;
    text-decoration: none;
    font-weight: bold;
}
/*try it box*/
#try-it-now{
    float:left;
    background: url(images/try-it-now-bg.png);
    height:346px;
    width:252px;
    margin-left: 8%;
}
.day{
    font-size: 20px;
    font-weight: bold;
    color:#ffffff;
    margin-top: 100%;
    margin-left: 15%;
}
#try-it-now-link{
    background: url(images/try-it-now-link-bg.png) no-repeat;
    line-height: 26px;
    width:179px;
    text-align: center;
    color: #ffffff;
    margin-left: 15%;
    margin-top: -6%;
}
#try-it-now-link-a{
    font-size:14px;
    color: #ffffff;
    text-decoration: none;
}
/*footer */
#footer{
    bottom: 10px;
    clear:both;
    height:300px;
    width:78.4%;
    margin: 0 auto;
    background-color: #333333;
}
#footer-logo{
    float: left;
    height:74px;
    width:158px;
    margin-left: 5%;
    padding-top: 5%;
}
#footer-links{
    margin-left: 40% !important;
    padding-top: 7% !important;
}
#footer-links ul{
    list-style: none;
}
#footer-links ul li{
    display: inline;
    margin-left: 10%;
}
#footer-links ul li a:link,a:active,a:visited{
    color: #c9d0d3;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
}
#left-footer{
    clear: both;
    float: left;
    width: 50%;
}
#term-links{
    padding-top: 1%;
    margin-left: 1%;
    color: #c9d0d3;
}
#term-links ul{
    list-style: none;
}
#term-links ul li{
    display: inline;
}
div#term-links ul li a:link,a:active,a:visited{
    font-weight: bold;
    color: #c9d0d3;
    font-size: 10px;
    text-decoration: none;
}
#copyright{
    float: left;
    margin-left: 9%;
    font-weight: bold;
    color: #c9d0d3;
    font-size: 10px;
}
#input-and-social{
    padding-top: 3%;
}
#searchwrapper {
    float:left;
    top:4px;
    width:249px; /*follow your image's size*/
height:29px;/*follow your image's size*/
background-image:url('images/input-bg.png');
background-repeat:no-repeat; /*important*/
position:relative; /*important*/
}
 
#searchwrapper form { display:inline ; }
 
.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
left:2px;
width:206px;
height:29px;
}
 
.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
/*top:4px;*/
left:212px;
width:37px;
height:29px;
}
#social{
    float: left;
    margin-top:-1.5%;
    margin-left: -3%;
}
#social ul{
   /* margin-left: 40%;*/
}
#social ul li{
    display: inline;
}
/*about page*/
#main-body-about{
    margin-left: 5%;
}
#text-about{
    width:60%;
    float: left;
}
#text-about p#about-text-head{
color: #249cde;
font-size: 20px;
}
#about-text-2{
    color: #9e9e9e;
    font-size: 13px;
}
#about-text-2-a{
    font-size: 13px;
    color:#249cde;
    text-decoration: none;
    font-weight: bold;
}
#about-news{
    margin-left: 5%;
    margin-top: 30px;
}
#about-news span{
    color: #249cde;
    font-size: 20px;
}
#wired{
    float: left;
    height: 191px;
    width: 445px;
    background: url(images/wired-bg.png);
}
#wired-text{
    padding-left: 20px;
    padding-top: 50px;
    color: #8ea0a9;
    font-size: 16px;
}
#wired-text-2{
    color: #1d95d3;
    padding-left: 20px;
    font-size: 13px;
}
#wired-text-2 a{
    color: #1d95d3;
    padding-left: 40px;
    text-decoration: none;
    font-size: 13px;
}
#fortune{
    float: right;
    height: 191px;
    width: 445px;
    background: url(images/fortune-bg.png);
}
#fortune-text{
    padding-left: 20px;
    padding-top: 50px;
    color: #8ea0a9;
    font-size: 16px;
}
#fortune-text-2{
    color: #1d95d3;
    padding-left: 20px;
    font-size: 13px;
}
#fortune-text-2 a{
    color: #1d95d3;
    padding-left: 40px;
    text-decoration: none;
    font-size: 13px;
}
/* contact form*/
#contact-form-header{
    color:#249cde;
    font-size:18px;
}
#contact-main-body{
    margin-left: 5%;
    clear: both;
    margin-bottom: 5px;
}
#contact-form{
    float: left;
    width:58%;
}
#contact-form-text{
    color: #bdc5c9;
    font-size: 14px;
}
/*for conatct form boxes*/
textarea {
    margin-top: 20px;
    border: 1px solid #ccc;
    width: 458.81px !important;
    height: 123.16px;
    font-size: 13px;
    padding: 4px 4px 4px 4px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 1px 0px #d9d9d9;
    -moz-box-shadow: 0px 1px 0px #d9d9d9;
    -webkit-box-shadow: 0px 1px 0px #d9d9d9;
    
   }/*
select {
    width:100% !important;
    position:relative;
    height: 31px;
    float:left;
    padding: 0.3em;
    font-size: 14px;
    -webkit-appearance: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: 0px 1px 0px #d9d9d9;
    -moz-box-shadow: 0px 1px 0px #d9d9d9;
    -webkit-box-shadow: 0px 1px 0px #d9d9d9;
}*/
.name-form{
    float: left;
    height: 30px;
    padding: 0.4em;
    width:250px !important;
    border: 1px solid #ccc;
    box-shadow: 0px 1px 0px #d9d9d9;
    -moz-box-shadow: 0px 1px 0px #d9d9d9;
    -webkit-box-shadow: 0px 1px 0px #d9d9d9;
    /* some kind of blue border */

    /* other CSS styles */

    /* round the corners */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.title-form{
    height: 30px;
    margin-left: 10px;
    padding: 0.4em;
    width:186.94px !important;
    border: 1px solid #ccc;
    box-shadow: 0px 1px 0px #d9d9d9;
    -moz-box-shadow: 0px 1px 0px #d9d9d9;
    -webkit-box-shadow: 0px 1px 0px #d9d9d9;
    /* some kind of blue border */

    /* other CSS styles */

    /* round the corners */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.phone-form{
    clear: both;
    float: left;
    height: 30px;
    margin-top: 20px;
    padding: 0.4em;
    width:190.34px !important;
    border: 1px solid #ccc;
    box-shadow: 0px 1px 0px #d9d9d9;
    -moz-box-shadow: 0px 1px 0px #d9d9d9;
    -webkit-box-shadow: 0px 1px 0px #d9d9d9;
    /* some kind of blue border */

    /* other CSS styles */

    /* round the corners */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.email-form{
    float: left;
    height: 30px;
    margin-top: 20px;
    margin-left: 10px;
    padding: 0.4em;
    width:245.69px !important;
    border: 1px solid #ccc;
    box-shadow: 0px 1px 0px #d9d9d9;
    -moz-box-shadow: 0px 1px 0px #d9d9d9;
    -webkit-box-shadow: 0px 1px 0px #d9d9d9;
    /* some kind of blue border */

    /* other CSS styles */

    /* round the corners */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.company-form{
    height: 30px;
    padding: 0.4em;
    margin-top: 20px;
    width:458.81px !important;
    border: 1px solid #ccc;
    box-shadow: 0px 1px 0px #d9d9d9;
    -moz-box-shadow: 0px 1px 0px #d9d9d9;
    -webkit-box-shadow: 0px 1px 0px #d9d9d9;
    /* some kind of blue border */

    /* other CSS styles */

    /* round the corners */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
/*
.name-form[type=text]:focus, :focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}*/
.submit_button-contact{
    margin-top: 20px;
    height: 30px;
    width: 250px;
    color: #ffffff;
    background-color: #1089cc;
}
#map{
    margin-top: 20px;
    margin-right: 50px;
    width: 30%;
    float: right;
    background-color: #dae2e6;
}
#map-text-body{
    margin: 20px;
    background-color: #ffffff;
}
#map-heading{
    margin-left: 20px;
    color: #27a5de;
    font-size: 15px;
}
#address{
    margin-left: 20px;
    font-size: 12px;
    color: #b0bcc2;
}
#map-call{
    margin-left: 20px;
    font-size: 18px;
    color: #27a5de;
}
#number{
    margin-left: 20px;
    font-size: 18px;
    color: #788d97;
}
/*Try It Page*/
#try-it-wrapper{
    margin-top: 15%;
}
#try-it-main-body{
    clear: both;
    height: 539px;
    width: 1056px; 
    background: url('images/try-it-main-body.png') no-repeat;
}
#try-it-header-1{
    color: #ffffff;
    margin-left: 70px;
    font-size: 45px;
    padding-top: 100px;
}
#try-it-page-text{
    color: #ffffff;
    margin-left: 70px;
    font-size: 14px;
    
}
#try-it-page-link-bg{
    width: 316px;
    height: 70px;
    background: url('images/try-it-page-link.png') no-repeat;
    margin-left: 100px;
}
#try-it-page-link{
    text-align: center;
    padding-left: 40px;
    line-height: 70px;
    text-decoration: none;
    color: #ffffff;
    font-size: 15px;
}
#testimonails{
    margin-left: 80px;
}
#testi-1{
    font-size: 17px;
    color: #a5becb;
}
#testi-author{
    margin-left: 300px;
color: #b7c7cf;
font-size: 13px;
}
/*solutions page*/
#wrapper-solutions{
    height: 4088px;
    width: 78.4%;
    margin: 0 auto;
    background-color: #ffffff;
}
#solutions-body{
    margin-left: 5%;
}
#solutions-time{
    color: #1d96d4;
    font-size: 48px;
}
#text-solutions-header{
    color: #a4a4a4;
        font-size: 16px;
}
.hardware{
    margin-left: -123px;
}
.hardware-image{
    float: left;
}
.hardware-text{
    padding-top: 100px;
    margin-left: 600px;
}
.hardware-text-1{
color:#c8d4da;
font-size: 35px;
}
.hardware-text-2{
    color: #8d9aa1;
    font-size: 12px;
}
.accuracy{
    margin-top: 50px;
    background: url('images/accuracy.png');
    height: 335px;
    width: 100%;
}
.accuracy-text{
    padding-top: 70px;
    margin-left: 5%;
    float: left;
    width: 500px;
}
.accuracy-text-1{
    font-size: 35px;
    color: white;
}
.accuracy-text-2{
    color: #ffffff;
    font-size: 12px;
}
.erp{
    margin-left: 0px;
}
.erp-image{
    float: left;
}
.erp-text{
    padding-top: 70px;
    margin-left: 550px;
}
.erp-text-1{
color:#c8d4da;
font-size: 35px;
}
.erp-text-2{
    color: #8d9aa1;
    font-size: 12px;
}
.scalability{
    margin-top: 150px;
    background: url('images/accuracy.png');
    height: 335px;
    width: 100%;
}
.scalability-text{
    padding-top: 40px;
    margin-left: 5%;
    float: left;
    width: 450px;
}
.scalability-image{
    padding-top: 20px;
}
.customization-image{
    margin-left: 540px;
}
#trial{
    margin-left: 5%;
}
#trial-1{
    float: left;
}
#trial-text-1{
    font-size: 34px;
    color: #2a95dc;
}
#trial-text-2{
    font-size: 20px;
    color: #b7bfc3;
}
#trial-2{
    background: url('images/trial-image.png');
    width: 500px;
    height: 334px;
    margin-left: 500px;
}
#trial-link-outer-div{
    padding-top: 117px;
}
#trial-link{
    padding-top: 500px;
    padding-left: 35px;
    text-decoration: none;
    color: #e1ebf1;
    font-size: 20px;
}