html,
button,
input,
select,
textarea {
    color: #333;
}

body {
    font-size: 1em;
    line-height: 1.4;
}


/**Remove text-shadow in selection highlight: h5bp.com/i

 * These selection rule sets have to be separate.

 * Customize the background color to match your design. */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}


/**A better looking default horizontal rule */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


/**Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */

img {
    vertical-align: middle;
}


/**Remove default fieldset styles. */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}


/**Allow only vertical resizing of textareas. */

textarea {
    resize: vertical;
}


/* ==========================================================================

DAX @fontface

========================================================================== */

@font-face {
    font-family: DaxWebPro;
    src: url("dax.eot");
    src: url("dax.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: DaxWebProMed;
    src: url("dax-medium.eot");
    src: url("dax-medium.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: DaxWebProBold;
    src: url("dax-bold.eot");
    src: url("dax-bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

.dax {
    font-family: DaxWebPro, sans-serif;
}

.daxmed {
    font-family: DaxWebProMed, sans-serif;
}

.daxbold {
    font-family: DaxWebProBold, sans-serif;
}


/* ==========================================================================

Typography

========================================================================== */

h1 {
    color: #0079C1;
    font-size: 26px;
    margin: 20px 0;
    font-family: DaxWebProBold, sans-serif;
}

h2 {
    color: #0079C1;
    font-size: 22px;
    margin: 15px 0;
    font-family: DaxWebPro, sans-serif;
}

.pagetitle {
    margin: 0 0 20px 0;
}

h3 {
    color: #0079C1;
    font-size: 14px;
    margin: 10px 0;
    font-weight: bold;
}

.sidebarbox h3,
.requestsidebarbox h3 {
    font-family: DaxWebPro, sans-serif;
    margin-top: 0;
}

p {
    margin: 10px 0;
}

.sidebarbox p,
.requestsidebarbox p {
    margin-bottom: 0;
}

a {
    color: #003366;
    text-decoration: underline;
}

a:hover {
    color: #ED1C24;
    text-decoration: underline;
}

ul.ifl-list,
ul.manual-list {
    margin: 10px 0 10px 33px;
    list-style: outside disc;
}

ul.ifl-list li,
ul.manual-list li {
    padding: 9px 0;
}


/*li.odd { background: #f5fdff;}*/

ul.ifl-list li ul,
ul.manual-list li ul {
    margin: 10px 0 10px 0;
    list-style: inside lower-alpha;
}

ul.form-list li,
ul.hours-list li {
    list-style: none;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}


/* ==========================================================================

Structure

========================================================================== */

html {
    background: #0079C1;
}

body {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    background: url(../images/body_bg.png) top left repeat-x;
    min-height: 655px;
}

#wrapper {}

#container {
    width: 940px;
    margin: 0 auto;
    padding: 0 20px;
    background: url(../images/container_bg.png) top left no-repeat;
}

#contentcontainer {
    padding: 265px 0 15px 0;
    background: #fff;
}

#home #contentcontainer {
    background: #dcecf7;
    padding: 0 0 15px 0;
}

#content {
    width: 488px;
    float: left;
}

#sidebar {
    width: 225px;
    float: right;
    margin-right: 5px;
}

.sidebarbox {
    width: 195px;
    padding: 0 15px;
    border: 1px solid #dde8f0;
    padding: 10px;
    float: right;
    margin: 15px 5px 0 0;
}

.requestsidebarboxtop {
    width: 225px;
    height: 12px;
    background: url(../images/sidebartop.gif);
}

.requestsidebarbox {
    width: 195px;
    background: url(../images/sidebarbg.gif) top left repeat-y;
    padding: 0 15px;
}

.requestsidebarboxbottom {
    width: 225px;
    height: 20px;
    background: url(../images/sidebarbottom.gif);
    margin-bottom: 8px;
}

.sidebarbox ul {
    list-style-image: url(../images/redarrow.gif);
    margin-left: 16px;
}

#iacc,
#capchartside {
    display: block;
    width: 193px;
    height: 94px;
    text-indent: -300000px;
    background: url(../images/iacc.gif);
}

