html {
    height : 100%;
    margin : 0;
    min-width : 978px;
    padding : 0;
}
body {
    background : #405a83 url(../../images/bodyimage.gif) repeat-x top;
    text-align : left;
    text-decoration : none;
    text-indent : 0;
    text-transform : none;
    min-height : 100%;
    margin : 0;
    padding : 0;
}
body, input, select, textarea {
    color : #767a7d;
    font-family : Tahoma, Verdana, Arial;
    font-size : 11px;
    font-weight : normal;
    font-style : normal;
    font-variant : normal;
    letter-spacing : normal;
    line-height : 18px;
}
input, select, textarea {
    line-height : normal;
    margin : 0;
    position : static;
}
form {
    display : inline;
    margin : 0;
    padding : 0;
}
a, img, input {
    outline : none !important;
}
a {
    color : #407BB4;
    text-decoration : none;
}
a:hover {
    text-decoration : underline;
}
a img {
    border : none;
}
.clr {
    clear : both !important;
    display : block !important;
    float : none !important;
    font-size : 0 !important;
    height : 0 !important;
    line-height : 0 !important;
    margin : 0 !important;
    padding : 0 !important;
}
li.clr {
    display : list-item !important;
    width : auto !important;
}


#container {
    background : #ffffff;
    margin : 0 auto;
    padding : 0;
    width : 988px;
}
#wrapper {
    margin : 0 auto;
    padding : 93px 0 0;
    position : relative;
    width : 948px;
}


#top-bar {
    height : 73px;
    left : 0;
    position : absolute;
    top : 0;
    width : 100%;
}
#top-bar a {
    float : left;
    position : relative;
    top : 10px;
}
#top-bar ul {
    float : right;
    list-style : none;
    margin : 0;
    padding : 0;
}
#top-bar li {
    float : left;
    list-style : none;
    margin : 0 0 0 15px;
    padding : 0;
}
#top-bar li a {
    color : #000000;
    float : none;
    position : static;
}
#top-bar li a:hover {
    color : #333333;
}


#menu {
    position : absolute;
    right : 0;
    top : 73px;
    z-index : 1;
}


#header {
    background : url(../../images/header-bg.jpg) repeat-y;
    width : 100%;
}
#header div {
    background : url(../../images/header-top.jpg) no-repeat top;
}
#header div div {
    background : url(../../images/header-bot.jpg) no-repeat bottom;
    padding : 9px;
}
#header div div div {
    background : url(../../images/header/bg.jpg) no-repeat;
    padding : 0;
    width : 930px;
}
#header div div div.home {
    background-image : url(../../images/header/bg-home.jpg);
}
#header div div div div {
    background : none;
}


#engineer {
    position : absolute;
    left : 0;
    text-align : center;
    top : 180px;
    width : 194px;
}
#engineer .home {
    position : relative;
    top : 80px;
}


#footer {
    border-top : solid 1px #eeeff0;
    height : 40px;
    padding-top : 5px;
}
#footer a {
    float : left;
}
#footer div {
    float : right;
}
#footer div strong {
    color : #333333;
}
#footer div, #footer div a {
    color : #99a3a6;
}
#footer div a {
    float : none;
}


