/*<![CDATA[*/
 
/* start real page styling */

* {
    margin:0;
    padding:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

body {
    padding:20px 0 20px 2px;
    background:#92938E;
    line-height:1.5;
    font-family:"Times New Roman", Times, serif;
    font-size:100%;
}

/* building blocks */

#outer {
    margin:auto;
    width:1240px;
    /*overflow:hidden;*/
}

#inner {
    width:1042px;
    margin:0 auto;
    padding:0px;
}

header {
   height:94px; /* logo size */
}
 
footer {
    height:79px;
}

/* borders */

.border-a {
    border:5px solid #D5D5D3;
    /*outline: 1px solid #666664;*/
    box-shadow:inset 0 0 2px black, 0 0 2px black;
}

/* header h1 */

.page-title {
    margin:0 0 -5px;
    padding:5px 0;
    text-indent:-9999px;
    line-height:65px;
    background-image:url(/discover/technical/olympic-class-engines/images/oce_header.png);
    background-repeat:no-repeat;
    background-position:center;
}

/* logos */

.logos {
    position:relative;
    text-align:center;   
}

.logos:before,
.logos:after {
    position:absolute;
    content:" ";
    width:106px;
    height:106px;
    background-image:url(/discover/technical/olympic-class-engines/images/hw_logo.png);
}

nav {
    width:auto;
    display:inline-block; /* no width needed as inline-block is shrink to fit*/
}

/* top left  */

header.logos:before {
    top:-6px;
    left:-6px;
}

/* top right  */

header.logos:after {
    top:-6px;
    right:-6px;
}

.content {
    overflow:hidden;	
}
 
#theWindow {
    position:relative;
    overflow:hidden;
    border:2px solid #000;
    background-color:#92938E;
    font-weight:bold;
    width:350px;
    height:215px;
    float:left;
    clear:left;
    top:2px;
    left:2px;
}

#theWindow p { 
    margin:10px;
    font-size:15px;
    font-weight:bold;
    line-height:1.25; 
}

#theWindow p.click {
    position:relative;
    color:#333333;
    margin:auto;
    top:40px;
    text-align:center;
    font-size:10px;
}

p.b-plate {
    color:#333333;
    width:188px;
    height:106px;
    border:none;
    position:relative;
    top:20px;
    text-align:center;
    margin:34px auto !important;
    font-weight:normal;
}
 
.engine_top {
    position:relative;
    text-indent:-9999px;
    line-height:100px;
    background:url(/discover/technical/olympic-class-engines/images/wslmf%20steam%20flow%20image.gif) no-repeat 0 0;
    float:right;
    clear:right;
    right:-7px;
    height:219px;
    width:677px;
    margin:5px auto 0;	
}

.engine_animation {
    position:relative;
    text-indent:-9999px;
    line-height:100px;
    background:url(/discover/technical/olympic-class-engines/images/wslmf%20engine%20cutaway%20animation.gif) no-repeat 0 0;
    float:right;
    clear:right;
    right:-7px;
    height:477px;
    width:677px;
    margin:0 auto;	
}
 
#port-engine {
    position:relative;
    font-family:"Times New Roman", Times, serif;
    text-align:center;
    font-weight:bold;
    font-size:16px;
    color:#333333;
    margin:auto;
    width:134px;
    height:21px;
    top:105px;
    z-index:4;
    text-indent:0;
    line-height:1.1;
}
 
#cutaway {
    position:absolute;
    bottom:9px;
    left:50%;
    width:135px;
    height:21px;
    margin-left:-67px;
    font-weight:bold;
    color:#333;
    text-align:center;
    text-indent:0;
    line-height:1.1;
}
 
/* bottom left */

footer.logos:before {
    bottom:-6px;
    left:-6px;
}
 
/* bottom right */

footer.logos:after {
    bottom:-6px;
    right:-6px;
}
 
table {
    position:relative;
    width:346px;
    float:left;
    clear:left;
    left:7px;
    top:18px;
    border-top:1px solid #CDCDCD;
    border-right:1px solid #505050;
    border-bottom:1px solid #505050;
    border-left:1px solid #CDCDCD;
}
 
th,td {
    padding:0 5px;
    border-top:1px solid #505050;
    border-right:1px solid #CDCDCD;
    border-bottom:1px solid #CDCDCD;
    border-left:1px solid #505050;
}

p.copy {
    width:174px;
    margin:auto;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
}
 
/*]]>*/