html
{
    margin: 0;
    padding: 0;
    height: 100%;
    min-height: 100%;   
}

body 
{
    background: #2588B7 url(../images/bk.jpg) top center repeat-y; 
    margin: 0;
    padding: 0;
    height: 100%;
    min-height: 100%; 
    font-family: Verdana, Arial, sans-serif;
    font-size: 80%;
    line-height: 160%;
    color: #003C79;
    min-width: 1024px;
}

#header
{
    background: url(../images/bk_header.jpg) top center repeat-x;   
         
}

#container
{
    margin: 0 auto;
    display: block;
    width: 960px;
    padding-bottom: 50px;             
}

#content
{
    margin: 0 10px 0 340px;
    display: block;
}

#LHS
{
    display: block;
    clear: both; 
    float: left;         
    position: relative;
    top: -111px;
    left: 0;    
    width: 320px;
    padding: 0; 
    margin: 0;   
}

#nav
{
    margin-left: 25px;
}

#outer
{
    display: block;
    min-height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

#prefooter
{
    padding: 0;
    height: 40px;    
    position: absolute;
    left: -15px;
    bottom: 50px;
    width: 100%;
    z-index: 999;     
    display: block;
    clear: both;
    text-align: center;       
}

#footer
{
    background: url(../images/bk_footer.jpg) top left repeat-x;
    margin: 0;
    padding: 0;
    height: 50px;    
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 999;     
    width: 100%;
    display: block;
    text-align: center;
}

#footertext
{
    width: 960px;
    margin: auto;
    padding: 0;  
    background: url(../images/footer2.gif) top left repeat-y;    
    height: 50px;
    position: relative; 
}

#footer p
{
    color: #2589B7;
    font-size: 80%;
    line-height: normal;
    text-align: center;
    padding: 0;
    display: block;
    width: 310px;
    position: relative;
    margin-top: 0;
    margin-left: 0;    
    padding: 0 0 5px 0;     
}

a {
    color: #0000ff;
}

a.homebtn, a.boardgradesbtn, a.aboutusbtn, a.sizingbtn, a.productsbtn, a.displaysbtn, a.printingbtn, a.serviceareabtn, a.cartonstylesbtn, a.contactusbtn
{
    width: 135px;
    height: 24px;
    background: url(../images/n_home.gif) 0 0 no-repeat;
    text-decoration: none;
    float: left;
}

a.boardgradesbtn
{
    background: url(../images/n_boardgrades.gif) 0 0 no-repeat;   
}

a.aboutusbtn
{
    background: url(../images/n_aboutus.gif) 0 0 no-repeat;
}

a.sizingbtn
{
    background: url(../images/n_sizing.gif) 0 0 no-repeat;  
}

a.productsbtn
{
    background: url(../images/n_products.gif) 0 0 no-repeat;
}

a.displaysbtn
{
    background: url(../images/n_displays.gif) 0 0 no-repeat;
}

a.printingbtn
{
    background: url(../images/n_printing.gif) 0 0 no-repeat;
}

a.serviceareabtn
{
    background: url(../images/n_servicearea.gif) 0 0 no-repeat;
}

a.cartonstylesbtn
{
    background: url(../images/n_cartonstyles.gif) 0 0 no-repeat;
}

a.contactusbtn
{
    background: url(../images/n_contactus.gif) 0 0 no-repeat;
}

a:hover.homebtn, a:hover.boardgradesbtn, a:hover.aboutusbtn, a:hover.sizingbtn, a:hover.productsbtn, a:hover.displaysbtn, a:hover.printingbtn, a:hover.serviceareabtn, a:hover.cartonstylesbtn, a:hover.contactusbtn
{
    background-position: 0 -24px;
}

p
{
    margin: 0 10px .8em 0;
    padding: 0;
}

img
{
    border: 0;
}

div.center
{
    text-align: center;
    margin: auto;
}

/* Type and styling */

a
{
    color: #2589B7;
    outline: none;     
}

a:hover
{
    background-color: #E6F7FF;
}

p
{
    margin: 0 10px .8em 0;
    padding: 0;
}

h1, h2, h3
{
    color: #186FAE;
    font-size: 115%;
    font-weight: bolder;
    margin: 0 10px .6em 0;
    padding: 0;
}

h2, h3
{
    margin-top: 2em;
    color: #F49314;
    font-size: 100%;
}

h4
{
    margin: 0;
    padding: 0;
}

img
{
    border: 0;
}

img.divider
{
    margin: 20px 0 40px 0;
}

span.emphasis
{
    font-weight: bolder;
    color: #5FA8CA;
}

span.center
{
    text-align: center;
}

img.right
{
    float: right;
    margin-left: 10px;
}

img.left
{
    float: left;
    margin-right: 10px;
}

/* Forms */

form
{
    width: 540px; 
    border-top: 5px solid #2589B7;
    margin: 0;
    padding: 20px;
    background: #fff url(../images/bk_form.jpg) top left repeat-x;
}

legend.contact
{
    font-size: 80%;
    padding: 10px;
}

fieldset
{
    border: 0;
  
}


input.contactf, textarea.contactf, option.contactf
{
    font-size: 125%;
    color: #1a1a1a;
    border: 1px solid #2589B7;
    width: 250px;
    padding: 3px;
}

textarea.contactf
{
    width: 380px;
}

label.contact
{
    font-weight: bold;
        display: block;
    float: left;
    text-align: right;
    width: 120px;
    margin: 1px 10px 10px 0;
}

input.contact, textarea.contact
{
    margin: auto;
    margin-top: 6px;
}

br.form
{
    clear: left;
}

span.compulsory
{
    color: #F49314; 
}

form p
{
    font-size: 90%;
}

div.break
{
    display: block;
    width: 100%;
    clear: both;
    height: 0;
}

table.cartons
{
    width: 90%;
    vertical-align: top;
    text-align: center;
}

p.center
{
    text-align: center;
}

span.light
{
    color: #2589B7;
    font-size: 90%;
}