@charset "utf-8";
/* CSS Document */
/* -----------------------------------------------------------------------
 * BASE LAYOUT & TYPOGRAPHY STYLES **************************************
----------------------------------------------------------------------- */
@font-face {
	font-family: 'Cambria';
	src: url('fonts/cambria.eot?') format('eot');
	src: local("☺"),url('fonts/cambria.ttf') format('truetype'),url('fonts/cambria.woff') format('woff'), url('fonts/cambria.otf') format('opentype'),  url('fonts/cambria.svg#cambria') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Cambria_Bold';
	src: url('fonts/CAMBRIAB.eot?');
	src: local("☺"), url('fonts/CAMBRIAB.ttf') format('truetype'), url('fonts/CAMBRIAB.woff') format('woff'),url('fonts/CAMBRIAB.otf') format('opentype'), url('fonts/CAMBRIAB.svg#cambria_bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

body { color: #111; font: normal 100% Cambria, Georgia, 'Times New Roman', Helvetica,Arial,sans-serif; }
.clearfix:after {
        content: ".";
        height:0;
        display: block;
        clear:both;
        visibility:hidden;
        line-height:0;
}

::selection {
        background: #b00021; /* Safari */
        color:#fff;
        }
::-moz-selection {
        background: #b00021; /* Firefox */
        color:#fff;
} 
.cf {  font-family:Cambria, Georgia, 'Times New Roman';}
.cf.strong { font-family: Cambria_Bold !important; font-weight:normal !important;}
.strong { font-weight:bold; color:#b00021; }
#page { margin-bottom:30px; }
.hidden { display:none;}
.pad-me-lil { display:block; padding: 10px 0;}
.pad-me-lots { display:block; padding: 25px 0;}
.pad-me-none { display:block; padding:0;}
.no-style { background:none !important;}
ul.pad-me-none li{
    margin-bottom:0;
}
ul.bullets { 
    list-style-position: outside;
    list-style-type: square;
    padding-left: 40px;
}





/* -----------------------------------------------------------------------
 * PARAGRAPH/LIST/BULLET STYLES *****************************************
----------------------------------------------------------------------- */

.std-list ul{ font-size:1.5rem; }
.std-list ul li{background:transparent url('../images/assets/bullets.gif') no-repeat -22px -376px; padding:5px 10px 5px 15px; margin-bottom:0; min-width:126px;}


/* -----------------------------------------------------------------------
 * TYPOGRAPHY STYLES ****************************************************
----------------------------------------------------------------------- */
a{ color:#b00021;}



#main-content a{color:#b00021;}
#main-content a:hover {color:#111;}
#main-content p{ font-size:11pt; font-family:Cambria, Georgia, 'Times New Roman';text-align:justify; line-height:19px; margin:18px 0; color:#222;}
#main-content p.cf{font-size:11pt; font-family:Cambria, Georgia, 'Times New Roman';}
#main-content h1{ margin-left:-3px;}
h1 #ap-word{ display:inline-block;}
h1,h2 { font-family:Cambria_Bold !important; font-weight:normal !important; }
h1 span{ color:#b00021; }

#content a {
    color: #b00021;
    line-height: inherit;
    text-decoration: none;
}
#content a:hover{color:#111;}

a.button{color:#fff !important; margin:10px 0;}
a.button:hover { color:#fff !important;}

/* -----------------------------------------------------------------------
 * LAYOUT STYLES ********************************************************
----------------------------------------------------------------------- */


#main-wrapper { overflow:hidden; }

/*--------------- Header */


#header
{
    border-top: 6px solid #b00021;
    height:50px;
}
#header-asset-tab{
    height:50px;

}

#header-social-icons{

}

#header-top-links{ 
    color: #ccc;
    height: 38px;
    padding: 0 0;
    text-align: right;
    margin-top:3px;

}
#header-top-links a{
    color:#111;
    font-size: 7pt;
    text-transform: uppercase;
    border-bottom:2px solid #111;
    padding-bottom:4px;
}
#header-top-links a:hover{
    color:#b00021;
    border-bottom:2px solid #b00021;
}

#logo
{
    background:transparent url('../images/assets/io-logo-l.jpg') no-repeat left center;
    margin-left:-20px;
    text-indent:-999em;
    min-width:208px;
    min-height:121px;

}

/*--------------- Main Banner */

#main-banner{ border-bottom:1px dashed #ccc;  }
.main-featured-tab { 
    background-color: #B00021;
    color: #FFFFFF;
    font-size: 8pt;
    font-weight: bold;
    margin-right: -2px;
    margin-top: -20px;
    padding: 3px 11px;
    position:absolute;
    right:0;
    text-transform: uppercase;
}


/*--------------- Left */
#layout-left{ margin-bottom:25px; }
#layout-left #co-info{ font-size:11pt; margin:24px 0;}
#layout-left #co-info .co-info-phone { padding-top:10px; font-size:18pt; display:block;}


/*--------------- Right */
#layout-right { margin-top:15px; }



/*--------------- Footer Styles */

#footer
{
    font-size:8pt;
    position:relative;
    margin:25px auto;
    line-height:10pt;
}

#footer #footer-copy{
    margin-left:-2px;
    background:transparent url('../images/assets/io-logo-footer.jpg') no-repeat left center;
    min-height:30px;
}
#footer #footer-copy span{
    padding-left:60px;
    display:block;
}

