/* 
    Created on : Nov 14, 2014, 6:51:06 PM
    Author     : Heidi Spackman
*/
  /* @media only screen and (max-device-width:320px){
    nav, footer li {
        screen-width: 100%;
        font-size: 120%;
        display: inline;
    }
   } */
* {
    -moz-box-sizing: Border-box;
    box-sizing: border-box;
}
html, body{
    height: 100%;
} 

    nav, #header, footer, aside, #page, main {
        display:block;
    }
    body{
    background: #02226E; /*/dk blue*/
    font-family: andalus, verdana, 'ms arial', sans-serif;
    color: #F3CA00;   /*yellow*/
    font-size: 1em;
    max-width:100%;
    min-width:80%;
    padding: 1em;
    border:1px #000;
}
    a:link {
        color:#F3CA00;
        text-decoration: underline;
    }
    main a:link {
            color: #02226E;
            text-decoration: underline;
        }
    a:visited {
        
        color: #F3CA00;
    }
    a:hover {
        color: #F3CA00;
    }
    a:active {
        font-style: italic;
        color:yellow;
    }
    img.medium {
        width: 13.5em;
        height: 9.375em;
    }
.button {
    padding: .5em;
    background-color: #0837A3; //lighter blue
    border: .3em solid #042C88;  //blue border
    border-radius: .5em;
        -moz-border-radius: .5em;
        -webkit-border-radius: .5em;
    color: #F3CA00; //yellow text
    text-decoration: none;
}

em {
    font-size: large;
    font-style: normal;
}
strong {
    font-size: large;
    font-style: italic;
    font-weight: normal;
}
#page {
    width: 60em;
    border-radius: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    background-image: url("/images/brushedmetal3.jpg");
    
    font-family: andalus, verdana, 'ms arial', sans-serif;
    color: #F3CA00;   //yellow
    text-align:center;
    margin: .5em auto .5em auto;
} 
nav, footer {
        clear: both;
        background-color: #02226e;  //dk blue
        height: auto;
        color: #F3CA00; //yellow
}
    nav ul {
        text-align:center;
        margin: 0;
        padding: .5em 1em .5em .5em;
    }   
    nav li {
        display: inline;
        margin-right: 1em;
            }
    nav li a {
        color: #F3CA00; //yellow font    
            } 

   
#header {
    width: 58em;
    height: 11em;
    margin: .5em auto .5em auto;
    padding: 1em;
    background-image: url("/images/brushedmetal2.jpg"); 
    border-radius: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    font-family:andalus, verdana, 'ms arial', sans-serif;;
    color: #F3CA00;
    
}
.catalogbutton {
    alignment-adjust: central;
    font-family: sans-serif;
    color: #042c88;
    font-weight: bold;
    text-align: center;
}
.catalogbutton ul {
    list-style-type: none;
}
.logoplace {
    float: left;
}
.headpic {
    alignment-adjust: text-before-edge;
}
.catalog {
    list-style-type: none;
    text-align: left;
    padding: .5em;
}
.catfont {
    vertical-align: middle;
    padding: .5em;
    font-size: xx-large;
}

aside {
        float: left;
        margin: 1em 1em 1em 1em;
        width: 10em;
        -moz-box-shadow: 0 0 10px #777777;
        -webkit-box-shadow: 0 0 10px #777777;
        box-shadow: 0 0 10px #777777;
        padding: .25em 1em .5em 1em;
        background-color: #7E7E7E;  //dk grey
        border-radius: 1em;
            -moz-border-radius: 1em;
            -webkit-border-radius: 1em;
            }
main {
    padding: .5em;
    margin: 1em 3em 1em 13em;
    //max-width: 30em;
    border-width: .5em;
    border-style: outset;
    border-radius: 1em;
        -moz-border-radius: 1em;
        -webkit-border-radius: 1em;
     font-family: andalus, Verdana, 'ms arial', sans-serif;
     font-weight: 600;
    color: #02226E;
    background-color: #aaa;   //light bluegrey
   
}

.indent {
    text-indent:1.429em;
}
abbr {
    border-bottom:.1em;
    border-bottom-style:dotted;
}
.statement {
    font-weight:bold; 
}
.quicklinks {
    alignment-adjust:central;
}
.links {
    text-decoration:underline;
}
#center {
    text-align:center;
}
.gases {
    font-size:1.3em;
}
footer ul {
        text-align:center;
        margin: 0;
        padding:.5em 1em .5em 1em;
         }
footer li { 
        display: inline;
        margin-right: 1em;
        color: #F3CA00; //yellow
            }   
            #update {
                text-align:center;   
            }
            #final {
                text-align:center;
                display:inline;
                font-family:andalus, Verdana, 'ms arial', sans-serif;
                font-size:1em;
            }
#productbutton {
    color:#02226E;
}

//Products Table #t02 Formatting
table.t02 {
    width: 100%;
    caption-side: top;
}
table.t02 th td {
    width: 33.333%;
    text-align: left;
    padding: 0.3em;
}
table.t02 caption td th {
    padding: 0.3em;
    font-family: 'ms arial', Verdana, sans-serif;
}
table.t02 caption {
    font-weight: bold;
}
table.t02 th {
    border-bottom: 3px solid #02226E;
   border-top: 3px solid #02226E;
   border-right: 3px solid #02226E;
   border-left: 3px solid #02226E;
   font-weight: bolder;
   font-size: 1.1em;
}
table.t02 td {
    text-align: left;
    font-weight: bold;
    padding: .5em;
    vertical-align: top;
}

//Capabilities Table #t01 Formatting
table#t01{
    width: 100%;
}
table#t01 th {
    font-family: andalus, Verdana, 'ms arial', sans-serif;
    font-weight: 600; 
}
table#t01 th td {
    width: 33.333%;
    text-align: left;
    padding: 0.3em;
}

//Contact Forms Formatting
form#contactform {
    width: 48em;
    //margin: 0;
}
fieldset.topf label {
    display: block;
    float: left;
    clear: left;
    width: 20em;//this line separated blocks
    overflow:auto;
    padding-right:.714em;
    text-align:right;
}

fieldset.bottomf label {
    display: block;
    float: left;
    clear: left;
    width: 34em;//this line separated blocks
    overflow: auto;
    padding-right: .714em;
    text-align: right;
    
}
fieldset.bottomfff {
    display: block;
    float: left;
    clear: left;
    width: 34em;//this line separated blocks
    overflow:auto;
    padding-right:.714em;
    text-align:right;    
}
#captcha {
    display: block;
    float: left;
    //clear: left;
    margin-top: .4em;
}
#paction {
    display: block;
    float: right;
    clear: left;
    padding-right: 3em;
    padding-left: 3em;
}