body {
    font-family: Calibri, Verdana, Arial;
    font-size: 12px;
    margin: 0px;
    background: url('../images/bg.jpg') no-repeat;
    background-size:100%;
    color: #434343;   
}
.main
{
    width:1024px;
    margin:0 auto;
    background-color: #004142;
}
.logo
{
    margin: 20px 0 0 20px;
}
.header
{
    position:relative;
    width:100%;
    height:110px;
    background-color: white;
}
.header .menu
{
    position:absolute;
    bottom: 0;
    right:20px;
    width:470px;
    height:30px;

}
.header .menu ul
{
    margin:0;
    padding:0;
    list-style-type: none;
}
.header .menu li
{
    margin:0;
    padding:0;
    float:left;
    width:116px;
    height: 30px;
    line-height:30px;
    text-align:center;
    color: #006b6f;

    
}
.header .menu ul li a
{
    color: #006b6f;
    font-size:14px;
    text-decoration: none;
    
}
.header .menuon
{
    color: White;
    font-weight: bold;
    background: url('../images/menu_bg.png') no-repeat;
}
.showcase
{
    position:relative;
    width:1024px;
    height:613px;
    background-color: #004142;
}
.subshowcase
{
    position:relative;
    width:1024px;
    height:520px;
}
.subshowcaseloc
{
    position:relative;
    width:1024px;
    height:613px;
    margin-top:10px;
}
.subshowcase .content,.subshowcaseloc .content
{
    position:relative;
    float:left;
    margin-left:550px;
    width:380px;
    height:500px;
    padding:0 20px 20px 20px;
    background-color: #004142;
    
}
.subshowcase .content h1
{
    font-family:Arial;
    font-weight:lighter;
    color: White;
    font-size:56px;
    margin:5px 0 20px 0;
    letter-spacing:2px;
    padding:0;
}
.subshowcaseloc .content h1
{
    font-family:Arial;
    font-weight:lighter;
    color: #91c3c6;
    font-size:56px;
    margin:55px 0 20px 0;
    letter-spacing:2px;
    padding:0;
}

.loch1
{
    position:absolute;top:40px;right:150px;
    font-family:Arial;
    font-weight:lighter;
    color: White;
    font-size:56px;
    letter-spacing:2px;
    padding:0;
}

.subshowcase .content h2
{
    font-family:Arial;
    font-weight:lighter;
    color: White;
    font-size:26px;
    margin:5px 0 20px 0;
    letter-spacing:2px;
    padding:0;
}
.subshowcase .content h3
{
    font-weight:bold;
    color: White;
}
.subshowcase .content p,.subshowcaseloc .content p
{
    color: #a7a9ac;
    font-size: 14px;
    line-height:22px;
    text-align:justify;
}
.subshowcaseloc .content b
{
    color: White;
    font-size: 14px;
    line-height:22px;
}
#chemicalson{position:absolute;top:72px;left:167px}
#cokeon{position:absolute;top:235px;left:72px}
#plasticson{position:absolute;top:235px;left:262px}

.footer
{
    position:relative;
    width:944px;
    height:300px;
    padding: 20px 40px;
    margin:0 auto;
    background: #97C3C6 url('../images/footer.png') no-repeat;
}
.footer a
{
    color:#004042;
    text-decoration: none;
}
.footer a:hover
{
    text-decoration: underline;
}
.footer b
{
    font-size:14px;
    
}
.footer .col1
{
    float:left;
    width:300px;
    
}
.footer .col2
{
    float:left;
    width:200px;
    margin-left:20px;
}
.footer .col3
{
    float:left;
    width:200px;
    margin-left:20px;
}
.footer .col4
{
    float:left;
    width:150px;
    margin-left:20px;
}
.bgGreen{background-color:#004142}
.leftpad30{padding-left:30px}
.aboutsubcontainer{background-color:#004142;padding-left:30px;line-height:24px;}
.aboutsubcontainer a {color: #006b6f;text-decoration: none;font-size:14px}
.aboutsubcontainer a:hover{color: White;font-weight:bold;}
.boldon{color:White !important;font-weight:bold}
.hidden{visibility:hidden}
#bhflink{position: absolute;right: 5px;bottom: 5px;}


#cycler{position:relative;}
#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:3}