#capchartside {
    width: 193px;
    height: 131px;
    background: url(../images/capchart.gif);
}

#tor {
    height: 106px;
    background: url(../images/tor_bg.gif) bottom right no-repeat;
}

#char {
    background: url(../images/char_bg.gif) bottom right no-repeat;
}

#footer {
    width: 940px;
    margin: 0 auto 30px;
    padding: 10px 0;
}

#footer li {
    border-right: 1px solid #fff;
    padding: 0 8px 0 8px;
    float: left;
    height: 14px;
}

#footer li:first-child {
    padding-left: 0;
}

#footer li#lastfoot {
    border-right: 1px solid #0079C1;
}

#footer a {
    color: #fff;
    text-decoration: none;
}

#header {
    height: 80px;
    padding: 0;
}

a#logo {
    display: block;
    width: 284px;
    height: 65px;
    background: url(../images/logo_bmoifl.gif);
    text-indent: -300000px;
    float: left;
}

#rightlinks {
    float: right;
    margin-top: 30px;
    z-index: 0 !important;
    position: relative !important;
}

#rightlinks li {
    list-style: none;
    float: left;
}

#rightlinks li a {
    color: #fff;
    text-decoration: none;
    padding: 0 0 0 10px;
    background: url(../images/whitearrow.gif) center left no-repeat;
    margin-left: 10px;
}

#rightlinks li a:hover {
    color: #fff;
    text-decoration: none;
}


/* Box Options */

#boxOptions {
    clear: both;
    width: 494px;
    margin-bottom: 15px;
}

#boxOptions .boLeftCol {
    width: 251px;
    float: left;
}

#boxOptions .boRightCol {
    width: 243px;
    float: left;
}

#boxOptions .box {
    padding: 6px 10px 15px 10px;
    position: relative;
}

#boxOptions .boLeftCol .box {
    background: url(../images/box_left_bottom.gif) no-repeat bottom;
}

#boxOptions .boLeftCol .box .topCap {
    width: 251px;
    background: url(../images/box_left_top.gif) no-repeat;
    height: 6px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    /*_left:-10px;*/
}

#boxOptions .boRightCol .box {
    background: url(../images/box_right_bottom.gif) no-repeat bottom;
}

#boxOptions .boRightCol .box .topCap {
    width: 243px;
    background: url(../images/box_right_top.gif) no-repeat;
    height: 6px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    /*_left:-10px;*/
}

#boxOptions a.boTitle {
    color: #0079C1;
    font-weight: bold;
    text-decoration: none;
}

#boxOptions ul {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 5px;
}

#boxOptions ul.redArrows ul {
    list-style-image: none;
    list-style-type: disc;
    margin-left: 0px;
    padding-left: 0px;
}

ul.redArrows {
    list-style-image: url(../images/arrow.png);
}

ul.redArrows {
    margin-left: 0px;
    padding-left: 0px;
}

ul.redArrows li {
    margin-left: 15px;
}

ul.redArrows ul {
    list-style-image: none;
}

#specialtable td {
    padding: 10px;
    border: 1px solid #000;
}


/* ==========================================================================

Top Nav

========================================================================== */

#topnav {
    background: #fff url(../images/nav_bg.gif) repeat-x;
    width: 940px;
    padding-bottom: 3px;
}

#topnav ul li {
    float: left;
    height: 35px;
}

#topnav li a {
    display: block;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    padding: 7px 15px 7px;
    margin: 0;
    background: #fff url(../images/navtab_bg.gif);
}

#topnav li a:hover {
    color: #0079C1;
    background-image: none;
}

#endcap {
    display: block;
    width: 15px;
    height: 35px;
    background: #fff url(../images/navtab_endcap.gif) top left;
}

#about #topnav li a#nav_about,
#conf #topnav li a#nav_conf,
#serv #topnav li a#nav_serv,
#food #topnav li a#nav_food,
#accom #topnav li a#nav_accom,
#pack #topnav li a#nav_pack,
#contact #topnav li a#nav_contact,
#special #topnav li a#nav_special {
    color: #0079C1;
    background-image: none;
}


/* ==========================================================================

Left Nav

========================================================================== */

