@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700);

/* TEMPORARY HIDDEN SECTIONS */
#search { display: none; }
#header_nav .sep:last-child { display: none; }

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 ? 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }

  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }

  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }

  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt;
    padding: 0pt;
    overflow: auto;
    letter-spacing: 0px;
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }

  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

* {
  outline:none;
}
html {
  height:100%;
  background:none;
}

body {
  background: #FFF;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #393939;
}

a {
  color:#000;
  text-decoration:underline;
}
a:hover{
  color:#e06618;
}
img {
  border:none;
}

h2 {
  font-size:14px;
  font-weight:700;
  color:#e06618;
}
h3 {
  font-size:13px;
  font-weight:700;
  color:#e06618;
  margin-top:22px;
  margin-bottom:16px;
}
strong, b {
  font-weight: 700;
}
em {
  font-style:i talic;
}
table {
  margin:10px 0;
}
td {
  padding:5px 4px;
}
#content_left ul, #content_left ol {
  margin-left:20px;
  padding-left:20px;
  list-style-type:disc;
}
#content_left li {
  list-style-type:disc;
}

.more_toggle {
  display:none;
  cursor:pointer;
  padding-right:11px;
  background:transparent url(../images/icons/arrow_up_sm.gif) right 6px no-repeat;
}
.more_toggle_closed {
  background-image:url(../images/icons/arrow_down_sm.gif);
}
.more_content {
  overflow:hidden;
  zoom:1;
}
.more_content p:first-child {
  margin-top:0px !important;
}
#frame {
  width:740px;
  margin:0 auto;
}
#header {
  margin-bottom:5px;
  margin-top:15px;
  font-size:11px;
}
#header_nav {
  float: right;
  margin-bottom: 30px;
}

#header_nav a{
  color:#000;
  text-decoration:none;
  margin:0 8px;
}

#header_nav a:hover{
  color:#e06618;
}

#header_nav .sep {
  color: #CDCDCD;
  font-size: 11px;
}

#header_nav img{
  vertical-align:bottom;
}

#search {
  float: right;
}

#search #header_search_submit {
    background: #e95d0f;
    border-radius: 2px;
    box-sizing: border-box;
    color: #FFF;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    position: relative;
    width: 28px;
    height: 21px;
    border: 0px;
    padding: 2px;
    margin: 0 0 0 3px;
    border-left: 0px;
    text-transform: uppercase;
    top: -4px;
    -moz-box-sizing: border-box;
}
    #search #header_search_submit:hover {
        background: #ff7d00;
    }

#search label {
    margin:0 8px;
    display:block;
    float:left;
}

#search input {
    border:1px solid #e0e0e0;
    padding:3px 4px 4px 6px;
    height:12px;
    width:102px;
    color:#9f9f9f;
    font-size:10px;
    display:block;
    float:left;
    margin-top:-4px;
    _margin-top:0px;
}
#logo {
    clear:both;
    margin-left:1px;
    text-indent:-9999px;
    background: transparent url(../images/logo_mandalay.png) top left no-repeat;
    width:223px;
    height:39px;
    padding-bottom:15px;
}
#quote {
    position: relative;
    margin-top: 0;
    margin-bottom: 25px;
    }
#quote:after {
    background-image: -moz-linear-gradient( 90deg, rgb(233,93,15) 0%, rgb(237,119,3) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(233,93,15) 0%, rgb(237,119,3) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(233,93,15) 0%, rgb(237,119,3) 100%);
    content: "";
    display: block;
    height: 5px;
    margin-top: 25px;
    width: 100%;
}
#quote p {
  margin:0;
}

#quote .header_quote_wrapper {
  color: #696969;
/*  position:absolute;
  top:40px;
  left:20px;*/

}

#quote .header_quote,
 #quote .header_quote_1,
 #quote .header_title,
#quote .header_title_1 {
    color: #393939;
    font-size: 24px;
    font-weight: 700;
}

.homepage #quote .header_quote,
.homepage  #quote .header_quote_1,
.homepage  #quote .header_title,
.homepage #quote .header_title_1 {
    color: #696969;
    font-weight: 300;
}

