﻿body 
{
    background-color: #373737;
    font-family: Arial;
    font-size: 12px;
    margin: 0;
    width: 100%;
    text-align: center;
}
#websitey 
{
    background-color: #373737;
    margin: 0px auto 0px auto; 
    width: 990px;
    text-align: center;
    }
#header 
{
    text-align: center;
   width: 960px;
   margin: 0px auto 0px auto; 
   /*background:url(../images/header.jpg) no-repeat;
   background-color: #373737;*/
   height: 93px;
}

#navigation 
{
   margin: 0px auto 0px auto; 
   width: 960px;
   height: 35px;
   background:url(../images/navbg.jpg) repeat-x;
   background-color: #373737;
   text-align: left;
}
#navigation img {border: 0;}

.homenav    {position:relative;float: left;margin: 0;padding: 0;background: url(../images/home_over.jpg) no-repeat;width: 160px;height: 35px;overflow:hidden;/* for ie to hide extra height*/}
.homenav a  {display: block;color: #000000;font-size: 11px;width: 160px;height: 35px;display: block;float: left;color: black;text-decoration: none;overflow:hidden;/* for ie to hide extra height*/}
.homenav a:hover {color: #ffffff;}
.homenav img {width: 160px; height: 35px; border: 0; }
.homenav a:hover img{visibility:hidden}
.homenav span {position: absolute;left: 30px;top: 15px;text-align: center;width: 150px;cursor: pointer; display: none;}

.productsnav    {position:relative;float: left;margin: 0;padding: 0;background: url(../images/products_over.jpg) no-repeat;width: 160px;height: 35px;overflow:hidden;/* for ie to hide extra height*/}
.productsnav a  {display: block;color: #000000;font-size: 11px;width: 160px;height: 35px;display: block;float: left;color: black;text-decoration: none;overflow:hidden;/* for ie to hide extra height*/}
.productsnav a:hover {color: #ffffff;}
.productsnav img {width: 160px; height: 35px; border: 0; }
.productsnav a:hover img{visibility:hidden}
.productsnav span {position: absolute;left: 30px;top: 15px;text-align: center;width: 150px;cursor: pointer; display: none;}

.newsnav    {position:relative;float: left;margin: 0;padding: 0;background: url(../images/news_over.jpg) no-repeat;width: 160px;height: 35px;overflow:hidden;/* for ie to hide extra height*/}
.newsnav a  {display: block;color: #000000;font-size: 11px;width: 160px;height: 35px;display: block;float: left;color: black;text-decoration: none;overflow:hidden;/* for ie to hide extra height*/}
.newsnav a:hover {color: #ffffff;}
.newsnav img {width: 160px; height: 35px; border: 0; }
.newsnav a:hover img{visibility:hidden}
.newsnav span {position: absolute;left: 30px;top: 15px;text-align: center;width: 150px;cursor: pointer; display: none;}

.contactnav    {position:relative;float: left;margin: 0;padding: 0;background: url(../images/contact_over.jpg) no-repeat;width: 160px;height: 35px;overflow:hidden;/* for ie to hide extra height*/}
.contactnav a  {display: block;color: #000000;font-size: 11px;width: 160px;height: 35px;display: block;float: left;color: black;text-decoration: none;overflow:hidden;/* for ie to hide extra height*/}
.contactnav a:hover {color: #ffffff;}
.contactnav img {width: 160px; height: 35px; border: 0; }
.contactnav a:hover img{visibility:hidden}
.contactnav span {position: absolute;left: 30px;top: 15px;text-align: center;width: 150px;cursor: pointer; display: none;}


#divvy {height: 10px;}
#h30 {height: 30px;}

#main 
{
    margin: 0px auto 0px auto; 
    width: 960px; 
    background-color: #fff; 
    height: 430px;
    text-align: left;
    }
#lmain 
    {
        background:url(../images/cloud9bg.jpg) no-repeat;
        background-color: #373737;
        float: left; 
        width: 560px;
        height: 430px;
        }
#rmain 
{
    float: right;
    width: 400px;
    background:url(../images/fr.jpg) repeat-x;
}

#hero 
{
    margin: 0px auto 0px auto; 
    width: 960px; 
    height: 100px;
    text-align: left;
    }
#herol 
    {
        float: left; 
        width: 386px;
        height: 107px;
        }
#heror 
{
    float: right;
    width: 574px;
}
#footer 
{
   margin: 0px auto 0px auto; 
   width: 960px;
   height: 49px;
   background:url(../images/footerbg.png) repeat-x;
   color: #fff;
}
#bobds 
{
    margin: 0px auto 0px auto; 
   width: 986px;
   height: 13px;
   background:url(../images/fb1.jpg) no-repeat;
   color: #fff;
}
#sitemap a {color: #fff; text-decoration: none;}
#sitemap a:hover {color: #fff; text-decoration: none;}
#sitemap a:visited {color: #fff; text-decoration: none;}

#footer a {color: #fff; text-decoration: none;}
#footer a:hover {color: #fff; text-decoration: none;}
#footer a:visited {color: #fff; text-decoration: none;}
#footerl 
    {
        float: left; 
        width: 470px;
        height: 49px;
        text-align: left;
        line-height: 49px;
        padding: 0px 0px 0px 10px;
        margin: -10px 0px 0px 0px;
        }
#footerr 
{
    float: right;
    width: 470px;
    text-align: right;
    line-height: 49px;
    padding: 0px 10px 0px 0px;
    margin: -10px 0px 0px 0px;
}

/* news */
#newsmain 
{
    margin: 0px auto 0px auto; 
    width: 960px; 
    height: 850px;
    text-align: left;
    color: #fff;
    }
#newsmain a {color: #ccccff; text-decoration: none;}
#newsmain a:hover {color: #ccccff; text-decoration: none;}
#newsmain a:visited {color: #ccccff; text-decoration: none;}
#newsmainl 
    {
        float: left; 
        width: 310px;
        height: 430px;
        }
#newsmainr 
{
    float: right;
    width: 650px;

}
#newsmainlinner1
{
        float: left; 
        width: 310px;
        height: 150px;
        background:url(../images/n1bg.jpg) no-repeat;
}
#newsmainlinner2
{
        float: left; 
        width: 310px;
        height: 310px;
        background:url(../images/n2bg.jpg) no-repeat;
        margin: 10px 0px 0px 0px;
}
#newsmainr1
{
	float: left;
	width: 650px;
	height: 850px;
	background:url(../images/newsbg.jpg) no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 18px;
}
#newsmainr2
{
        float: left; 
        width: 650px;
        height: 410px;
        background:url(../images/newsbg.jpg) no-repeat;
        margin: 10px 0px 0px 18px;
}

/* terms */
#termsmain 
{
    margin: 0px auto 0px auto; 
    width: 960px; 
    height: 450px;
    text-align: left;
    color: #fff;
    background-color: #004785;
}
#termsmain h1 {color: #fff; font-size: 16px;}

/* contact */
#contactmain 
{
    margin: 0px auto 0px auto; 
    width: 960px; 
    height: 662px;
    text-align: left;
    color: #fff;
}
#contactmainl 
    {
        float: left; 
        width: 640px;
        height: 630px;
        background:url(../images/cbg.jpg) no-repeat;
        }
#contactmainr 
{
    float: right;
    width: 320px;
}
#contactmainrsuba
{
    float: right; 
    width: 300px;
    height: 245px;
}
#contactmainrsub
{
    margin: 9px 0px 0px 0px;
    float: right; 
    width: 300px;
    height: 376px;
    background:url(../images/cbg3.jpg) no-repeat;
}
#frmsubmit
{
    width: 130px;
    height: 40px;
    background:url(../images/submit.jpg) no-repeat;
    border: 0;
}

/* product */

#productmain 
{
    margin: 0px auto 0px auto; 
    width: 960px; 
    height: 662px;
    text-align: left;
    color: #fff;
}
#productmainl 
    {
        float: left; 
        width: 230px;
        height: 574px;
        background:url(../images/p1.jpg) no-repeat;
        }
#productmainr 
{
    float: right;
    width: 730px;
}
#productmainrinner img 
{
    border: 0;
}
/* product */

#pmain 
{
    margin: 0px auto 0px auto; 
        width: 960px;
        height: 422px;
        background:url(../images/960422.jpg) no-repeat;
        text-align: left;
}

/* sitemap */
#sitemapmain 
{
    margin: 0px auto 0px auto; 
    width: 960px; 
    height: 650px;
    text-align: left;
    color: #fff;
    background-color: #004785;
}
#sitemapmain h1 {color: #fff; font-size: 16px;}