#leftnav {
    width: 168px;
    margin: 0 19px 0 9px;
    float: left;
    height: 100%;
    min-height: 200px;
}

#leftnav ul li {
    border-top: 1px dotted #d3d3d3;
    padding: 6px 8px;
    margin-right: 5px;
}

#leftnav ul li a {
    color: #333;
    text-decoration: none;
}

#leftnav li:first-child {
    border-top: 0;
}

#leftnav li a:hover {
    color: #0079c1;
}

.firstlnav {
    font-weight: bold;
}

#leftnavtitle {
    display: block;
    width: 168px;
    height: 38px;
    text-indent: -30000000px;
}

#about #leftnavtitle {
    background: url(../images/leftnavtitles/about.gif) top right no-repeat;
}

#conf #leftnavtitle {
    background: url(../images/leftnavtitles/conference-facilities.gif);
}

#serv #leftnavtitle {
    background: url(../images/leftnavtitles/services.gif);
}

#food #leftnavtitle {
    background: url(../images/leftnavtitles/food-and-beverages.gif);
}

#accom #leftnavtitle {
    background: url(../images/leftnavtitles/accomodation.gif);
}

#pack #leftnavtitle {
    background: url(../images/leftnavtitles/packages.gif);
}

#contact #leftnavtitle {
    background: url(../images/leftnavtitles/contact-us.gif);
}


/* Left Nav active states */

.aboutwhy #leftnav ul li.aboutwhy a,
.abouthistory #leftnav ul li.abouthistory a,
.aboutcorp #leftnav ul li.aboutcorp a,
.confroom #leftnav ul li.confroom a,
.confcharts #leftnav ul li.confcharts a,
.confplans #leftnav ul li.confplans a,
.conftour #leftnav ul li.conftour a,
.servinhouse #leftnav ul li.servinhouse a,
.servav #leftnav ul li.servav a,
.servbuilding #leftnav ul li.servbuilding a,
.servwellness #leftnav ul li.servwellness a,
.servsocial #leftnav ul li.servsocial a,
.servcommons #leftnav ul li.servcommons a,
.servaccess #leftnav ul li.servaccess a,
.foodmeet #leftnav ul li.foodmeet a,
.foodmenus #leftnav ul li.foodmenus a,
.accomstandard #leftnav ul li.accomstandard a,
.accombarrier #leftnav ul li.accombarrier a,
.accomhouse #leftnav ul li.accomhouse a,
.packday #leftnav ul li.packday a,
.packcomplete #leftnav ul li.packcomplete a,
.packspec #leftnav ul li.packspec a,
.contactother #leftnav ul li.contactother a {
    color: #0079c1;
}


/* ==========================================================================

Content

========================================================================== */

#homebanner {
    margin-bottom: 10px;
}

.homequadrant {
    width: 300px;
    height: 127px;
    float: left;
    background: url(../images/homequad_bg.gif) bottom no-repeat #fff;
    margin: 0 0 0 10px;
    padding-bottom: 8px;
}

#homequad1 {
    height: 127px;
    background: url(../images/homequad1_bg.gif) bottom right no-repeat;
}

#homequad2 {
    height: 127px;
    background: url(../images/homequad2_bg.gif) bottom right no-repeat;
}

#homequad3 {
    height: 127px;
    background: url(../images/quick_facts.JPG) bottom right no-repeat;
}

.homequadrant .homequadtitle {
    display: block;
    height: 43px;
    font-size: 24px;
    margin: 0;
    padding: 12px 0 0 30px;
}

.homequadrant .redButton,
.homequadrant .whiteButton {
    margin: 12px 0 0 30px;
}

.contacts {
    width: 49%;
    float: left;
}

span.required {
    color: #f00;
}

#altdates,
#foodselect,
#roomsselect {
    display: none;
}

.layoutbox {
    background: #f8fcff url(../images/layoutbox_bg.jpg) bottom left no-repeat;
}

.layoutbox h3 {
    display: block;
    width: 465px;
    /*height: 20px;*/
    /*background: url(../images/roomcap_bg.gif) top left repeat-x;*/
    background: #57A3D9;
    color: #fff;
    font-weight: normal;
    font-size: 17px;
    padding: 6px 0 8px 25px;
}

