/* CSS Document - Jet Steam Espresso, Inc. - Jet-Steam.com */

html {
    height: 100%:
    min-height: 100%;
    font: 11pt "Arial" sans-serif;
    color: #666666;
}

img {
    border-color: #000000;
}

body {
    font:  10pt "arial", sans-serif;
    background: #666666;
    color: #FFF;
}

div.viewport {
    width: 725px;
    height: auto;
    margin-top: 0px;
    background: #666666;
    position: absolute;
    left: 50%; 
    margin-left: -363px;
    right: 50%;
    margin-right: -363px;
    top: 0;
}

div.h1 {
    width: 725px;
    height: 95px;
    float: left;
    margin-top: none;
}


div.h1-1 {
    width: 361px;
    height: 95px;
    float: left;
    background: url(images/h1-1.jpg) no-repeat;
}

div.h1-2 {
    width: 364px;
    height: 39px;
    float: left;
    margin-top: none;
}

/* MENU ONE BUTTONS */
/* 1 */
div.m1-1 a {
    width: 80px;
    height: 39px;
    float: left;
    background: url(images/m1-1.jpg) no-repeat;
}

div.m1-1 a:hover {
    background: url(images/m1-2.jpg) no-repeat;
}

/*2 */
div.m2-1 a {
    width: 82px;
    height: 39px;
    float: left;
    background: url(images/m2-1.jpg) no-repeat;
}

div.m2-1 a:hover {
    background: url(images/m2-2.jpg) no-repeat;
}

/* 3 */
div.m3-1 a {
    width: 55px;
    height: 39px;
    float: left;
    background: url(images/m3-1.jpg) no-repeat;
}

div.m3-1 a:hover {
    background: url(images/m3-2.jpg) no-repeat;
}

/* 4 */
div.m4-1 a {
    width: 74px;
    height: 39px;
    float: left;
    background: url(images/m4-1.jpg) no-repeat;
}

div.m4-1 a:hover {
    background: url(images/m4-2.jpg) no-repeat;
}

/* 5 */
div.m5-1 a {
    width: 73px;
    height: 39px;
    float: left;
    background: url(images/m5-1.jpg) no-repeat;
}

div.m5-1 a:hover {
    background: url(images/m5-2.jpg) no-repeat;
}

/* ONWARD */

div.h1-3 {
    width: 364px;
    height: 56px;
    float: left;
    margin-top: none;
    background: url(images/h1-3.jpg) no-repeat;
}

* html div.h1-3 {
    clear: none;
    margin-left: none;
    position: absolute;
}



div.h1-3-2 {
    width: 364px;
    height: 56px;
    float: left;
    margin-top: none;
    background: url(images/h1-3-2.jpg) no-repeat;
}

* html div.h1-3-2 {
    clear: none;
    margin-left: none;
    position: absolute;
}
    
    
div.h2 {
    width: 725px;
    height: 380px;
    float: left;
    margin-top: none;
}


div.h2-1 {
    width: 35px;
    height: 380px;
    float: left;
    margin-top: none;
    background: url(images/h2-1.jpg) no-repeat;
}

div.h2-2 {
    width: 668px;
    height: 380px;
    float: left;
    margin-top: none;
    background: url(images/h2-2.jpg) no-repeat;
   *html overflow: none;
}


div.h2-2-2 {
    width: 668px;
    height: 1140px;
    float: left;
    margin-top: none;
    background: url(images/h2-2.jpg) repeat-x;
}

div.h2-3 {
    width: 22px;
    height: 380px;
    float: left;
    margin-top: none;
    background: url(images/h2-3.jpg) no-repeat;
}

* html div.h2-3 {
    margin-left: none;
    clear: none;
    position: absolute;
}
    
    
div.h3-1 {
    width: 725px;
    height: 136px;
    float: left;
    margin-top: none;
    background: url(images/h3-1.jpg) no-repeat;
}

* html div.h3-1 {
    clear: none;
    margin-bottom: none;
}
    
    
div.h4-1 {
    width: 725px;
    height: 75px;
    float: left;
    margin-top: none;
    background: url(images/h4-1.jpg) no-repeat;
}