#quote .header_credit, #quote .header_credit_1{
  font-size:14px;
  margin-top:5px;
}

ul#nav {
  margin:0;
  padding:0;
  z-index:200;
  overflow:visible;
  background:#ededed;
  height:25px;
  margin-bottom:30px;
  font-size:11px;
  text-transform:uppercase;
}

ul#nav li {
  display: block;
  position: relative;
  float: left;
  z-index:200;
  height:25px;
  background:#ededed;
  text-transform:uppercase;
}

ul#nav li ul li {
  padding: 0;
  margin: 0;
  height:auto;
  background:#e0e0e0;
}
ul#nav li ul li:hover {
  background:#ededed;
  color: #e95d0f;
}

ul#nav li ul li:first-child a {
  white-space: nowrap;
}

ul#nav li a {
/*  width: 186px !important; /* Major browsers other than IE 6 */
  display: block;
  text-align: left;
  margin:0 0 3px 3px;
  padding:5px 4px 5px 6px;
  overflow:hidden;
  text-decoration:none;
  color:#000;
}

ul#nav li a:hover {
    color: #e95d0f;
}

#nav li ul {
  position: absolute;
  min-width: 125px;
  left: -999em;
  top: 0px;
  z-index:200;
  _background:#ededed;
}

#nav li ul li {
  width: 100%;
  border-bottom:1px solid transparent;
}

#nav li ul a {
  letter-spacing:0;
  margin: 0;
  border:0;
  color:#000;
  text-decoration:none;
  padding:5px 4px 5px 9px;
}

#nav li ul a:hover {
  letter-spacing:0;
  margin: 0;
  background:#ededed;
}

#nav li:hover ul,
#nav li.sfhover ul { /* lists nested under hovered list items */
  left: 0px;
  margin-left:0px;
  padding-left:0px;
}

#nav li:hover, #nav li.sfhover {
  background:#e0e0e0;
}

#content {

}

#social-icons {
    font-size: 0;
    margin-bottom: 20px;
}

    #social-icons strong {
        color: #696969;
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        margin-right: 5px;
        vertical-align: middle;
    }

    #social-icons a {
        background: transparent url(../images/social-icons.png) no-repeat left top;
        display: inline-block;
        height: 30px;
        margin-right: 8px;
        vertical-align: middle;
        width: 30px;
    }
        #social-icons a:last-child {
            margin-right: 0;
        }

    #facebook:hover {
        background-position: -30px 0;
    }

    #social-icons #twitter {
        background-position: -60px 0;
    }
        #social-icons #twitter:hover {
            background-position: -90px 0;
        }

    #social-icons #linkedin {
        background-position: -120px 0;
    }
        #social-icons #linkedin:hover {
            background-position: -150px 0;
        }

#content p, #content ul{
  margin:12px 0;
}

#content_left {
  float:left;
  width:446px;
  padding:0 25px 0 15px;
  _padding-right:16px;
  margin-bottom:40px;
  line-height:170%;
}
#sidebar {
  float:left;
  width:254px;
  margin-bottom:40px;
}
#footer {
  clear:both;
  border-top:solid 1px #b3b3b3;
  padding-top:20px;
  color:#949494;
  font-size:10px;
  padding-bottom:15px;
}

#footer a {
  text-decoration:none;
}

#footer p {
  margin-top:5px;
}

.box_inner {
    /*width: 263px;*/
    margin-bottom: 10px;
}

.box_wrapper {

}

.mr_gray_box {
    background: #ededed;
    border-radius: 2px;
}
    .mr_gray_box a {
        display: block;
        text-decoration: none;
    }

.mr_gray_box:not(.keep_same):hover {
    background: #fafafa;
    color: #ff7d00;
}

.box_content_styled {
    padding: 15px 20px 0 10px;
}

.widget-header {
    color: #E95D0F;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 10px;
}
    .widget-header:hover {
        color: #ff7d00;
    }

.testimonial_content {
    color: #E95D0F;
    font-size: 12px;
    margin: 0 !important;
    padding: 0;
}

