body {
margin: 0;
background-image:url(../img/backgrounds/body.gif);
background-repeat: repeat-x;
background-position: left top;
background-color: #ebefdd;
text-align:center;
font-family:sans-serif, Arial, Helvetica;
}

a {
color: #184b7d;
}

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

img {
border: 0;
}

#wrapper {
margin: auto;
width:1024px;
text-align:left;
}

#logo {
width: 484px;
height: 130px;
background-image: url(../img/header/logo.gif);
float: left;
}

#softright {
width: 291px;
height: 116px;
background-image: url(../img/header/softright.gif);
float: right;
}

#nav {
padding: 16px 38px 0 25px;
height: 26px;
}

#navLeft {
float: left;
}

#navLeft a {
background-position: 0 0;
display: block;
float: left;
height: 26px;
margin-right: 6px;
}

#navLeft a:hover, #navLeft a.active {
background-position: 0 -26px;
}

#keynote {
background-image: url(../img/nav/left/keynote.gif);
width: 111px;
}

#meeting {
background-image: url(../img/nav/left/meeting.gif);
width: 111px;
}

#events {
background-image: url(../img/nav/left/events.gif);
width: 111px;
}

#training {
background-image: url(../img/nav/left/training.gif);
width:130px;
}

#navRight {
padding-top: 3px;
float: right;
}

#navRight a {
background-position: 0 0;
display: block;
float: left;
height: 18px;
margin-left: 27px;
}

#navRight a:hover, #navRight a.active {
background-position: 0 -18px;
}

#contact {
background-image: url(../img/nav/right/contact.gif);
width: 92px;
}

#retailreport {
background-image: url(../img/nav/right/retailreport.gif);
width: 120px;
}

#mid {
padding-top: 14px;
}

#flashvid {
float:left;
width: 462px;
height: 319px;
padding-left: 39px;
background-image: url(../img/mid/flashvid.gif);
background-position: 0 0;
background-repeat: no-repeat;
}

#aboutbox {
float: right;
background-image: url(../img/mid/aboutbox.gif);
background-position: 0 0;
background-repeat: no-repeat;
width: 485px;
height: 190px;
margin-top: 35px;
margin-right: 38px;
}

#content {
padding: 0 38px;
}

#footer {
padding: 30px;
font-size: 11px;
text-align: center;
color: #76775d;
}

/***** CLASSES *****/

.spacer {
clear:both;
height: 0px;
overflow: hidden;
}

#content div.left {
float: left;
width: 462px;
}

#content div.right {
float: right;
width: 462px;
}

#content div.full {
clear: both;
width: 948px;
}

#content h1 {
background-image: url(../img/content/h1back.gif);
background-position: 0 bottom;
background-repeat: repeat-x;
padding-top: 11px;
height: 41px;
font-size: 28px;
color: #184b7d;
font-weight:lighter;
margin: 0;
margin-bottom: 25px;
}

#content h2 {
font-size: 14px;
color: #82a617;
font-weight: bold;
margin: 0;
margin-bottom: 15px;
}

#content p, #content ul {
font-size: 12px;
color: #76775d;
line-height: 140%;
}

#content p {
margin: 0;
margin-bottom: 15px;
text-align: justify;
}

#content ul {
margin: 0 20px 15px 20px;
padding: 0;
}

#content ul li {
margin: 0;
padding: 0;
}

#content p.quote {
font-style: italic;
}

#content p.quoter {
font-weight: bold;
color: #3e3e2f;
}

#content div.hspacer {
margin: 15px 0;
height: 1px;
overflow: hidden;
background-image: url(../img/content/hspacer.gif);
}

#content .nobottommargin {
margin-bottom: 0;
}

.clickable {
cursor: pointer;
}

#content img.imagebox {
float: left;
display: block;
margin-right: 6px;
background-image: url(../img/content/imagebox.gif);
padding: 15px 10px;
}

#content .dark {
color: #3e3e2f;
font-weight: bold;
}

#content .hoverLink {
background-position: 0 0;
display: block;
float: left;
height: 18px;
}

#content .hoverLink:hover {
background-position: 0 -18px;
}