#footer .social-logos{
    text-align:right;
}

#footer .social-logos-mobile{
    text-align:left;
    padding-top:20px;
}
#footer .social-logos img{
    width:35px;
}
#footer .social-logos-mobile img{
    width:35px;
}



/* -----------------------------------------------------------------------
 * NAVIGATION STYLES ****************************************************
----------------------------------------------------------------------- */


/*--------------- Footer */

#footer-nav{
    background-color:#b00021;
    color:#fff;
    min-height:35px;
    margin-top:25px;
}
#footer-nav a{ color:#fff; font-size:11pt; }
#footer-nav a:hover{ color:#fff; font-size:11pt; border-bottom:2px solid #fff;}
#footer-nav ul{list-style-type:none; padding:0; margin:0;}
#footer-nav ul li{float:left; padding:6px 0; margin:0 15px 0 0;  }
#footer-nav ul li:hover{ }
#footer-nav .back-to-top { text-align:right; }
#footer-nav .back-to-top a:hover{
    border:none !important;
}

/*--------------- Main */

#mainmenu-container{}
#mainmenu{ margin-top:20px; padding-right:20px;}
#mainmenu ul { list-style: none; margin: 0; padding: 0; position: relative; }
#mainmenu ul li { display: block; overflow: visible;  background:transparent url('../images/assets/layout/h-dash.gif') repeat-x left bottom; margin-bottom:0 !important; }
#mainmenu ul li:hover {}
#mainmenu ul li:hover > ul { display: block;  }
#mainmenu ul li.active { }
#mainmenu ul li.active a{ color:#b00021 !important; background:transparent url('../images/assets/mainmenu-decor-hover.jpg') no-repeat left center;}
#mainmenu ul li a{ background:transparent url('../images/assets/mainmenu-decor.jpg') no-repeat left center; padding:10px 0 10px 20px;} 
#mainmenu ul li a:hover{ background:transparent url('../images/assets/mainmenu-decor-hover.jpg') no-repeat left center; } 
#mainmenu ul li a,#mainmenu ul li span { display: block; color:#222; font-size:11pt;  }
#mainmenu ul li ul { display: none; position: absolute; top: 34px; background: #ff7200; color: #fff; height: auto;}
#mainmenu ul li ul li {float:none; padding:0; height:auto; background: transparent url('../images/mainmenu-sub-divider.gif') repeat-x bottom left;}
#mainmenu ul li ul li a { color: #fff; padding: 10px 17px; display: block; }
#mainmenu ul li ul li.active a,
#mainmenu ul li ul li a:hover { color: #fff; }

/* -----------------------------------------------------------------------
 * VIEW SPECIFIC STYLES *************************************************
----------------------------------------------------------------------- */

/*--------------- Homepage */
#client-logos { border-top:1px dashed #ccc; border-bottom:1px solid #eee; clear:both;}

/*--------------- Latest News */

#main-latest-news-wrapper{ clear:both; }

#main-latest-news-wrapper .news-header{
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:10px 0;
}
#main-latest-news-wrapper .news-header h3{
    color:#b00021;
    margin:0;
    font-family: Cambria;
    font-size:18pt;
    font-weight:normal;
}
#main-latest-news-wrapper .news-title{
    color:#222;
    font-size: 170%;
    line-height: 25px;
    margin:20px 0 10px;
}
#main-latest-news-wrapper .news-title span{
    color:#777;
    font-size:9pt;
    display:block;
    margin-top:10px;
    font-family:Arial, Helvetica;
}
#main-latest-news-wrapper .columns {
    background:transparent url('../images/assets/layout/v-dash.gif') repeat-y right top;
    padding-right:4.4%;
    width:26%;  
}

