/* LMC Solutions site  */
/* Core Styles */
/* Author: Brainstorm, Inc */
/* Author URI: http://brainstormbrand.com/ */

/*
* Global overrides
*/

@media screen {
    #topcontainer {
        height : 195px;
    }
    
    #truckcontainer {
        margin-top : 54px;
    }

    #footercontainer {
        margin-top : 0;
    }
}

/*
* Main navigation
*/
#mainnavigationcontainer {
    float : right;
    margin : 0 18px 0 0;
    width : 359px;
    height : 22px;
    background : transparent url(../images/core_main_nav_bg.gif) top left no-repeat;
}

#mainnavigation {
    display : block;
    margin : 0;
    padding : 0;
    list-style : none;
}

#mainnavigation li {
    display : block;
    float : left;
    margin : 0;
    padding : 0;
    list-style : none;
}

#mainnavigation li a {
    display : block;
    float : left;
    margin : 0;
    padding : 0;
    line-height : 22px;
    text-align : center;
    color : #fff;
}

#mainnavlinkexpertise { width : 104px; }
#mainnavlinkclients   { width : 82px; }
#mainnavlinkservices  { width : 83px; }
#mainnavlinkcontact   { width : 82px; }

@media print {
    #mainnavigationcontainer {
        display : none;
    }
}

/*
* Core body
*/
#corebodycontainer {
    height : 265px;
    clear : right;
}

@media print {
    #corebodycontainer {
        height : auto;
    }
}

/*
* Core body, left side
*/
#corebodyleftcontainer {
    width : 578px;
    border-top : 13px solid #505152;
}

@media print {
    #corebodyleftcontainer {
        display : none;
    }
}

/*
* Images
*/
#coreservicesmenucontainer {
    height : 101px;
}

#coreservicesmenu {
    display : block;
    margin : 0;
    padding : 0;
    list-style : none;
}

#coreservicesmenu li {
    list-style : none;
    display : block;
    float : left;
    margin : 0;
    padding : 8px 0 0 0;
    width : 117px;
}

#coreservicesmenu li#coreservicemenuimage01 {
    width : 110px;
}

#coreservicesmenu li a {
    display : block;
    color : #505050;
}

#coreservicesmenu li a:hover {
    text-decoration : none;
    color : #000; /* just s trigger for ie 6 */
}

#coreservicesmenu li a:focus {
    outline : none;
}

#coreservicesmenu li a .image {
    display : block;
    height : 74px;
    background-position : top right;
    background-repeat : no-repeat;
}

#coreservicesmenu li#coreservicemenuimage01 a .image {
    background-position : top left; /* makes the image flush right */
}

#coreservicesmenu li a .text{
    display : block;
    height : 19px;
    background : #f5be30;
    font-size : 9px;
    line-height : 19px;
    padding-left : 8px;
}

#coreservicesmenu li a .text span {
    display : block;
    height : 19px;
    padding-left : 3px;
    background : #f5be30; /* for IE 6, else it won't change the BG on hover */
}

#coreservicesmenu li#coreservicemenuimage01 a .text {
    padding-left : 0px;
}

#coreservicesmenu li#coreservicemenuimage01 a .text span {
    padding-left : 7px;
}

#coreservicesmenu li a:hover .text span {
    background : #d0d0d1;
    color : #505050;
}

#coreservicesmenu li#coreservicemenuimage01 a .image { background-image : url(../images/core_menu_maintenance_icon.jpg); }
#coreservicesmenu li#coreservicemenuimage02 a .image { background-image : url(../images/core_menu_repair_icon.jpg); }
#coreservicesmenu li#coreservicemenuimage03 a .image { background-image : url(../images/core_menu_factory_icon.jpg); }
#coreservicesmenu li#coreservicemenuimage04 a .image { background-image : url(../images/core_menu_automation_icon.jpg); }
#coreservicesmenu li#coreservicemenuimage05 a .image { background-image : url(../images/core_menu_replacement_icon.jpg); }

