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; 
}

.breadcrumbBanner
{
    width:980px;
    margin-left:auto;
    margin-right:auto;
    height:14px;
    margin-top:25px;
    margin-bottom:21px;
    text-align:right;
}

.leftColumn
{
    width:160px;
    margin-right:24px;
    float:left;
    height:100px;
}

.rightColumn
{
    width:796px;
    float:left;
}

.pageLeader
{
    width:420px;
    float:left;
}

.pageImage
{
    width:376px;
    /*height:310px;*/
    height:400px;
    float:left;
}

    

.column1
{
    width:230px;
    margin-right:60px;
    clear:left;
    float:left;
}

.column2
{
    width:230px;
    height:400px;
    float:left;
}

.column3
{
    margin-left:48px;
    width:228px;
    float:left;
}
 

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

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

.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:40px;
    color:#c50000;
    line-height:120%;
    margin:0px 0px 15px 0px;
}

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

hr
{
    display:block;
    background:white;
    color:White;
    border:0px;
    border-bottom:dotted 1px #666666;
    height:1px;
}
    

.introduction
{
    font-family:Arial;
    font-weight:normal;
    font-size:18px;
    line-height:150%;
    color:#777777;
}

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

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



.breadcrumb
{
    font-family:Arial;
    font-size:11px;
    color:#333333;  
}

.breadcrumb:link
{
    font-family:Arial;
    font-size:11px;
    color:#333333;  
}

.breadcrumb:visited
{
    font-family:Arial;
    font-size:11px;
    color:#333333;  
}

.breadcrumb:hover
{
    font-family:Arial;
    font-size:11px;
    color:#333333;
    text-decoration:underline;  
}


.submenu:link, .submenu:visited
{
    font-family:Arial;
    font-size:14px;
    color:#666666;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom:dotted 1px #666666;
    display:block;
}


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

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

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

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;
}