.layoutbox h4 {
    font-size: 16px;
    font-weight: bold;
}

.layoutbox table {
    margin: 20px 0 10px 6px;
}

.layoutboxcontent {
    margin-left: 25px;
}

.layoutimg {
    float: right;
    margin: -69px 20px 0 0;
}

.slide table {
    float: left;
}

.nextprev {
    float: right;
    margin: -47px 34px 0 0;
}

#next {
    color: #0079c1;
    padding-right: 15px;
    background: url(../images/nextarrow.gif) center right no-repeat;
}

#prev {
    color: #0079c1;
    padding-left: 15px;
    background: url(../images/prevarrow.gif) center left no-repeat;
    margin-right: 107px;
}

.maxcap {
    font-size: 12px;
}


/* ==========================================================================

PAGE BANNERS

========================================================================== */


/*#about #contentcontainer { background: #fff url(../images/banners/about.jpg) top left no-repeat; }

#conf #contentcontainer { background: #fff url(../images/banners/building.jpg) top left no-repeat; }

#serv #contentcontainer { background: #fff url(../images/banners/services.jpg) top left no-repeat; }

#food #contentcontainer { background: #fff url(../images/banners/food.jpg) top left no-repeat; }

#accom #contentcontainer { background: #fff url(../images/banners/accommodation.jpg) top left no-repeat; }

#pack #contentcontainer { background: #fff url(../images/banners/packages.jpg) top left no-repeat; }

#contact #contentcontainer { background: #fff url(../images/banners/contact.jpg) top left no-repeat; }

#special #contentcontainer { background: #fff url(../images/banners/INT-10693-IFL-page-banner.jpg) top left no-repeat; }*/


/* ==========================================================================

TABS

========================================================================== */

.ui-tabs-panel {
    clear: both;
}

.ui-tabs-nav {
    width: 518px;
    height: 56px;
    background: url(../images/tabs_bg.jpg);
}

.ui-tabs-nav li {
    float: left;
    margin-bottom: 15px;
}

ul.buildtabs li.ui-state-default a {
    display: block;
    background: transparent url(../images/tabs_building.png);
    height: 70px;
    text-indent: -30000000px;
}

#bldtab1 a {
    width: 92px;
    background-position: -11px -5px;
}

#bldtab1.ui-tabs-active a {
    background-position: -11px -78px;
}

#bldtab2 a {
    width: 81px;
    background-position: -103px -5px;
}

#bldtab2.ui-tabs-active a {
    background-position: -103px -78px;
}

#bldtab3 a {
    width: 71px;
    background-position: -184px -5px;
}

#bldtab3.ui-tabs-active a {
    background-position: -184px -78px;
}

#bldtab4 a {
    width: 84px;
    background-position: -255px -5px;
}

#bldtab4.ui-tabs-active a {
    background-position: -255px -78px;
}

#bldtab5 a {
    width: 134px;
    background-position: -338px -5px;
}

#bldtab5.ui-tabs-active a {
    background-position: -338px -78px;
}

ul.captabs li.ui-state-default a {
    display: block;
    background: transparent url(../images/tabs_room.png);
    height: 56px;
    text-indent: -30000000px;
}

#captab1 a {
    width: 54px;
    background-position: -2px -1px;
}

#captab1.ui-tabs-active a {
    background-position: -2px -56px;
}

#captab2 a {
    width: 61px;
    background-position: -59px -1px;
}

#captab2.ui-tabs-active a {
    background-position: -59px -56px;
}

#captab3 a {
    width: 69px;
    background-position: -122px -1px;
}

#captab3.ui-tabs-active a {
    background-position: -122px -56px;
}

#captab4 a {
    width: 75px;
    background-position: -191px -1px;
}

#captab4.ui-tabs-active a {
    background-position: -191px -56px;
}

#captab5 a {
    width: 98px;
    background-position: -266px -1px;
}

#captab5.ui-tabs-active a {
    background-position: -266px -56px;
}


/* ==========================================================================

FORMS

========================================================================== */