#coreservicesmenu li#coreservicemenuimage01 a:hover .image { background-image : url(../images/core_menu_maintenance_icon_over.jpg); }
#coreservicesmenu li#coreservicemenuimage02 a:hover .image { background-image : url(../images/core_menu_repair_icon_over.jpg); }
#coreservicesmenu li#coreservicemenuimage03 a:hover .image { background-image : url(../images/core_menu_factory_icon_over.jpg); }
#coreservicesmenu li#coreservicemenuimage04 a:hover .image { background-image : url(../images/core_menu_automation_icon_over.jpg); }
#coreservicesmenu li#coreservicemenuimage05 a:hover .image { background-image : url(../images/core_menu_replacement_icon_over.jpg); }

/* IE 6/7 doesn't like the above setup, so force the correct cursor */
#ieroot #coreservicesmenu li a:hover .image,
#ieroot #coreservicesmenu li a:hover .text {
    cursor : pointer;
}

/*
* Big title area under services nav
*/
#coreservicetitlecontainer {
    position : relative;
    padding : 0 32px;
    height : 151px;
    background : transparent url(../images/core_title_bg.gif) top left repeat-x;
    color : #e8e8e8;
}

#coreservicetitle {
    position : absolute;
    right : 32px;
    bottom : 28px;
    width : 419px;
    height : 93px;
    background : transparent url(../images/core_title.png) top left no-repeat;
}

#coreservicetitle span {
    display : none;
}

* html #coreservicetitle {
    background : transparent;
    filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/core_title.png', sizingMethod='crop');
}

/**
* Right side
*/
#corebodyrightcontainer {
    float : right;
    width : 254px;
    height : 265px;
    background : #a5a6a9;
}

#corebodyrightinner {
    position : relative;
    padding : 0 26px 0 19px;
    height : 254px;
    text-align : right;
}

#corebodyrightcontentcontainer {
    position : absolute;
    left : 19px;
    bottom : 22px;
    width : 209px;
}

@media print {
    #corebodyrightcontainer {
        float : none;
        width : auto;
        height : auto;
        background : transparent;
    }
    
    #corebodyrightinner {
        position : static;
        padding : 0;
        height : auto;
        text-align : left;
    }
    
    #corebodyrightcontentcontainer {
        position : static;
        width : auto;
    }
}

/*
* Service detail stuff
*/
.servicedetailtitle {
    padding : 0 0 5px 0;
    font-size : 14px;
    color : #2e292a;
    background : transparent url(../images/core_service_detail_h_dot.gif) bottom left repeat-x;
}

.servicedetaildescription {
    margin : 4px 0 0 0;
    padding : 12px 0 0 19px;
    background : transparent url(../images/core_service_detail_h_dot.gif) top left repeat-x;
    color : #fff;
}

.servicedetaildescriptionmore {
    font-family : Times New Roman, Times Roman, Times, serif;
    color : #e5e3e3;
}

.servicedetaildescriptionmore span {
    text-decoration : underline;
}

@media print {
    .servicedetailtitle {
        padding : 0;
        font-size : 1.2em;
        color : #000;
        font-weight : bold;
        background : transparent;
    }
    
    .servicedetaildescription {
        margin : 0;
        padding : 0;
        background : transparent;
        color : #000;
    }
    
    .servicedetaildescriptionmore {
        font-family : Times New Roman, Times Roman, Times, serif;
        color : #000;
    }
    
    .servicedetaildescriptionmore span {
        text-decoration : underline;
    }
}

/*
* Dynamic service stuff
*/
#servicedefault,
#service01,
#service02,
#service03,
#service04,
#service05 {
    display : none;
}

#servicedefault,
#service01,
#service02,
#service03,
#service04,
#service05 {
    color : #fff;
}

.showservicedefault #servicedefault,
.showservice01 #service01,
.showservice02 #service02,
.showservice03 #service03,
.showservice04 #service04,
.showservice05 #service05 {
    display : block;
}

@media print  {
    #servicedefault,
    #service01,
    #service02,
    #service03,
    #service04,
    #service05 {
        display : block;
        margin : 1em 0;
    }
    
    #servicedefault,
    #service01,
    #service02,
    #service03,
    #service04,
    #service05 {
        color : #000;
    }
}