#main-latest-news-wrapper.mobile .columns {
    background:transparent url('../images/assets/layout/h-dash.gif') repeat-x left bottom !important;
    padding-right:4.4%;
    width:26%;  
}
#main-latest-news-wrapper .columns.last {
    background:none!important;
    padding-right:4.4%;
    width:26%;  
}


/*--------------- Our Difference */


/*--------------- Work */


#work-container {}
#work-container p{ font-family:Arial, Helvetica; font-size:9pt;}
#work-container #sorting{
    clear:both;
    border-bottom:1px dotted #ccc;
    border-top:1px dotted #ccc;
}
#work-container #sorting ul { margin-bottom:0 !important;}
#work-container #sorting ul li{

    float: left;
    margin-right: 2px;
    margin-bottom:0 !important;
}
#work-container #sorting ul li.selected-1{
    background-color:#b00021;
}
#work-container #sorting ul li.selected-1 a{
    color:#fff!important;
}
#work-container #sorting ul li a {
    color: #111;
    display: block;
    font-size: 8pt;
    font-weight: bold;
    line-height: 9pt;
    padding: 11px 6px 8px;
    text-transform: uppercase;
}
.selected-0 a,.selected-1 a,selected-2 a,selected-3 a,selected-4 a,selected-5 a{
}
#work-container #sorting ul li a:hover {
    color:#b00021;
}

.case-study{ 
    
}
.case-study p{
    
}
.case-study ul {  border-top:4px solid #b00021; padding-top:15px;}
.case-study ul li { font-size:1.15rem; background:url("../images/assets/layout/h-dash.gif") repeat-x scroll left bottom transparent; }
.case-study ul li span { display:block; color:#111; font-weight:bold;}
.case-study .case-study-container { position:relative; margin-top:35px;}
.case-study .case-study-container div.nine  { text-align:center;}


.image-grid {width:100%; font-size:8pt; line-height:10pt; margin-top:35px;}
.image-grid li { 
    border-bottom: 2px dashed #EEEEEE;
    float: left;
    font-size: 9pt;
    padding: 0 12px;
    width: 227px;
    position:relative;

}
.image-grid li.last{
    margin-right:0 !important;
}
.image-grid li .thumb { 

} 
.image-grid li.case-study .tab { 
    background:transparent url('../images/assets/case-study-tab.png') no-repeat left top;
    height: 53px;
    left: 12px;
    position: absolute;
    top: 0;
    width: 96px;
    pointer-events:none;

} 
.image-grid li .desc h4{ 
    color: #111111;
    font-size: 21pt;
    line-height: 24px;
    padding-top: 12px;
}
.image-grid li .desc h4 span{ 
    color: #B00021;
    display: block;
    font-size: 10pt;
    line-height: 14px;
    margin-top: 10px;

}
.image-grid li .desc { 
    color: #222222;
    font-size: 8pt;
    height: 225px;
    margin-bottom: 17px;
    overflow: hidden;
}
.image-grid li .desc p span a{ font-weight:bold !important; color:#b00021; font-size:9pt;text-transform:none!important; margin-top:6px;}
.image-grid li .desc p{  font-size:9pt; line-height:15px !important;  text-align:left !important;}

.image-grid li img {
    border: 1px solid #CCCCCC;
    padding: 3px;
}
.image-grid li span{font-size:7pt; text-transform:uppercase; display:block; margin-top:10px;}


/*--------------- Articles */

.articles-block{ margin-top:22px !important;}
.articles-block div {
    border-top: 1px dashed #CCCCCC;
    padding: 10px 0 !important;
}
.articles-block div p{ text-align:left !important; font-family: Arial, Helvetica !important; font-size:10pt !important;}
.articles-block div h4{font-size:1.9rem !important; margin-bottom:15px;}
.articles-block div h4 a { color:#111 !important; background:none !important; padding:0 !important;}
.articles-block div h4 a:hover { text-decoration:underline;}
.articles-block div a{padding:10px 32px; background:url('../images/assets/icon-go.gif') no-repeat left center;}
.articles-list{
    margin-top:15px;
    padding:15px; 
}
.articles-list h4{
    color:#111!important;
    background:url("../images/assets/layout/h-grid-dash.gif") repeat-x scroll left bottom transparent;
    padding-bottom:10px;
}
.articles-list ul li{
    background:url("../images/assets/layout/h-dash.gif") repeat-x scroll left bottom transparent;
    padding-bottom:10px;
    margin-bottom:10px;
    line-height:11pt;
}
.articles-list ul li.last {
    background:none!important;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}
.articles-list a{
    color:#111 !important;
}
.articles-list a:hover{
    color:#b00021 !important;
}
.article-row{
    background:url("../images/assets/layout/h-dash.gif") repeat-x scroll left bottom transparent;
    padding:10px 0;
}
.article-content {}
.cubed{ 
    background-color: #B00021 !important;
    color: #FFFFFF;
    display: inline-block;
    height: 65px;
    margin-right: 10px;
    position: relative;
    text-align: right;
    width: 65px;
    float:left;
}
.cubed span { 
    bottom: 0;
    color: #FFFFFF;
    display: block;
    font-size: 70%;
    font-weight: bold;
    padding: 0 5px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
}
.article-footer {
    background:url("../images/assets/layout/h-grid-dash.gif") repeat-x scroll left top transparent;
    padding-top:1px !important;
    
}
.article-footer p{ font-family: arial, helvetica !important; font-size:9pt !important; }



/* -----------------------------------------------------------------------
 * MOBILE SPECIFIC STYLES ***********************************************
----------------------------------------------------------------------- */

/*--------------- Header */

#header-asset-tab.hide-on-desktops{
    text-align:right;
}
#header-asset-tab.hide-on-desktops img{

}
#header-social-icons show-on-phones{
    text-align:right;
}

#co-info-mobile{ font-size:11pt; margin:24px 0;}
#co-info-mobile .co-info-phone { padding-top:10px; font-size:18pt; display:block;}


/*--------------- Nav */

#mobile-menu ul { list-style: none; margin: 0; padding: 0; position: relative;
                  height: auto;
                  margin: 15px -20px 0;
                  width: auto;
                  overflow:hidden;
}