* html div.h4-1 {
    clear: none;
    margin-top: -40px;
    margin-bottom: none;
}
    
div.h5-1 {
    width: 725px;
    height: 80px;
    float: left;
    margin-top: none;
    background: url(images/h5-1.jpg) no-repeat;
}

* html div.h5-1 {
    clear: none;
    margin-left: none;
    margin-top: -20px;
}

div.h6-1 {
    width: 725px;
    height: 42px;
    float: left;
    margin-top: none;
    background: url(images/h6-1.jpg) no-repeat;
}

* html div.h6-1 {
    clear: none;
    margin-left: none;
    margin-top: -25px;
}


div.submenu1 {
    width: 85px;
    height: 136px;
    float: left;
    margin-top: none;
}

div.submenu2 {
    width:  135px;
    height:  136px;
    float: left;
    margin-top: none;
    font: 10pt "Arial" sans-serif;
    color: #666666;
    padding-top: 29px;
    line-height: 19px;
}

span.submenu {
    font: 10pt "Arial" sans-serif;
    color: #CC3333;
    line-height: 19px;
    text-decoration: none;
}

span.submenu a {
    font: 10pt "Arial" sans-serif;
    color: #666666;
    line-height: 19px;
    text-decoration: none;
}

span.submenu a:hover {
    color: #CC3333;
}

div.submenu3 {
    width:  215px;
    height:  136px;
    float: left;
    margin-top: none;
    font: 10pt "Arial" sans-serif;
    color: #666666;
    padding-top: 24px;
    padding-left: 13px;
    line-height: 24px;
}

div.submenu4 {
    width:  200px;
    height:  136px;
    float: left;
    margin-top: none;
    font: 10pt "Arial" sans-serif;
    color: #666666;
    padding-top: 15px;
    padding-left: 0px;
    line-height: 15px;
}

span.indent75 {
    padding-left: 75px;
}

span.indent10 {
    padding-left: 10px;
}

span.indent20 {
    padding-left: 20px;
}
    
span.indent40 {
    padding-left: 40px;
}    

span.indent50 {
    padding-left: 50px;
}

span.indent60 {
    padding-left: 60px;
}

div.noflash {
    padding-left: 30px;
    padding-top: 30px;
    padding-right: 20px;
}


table.table1 {
    width: 575px;
    height: auto;
    border: none;
}

tr.table1 {
    width: 550px;
    text-align: left;
    height: 25px;
}


div.specs {
    width:630px;
    height:300px;
    overflow:auto;
}

div.news {
    width:618px;
    height:300px;
    overflow:auto;
}

div.myth {
    width:630px;
    height:300px;
    overflow:auto;
}

span.mythpad {
    padding-right: 10px;
}

div.specs1 {
    width: 285px;
    height: 300px;
    padding-left: 10px;
    padding-right: 5px;
    overflow: auto;
    float: left;
    line-height: 18px;
   *html width: 280px;
}

div.specs2 {
    width: 285px;
    height: 300px;
    padding-left: 20px;
    padding-right: 5px;
    overflow: auto;
    float: left;
    line-height: 18px;
    *html width: 280px;
}

span.specheader {
    font: 11pt "Arial" sans-serif;
    color: #000000;
}
    
span.specspacer {
    font: 11pt "Arial" sans-serif;
    color: #CC3333;
    font-weight: 500;
}

span.readmore a {
    font: 10pt "Arial" sans-serif;
    color: #CC3333;
    text-decoration: none;
}

span.readmore a:hover {
    text-decoration: underline;
}

div.video1 {
    width: 425px;
    height: 350px;
    float: left;
    padding-top: 15px;
    padding-left: 15px;
}

div.video2 {
    width: 200px;
    height: 300px;
    float: left;
    padding-left: 25px;
    padding-top: 20px;
}

span.vidmenu {
    font: 12pt "Arial" sans-serif;
    color: #666666;
    line-height: 25px;
}

span.vidmenu a {
    font: 12pt "Arial" sans-serif;
    color: #333333;
    line-height: 25px;
    text-decoration: none;
}

span.vidmenu a:hover {
    color: #CC3333;
}
    
.datafld {
    color: black;
}