#main {
    font-size : 12px;
    padding : 15px 0 15px 194px;
    min-height : 200px;
}
*html #main { /* IE 6 */
    height : 200px;
}
#main .logo {
    position : absolute;
    top : 102px;
    right : 60px;
}
#main h1, #main h1 a {
    color : #105AA1 !important;
    font-size : 18px;
    font-weight : bold;
    margin : 0;
}
#main h1.welcome {
    color : #407BB4 !important;
    font-size : 22px;
}
#main h1.small, #main h1.small a {
    font-weight : normal !important;
}
#main h2, #main h2 a {
    color : #00a8de;
    font-size : 18px;
    font-weight : normal;
    margin : 0;
}
#main h3, #main h3 a {
    color : #407BB4;
    font-size : 17px;
    font-weight : normal;
    margin : 15px 0 -15px;
}
#main #breadcrum {
    list-style : none;
    margin : 0 0 15px;
    padding : 0 0 15px;
    white-space : nowrap;
}
#main #breadcrum li {
    float : left;
    list-style : none;
    margin : 0 3px 0 0;
    padding : 0;
}
#main #breadcrum, #main #breadcrum a {
    color : #767a7d;
    font-size : 11px;
    line-height : normal;
}
#main p {
    margin : 15px 0 0;
}
#main table {
    border : none;
    border-collapse : collapse;
    border-spacing : none;
    padding : 0;
    margin : 0;
    width : 100%;
}
#main td {
    vertical-align : top;
}
#main table.home td {
    padding-right : 8px;
}
#main table.home td.news-head, #main table.home td.news {
    border-left : solid 1px #d2d4d8;
    padding-left : 8px;
    width : 200px;
}
#main table.home td.news-head {
    padding-bottom : 5px;
    width : auto;
}
#main table.home td.news-head h1 a {
    background : url(../../images/bullet-down.gif) no-repeat right 9px;
    padding-right : 15px;
}
#main table.home td.news p {
    margin-top : 0;
}
#main table.home td.news a {
    color : #767a7d;
}
#main table.home td.news strong a {
    color : #00a8de;
}
#main table.home td.news a.more {
    background : url(../../images/more_arrow.jpg) no-repeat right 7px;
    display : inline-block;
    font-weight : normal;
    padding-right : 10px;
    margin-top : 10px;
}
#main div.flash {
    border-top: 1px solid #eeeff0;
    margin : 10px 0 0 -194px;
    padding-top : 10px;
}
#main table.awards {
    margin-top : 15px;
    width : auto;
}
#main table.awards th {
    font-size : 12px;
}
#main table.awards th, #main table.awards td {
    padding-right : 25px;
}
#main ul.categories, #main ul.locations, #main ul.news, #main ul.branches {
    list-style : none;
    margin : 0;
    padding : 0;
}
#main ul.categories li, #main ul.locations li, #main ul.news li, #main ul.branches li {
    float : left;
    list-style : none;
    margin : 15px 0 0;
    padding : 0;
    width : 33%;
}
#main ul.categories h3, #main ul.locations h3, #main ul.branches h3 {
    margin : 0 0 10px;
}
#main ul.categories h4 {
    color : #00A8DE;
    font-size : 16px;
    font-weight : normal;
    margin : -10px 0 10px;
}
#main .wrap {
    overflow : hidden;
}
*html #main .wrap {
    display : inline-block;
}
#main #products, #main #gallery {
    border-left : solid 1px #cfdeec;
    border-top : solid 1px #cfdeec;
    float : right;
    margin-left : 15px;
    max-width : 236px;
}
*html #main #products, *html #main #gallery { /* IE 6 */
    width : expression(this.offsetWidth > 236 ? '236px' : true);
}
#main #products ul, #main #gallery ul {
    list-style : none;
    margin : 0;
    padding : 0;
}
#main #products li, #main #gallery li {
    border-bottom : solid 1px #cfdeec;
    border-right : solid 1px #cfdeec;
    color : #767a7d;
    cursor : pointer;
    float : left;
    font-size : 11px;
    font-weight : normal;
    height: 91px;
    line-height : 14px;
    list-style : none;
    margin : 0;
    overflow : hidden;
    padding : 10px;   
    text-align : center;
    width: 97px;
}
#main #gallery li {
    height : auto;
}
#main #products li img, #main #gallery li a {
    display : block;
}
#main #divProductDetails {
    background : #ffffff;
    border : solid 1px #cfdeec;
    line-height : normal;
    min-height : 447px;
    position : absolute;
    width : 312px;
}
*html #main #divProductDetails { /* IE 6 */
    height : expression(this.offsetHeight < 447 ? '447px' : true);
}
#main #divProductDetails h3  {
    color : #00a8de;
    font-size : 18px;
    font-weight : normal;
    margin : 15px 15px 10px;
    line-height : normal;
}
#main #divProductDetails td {
    padding : 0 15px 10px;
    margin : 0;
}
#main #divProductDetails a {
    color: #407BB4;
}
#main #divProductDetails a:hover {
    text-decoration:underline;
}
#main table.form {
    margin-top : 15px;
    width : auto;
}
#main table.form td {
    padding-bottom : 5px;
}
#main table.form td.label {
    padding-right : 10px;
    width : 140px;
}
#main table.form input {
    font-size : 12px;
    width : 200px;
}
#main table.form textarea {
    font-size : 12px;
    overflow : auto;
    width : 200px;
}
#main table.form select {
    font-size : 12px;
    width : 205px;
}
#main table.form td.buttons input {
    background : #e8f2fc;
    border : solid 1px #7f9db9;
    color : #000000;
    margin-right : 5px;
    padding : 2px 5px;
    width : auto;
}
#main table.form span.required {
    color : #00A8DE;
    font-weight : bold;
}
#main table.form span.error {
    margin-left : 10px;
    vertical-align : top;
}
#main table.latestnews {
    margin-top : 15px;
}
#main table.latestnews td {
    border-left : solid 1px #d2d4d8;
    padding : 0 8px;
    width : 34%;
}
#main table.latestnews td.first {
    border-left : none;
    padding-left : 0;
    width : 32%;
}
#main table.latestnews h2 {
    margin-bottom : 10px;
}
#main table.latestnews h2 a {
    color : #407BB4;
    font-weight : normal;
}
#main table.latestnews p {
    margin-top : 5px;
}
#main table.latestnews a {
    color : #00a8de;
    font-weight : bold;
}
#main table.latestnews a.more {
    background : url(../../images/more_arrow.jpg) no-repeat right 7px;
    display : inline-block;
    font-weight : normal;
    padding-right : 10px;
    margin-top : 10px;
}
#main table.latestnews hr {
    background-color : #eeeff0;
    border : none;
    color: #eeeff0;
    height : 1px;
    margin: 10px 0 15px;
    padding : 0;    
}
#main ul.news p {
    margin-top : 5px;
}
#main ul.news a {
    color : #00a8de;
    font-weight : bold;
}
#main ul.news li {
    padding : 0 20px 0 0;
    width : 230px;
}
#main ul.news hr {
    background-color : #eeeff0;
    border : none;
    color: #eeeff0;
    height : 1px;
    margin: 0 0 15px;
    padding : 0;    
}