li label {
    display: inline-block;
    padding: 5px 0;
}

li input,
li select {
    float: right;
    margin-right: 115px;
}

li input.radio,
li input.checkbox {
    float: none;
    margin-right: 5px;
}

ul.form-list li {
    clear: both;
}

#meetingType_id {
    margin-right: 190px;
}

.radiospan {
    float: right;
    margin-right: 184px;
}

input.formerror {
    border: 1px solid #FF0000;
    height: 16px;
    width: 190px;
}

select.formerror {
    border: 1px solid #EE0000;
    height: 20px;
    width: 190px;
}

.error {
    border: 2px dotted #EE0000;
    margin-bottom: 10px;
    padding: 10px;
    text-align: left;
}

.highlighterror {
    border: 1px dotted #FF0000;
}

.error ul {
    padding-left: 35px;
    list-style: disc;
}


/* ==========================================================================

CSS BUTTONS

========================================================================== */


/* Buttons */

div.whiteButton,
div.whiteButton-inactive,
div.whiteButton-noArrow,
div.whiteButton-noArrow-inactive,
div.redButton,
div.redButton-inactive,
div.blueButton,
div.blueButton-inactive,
div.arrowLink,
div.backButton,
div.backButton-inactive {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    clear: both;
}

div.redButton div,
div.redButton-inactive div,
div.whiteButton div,
div.whiteButton-inactive div,
div.whiteButton-noArrow div,
div.whiteButton-noArrow-inactive div,
div.blueButton div,
div.blueButton-inactive div,
div.backButton div,
div.backButton-inactive div {
    float: left;
    height: 32px;
    overflow: hidden;
    color: #FFF;
    background-repeat: no-repeat;
    background-position: top left;
}

div.redButton div a:hover,
div.redButton-inactive div a:hover,
div.whiteButton div a:hover,
div.whiteButton-inactive div a:hover,
div.whiteButton-noArrow div a:hover,
,
div.whiteButton-noArrow-inactive div a:hover,
div.blueButton div a:hover,
div.blueButton-inactive div a:hover,
div.backButton div a:hover,
div.backButton-inactive div a:hover {
    text-decoration: none;
    !important
}

div.redButton div a,
div.redButton-inactive div a,
div.whiteButton div a,
div.whiteButton-inactive div a,
div.whiteButton-noArrow div a,
div.whiteButton-noArrow-inactive div a,
div.blueButton div a,
div.blueButton-inactive div a,
div.backButton div a,
div.backButton-inactive div a {
    line-height: 27px;
    display: block;
    float: left;
    height: 32px;
    overflow: hidden;
    text-decoration: none;
    font-weight: bold;
    padding-left: 3px;
    font-size: 12px;
    outline: none;
    !important;
    background-repeat: no-repeat;
    background-position: top right;
}

div.redButton div a:hover,
div.redButton-inactive div a:hover {
    color: #FFF;
}

div.redButton div {
    background-image: url(../images/btn_red_left.png);
    _background-image: url(../images/btn_red_left.gif);
    padding-left: 11px;
    _padding-left: 8px;
}

div.redButton div a {
    background-image: url(../images/btn_red_right.png);
    _background-image: url(../images/btn_red_right.gif);
    color: #FFF;
    padding-right: 25px;
}

div.redButton-inactive div {
    background-image: url(../images/btn_red_inactive_left.png);
    _background-image: url(../images/btn_red_inactive_left.gif);
    padding-left: 11px;
    _padding-left: 8px;
}

div.redButton-inactive div a {
    background-image: url(../images/btn_red_inactive_right.png);
    _background-image: url(../images/btn_red_inactive_right.gif);
    color: #FFF;
    padding-right: 25px;
}

div.whiteButton div a:hover,
div.whiteButton-inactive div a:hover {
    color: #0079C1;
}

div.whiteButton div {
    background-image: url(../images/btn_white_left.png);
    _background-image: url(../images/btn_white_left.gif);
    padding-left: 11px;
    _padding-left: 8px;
}

div.whiteButton div a {
    background-image: url(../images/btn_white_right.png);
    _background-image: url(../images/btn_white_right.gif);
    color: #0079C1;
    padding-right: 25px;
}

