/**
* interior.css
* Copyright 2009, Brainstorm
* Hiroki
*/


/*
* Background image
*/
#bodyinnercontainer {
    background-image : url(../images/biz_interior_bg.png);
    
}

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

#bodyinnercontainerinner {
    position : relative;
}

@media print {
    #bodyinnercontainer {
        background : transparent;
    }
}

/*
* Ribon
*/

#ribboncontainer h1 {
    margin : 0;
    font-size : 24pt;
    padding-top : 19px;
    color : #fff;
}

#ribbon {
    padding-left : 67px;
}

@media print {
    #ribbon {
        padding-left : 0;
    }
    
    #ribboncontainer h1 {
        color : #000;
    }
}

/*
* Blue content box
*/
#contentbodycontainer {
    margin-top : -22px;
}

#contentbodybody {
    padding : 1px 16px 1px 8px;
}

#contentbodybody h1 {
    font-size : 20pt;
}

#contentbodybody {
    min-height : 358px;
}

* html #contentbodybody {
    height : 358px;
}

@media print {
    #contentbodycontainer {
        margin-top : 0;
    }
    
    #contentbodybody {
        padding : 0;
    }
    
    #contentbodybody {
        min-height : 0;
    }
    
    * html #contentbodybody {
        height : auto;
    }
}

/*
* Core white box (borrowed)
*/
#corewhiteboxouttercontainer {
    margin : 0 0 0 -6px;
    width : 326px;
}

* html #corewhiteboxouttercontainer {
	border : 1px solid #bfbfbf;
	border-bottom : 0;
}

#corewiteboxtoprightcap {
    padding : 0 9px 0 0;
    height : 9px;
    background : transparent url(../images/core_white_content_top_right.png) top right no-repeat;
}

#corewiteboxtopleftcap{
    padding : 0 0 0 6px;
    height : 9px;
    background : transparent url(../images/core_white_content_top_left.png) top left no-repeat;
}

#corewhiteboxtopshadow {
    padding : 6px 0 0 0;
    border-bottom : 3px solid #fff;
    background : transparent url(../images/core_top_shadow.png) top left repeat-x;
}

#corewhiteboxleftshadow {
    padding : 0 0 0 6px;
    background : transparent url(../images/core_left_shadow.png) top left repeat-y;
}

#corewhiteboxrightshadow {
    padding : 0 9px 0 0;
    background : transparent url(../images/core_right_shadow.png) top right repeat-y;
}

/* takeoff drop shaddow for IE 6 */
* html #corewiteboxtoprightcap,
* html #corewiteboxtopleftcap,
* html #corewhiteboxtopshadow,
* html #corewhiteboxleftshadow,
* html #corewhiteboxrightshadow {
	background : transparent;
	background-image : none;
	padding : 0;
	height : auto;
	border : 0;
}
* html #corewhiteboxouttercontainer {
	width : 306px; /* doesn't need the extra width for shaddows */
}

#corewhiteboxbody {
    padding : 6px 14px 1px 14px;
    background : #fff;
    min-height : 342px;
}

* html #corewhiteboxbody {
    height : 350px;
}

#corewhiteboxbody h2 {
    margin-top : 0px;
    font-size : 10pt;
}

#ieroot #corewhiteboxbody h2 {
    margin-bottom : 9px;
}

@media print {
    #corewiteboxtoprightcap,
    #corewiteboxtopleftcap,
    #corewhiteboxtopshadow,
    #corewhiteboxleftshadow,
    #corewhiteboxrightshadow {
        padding : 0;
        background : transparent;
        border : 0;
    }
    
    #corewhiteboxouttercontainer {
        margin : 0;
    }
    
    * html #corewhiteboxouttercontainer {
        border : 0;
    }
    
    #corewhiteboxbody {
        padding : 0;
        min-height : 0;
    }
    
    * html #corewhiteboxbody {
        height : auto;
    }
}

/*
* Content (still in white box)
*/
#interiorcontentbody {
    padding : 0 0 1px 0;  /* traps margins */
    width : 610px;
}

#interiorcontentbody {
    margin-top : 0;
}

#interiorcontentleft {
    padding : 11px 0 0 0;
    float : left;
    width : 274px;
}

#ieroot #interiorcontentleft {
    padding-top : 0;
}

#interiorcontentright {
    margin : -11px 0 0 316px;
    width : 275px;
}

* html #interiorcontentright {
    margin-top : 0;
}

* html #corewhiteboxouttercontainer {
    overflow : hidden; /* combined with position:relative in the parent div, makes the div SHOW in IE6 */
}

* html #interiorcontentbody {
    position : relative; /* combined with overflow:hidden in the parent div, makes the div SHOW in IE6 */
}

@media print {
    #interiorcontentbody {
        padding-bottom : 0;
    }
    
    #interiorcontentleft,
    #ieroot #interiorcontentleft {
        padding-top : 0;
    }

    #interiorcontentright {
        margin-top : 0;
        margin-left : 280px;
    }
}


/*
* Content footer buttons
*/
#contentbodybody {
}

#contentfooterbuttonscontainer {
    position : absolute;
    bottom : 3px;
    right : 112px;
    width : 205px;
}

#contentfooterbuttonscontainer.hastestimonialpic {
    right : -18px;
}

#contentfooterbuttonscontainer a {
    display : block;
    margin : 0;
    height : 42px;
}

#contentfooterbuttonscontainer a span {
    display : none;
}

#contentfooterbuttonscontainer #dfbuttonwatchvideos {
    margin-bottom : 3px;
    background : transparent url(../images/content_footer_button_watch_videos.png) top left no-repeat;
}

#contentfooterbuttonscontainer #dfbuttoncontactus {
    background : transparent url(../images/content_footer_button_contact.png) top left no-repeat;
}

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

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

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