html, body{
text-align:center;
}
body {
text-align: center;
margin:0px auto;
font-family:Century Gothic;

}

h1 {
font-size:20px;
line-height:22px;
padding-left:75px;
color:#333333;
text-align:left;
font-family:Century Gothic;
}
h2  {
font-size:1em;
margin-bottom:-10px;
color:#333333;
line-height:110%;
font-family:Century Gothic;
}
#bgbg{
position:absolute;
top:200px;
left:130px;
width:700px;
height:672px;
background:url(bmbg.png);
}
a{
text-decoration: none;
color:#0066ff;
}
a img {
border: none;
}
a:link { color: #0066ff; }
a:visited { color: #990000; }
a:hover { color: #888888; }
a:active { color: #E32E61; }

p {

line-height : 130%;

font-size:.8em;

color:#444444;

font-family:Century Gothic;

text-align:left;



}

ul{
line-height : 130%;
font-size:.8em;
color:#444444;
font-family:Century Gothic;
text-align:left;
}
#container { 
position: relative;
top: 0px;
width: 960px;
height: auto;
margin: 0 auto;
text-align:left; 

}
#logo{
position:absolute;
top:70px;
left:30px;
width:500px;
height:114px;
background:url(mybmqclogo2.png);
}
#top{
position:absolute;
top:42px;
left:30px;
width:auto;
height:auto;
font-size:23px;
font-family:arial;
color:#222222;
z-index:9999;
}
#petri{
	position:absolute;
	top:2px;
	right:0px;
	width:470px;
	height:196px;
	background:url(petri2.png);
	background-image: url(petri2.png);
}
#header{
position:absolute;
top:0px;
left:0px;
width:100%;
height:210px;
background:url(headerbg.jpg);
}



#images{
position:absolute;
top:260px;
left:580px;
width:300px;
height:300px;
}
#images2{
position:absolute;
top:250px;
left:350px;
width:260px;
height:260px;
}
#topcontent{
position:absolute;
left:20px;
top:230px;
width:408px;
height:384px;
font-size:1.1em;
text-align:left;
background:url(bioshieldaqa.png);
background-repeat:no-repeat;
padding:90px 0px 0px 10px;
}
#simplebg{
position:absolute;
top:250px;
left:30px;
width:900px;
height:auto;


}
#comprehensivebg{
position:absolute;
top:250px;
left:30px;
width:900px;
height:auto;


}
#supportbg{
position:absolute;
top:250px;
left:30px;
width:900px;
height:auto;


}
#simple{
position:absolute;
top:600px;
left:30px;
width:260px;
height:auto;

}
#comprehensive{
position:absolute;
top:600px;
left:350px;
width:260px;
height:auto;

}
#support{
position:absolute;
top:600px;
left:670px;
width:260px;
height:auto;
}
#simple2{
position:absolute;
top:250px;
left:30px;
width:260px;
height:auto;

}
#comprehensive2{
position:absolute;
top:250px;
left:350px;
width:260px;
height:auto;

}
#support2{
position:absolute;
top:250px;
left:670px;
width:260px;
height:auto;
}
#conbg{
position:absolute;
top:585px;
left:0px;
width:100%;
border-top:5px double #990000;
height:340px;
border-bottom:2px solid #888888;
background:url(conbg.jpg);
}
#acc3{
position:absolute;
top:250px;
left:30px;
width:390px;
height:auto;

}
#acc4{
position:absolute;
top:650px;
left:510px;
width:390px;
height:auto;

}
#footer{
position:relative;
top:20px;
left:-20px;
width:920px;
height:auto;
text-align:center;
font-size:11px;
line-height:12px;
padding:10px 0px 20px 43px;
text-align:center;
}
#footer2{
position:relative;
top:10px;
left:0px;
width:870px;
height:auto;
text-align:center;
font-size:11px;
line-height:12px;
padding:10px 0px 20px 43px;
text-align:center;
border-top:2px solid #888888;
}
#navigation{

position:absolute;

text-align:center;

top:198px;

left:29px;

width:870px;

height:35px;

border-left:1px solid #eee;

background: url(grad.gif) repeat-x bottom left;

border-top:1px solid #fff;

border-bottom:1px solid #888888;

z-index:10000;

}

#navbg{

position:absolute;

top:198px;

left:0px;

width:100%;

height:35px;

background: url(grad.gif) repeat-x bottom left;

border-bottom:1px solid #888888;

border-top:1px solid #fff;



}







.clear {clear:both}   

/* remove the list style */  

#nav {  

    margin:0;   

    padding:0;   

    list-style:none;  

}     

      

    /* make the LI display inline */  

    /* it's position relative so that position absolute */  

    /* can be used in submenu */  

    #nav li {  

        float:left;   

        display:block;   

        width:auto;   

        

        position:relative;  

        

        z-index:500;   

        margin:0 0px;  

    }  

          

    /* this is the parent menu */  

    #nav li a {  

        display:block;   

        padding:10px 8px 0 6px;       

        height:26px;   

        text-decoration:none;   

border-right:1px solid #eee;

        color:#fff;   

        text-align:center;   

          background: url(grad.gif) repeat-x bottom left;

    }  

  

    #nav li a:hover {  

        color:#ffffcc;  background: url(grad2.gif) repeat-x bottom left;

    }  

      

    /* you can make a different style for default selected value */  

    #nav a.selected {  

        color:#fff;  

    }  

      

        /* submenu, it's hidden by default */  

        #nav ul {  

            position:absolute;   

            left:0;   

            display:none;   

            margin:0 0 0 -1px;   

            padding:0;   

            list-style:none; 

            

width:150px;

        }  

          

        #nav ul li {  

            width:150px;   

            float:left;   

            border-top:1px solid #fff;  border-left:1px solid #fff;

text-align:left;



        }  

          

        /* display block will make the link fill the whole area of LI */  

        #nav ul a {  

            display:block;    

            height:15px;  

            padding: 8px 5px;   

            color:#eee;  text-align:left;

        }  

          

        #nav ul a:hover {  

            text-decoration:none;    

        }  

  

/* fix ie6 small issue */  

/* we should always avoid using hack like this */  

/* should put it into separate file : ) */  

*html #nav ul {  

    margin:0 0 0 -2px;  

}