body
{
     margin:0px;
     padding:0px;
     background-color:white;
}

.topBanner
{
    
    border-bottom:dotted 1px black;
    height:109px;
}

.topSection
{
    margin:0px auto;
    width:1010px;
    height:99px;
    padding-left:30px;
}

.topBar
{
    height:19px;
    width:980px;
    margin-top:6px;
}

.logo
{
    float:left;
    height:72px;
    width:248px;
}

.menuBar
{
    margin-top:56px;
    height:15px;
    width:760px;
    float:left;
    vertical-align:bottom;
}

.content
{
    width:980px;
    margin-top:16px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px; 
}

.contentPane
{
    width:980px;
    height:357px;
    padding-bottom:16px;
}

.panel1
{
    width:236px;
    float:left;
    border-bottom:dotted 1px #545454;
    height:430px;
    padding-bottom:20px;
}

.panel2
{
    width:236px;
    margin-left:12px;
    float:left;
    border-bottom:dotted 1px #545454; 
    height:430px; 
    padding-bottom:20px; 
}

.panel3
{
    width:236px;
    margin-left:12px;
    float:left;
    border-bottom:dotted 1px #545454;
    height:430px;
    padding-bottom:20px;
}

.panel4
{
    width:236px;
    margin-left:12px;
    float:left;
    border-bottom:dotted 1px #545454;
    height:430px;
    padding-bottom:20px;
}

.fill
{
    clear:both;
}
.bottomBanner
{
    background-color:#e4e4e4;
    padding-top:50px;
    padding-bottom:20px;
}

.bottomSection
{
    width:980px;
    margin:0px auto;
}

.bottomPanel1
{
    width:223px;
    float:left;
    padding-left:12px;
    padding-right:12px;
}

.bottomPanel2
{
    width:223px;
    float:left;
    padding-left:12px;
    padding-right:12px;
}

.bottomPanel3
{
    width:470px;
    float:left;
    padding-left:12px;
    font-family:Trebuchet MS;
    font-weight:normal;
    font-size:11px;
    color:Black;
    line-height:150%;
}

.footer
{
    width:755px;
    height:14px;
    float:left;
    font-family:Arial;
    font-size:11px;
    color:Black;
    padding-top:25px
}

.manufacturers
{
    width:225px;
    height:39px;
    float:left;
}

/* menu items */

.horizontalMenuSubMain, .horizontalMenuSubMain:link, .horizontalMenuSubMain:active
{
    font-family:Arial;
    font-weight:normal;
    font-size:11px;
    color:#666666;
}

.horizontalMenuSubMain:visited
{
    font-family:Arial;
    font-weight:normal;
    font-size:11px;
    color:#666666;
}

.horizontalMenuSubMain:hover
{
    font-family:Arial;
    font-weight:normal;
    font-size:11px;
    color:#666666;
    text-decoration:underline;
}

.Home, .Home:link
{
     background:url(images/home.gif);
     margin-right:77px;
     display:block;
     width:53px;
     float:left;
     height:15px;
     background-repeat:no-repeat;
}

.Home:hover
{
     background:url(images/home.gif) no-repeat 0px -15px;
}

.Homeactive
{
    background:url(images/homeactive.gif); 
    margin-right:77px;
    display:block;
    width:53px;
    float:left;
    height:15px;
    background-repeat:no-repeat;
}

    

.Solutions, .Solutions:link
{
     background:url(images/solutions.gif);
     margin-right:77px;
     display:block;
     width:75px;
     float:left;
     height:15px;
     background-repeat:no-repeat;
}

.Solutions:hover
{
background:url(images/solutions.gif) no-repeat 0px -15px;
}

.Solutionsactive
{
   background:url(images/solutionsactive.gif); 
    margin-right:77px;
    display:block;
    width:75px;
    float:left;
    height:15px;
     background-repeat:no-repeat;
}

.Learn, .Learn:link
{
     background:url(images/learn.gif);
     margin-right:77px;
     display:block;
     width:47px;
     float:left;
     height:15px;
     background-repeat:no-repeat;
}

.Learn:hover
{
background:url(images/learn.gif) no-repeat 0px -15px;
}

