/* CSS Document */

body {
background-image: url(images/bodybg_02.jpg);
background-repeat: repeat-x;
background-position: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
margin: 0px;
}

#container {
width: 980px;
margin-left: auto;
margin-right: auto;
}

#banner {
background-image: url(images/bannerbg_04.jpg);
background-repeat: no-repeat;
height: 191px;
margin-bottom: 10px;
}

#content {
float: left;
width: 680px;
}

#scrolltext {
height: 600px;
width: 650px;
margin: 0px 6px 0px 6px;
border: 1px solid #CDE3CD;
background-color: #FFFFFF;
padding: 0px 4px 0px 4px;
overflow: auto;
}

#sidebar-a {
float: right;
width: 262px;
}

#footer {
background-color:#043052;
border-top: #bbbdc1 solid 9px;
clear: both;
height: 340px;
}

#footer2 {
width: 980px;
margin-left: auto;
margin-right: auto;
background-image: url(images/large-ball-bearing_20.jpg);
background-repeat: no-repeat;
background-position: 100% 0%;
height: 340px;
color: #FFFFFF;
}

#footer2 a:link, #footer2 a:visited {
color: #FFFFFF;
text-decoration: none;
}

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


/* -- Navbar -- */

div#navbar {
font-size: 14px;
text-align: center;
padding: 62px 0px 0px 0px;
width: 980px; 
}

#navbar ul li a:link, #navbar ul li a:visited {
color: #01337a;
text-decoration: none;
display: inline;
padding-top: 3px;
padding-left: 14px;
padding-bottom: 3px;
padding-right:14px;
}

#navbar ul li a:hover {
color: #01337a;
text-decoration: underline;
}

#navbar ul li {
margin: 0px;
padding: 0px;
list-style-type: none;
display: inline;
}

#navbar ul {
margin: 0px;
padding: 0px;
}


/* -- Dropdown Menu Items -- */

#dropmenudiv {
position:absolute;
margin-top: 4px;
/*border:1px solid #848484;*/
border-bottom-width: 0;
font:bold 14px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a {
background-color: #bbbdc1;
width: 100%;
display: block;
text-indent: 8px;
border-bottom: 1px solid #ffffff;
padding: 8px 0;
text-decoration: none;
font-weight: 300;
color:#043052;
}

#dropmenudiv a:hover { /*hover background color*/
background-color: #e9e9e9;
color: #043052;
}





/* -- HTML -- */

h1 {
font-size: 12px;
font-weight: 300;
color: #4c7ca5;
text-align: right;
margin-top: 0px;
}

h2 {
display: block;
background-image: url(images/hdrbg_15.jpg);
height: 32px;
font-size: 14px;
font-weight: bold;
padding-left: 60px;
padding-top: 12px;
color: #FFFFFF;
}

h3 {
display: block;
color: #043052;
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #043052;
}



/* -- Classes -- */

.copyright {
font-size: 10px;
line-height: 16px;
}

.photoleft {
float: left;
padding: 3px 20px 12px 0px;
}

.photoright {
float: right;
padding: 3px 0px 12px 20px;
}


/* -- Page Id's -- */

body#home #navhome a,
body#sales #navsales a,
body#service #navservice a,
body#locations #navlocations a,
body#about #navabout a,
body#contact #navcontact a {
text-decoration: none;
background-image: url(images/navmarker_03.jpg);
background-repeat: no-repeat;
background-position: 50% 100%;
}