#mobile-menu ul li { height:auto; display: block; margin-bottom:0; padding:0; overflow: visible;  background:transparent url('../images/assets/layout/h-dash.gif') repeat-x left bottom; }
#mobile-menu ul li:hover {}
#mobile-menu ul li:hover > ul { display: block;  }
#mobile-menu ul li a{ background:transparent url('../images/assets/mainmenu-decor.jpg') no-repeat left center; padding-left:20px;} 
#mobile-menu ul li a:hover{ background:transparent url('../images/assets/mainmenu-decor-hover.jpg') no-repeat left center; } 

#mobile-menu ul li a,#mobile-menu ul li span { float: left; display: block; color:#222; font-weight:normal;  font-size:12pt;  }



/*--------------- Work */
.image-grid.show-on-phones {
}
.image-grid.show-on-phones li { 
    background-color: #FFFFFF;
    border-bottom: 2px dashed #EEEEEE;
    float: none;
    font-size: 9pt;
    padding: 0;
    width: auto;

}
.image-grid.show-on-phones li.case-study .tab { 
    left: 0;;

} 
.image-grid.show-on-phones li.logo a{
}
.image-grid.show-on-phones li .desc h4 { 
    height:auto;
}
.image-grid.show-on-phones li .desc h4 span{ 
    color: #B00021;
    display: block;
    font-size: 10pt;
    line-height: 14px;
    margin-top: 10px;
}
.image-grid.show-on-phones li .desc { 
    color: #222222;
    font-size: 8pt;
    height: auto;
    margin-bottom: 17px;
    overflow: visible;
}
.image-grid.show-on-phones li .desc p span a{ font-weight:bold !important; color:#b00021; font-size:9pt;  text-transform:none!important; margin-top:6px;}
.image-grid.show-on-phones li .desc p{  font-size:9pt; line-height:15px !important;  text-align:left !important;}

.image-grid.show-on-phones li img {
    max-width:none;
}
.image-grid.show-on-phones li span{font-size:7pt; text-transform:uppercase;}

/*--------------- Scroll To Styles */

.mobile-scroll-to{
    bottom: 7px;
    position: fixed;
    right: 7px;
    z-index: 99;
}
.desktop-scroll-to{
    bottom: 7px;
    position: fixed;
    right: 7px;
    z-index: 99;   
}
#back-top, #top {
    float: right;
    margin-bottom: 0;
    padding-bottom: 0;
    z-index: 99;
}