.Learnactive
{
    background:url(images/learnactive.gif); 
    margin-right:77px;
    display:block;
    width:47px;
    float:left;
    height:15px;
     background-repeat:no-repeat;
}

.About, .About:link
{
     background:url(images/about.gif);
     margin-right:77px;
     display:block;
     width:55px;
     float:left;
     height:15px;
     background-repeat:no-repeat;
}

.About:hover
{
background:url(images/about.gif) no-repeat 0px -15px;

}

.Aboutactive
{
   background:url(images/aboutactive.gif); 
    margin-right:77px;
    display:block;
    width:55px;
    float:left;
    height:15px;
     background-repeat:no-repeat;
}

.Contact, .Contact:link
{
     background:url(images/contact.gif);
     margin-right:77px;
     display:block;
     width:65px;
     float:left;
     height:15px;
     background-repeat:no-repeat;
}

.Contact:hover
{
background:url(images/contact.gif) no-repeat 0px -15px;

}

.Contactactive
{
   background:url(images/contactactive.gif);
    margin-right:77px;
    display:block;
    width:65px;
    float:left;
    height:15px; 
     background-repeat:no-repeat;   
}

.Portfolio, .Portfolio:link
{
     background:url(images/portfolio.gif);
     margin-right:77px;
     display:block;
     width:65px;
     float:left;
     height:15px;
     background-repeat:no-repeat;
}

.Portfolio:hover
{
   background:url(images/portfolio.gif) no-repeat 0px -15px;

}

.Portfolioactive
{
   background:url(images/PortfolioActive.gif);
    margin-right:77px;
    display:block;
    width:75px;
    float:left;
    height:15px; 
    background-repeat:no-repeat;   
}

.topMenu
{
    font-family:Arial;
    font-weight:normal;
    font-size:11px;
    color:#666666;
    display:block;
    float:left;
}

.topMenu:link
{
    font-family:Arial;
    font-weight:normal;
    font-size:11px;
    color:#666666;
}

.topMenu:visited
{
    font-family:Arial;
    font-weight:normal;
    font-size:11px;
    color:#666666;
}

.topMenu:hover
{
    font-family:Arial;
    font-weight:normal;
    font-size:11px;
    color:#666666;
    text-decoration:underline;
}

.divider
{
    display:block;
    float:left;
    margin:0px 10px 0px 10px;
}

.verticalMenu
{
    font-family:Trebuchet MS;
    font-size:11px;
    color:Black;
    line-height:150%;
    margin-left:12px;
}

/* elements */

h1
{
    font-family:GroteskStd;
    font-size:14px;
    color:#333333;
    line-height:140%;
}

h2
{
    font-family:MS Sans Serif;
    font-size:14px;
    line-height:140%;
    color:#333333;
}

p
{
    font-family:Arial;
    font-weight:normal;
    font-size:13px;
    line-height:140%;
    color: #545454;
}

ul
{
    font-family:Trebuchet MS;
    font-size:13px;
    color:#333333;
    margin-top:0px;
    margin-bottom:0px; 
    padding-left:14px; 
    margin-left:0px; 
}

ul li
{
    padding-left:0px;
    list-style-image:url(images/redArrowDefault.gif);
}


a, a:link
{
    color: #c50000;
    text-decoration:none;
}

a:visited
{
    color: #c50000;
    text-decoration:none;
}

a:hover
{
    color: #c50000;
    text-decoration:underline;
}

a:active
{
    color: #c50000;
    text-decoration:none;
}

.copyright
{
    font-family:Arial;
    font-size:11px;
    color:Black;
    display:block;
    float:left;
}

.bottomLinks:link
{
    font-family:Arial;
    font-size:11px;
    color:Black;
    display:block;
    float:left;
}

.bottomLinks:visited
{
    font-family:Arial;
    font-size:11px;
    color:Black;
    display:block;
    float:left;
}

.bottomLinks:hover
{
    font-family:Arial;
    font-size:11px;
    color:Black;
    display:block;
    float:left;
    text-decoration:underline;
}

.bottomDivider
{
    display:block;
    float:left;
    margin:0px 10px 0px 10px;
}