div.whiteButton-inactive div {
    background-image: url(../images/btn_white_inactive_left.png);
    _background-image: url(../images/btn_white_inactive_left.gif);
    padding-left: 11px;
    _padding-left: 8px;
}

div.whiteButton-inactive div a {
    background-image: url(../images/btn_white_inactive_right.png);
    _background-image: url(../images/btn_white_inactive_right.gif);
    color: #0079C1;
    padding-right: 25px;
    color: #80bce0;
}

div.whiteButton-noArrow div a:hover,
div.whiteButton-noArrow-inactive div a:hover {
    color: #0079C1;
}

div.whiteButton-noArrow div {
    background-image: url(../images/btn_white_left.png);
    _background-image: url(../images/btn_white_left.gif);
    padding-left: 11px;
    _padding-left: 8px;
}

div.whiteButton-noArrow div a {
    background-image: url(../images/btn_white_right_noarrow.png);
    _background-image: url(../images/btn_white_right_noarrow.gif);
    color: #0079C1;
    padding-right: 15px;
}

div.whiteButton-noArrow-inactive div {
    background-image: url(../images/btn_white_inactive_left.png);
    _background-image: url(../images/btn_white_inactive_left.gif);
    padding-left: 11px;
    _padding-left: 8px;
}

div.whiteButton-noArrow-inactive div a {
    background-image: url(../images/btn_white_right_noarrow_inactive.png);
    _background-image: url(../images/btn_white_right_noarrow_inactive.gif);
    color: #0079C1;
    padding-right: 15px;
    color: #80bce0;
    cursor: default;
}

div.whiteButton-noArrow-inactive div a:hover {
    color: #80bce0;
}

div.blueButton div a:hover,
div.blueButton-inactive div a:hover {
    color: #FFF;
}

div.blueButton div {
    background-image: url(../images/btn_blue_left.png);
    _background-image: url(../images/btn_blue_left.gif);
    padding-left: 11px;
    _padding-left: 8px;
}

div.blueButton div a {
    background-image: url(../images/btn_blue_right.png);
    _background-image: url(../images/btn_blue_right.gif);
    color: #FFF;
    padding-right: 25px;
}

div.blueButton-inactive div {
    background-image: url(../images/btn_blue_inactive_left.png);
    _background-image: url(../images/btn_blue_inactive_left.gif);
    padding-left: 11px;
    _padding-left: 8px;
}

div.blueButton-inactive div a {
    background-image: url(../images/btn_blue_inactive_right.png);
    _background-image: url(../images/btn_blue_inactive_right.gif);
    color: #FFF;
    padding-right: 25px;
}

div.backButton div {
    background-image: url(../images/btn_back_left.png);
    _background-image: url(../images/btn_back_left.gif);
    padding-left: 22px;
}

div.backButton div a {
    background-image: url(../images/btn_back_right.png);
    _background-image: url(../images/btn_back_right.gif);
    color: #FFF;
    padding-right: 15px;
}

div.backButton-inactive div {
    background-image: url(../images/btn_back_inactive_left.png);
    _background-image: url(../images/btn_back_inactive_left.gif);
    padding-left: 22px;
}

div.backButton-inactive div a {
    background-image: url(../images/btn_back_inactive_right.png);
    _background-image: url(../images/btn_back_inactive_right.gif);
    color: #FFF;
    padding-right: 15px;
}


/* ==========================================================================

Image Rotator

========================================================================== */

#inspirebanner {
    width: 940px;
    height: 120px;
    position: absolute;
    /*background: url(../images/inspireBanner.png) no-repeat 0 -2px;*/
    z-index: 100;
}

.mei {
  display: flex;
  color: #0079c1;
  background: rgba(255, 255, 255, 0.85);
  font-family: 'DaxWebPro', sans-serif;
  padding: 26px 15px 5px 31px;
  margin-top: -2px;
}

.me {
  line-height: 2rem;
}

.me, .inspire {margin-top:9px;}

.meet, .engage, .inspire {text-transform: uppercase;}

