/**
 * @file
 * Stark layout method
 *
 * To avoid obscuring CSS added to the page by Drupal or a contrib module, the
 * Stark theme itself has no styling, except just enough CSS to arrange the page
 * in a traditional "Header, sidebars, content, and footer" layout.
 *
 * This layout method works reasonably well, but shouldn't be used on a
 * production site because it can break. For example, if an over-large image
 * (one that is wider than 20% of the viewport) is in the left sidebar, the
 * image will overlap with the #content to the right. The exception to this
 * is IE6 which will just hide the navigation block completely in these
 * instances due to a positioning bug.
 */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600);
#content,
#sidebar-first,
#sidebar-second {
  float: left;
  display: inline;
  position: relative;
}

#content {
  width: 100%;
}
body.sidebar-first #content {
  width: 80%;
  left: 20%; /* LTR */
}
body.sidebar-second #content {
  width: 80%;
}
body.two-sidebars #content {
  width: 60%;
  left: 20%;
}

#sidebar-first {
  width: 20%;
  left: -80%; /* LTR */
}

body.two-sidebars #sidebar-first {
  left: -60%; /* LTR */
}

#sidebar-second {
  float: right; /* LTR */
  width: 20%;
}

.section {
  margin: 10px;
}
body {
    font-family: 'Open Sans'; sans-serif;
    font-size: 14px;
    font-weight: 400 !important;
    line-height: 1.7em;
    color: #3d3d3d;
    }
#submit {
    /*-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #0083ff;
    border-bottom: 4px solid #0083ff !important;
    border-image: none;
    border-left: medium none;
    border-right: medium none;
    border-top: medium none;
    color: #fff !important;
    text-shadow: none;
    /*border: 2px solid #113a52;*/
    /*border-radius: 5px;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans'; sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 6px 14px 2px;*/
    color: #fff !important;
    text-shadow: none;
    font-family: 'Open Sans'; sans-serif;
    font-size: 14px;
    text-transform: uppercase;
  /*border-bottom: 4px solid #0083FF !important;*/
    background: #000 !important;
    border: 1px solid #000;
    padding: 0.5rem 3rem;
    position: relative;
    width: auto;
    moz-border-radius: none !important;
    border-radius: 0 !important;
    text-align: center;
    vertical-align: middle;
}
#submit .hover {
    /*transition: all 300ms linear 0ms;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #0d2b3d !important;
    border-bottom: 4px solid #0d2b3d !important;
    border-image: none;
    border-left: medium none;
    border-right: medium none;
    border-top: medium none;
    color: #fff !important;
    background-color: #e6e6e6;
    color: #333;*/
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
    background: #000 !important;
    border: 1px solid #000;
    padding: 0.5rem 3rem;
    position: relative;
    width: auto;
    color: #fff !important;
    moz-border-radius: none !important;
    border-radius: 0 !important; 
}
#insightly_web_to_contact label{
font-weight: 400 !important;
}