a {color: #9E141D; text-decoration: none}
a:hover {color: #5C0B11}
a img {border: 0}
.clear {clear: both}

body {margin: 0px; background-color: #9e141d; background-image: url(/images/background.gif); background-repeat: no-repeat; font-family: arial, helvetica, sans-serif; font-size: 12px}

#wrap {width: 980px; margin: 0 auto}

#nav {clear: both; height: 37px; overflow: hidden; background-image: url(../images/back_nav.gif)}
#nav ul {margin: 0; padding: 0 0 0 50px; list-style: none}
#nav ul li {display: block; float: left}
#nav ul li.last a {border-right: 0}
#nav ul li a {display: block; float: left; padding: 7px 10px 8px 10px; border-right: 1px solid #DDDDDD; font-size: 15px; font-weight: bold; color: #777777}
#nav ul li a:hover {color: #222222}
#nav ul li.here {background-color: #cfcfcf}
#nav ul li.here a, #nav ul li.here a:hover {color: #222222}

#content {width: 650px; float: left; margin-top: 10px; background-color: #ffffff; background-image: url(../images/content_top.gif); background-repeat: no-repeat; color: #333333; font-size: 14px}
#content .inner {padding: 30px 30px 60px 30px; width: 590px; background-image: url(../images/content_bottom.gif); background-repeat: no-repeat; background-position: bottom}
#content h1 {font-size: 32px; font-weight: normal; margin: 0; letter-spacing: -1px; color: #333333}
#content p.first {font-weight: bold; margin-top: 5px}
#content p {line-height: 1.3em}
#content .highlight {font-weight: bold; background-color: #FFDD81}

#content .directory {width: 590px; height: 400px; z-index: 1001}

#home #features {clear: both; height: 230px; width: 980px; float: none}
#home #features div {margin: 0 10px 0 0}

#features {width: 320px; float: right; padding-top: 10px}
#features div {width: 280px; height: 190px; padding: 30px 20px 0 20px; float: left; overflow: hidden; margin: 0 0 10px 0}
#features div.last {margin: 0 0 0 0 !important}
#features div.manufacturers {background-image: url(../images/back_manufacturers.gif)}
#features div.outsourcers {background-image: url(../images/back_outsourcers.gif)}
#features div.technology {background-image: url(../images/back_technology.gif)}
#features h2 {margin: 0; font-size: 28px; color: #ffffff; letter-spacing: -1px}
#features div.manufacturers h2 {color: #333333}
#features div ul.bullets {margin: 0; padding: 5px 0 0 0; list-style: none}
#features div ul.bullets li {display: block; float: left; clear: both}
#features div ul.bullets li b {white-space: nowrap; display: block; float: left; background-color: #333333; color: #ffffff; font-size: 16px; font-weight: bold; padding: 0 2px; margin-bottom: 1px}

#features div.here ul.actions li.learn {display: none}
#features div.light {background-image: url(../images/back_light.gif); background-repeat: no-repeat; padding-top: 20px; height: 100px; margin-bottom: 0}
#features div.light h2 {font-weight: normal; color: #ffffff}
#features div.light ul.bullets {display: none}
#features div.light .join {display: none}

ul.actions {clear: both; margin: 0; padding: 10px 0 0 0; list-style: none}
ul.actions li {display: block; float: left; height: 32px; margin-right: 3px}
ul.actions li a span {display: block; height: 32px; overflow: hidden; background-position: 0 -32px; cursor: pointer}
ul.actions li a:hover span {background-position: 0 0}
ul.actions li a b {display: none}
ul.actions li.learn a span {background-image: url(../images/button_learn.gif); width: 106px}
ul.actions li.join a span {background-image: url(../images/button_join.gif); width: 123px}
ul.actions li.view a span {background-image: url(../images/button_view.gif); width: 86px}

#activity {clear: both; height: 47px; overflow: hidden; background-image: url(../images/back_activity.gif)}
#activity iframe {margin: 14px 0 0 175px; padding: 0; width: 800px; border: 0}

#activity ul {margin: 0; padding: 14px 0 0 175px; list-style: none}
#activity ul li {display: block; float: left; padding: 0 10px; border-right: 1px solid #cccccc; font-size: 11px}
#activity ul li.last {border-right: 0}
#activity ul li b {font-size: 15px; color: #9E141D; margin-left: 5px}

#btf {clear: both; padding-top: 10px}

#more {width: 650px; height: 210px; padding: 10px 0 0 0; float: left; margin-right: 10px; background-image: url(../images/back_more.gif)}

#why {width: 609px; padding: 10px 20px; float: left}
#why h3 {font-size: 28px; letter-spacing: -1px; color: #333333; font-weight: normal; margin: 0}
#why p.first {margin-top: 5px}
#why p {margin: 10px 0 0 0}

#members {width: 179px; padding: 10px 20px; float: left; border-left: 1px solid #DFCE9C}
#members h4 {font-size: 22px; letter-spacing: -1px; color: #333333; font-weight: normal; margin: 0}
#members ul.bullets {margin: 10px 0 5px 0; padding: 0; list-style: none}
#members ul.bullets li {background-image: url(../images/bullet.gif); background-position: 0 6px; background-repeat: no-repeat; padding: 2px 0 3px 12px}

#getstarted {width: 314px; height: 214px; float: left; padding: 3px; background-image: url(../images/back_getstarted.gif)}
#getstarted h3 {background-color: #640B10; margin: 0 0 2px 0; padding: 10px 20px 15px 20px; color: #ffffff; font-weight: normal; font-size: 28px; letter-spacing: -1px; line-height: .8em}
#getstarted h3 span {text-transform: uppercase; font-size: 16px; letter-spacing: 0}
#getstarted ul {margin: 0; padding: 0; list-style: none}
#getstarted ul li {display: block; float: left; width: 314px; padding: 1px 0; border-bottom: 1px solid #cccccc}
#getstarted ul li.last {border-bottom: 0}
#getstarted ul li a {display: block; float: left; padding: 0px 2px 0px 6px; width: 306px; color: #323232; background-image: url(../images/back_steps.gif); background-repeat: repeat-y}
#getstarted ul li a:hover {background-image: none; background-color: #640B10; color: #ffffff}
#getstarted ul li a b {color: #ffffff; font-size: 16px; margin-right: 10px}
#getstarted ul li span {display: none}

#footer {clear: both; background-image: url(../images/back_footer.gif); background-position: 0 25px; background-repeat: no-repeat; border-top: 1px solid #9e141d; padding-bottom: 30px}
#footer p {font-size: 11px; color: #CD898D; margin: 40px 20px 20px 20px; float: left}
#footer #partners {float: right; margin: 33px 0 0 0; padding: 8px 0 0 90px; background-image: url(../images/back_partners.gif); background-repeat: no-repeat; width: 154px; height: 30px; overflow: hidden}
#footer #partners ul {margin: 0; padding: 0; list-style: none}
#footer #partners ul li {display: block; float: left; background-image: none}
#footer #partners ul li a {display: block; float: left}

p.spacer {height: 200px}

.inner ul {list-style: square}
.inner ul li {padding-bottom: 10px}

p.title {margin-bottom: 0}
p.desc {margin: 0 0 5px 0}
a.pdf {display: block; background-image: url(../images/pdf.gif); background-repeat: no-repeat; padding: 4px 0px 15px 27px; font-weight: bold}
