* {margin: 0; padding: 0;}
html {width: 100%; height: 100%;}
body {background: #ccd9de; font-family: tahoma, arial, helvetica; font-size: 11px; color: #000000; margin: 0; padding: 0; text-align: center;}

#wrap {width: 1000px; margin: 0 auto; text-align: center; background: #ffffff url(/img/leftbg.gif) repeat-y left;}
#container {padding: 0 51px; background: url(/img/rightbg.gif) repeat-y right;}

#header {width: 1000px; height: 216px; margin: 0 -51px; text-align: center; background: url(/img/header.gif) no-repeat top;}
#header .banner {margin: 0 0 5px 0; text-align: center;}
#header h1 {margin: 0; padding: 0; text-align: left;}
#header h1 a {display: block; margin: 0 0 0 65px; width: 300px; height: 75px;}
#header h1 span {display: none;}

#menu {height: 46px; padding: 0; text-align: left; margin: 0 75px 0 0;}
#menu ul {list-style: none; margin: 0; padding: 0; text-align: left; margin: 0 0 0 75px;}
#menu li {float: left; line-height: 27px; font-size: 12px; font-weight: bold; color: #4f6067; margin: 0;}
#menu li a {display: block; text-align: center; width: 91px; color: #4f6067; font-variant: small-caps; text-decoration: none;}
#menu li a:hover {background: url(/img/menuover.gif);}
#menu li.inactive {text-align: center; width: 91px; color: #bca556; font-variant: small-caps; text-decoration: none;}
#menu #rss {float: right; line-height: 27px; font-size: 12px; font-weight: bold;}
#menu #rss a {display: block; text-align: center; width: 50px; color: #4f6067; font-variant: small-caps; text-decoration: none;}
#menu #rss a:hover {color: #ffffff; background: url(/img/rssover.gif);}

form {margin: 0; padding: 0; clear: both;}

#content {clear: both; text-align: left;}

#sidemenu {width: 139px; margin: 0 0 20px 0; padding: 0; z-index: 2; background: url(/img/side.gif) repeat-y right;}
#sidemenu a {display: block; height: 16px; line-height: 16px; margin: 0 0 0 1px; padding: 0 0 0 10px; background: url(/img/li_sup.gif) no-repeat left center; font-size: 11px; font-weight: bold; color: #8ca8b1; letter-spacing: -0.5px; white-space: nowrap; text-decoration: none; text-transform: uppercase; border-bottom: #8ca8b1 solid 2px;}
#sidemenu a:hover {background: url(/img/li_sup_over.gif) no-repeat left center;}

#sidemenu ul {list-style: none; margin: 0; padding: 0; width: 100%;}
#sidemenu ul ul {background: #f8f9fa; border-top: #8ca8b1 solid 1px; }

#sidemenu ul ul a {color: #4f6067; text-decoration: none; margin: 0px; padding: 0 0 0 12px; background: url(/img/li_sub.gif) no-repeat left center; text-transform: none; letter-spacing: 0px; border-left: #8ca8b1 solid 1px; border-right: #8ca8b1 solid 1px; border-bottom: #8ca8b1 solid 1px;}
#sidemenu ul ul a:hover {background: url(/img/li_sub_over.gif) no-repeat left center;}

div#sidemenu li,
div#sidemenu li:hover {position: relative;}
div#sidemenu li ul {position: absolute; top: 0; left: 100%; display: none;}

div#sidemenu ul ul,
div#sidemenu ul ul ul,
div#sidemenu ul li:hover ul ul,
div#sidemenu ul li:hover ul ul ul {display: none;}

div#sidemenu ul li:hover ul,
div#sidemenu ul ul li:hover ul,
div#sidemenu ul ul ul li:hover ul {display: block;}

#leftside {width: 139px; float: left; margin-top: -15px;}
#leftside .banner {padding: 0 9px; z-index: 1;}
#leftside h2 {margin: 0 0 0 15px; padding: 0 0 5px 0; color: #666666; font-size: 10px; font-weight: bold; text-transform: uppercase; background: url(/img/sidetop.gif) no-repeat right bottom;}

#rightside {width: 135px; padding: 10px 0 0 0; float: left; text-align: right;}
#rightside .banner img {margin: 0 10px 10px 5px;}

#login {width: 135px; height: 60px; float: right; background: url(/img/login.gif) no-repeat right top; font-size: 11px; text-align: right; margin: 15px -1px 0 0; padding: 0;}
#login ul {width: 120px; list-style: none; margin: 0 5px 0 10px; padding: 0;}
#login li {height: 16px; line-height: 16px; display: block; font-size: 10px; font-weight: bold; color: #758d98; margin: 0; padding: 0;}
#login label {display: block; float: left; text-align: left;}
#login input {width: 60px; height: 14px; margin: 0 0 0 0; font-size: 10px; background: #ffffff; border: 1px #bac6cb solid;}
#login input.submitbutton {width: 35px; height: 16px; margin: 0; padding: 0; border: 1px #758d98 solid; background: #eff4f7; font-family: tahoma, helvetica; font-size: 10px; font-weight: bold; color: #758d98;}

#main {float: left; width: 759px; margin: -15px 0 0 0;}
#main a {color: #666666; font-weight: bold; text-decoration: none;}
#main a:hover {color: #000000; text-decoration: underline;}
#main p {margin: 0; padding: 0; color: #666666;}
#main h1 {margin: 0 0 5px 5px; padding: 2px 5px; color: #666666; font-size: 16px; font-weight: bold; font-variant: small-caps; background: #f8f9fa; border-top: #8ca8b1 dotted 1px; border-bottom: #8ca8b1 dotted 1px;}
#main h2 {margin: 0; padding: 0; color: #4f6067; font-size: 11px; font-weight: bold; text-transform: uppercase;}
#main h2 a {color: #4f6067; text-decoration: none;}
#main h3 {margin: 0; padding: 0; color: #8ca8b1; font-size: 11px; font-weight: normal;}

#newsletter {width: 165px; margin: 0 10px 0 0; float: right;}
#newsletter h2 {margin: 15px 0; padding: 2px 5px; background: #f3f7f9; color: #4f6067; font-size: 12px; font-weight: bold; font-variant: small-caps; text-transform: none; border-top: #8ca8b1 solid 1px; border-bottom: #8ca8b1 solid 1px;}

#navbar {clear: both; text-align: center; padding: 15px 0 0 0;}
.keys {padding: 0 0 10px 0; color: #666666;}
.keys a {color: #666666; font-weight: bold; text-decoration: none;}

#middle {width: 620px; float: left;}

#highlight {width: 400px; margin: 0 5px 0 0; float: left;}
#highlight p {text-align: justify;}

#intro {clear: both; margin: 5px 0 0 0;}
#intro p {margin: 10px 0 0 0;text-align: justify}

#latestnews {width: 215px; margin: 0; float: left;}
#latestnews dl {height: 80px; list-style: none; margin: 0 0 5px 0; padding: 0; clear: both; background: url(/img/leadbg.gif) no-repeat top right;}
#latestnews dt {height: 78px; clear: both; display: block; float: left; font-size: 11px; font-weight: bold; margin: 1px; padding: 0 5px 0 0;}
#latestnews dd {display: block; margin: 1px; padding: 0; color: #666666;}
#latestnews dd h2 {text-transform: none;}
#latestnews dd h3 {font-size: 10px;}

#newslist {width: 620px; float: left;}
#newslist dl {width: 620px; list-style: none; margin: 0; padding: 0; clear: both;}
#newslist dt {width: 205px; clear: both; display: block; float: left; font-size: 11px; font-weight: bold; margin: 0; padding: 0 0 10px 0;}
#newslist dt img {border: #ccd9de solid 1px;}
#newslist dd {width: 415px; float: left; display: block; margin: 0; padding: 3px 0 10px 0; color: #666666; border-top: #ccd9de dotted 1px;}
#newslist p {text-align: justify;}
#newslist h2.subscribe {margin: 15px 0 15px 5px; padding: 2px 5px; background: #f3f7f9; color: #4f6067; font-size: 14px; font-weight: bold; font-variant: small-caps; text-transform: none; border-top: #8ca8b1 solid 1px; border-bottom: #8ca8b1 solid 1px;}

#newsitem {width: 440px; float: left;}
#newsitem h2 {font-size: 16px; font-family: arial, helvetica; padding: 10px 0 0 0;}
#newsitem p {color: #000000; text-align: justify;}
#newsitem p.forum {padding: 20px 0 0 0;}
#newsitem a {color: #4f6067; text-decoration: underline;}
#newsitem td {font-family: tahoma, arial, helvetica; font-size: 11px;}

#newspics {width: 319px; padding: 10px 0 0 0; float: left; text-align: right;}
#newspics ul {width: 310px; list-style: none; margin: 0 9px 0 0; padding: 0 0 15px 0; text-align: left;}
#newspics li {margin: 0 0 0 10px; padding: 0; height: 14px; line-height: 14px; font-size: 11px; font-weight: bold; color: #8ca8b1;}
#newspics li a {color: #8ca8b1; text-decoration: none; margin: 0; padding: 0 0 0 12px; background: url(/img/li_sub.gif) no-repeat left center; text-transform: none;}
#newspics li a:hover {color: #4f6067; background: url(/img/li_sub_over.gif) no-repeat left center;}
#newspics img {margin: 0 10px 5px 0;}
#newspics .banner {padding: 0 10px 10px 0;}
#newspics h2 {font-size: 14px; font-family: arial, helvetica; padding: 0 3px 0 0; margin: 0 10px 0 0; border-right: #8ca8b1 4px solid;}

#about {width: 620px; float: left;}
#about h2 {padding: 0 10px;}
#about p {margin: 0; padding: 10px 10px 0 10px; color: #666666;}
#about ul {list-style: none; margin: 0 10px; padding: 0; color: #666666;}
#about li {padding: 0 0 0 15px; margin: 0; background: url(/img/li.gif) no-repeat left top;}

#links {width: 620px; float: left;}
#links h3 {margin: 20px 0 10px 0; padding: 0; color: #666666; font-size: 11px; font-weight: bold; text-transform: uppercase;}
#links ul {list-style: none; margin: 0; padding: 0; color: #666666;}
#links li {padding: 0 0 0 15px; margin: 0; background: url(/img/li.gif) no-repeat left;}

#contact {width: 620px; float: left;}
#contact table.tab {border-left: 1px #4f6067 solid; border-top: 1px #4f6067 solid; margin: 0;}
#contact table.tab th {padding: 2px 5px; border-right: 1px #4f6067 solid; background: #8ca8b1; color: #ffffff; font-weight: bold; font-size: 11px;}
#contact table.tab td {padding: 2px 5px; border-right: 1px #4f6067 solid; background: #ffffff; border-bottom: 1px #4f6067 solid; color: #4f6067; font-weight: normal; font-size: 11px;}

#email {margin: 0px; padding: 10px 0px;}
#email label {display: block; float: left; width: 120px; padding: 0 5px;}
#email input {height: 16px; margin: 1px 0; width: 250px; border: 1px solid #bac6cb; font-family: tahoma, arial, helvetica; font-size: 11px; background: #ffffff;}
#email input.bttn {height: 16px; margin: 1px 0; width: 50px; border: 1px solid #bac6cb; color: #758d98; font-weight: bold; font-family: tahoma, arial, helvetica; font-size: 10px; text-transform: uppercase; background: #eff4f7;}
#email select {height: 16px; margin: 1px 0; width: 100px; border: 1px solid #bac6cb; font-family: tahoma, arial, helvetica; font-size: 11px; background: #ffffff;}
#email textarea {height: 80px; margin: 1px 0; width: 250px; border: 1px solid #bac6cb; font-family: tahoma, arial, helvetica; font-size: 11px; background: #ffffff;}

#company {width: 620px; float: left;}
#company h1 {font-size: 20px; text-transform: uppercase;}
#company h2 {padding: 0 10px;}
#company p {margin: 0; padding: 10px 10px 0 10px; color: #666666;}
#company ul {list-style: none; margin: 0 0 0 10px; padding: 0; color: #666666;}
#company li {padding: 0 0 0 15px; margin: 0; background: url(/img/li.gif) no-repeat left top;}
#company_menu {width: 130px; float: left;}
#company_info {width: 270px; float: left;}
#company_logo {width: 200px; margin: 0 0 0 20px; float: right;}

#company_region {clear: both; padding: 20px 0 0 0;}
#company_lineup h2,
#company_news h2,
#company_press h2,
#company_downloads h2,
#company_gallery h2,
#company_videos h2,
#company_region h2,
#type_news h2,
#type_desc h2 {clear: both; margin: 15px 0; padding: 2px 5px; color: #4f6067; font-size: 14px; font-weight: bold; font-variant: small-caps; text-transform: none; border-bottom: #8ca8b1 solid 1px;}

#company_news {width: 620px; float: left;}
#company_news dl {width: 620px; list-style: none; margin: 0; padding: 0; clear: both;}
#company_news dt {width: 205px; clear: both; display: block; float: left; font-size: 11px; font-weight: bold; margin: 0; padding: 0 0 10px 0;}
#company_news dt img {border: #ccd9de solid 1px;}
#company_news dd {width: 415px; float: left; display: block; margin: 0; padding: 3px 0 10px 0; color: #666666; border-top: #ccd9de dotted 1px;}
#company_news h3 {margin: 0; padding: 0; color: #4f6067; font-size: 11px; font-weight: bold; text-transform: uppercase;}
#company_news h3 a {color: #4f6067; text-decoration: none;}
#company_news h4 {margin: 0; padding: 0; color: #8ca8b1; font-size: 11px; font-weight: normal;}
#company_news p.more {clear: both; margin: 15px 0; padding: 2px 5px; font-size: 14px; font-weight: bold; font-variant: small-caps; text-transform: none; text-align: right; border-top: #8ca8b1 dotted 1px; border-bottom: #8ca8b1 dotted 1px;}

#company_era_menu {clear: both; margin: 0; padding: 0; background: url(/img/era_menu_bg.gif) repeat-x bottom;}
#company_era {clear: both; width: 620px; margin: 0; border-left: 1px solid #bdced4; border-right: 1px solid #bdced4; border-bottom: 1px solid #bdced4;}

#company_era_menu ul {width: 600px; height: 24px; margin: 0; list-style: none; padding: 0; text-align: left;}
#company_era_menu li {display: block; cursor: pointer; float: left; width: 150px; height: 24px; line-height: 24px; color: #4f6067; font-size: 12px; font-weight: bold; font-variant: small-caps; margin: 0; padding: 0; background: url(/img/era.gif);}
#company_era_menu li span {padding: 0 0 0 20px;}
#company_era_menu li.selected {color: #666666; background: url(/img/era_selected.gif);}
#company_era img {margin: 1px; padding: 0; border: 1px #666666 solid;}
#company_era p {padding: 1px; margin: 0;}
#page1 {display: none; background: #ffffff;}
#page2 {display: block; background: #ffffff;}
#page3 {display: none; background: #ffffff;}
#era1 {display: none;}
#era2 {display: block;}
#era3 {display: none;}
#company_era_menu select {width: 125px; height: 20px; font-size: 10px; margin: 2px 0 0 10px; padding: 0;}
#company_era_menu li.quickselect {cursor: default; background: none;}
.type {font-weight: bold; text-align: center;}
.bodies {font-size: 10px; text-align: center;}
.bodies A:hover {text-decoration: underline;}
.model table {width: 618px; border: none; padding: 0; margin: 0;}
.model td {width: 204px; padding: 0; margin: 0; border: none; font-family: tahoma, arial, helvetica; font-size: 11px;}

#company_logos {clear: both; width: 620px; margin: 0; border-left: 1px solid #bdced4; border-right: 1px solid #bdced4; border-bottom: 1px solid #bdced4;}
#company_logos img {margin: 1px; padding: 0; border: none;}
.cat_logo {height: 100px;}

#company_types {clear: both; width: 620px; border: 1px solid #bdced4;}
#company_types img {margin: 1px; padding: 0; border: 1px #666666 solid;}
#company_types p {padding: 1px; margin: 0;}
.type table {width: 618px; border: none; padding: 0; margin: 0;}
.type td {width: 102px; padding: 0; margin: 0; border: none; font-family: tahoma, arial, helvetica; font-size: 11px;}

#type_news {width: 620px; margin: 0; clear: both;}
#type_news dl {height: 80px; width: 300px; list-style: none; margin: 0 5px 5px 5px; padding: 0; float: left; background: url(/img/newsbg.gif) no-repeat top right;}
#type_news dt {height: 78px; clear: both; display: block; float: left; font-size: 11px; font-weight: bold; margin: 1px; padding: 0 5px 0 0;}
#type_news dd {display: block; margin: 1px; padding: 0; color: #666666;}
#type_news dd h3 {margin: 0; padding: 0; color: #4f6067; font-size: 11px; font-weight: bold; text-transform: none;}
#type_news dd h4 {margin: 0; padding: 0; font-size: 10px;}
#type_news p {margin: 0; padding: 0;}
#type_news p.more {clear: both; margin: 15px 0; padding: 2px 5px; font-size: 14px; font-weight: bold; font-variant: small-caps; text-transform: none; text-align: right; border-top: #8ca8b1 dotted 1px; border-bottom: #8ca8b1 dotted 1px;}

#type_desc {width: 620px; margin: 0; clear: both;}
#type_desc p {margin: 0; padding: 0;}

#footer {clear: both; padding: 15px 0 20px 20px; font-size: 11px; text-align: left; margin: 0 50px;}
#footer p {padding: 0; margin: 0; color: #666666; float: left;}
#footer ul {list-style: none; margin: 0 0 0 50px; padding: 0; float: left;}
#footer li {display: block; float: left; font-size: 11px; font-weight: normal; color: #666666; margin: 0; padding: 0 5px 2px 5px; text-transform: lowercase; border-right: 1px #8ca8b1 solid;}
#footer li.last {border: none;}
#footer li a {color: #4f6067; text-decoration: none; border-bottom: 1px #666666 dotted;}
#footer li a:hover {border-bottom: 1px #4f6067 solid;}