/* 
Document   : MKS_1
Created on : Aug 27, 2008, 10:56:52 AM
Author     : sgk
Description:
Purpose of the stylesheet follows.
Style sheet configured from FH layer/slices of basic MKS site.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

*{
    margin: 0;

}

#wrap {
    height: 100%;
    background-color: #d5dff4;
    position: relative;


}
#root {
    z-index: 1;
    /*display: block;*/
    width:1010px;
    position:relative;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    visibility: visible;
    background-color: #d5dff4;
    /* Failed: sets min-height for IE */
    height: expression( this.scrollHeight < 651 ? "650px" : "auto" );
    min-height: 650px;
     /* underscore hack for IE6, doesn t seem to work with IE5 (Mac) */
    /*_min-height: 650px;*/
    margin: 10px auto 0px;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-width: 2px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-color: black;
    border-bottom-color: black;
    border-left-color: black;
    border-right-color: black;
}
/*.untitled1 {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-top:0px; padding-bottom:0px; text-indent:0px; text-align:center; word-spacing:0.00em; letter-spacing:0.00em; }
.untitled2 {font-family:Times, Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; font-size:48px; }
.untitled3 {font-family:Times, Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; font-size:24px; }
.untitled4 {font-family:Times, Arial, Helvetica, sans-serif; font-style:italic; font-weight:normal; font-size:24px; }
.untitled5 {font-family:Times, Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; font-size:14px; }
.untitled6 {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-top:0px; padding-bottom:0px; text-indent:0px; text-align:left; word-spacing:0.00em; letter-spacing:0.00em; }
*/

#Layer1 { position: absolute;
    z-index: 1;
    /* z-order:1;*/
    height:265px;
    width:1012px;
    top:11px;
    left:4px;
    background-color: #d5dff4;
}
#LayerPersona{ position: absolute;
    z-index: 3;
    /* z-order:1;*/
    height:265px;
    width:200px;
    top:0px;
    left:10px;}
#Layer2{
    position: absolute;
    z-index:2;
    /* z-order:2;*/
    height:250px;
    width:1010px;
    top:0px;
    left:0px;}
#Layer3{
    position:absolute ;
    z-index:3; /*z-order:3;*/
    height:145px;
    width:368px;
    top:26px;
    left:316px;
}
#Layer4{/*aka side nav bar- bkgd*/
    position:absolute;
    z-index:2;/* z-order:4;*/
    height:488px;
    width:140px;
    top:250px;
    left:0px;
}
#Layer5{ /*aka "Navigation container""/SubBanner1.png*/
    position:absolute;
    z-index:7;/* z-order:5;*/
    height:300px;
    width:223px;
    top:260px;
    left:-8px;
    /* underscore hack for IE6, doesn t seem to work with IE5 (Mac) */
    _left: 40px;
    font-size: 14px;
}
#Layer6{ /*aka "honest experience""/SubBanner1.png*/
    position:absolute;
    z-index:6;/* z-order:6; */
    height:84px;
    width:523px;
    top:180px;
    left:335px;
}
#Layer7{
    position:absolute;
    z-index:7; /*z-order:7; */
    height:255px;
    width:237px;
    top:340px;
    left:0px;
    font-size: 14px;

}
#Layer8{
    position:absolute;
    z-index:8; /*z-order:8;*/
    height:28px;
    width:145px;
    top:549px;
    left:44px;
}
#Layer9{
    position:absolute;
    z-index:9;/* z-order:9;*/
    height:52px;
    width:387px;
    top:196px;
    left:315px;
}

/* layer 10 at this opint pushes the right side bar over to correct position*/
#Layer10{
    position:absolute;
    z-index:10;
    height:0px;
    width:463px;
    top:463px;
    left:268px;
}
#Layer11{
    z-index:11;
    height:255px;
    width:233px;
    top:10px;
    left:774px;
    position:absolute;}
#Layer12{
    z-index:12;
    height:225px;
    width:202px;
    top:27px;
    left:785px;
    position:absolute;}
#Layer13{
    z-index:13;
    height:247px;
    width:225px;
    top:21px;
    left:12px;
    position:absolute;}
#Layer14{
    z-index:14;
    height:488px;
    width:233px;
    top:280px;
    left:773px;
    position:absolute;}
#Layer15{
    z-index:14;
    height:244px;
    width:116px;
    top:275px;
    left:774px;
    position:absolute;}
#Layer16{
    z-index:14;
    height:170px;
    width:200px;
    top:375px;
    left:780px;
    position:absolute;}
#Layer17{
    z-index:14;
    height:53px;
    width:226px; top:531px; left:775px;
    position:absolute;}
#Layer18{
    z-index:14;
    height:38px;
    width:219px; top:434px; left:778px;
    position:absolute;}
#Layer19{
    z-index:14;
    height:43px;
    width:221px; top:479px; left:777px;
    position:absolute;}
#Layer20{
    z-index:14;
    height:173px;
    width:522px; top:282px; left:244px;
    position:absolute;}
#Layer21{
    z-index:14;
    height:153px;
    width:503px; top:291px; left:253px;
    position:absolute;}
#Layer22{
    clear: both;
    z-index:1;
    
     /* underscore hack for IE6, doesn t seem to work with IE5 (Mac) */
    _margin-top: -210px;
    margin-top: -210px;
    margin-bottom: 300px;
    _margin-bottom: 300px;
    height: auto;
    /* Failed: sets min-height for IE*/
    height: expression( this.scrollHeight < 651 ? "650px" : "auto" );
    /* underscore hack for IE6, doesn t seem to work with IE5 (Mac) */
    
    min-height: 650px;
    /*_min-height: 650px;*/
    width:476px; top:303px; left:273px;
    position:relative;
}
#push_MKS {
    height: 30em;
    /* position: relative;*/
    /*bottom: 100px ;*/
    z-index: 1;
    position:relative;
}
#footer_MKS {
    clear: both;
    height: 15px;
    width: 1010px;
    z-index: 1;
    visibility: visible;

    background-color: #dbe0e9;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;

    margin-top: 250px;
    /* underscore hack for IE6, doesn t seem to work with IE5 (Mac) */
    _margin-top: 250px;
    position: relative;
    bottom: 0px;
}