.foo {}

@media screen
{
    #exchange h3
    {
        display: none;
    }
    #exchange a
    {
        font-weight: bold;
    }

    #about h3
    {
        display: none;
    }

    h3
    {
        color: #fff;
    }


    #content div[class~="tabUI"]
    {
        border: solid 1px #ccc;
        background: #dce4ec;
        color: #000;
    }

   
    #content div[class~="tabUI"] div.header {
        border-bottom: 1px solid #aaa;
        background: #f00116;
    }
    
    #content div[class~="tabUI"] div.header h3 {
        float: left;
        font-size: 1.25em;
        margin: 0;
        padding: .5em 1em;
        padding-right: 2.5em;
        background: transparent url('images/ServicesHeader.gif') right top no-repeat;
    }
    
    div.tabUI div.header p.controls {display: none;}
    #content div[class~="tabUI"].active div.header p.controls {
        display: block;
        margin: 0;
        padding: .5em 1em;
        float: right;
    }
    #content div[class~="tabUI"] div.header:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;    
    }
    #content div[class~="tabUI"] div.header
    {
        display: inline-block;
    }
    html[xmlns] #content div[class~="tabUI"] div.header
    {
        display: block;
    }
    * html #content div[class~="tabUI"] div.header
    {
        height: 1%;
    }
    
    div.tabUI ul.tabs {display: none;}

    #content div[class~="tabUI"] ul.tabs
    {
        display: block;
        margin: 0;
        padding: 0;
        width: 15em;
        float: left;
        min-height: 30em;
        background: #d8d9db url(images/TabUI-TabBG.jpg) right top repeat-y;
    }

    #content div[class~="tabUI"] ul.tabs li
    {
        margin: 0;
        padding: 0;
        list-style-type: none;
        border-bottom: 1px solid #aaa;
    }

    #content div[class~="tabUI"] ul.tabs li a
    {
        display: block;
        padding: .5em 1em;
        color: #444;
        font-weight: bold;
        text-decoration: none;
        background: #d8d9db url(images/TabUI-TabBG.jpg) right top repeat-y;
    }

    #content div[class~="tabUI"] ul.tabs li a:hover, #content div[class~="tabUI"] ul.tabs li.active a
    {
        background-color: #dce4ec;
        background-image: url(images/TabUI-TabBG_over.jpg);
    }

    #content div[class~="tabUI"] ul.tabs li.active a
    {
        color: #000;
        font-weight: bold;
    }
    #content div[class~="tabUI"] div.tabContainers {
        height: 30em;
    }

    #content div[class~="tabUI"] div.tabContainers > div
    {
        display: none;
    }
    #content div[class~="tabUI"] div.tabContainers > div.active
    {
        display: block;
        padding: 1em;
        height: 28em;
        overflow: auto;
    }
    
    #content div[class~="tabUI"] #cr {
        position: relative;
        background: transparent url(images/ComputerRepairBG.jpg) center center no-repeat;
    }

    #content div[class~="tabUI"] #csd {
        position: relative;
        background: transparent url(images/SoftwareDevBG.jpg) center center no-repeat;
    }

    #content div[class~="tabUI"] #cwd {
        position: relative;
        background: transparent url(images/WebDevServicesBG.jpg) bottom left no-repeat;
    }

    #content div[class~="tabUI"] #c {
        position: relative;
        background: transparent url(images/ConsultingServicesBG.jpg) bottom center no-repeat;
    }
    
    #content div[class~="tabUI"] #cs {
        position: relative;
        background: transparent url(images/ComputerSalesBG.jpg) bottom center no-repeat;
    }
    
    #content div[class~="tabUI"] #ms {
        position: relative;
        background: transparent url(images/ManagedSecurityBG.jpg) bottom center no-repeat;
    }
    
    #content div[class~="tabUI"] #wh {
        position: relative;
        background: transparent url(images/WebHostingServicesBG.jpg) center center no-repeat;
    }
    
    #content div[class~="tabUI"] #ts {
        position: relative;
        background: transparent url(images/TechSupportBG.jpg) center center no-repeat;
    }

    #content div[class~="tabUI"] #ss {
        position: relative;
        background: transparent url(images/SoftwareSalesBG.jpg) center center no-repeat;
    }
    
    #content div[class~="tabUI"] #tws {
        position: relative;
        background: transparent url(images/WebServicesBG.jpg) center center no-repeat;
    }
    
    #content div[class~="tabUI"] div.highlights {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        background: transparent url(images/TabUI-Content-HightlightsBG.png);
    }
    
    #content div[class~="tabUI"] div.highlights > * {
        padding: 0 1em;
        margin-top: 1em;
        margin-bottom: 1em;
        color: White;
    }
}