.testimonial_name {
    color: #111111;
    font-size: 12px;
    font-style: italic;
    margin: 10px 0 0 0 !important;
    padding: 0 0 15px 0;
}

#accordion_contact_box .contact_box_spacer {
  clear:both;
  height:4px;
  margin:8px 5px;
  background:transparent url(../images/contact/spacer.gif) top left repeat-x;
}
.contact_box_item {
  overflow:auto;
}

#call_me_back .search_row {
  margin-left:80px !important;
}
.contact_box_question_toggler p {
  margin-left:10px !important;
}
.contact_message {
  margin-left:10px !important;
  margin-right:10px !important;
}

#accordion_contact_box input {
  float:left;
  margin:0px;
  color:#383838;
}
#accordion_contact_box input.gradient_text {
  width:100px;
  height:14px;
  border:0px;
  padding:9px 10px;
  background:transparent url(../images/contact/large_text_bg.png) top left no-repeat;
}
#accordion_contact_box .search_row label {
  float:left;
  width:76px;
  font-size:10px;
}
#accordion_contact_box .subscribe label {
  width:auto;
}
#accordion_contact_box .search_row label input{
  margin-right:3px;
}

#quick_question .search_row, #accordion_contact_box .search_row {
  margin-left:70px;
  margin-right:0px;
  margin-bottom:5px;
}
#quick_question .search_row input {
  float:none;
}

#quick_question {
  padding-bottom:10px;
}

#accordion_contact_box input.text {
  background:transparent url(../images/contact/bg_input.gif) top left no-repeat;
  width:145px;
  height:16px;
  font-size:10px;
  color:#383838;
  padding:4px 8px 0px;
  border:0px;
}
#accordion_contact_box textarea {
  background:transparent url(../images/contact/bg_textarea.png) top left no-repeat;
  border:0;
  width:145px;
  height:81px;
  padding:4px 8px;
  color:#383838;
}
#quick_question .submit {
  float:right !important;
  margin-right:21px;
}

#newsletterSignup {
    background-image:url(images/background_newsletter.html);
    background-position:right;
    background-repeat:no-repeat;
    width:269px;
    height:105px;
    clear:both;
    margin-top:-10px;
    float:left;
    position:absolute;
}

#newsletterSignup.nontop {
    margin-top:0px;
    position:relative;
}

#newsletterSignup form {
    margin:0;
    margin-top:47px;
    margin-left:20px;
}

#newsletterSignup input {
    border:0;
    height:16px;
    font-size:80%;
    padding:1px;
    margin:0;
    margin-bottom:3px;
    background:#FFFFFF;
    color:#fc6400;
}

#newsletterSignup #newsletterbutton {
    border:0;
    width:30px;
    height:20px;
    background-color:transparent;
    background-image:url(images/goarrow.html);
    background-position:right bottom;
    background-repeat:no-repeat;
    cursor:pointer;
}

#sidebar_links {
  border-top:1px solid #a3a3a3;
  margin: 0 !important;
  padding: 0 !important;
}
#sidebar_links li {
  border-bottom:1px solid #a3a3a3;
  list-style: none !important;
  padding: 19px 0;
}
    #sidebar_links li:hover {
        background: #FAFAFA;
    }
 #sidebar_links li a {
   text-decoration: none;
 }
  #sidebar_links li strong {
    color: #696969;
    display: block;
    font-size: 15px;
    font-weight: 600;
  }

  #sidebar_links li:hover strong {
      color: #333;
  }

  #sidebar_links li em {
    color: #E95D0F;
    display: block;
    font-size: 13px;
    font-style: normal;
  }

#sidebar_links li:last-child em {
  color: #688D1B;
}

.section_spacer {
    margin-bottom: 20px;
    margin-top: 35px;
}
    .section_spacer h3 {
        color: #696969;
        font-size: 14px;
        font-weight: 700;
        line-height: 1;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
    }

    .section_spacer:after {
        background-image: -moz-linear-gradient( 90deg, rgb(233,93,15) 0%, rgb(237,119,3) 100%);
        background-image: -webkit-linear-gradient( 90deg, rgb(233,93,15) 0%, rgb(237,119,3) 100%);
        background-image: -ms-linear-gradient( 90deg, rgb(233,93,15) 0%, rgb(237,119,3) 100%);
        content: "";
        display: block;
        height: 1px;
        margin-top: 5px;
    }