.meet {
  font-size: 2.65rem;
  letter-spacing: .4rem;
}

.engage {
  font-size: 1.95rem;
  font-family: 'DaxWebProBold';
  letter-spacing: .02em;
}

.inspire {
	font-size: 5.4rem;
    margin-left: -3px;
    line-height: 3.8rem;
    letter-spacing: -0.3rem;
}

.blurp {
	color:#333;
	margin:-15px 0 0 21px;
	font-family: Arial, Helvetica, sans-serif;
}

div.wrap {
    width: 940px;
    margin: 0 auto;
    text-align: left;
}

div#slider {
    margin: -1px 0 0;
}

div#video-slider {
    height: 683px;
    margin: -1px 0 0;
}

div#slider div.wrap {
    height: 454px;
}

div#slider div#slide-holder {
    z-index: 40;
    width: 940px;
    height: 454px;
    position: absolute;
}

div#slider div#slide-holder div#slide-runner {
    width: 940px;
    height: 454px;
    overflow: hidden;
    position: absolute;
}

div#slider div#slide-holder img {
    margin: 0;
    display: none;
    position: absolute;
}

div#slider div#slide-holder div#slide-controls {
    right: 10px;
    bottom: 10px;
    height: 17px;
    display: none;
    position: absolute;
    background: url(../images/slide-bg.png) 0 0;
}

div#slider div#slide-holder div#slide-controls p.text {
    float: left;
    color: #fff;
    display: inline;
    font-size: 10px;
    line-height: 16px;
    margin: 15px 0 0 20px;
    text-transform: uppercase;
}

div#slider div#slide-holder div#slide-controls div#slide-nav {
    float: right;
    height: 17px;
    display: inline;
    margin: 4px -4px 0 8px;
}

div#slider div#slide-holder div#slide-controls div#slide-nav a {
    float: left;
    width: 9px;
    height: 9px;
    display: inline;
    font-size: 11px;
    margin: 0 5px 0 0;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(../images/silde-nav.png);
    text-indent: -30000000px;
}

div#slider div#slide-holder div#slide-controls div#slide-nav a.on {
    background-position: 0 -9px;
}

div#nav ul li a {
    background: url(../images/nav.png) no-repeat;
}

div#slide-nav-right {
    width: 4px;
    height: 17px;
    float: right;
    background: url(../images/slide-bgr.png) no-repeat;
    margin-top: -4px;
}


/* ==========================================================================

Helper classes

========================================================================== */


/**Image replacement */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}


/**Clearfix: contain floats

 *

 * For modern browsers

 * 1. The space content is one way to avoid an Opera bug when the

 *    `contenteditable` attribute is included anywhere else in the document.

 *    Otherwise it causes space to appear at the top and bottom of elements

 *    that receive the `clearfix` class.

 * 2. The use of `table` rather than `block` is only necessary if using

 *    `:before` to contain the top-margins of child elements. */

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}


/**For IE 6/7 only

 * Include this rule to trigger hasLayout and contain floats. */

.clearfix {
    *zoom: 1;
}

.clear {
    clear: both;
}


/* ==========================================================================

   Print styles.

   Inlined to avoid required HTTP connection: h5bp.com/r

   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*

     * Don't show links for images, or javascript/internal links

     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
        /* h5bp.com/t */
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}


/*--- Print CSS ----*/

.banner_in,
.lastbx img,
a#logo img {
    display: none
}

#contentcontainer {
    position: relative
}

@media print {
    a[href]:after {
        content: none;
    }
    abbr[title]:after {
        content: none;
    }
    .whiteButton,
    .redButton,
    .lastbx a,
    #rightlinks,
    #footer,
    #topnav {
        display: none!important
    }
    #container {
        page-break-after: always
    }
    a#logo {
        text-indent: 0px;
        font-size: 1px;
        color: #fff!important;
        text-decoration: none!important
    }
    a#logo img {
        display: block
    }
    .homequadrant {
        border: 1px solid #CCCCCC;
    }
    .lastbx img {
        display: block;
    }
    .banner_in {
        display: block;
        position: absolute;
        top: 1px;
        left: 1px;
    }
}