#back-top a, #top a {
    width: 40px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;

    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover, #top a:hover {
    color: #000;
}

/* arrow icon (span tag) */
#back-top span, #top span {
    display: block;
    height: 40px;
    width: 40px;
    background: #ccc url('../images/assets/up-arrow.png') no-repeat center center;
    background-size:65%;
    /* rounded corners */
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;

    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover span, #top a:hover span {
    background-color: #b00021;
}

#goto-mobile-menu {
    float: left;
    margin-bottom: 0;
    margin-right: 2px;
    padding-bottom: 0;
    z-index: 99;
}

#goto-mobile-menu a {
    width: 100px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;

    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#goto-mobile-menu a:hover {
    color: #000;
}

/* arrow icon (span tag) */
#goto-mobile-menu span {
    display: block;
    height: 40px;
    width: 100px;
    background: #ccc url('../images/assets/go-to-mobile-menu.png') no-repeat center center;
    background-size:80%;
    /* rounded corners */
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;

    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#goto-mobile-menu a:hover span {
    background-color: #b00021;
}



/* -----------------------------------------------------------------------
 * RESPONSIVE FRAMEWORK OVERRIDE ****************************************
----------------------------------------------------------------------- */

.orbit-caption p {color: #222 ;font-size: 27pt !important; margin-bottom:0 !important; line-height:35px;}
.orbit-caption span{ padding-top:10px !important ;padding:1px 8px !important; background-color:#444; color:#fff !important; display:block; float:left; margin-top:5px !important; }
.orbit-wrapper .orbit-caption {
    text-align: left;
    z-index: 30;
    padding:0 !important;
}

div.orbit, div.orbit-wrapper { overflow:hidden;}
div.orbit-wrapper div.timer {right:0 !important;}
ul.orbit-bullets {
    padding: 20px 0 0 !important;
    margin-bottom:0 !important;
}

ul.tabs-content{}
ul.tabs-content p{ font-family:Arial, Helvetica !important; margin:0 0 10px 0!important; font-size:1.3rem !important; text-align:left !important; }
dl.nice.contained.tabs dd a {
    font-size: 90%;
    padding: 5px 10px 4px !important;
}
dl.tabs {height:39px !important; margin-bottom:0 !important;}
dl.tabs dd {
    height:auto !important;
}
dl.tabs dd a {
    font-size: 90%;
    padding: 5px 10px 4px !important;
    color:#222 !important;
}
dl.tabs dd a.active {
    color:#b00021 !important;
}
dl.tabs dd a.active {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    border-top: 3px solid #b00021 !important;
    color: #b00021;
    font-weight: bold;

}
ul.nice, ol.nice {
    float:left;
    margin-top:-3px !important;
}
ul.nice li, ol.nice li {
    padding-left: 0 !important;
}

dl.tabs.vertical {
    height: auto !important;
    width:30%;
    float:left;
}
dl.tabs.vertical dd a {
    color: #555555;
    display: block;
    font-size: 1.2rem !important;
    height: auto;
    line-height: 1;
    margin: 0;
    padding: 10px 15px !important;
    width: auto;
}
ul.tabs-content.vertical{width:70%; float:left;}
ul.tabs-content.vertical .panel{height:508px!important;}

.tabs-content h4{margin-bottom:10px; margin-left:-1px;}


/* -----------------------------------------------------------------------
 * FB OVERRIDE STYLES ****************************************************
----------------------------------------------------------------------- */
.fb-like { margin-top:6px;}

/* -----------------------------------------------------------------------
 * IMAGE STYLES *********************************************************
----------------------------------------------------------------------- */


/* -----------------------------------------------------------------------
 * FORM STYLES **********************************************************
----------------------------------------------------------------------- */

#contact-form input[type=text]{ font-size:8pt; padding:10px 10px;  }
#contact-form textarea{ font-size:8pt; padding:10px 10px; font-family: arial, helvetica;  resize:none;  }
#contact-form label { width:150px; display:block; position:absolute; top:5px;}
#contact-form .row { margin-bottom:10px; position:relative;}
#contact-form .errorMessage {margin-bottom:5px; color:#770000; font-size:95%; }
#contact-form input.input-text, textarea {}
#contact-form .captcha-code{ position:relative !important;}
#contact-form .captcha input[type=text]{}
#contact-form  .hint{padding:12px 0;}
#contact-form .columns.first { margin:0 10px 0 0; }
#contact-form .columns.second { margin:0 10px 0 0; }
#contact-form .columns.last {margin:0 10px 0 0;  }
#contact-form input.input-text, textarea {width:100%!important;;}
.errorSummary{
    border-bottom:1px dotted #ccc;
    border-top:1px dotted #ccc;
    margin-bottom:20px;
}
.errorSummary p{
    color:#b00021
}
.errorSummary ul li{
    margin:0; 
}

/* -----------------------------------------------------------------------
 * MESSAGES, NOTICES & BREADCRUMBS **************************************
----------------------------------------------------------------------- */

div.flash-error, div.flash-notice, div.flash-success
{
    padding:.8em;
    margin-bottom:1em;
    border:2px solid #ddd;
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
    margin-left: 25px;
    position: absolute;
    width: 928px;
    z-index: 99;
}

div.flash-error
{
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}

div.flash-notice
{
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}

div.flash-success
{

}

div.flash-error a
{
    color:#8a1f11;
}

div.flash-notice a
{
    color:#514721;
}

div.flash-success a
{
    color:#264409;
}

div.form .rememberMe label
{
    display: inline;
}

div.view
{
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
    font-size: 0.9em;
    padding: 10px 32px;
}

div.breadcrumbs span
{
    font-weight: bold;
}


/* -----------------------------------------------------------------------
 * MEDIA QUERIES ********************************************************
----------------------------------------------------------------------- */

@media only screen and (max-device-width: 480px){
    .orbit-bullets{ margin-left: -8px !important; float:left !important; clear:left !important; padding:0 !important;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2){
    #logo
    {
        background:transparent url('../images/assets/io-logo-l.png') no-repeat left center;
        margin-left:-20px;
        text-indent:-999em;
        padding:56px;
        min-width:0;
        min-height:0;
        background-size: 50%;

    }  
    #header{
        height:15px;
    }
    #header-social-icons{ text-align:right;}
    #work-container #sorting {
        border:none !important;
    }    
    #work-container #sorting ul {
        margin:15px -20px 0;
    }

    #work-container #sorting ul li{
        float:none; 
        margin-top:0 !important;
        border-bottom:1px solid #ccc;
    }

    #work-container #sorting ul li.first{
        float:none; 
        margin-top:0 !important;
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
    }    
    #work-container #sorting ul li a {
        background-color: #fff;
        color: #111;
        display: block;
        font-size: 7pt;
        font-weight: bold;
        line-height: 9pt;
        padding: 5px 20px 0px 20px;
        text-transform: uppercase;
        width: 100%;
        height:30px!important;
        border-bottom:none!important;
    }
    #work-container .thumb{
        /*overflow:auto;*/
    }

    .selected-0 a,.selected-1 a,selected-2 a,selected-3 a,selected-4 a,selected-5 a{
        background-color:#b00021 !important;
        color:#fff !important;
    }
    #work-container #sorting ul li a:hover {
        background-color: #fff;
        color:#111;
        border-bottom:none!important;
    }

}

/* -----------------------------------------------------------------------
 * BELLS & WHISTLES *****************************************************
----------------------------------------------------------------------- */


#loading-container{
    position:absolute;
    width:50px;
    height:10px;
    display:none;
    z-index:999;

}

#loading {
    padding:9px 25px;
    background: transparent url('../images/assets/loading.gif') no-repeat left bottom;	color:#fff;
    z-index:999;
}
#loading.activity {
    display:block;
}

#io-container{
    float:right;
    position:relative;
    margin-top:-14px;
}
#powered-by-ignite-on{
    z-index:2;
    position:relative;
}
#powered-by-ignite-on-over{
    position:absolute;
    top:0;
    z-index:1;
}

.rounded-corners {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    behavior: url(border-radius.htc);
}


.preloader{
    display:block;
    background:#fff url('../images/assets/loading_gif.gif') no-repeat center center;
}


.small.button {
    padding: 8px 7px !important;
}

.placeholder {
    color: #999;
}