.news_container h3 span, .home_news h3 span {
  color:#000;
  font-size:11px;
  font-weight:normal;
}
.home_news h3 {
  margin-bottom:5px;
}
.home_news p {
  margin-top:5px !important;
}

.news_container {
  border-bottom:1px solid #b3b3b3;
  padding-bottom:10px;
  margin-bottom:10px;
}

.casestudy_header {
  margin-top:12px;
  margin-bottom:10px;
}
.casestudy_content {
  padding-left:38px;
  padding-right:25px;
  padding-bottom:25px;
  border-bottom:1px solid #b2b2b2;
}
.casestudy_link {
  padding-left:38px;
  font-weight:bold;
}
.casestudy_link img {
  margin-left:15px;
  vertical-align:-2px;
}
.casestudies_more {
  margin-top:40px;
}
.casestudy_item {
  padding-left:38px;
  font-weight:bold;
}
.casestudy_item a{
  text-decoration:none;
}

/*------------ Signup forms ----------------------------*/
.signup input {
    background: #FAFAFA;
    border: 1px solid #ededed;
    box-sizing: border-box;
    color: #696969;
    display:block;
    float:left;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 40px;
    margin-bottom:5px;
    padding: 12px;
    clear:right;
    -moz-box-sizing: border-box;
}

    .signup input:hover,
    .signup input:focus {
        border-color: #c2c2c2;
    }

.signup label {
    float:left;
    display:block;
    font-size: 13px;
    width:115px;
    color: #393939;
}

.signup fieldset {
    border: none;
    padding:5px 0;
    margin:10px 0;
    display:block;
    float:left;
    height:auto;
    width:400px;
}

.signup strong {
    color:#E06618;
}

.signup fieldset > strong {
    display: block;
}

.signup .submitformbutton {
    background: #ededed;
    border-radius: 2px;
    border: none;
    color: #e95d0f;
    cursor: pointer;
    float: none;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    height: auto;
    padding: 15px 9px;
}

/*------------ Signup forms ----------------------------*/


#contact-form {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .contact-row {
        font-size: 0; /* inline-block whitespace fix  */
        margin-bottom: 10px;
    }

        .contact-row label {
            color: #393939;
            display: inline-block;
            font-size: 13px;
            margin-right: 5px;
            position: relative;
            vertical-align: super;
            width: 90px;
        }

        .contact-row label.block {
            display: block;
            margin-bottom: 8px;
            margin-top: 20px;
            width: auto;
        }

            .contact-row label span {
                color: #E95D0F;
                padding-left: 3px;
            }

        .contact-row input {
            background: #FAFAFA;
            border: 1px solid #ededed;
            box-sizing: border-box;
            color: #696969;
            font-family: 'Open Sans', Helvetica, Arial, sans-serif;
            font-size: 13px;
            height: 40px;
            padding: 12px;
            width: 351px;
            -moz-box-sizing: border-box;
        }

            .contact-row input:hover,
            .contact-row input:focus {
                border-color: #c2c2c2;
            }

        .contact-row textarea {
            background: #FAFAFA;
            border: 1px solid #ededed;
            box-sizing: border-box;
            color: #696969;
            display: block;
            font-family: 'Open Sans', Helvetica, Arial, sans-serif;
            font-size: 13px;
            height: 130px;
            padding: 12px;
            width: 100%;
            -moz-box-sizing: border-box;
        }

label.error { display: none !important; }

.submit-row {
    clear: both;
    font-size: 13px;
    margin-top: 10px;
    overflow: hidden;
}

    .submit-row > span {
        float: left;
    }

        .submit-row > span span {
            color: #e95d0f;
        }

    .submit-row > button {
        background: #ededed;
        border-radius: 2px;
        border: none;
        color: #e95d0f;
        cursor: pointer;
        float: right;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        padding: 15px 9px;
    }

a.typeform-share.button {
  background-color: #e95d0f !important;
}
