/* @group header */

#header-wrapper {
        border-bottom: 1px solid #fff;
        background: #fff url(/images/header-bg.gif) repeat-x 0 bottom;
        padding-top: 20px;
}

#header {
        width: 940px;
        margin: 0 auto;
        position: relative;
}

/* @end */

/* @group alternate navigation */

#alt-nav {
        position: absolute;
        top: -5px;
        right: 0;
        font-size: .85em;
}

#alt-nav li {
        float: left;
        margin: 0 0 0 20px;
        padding: 0;
        background: transparent;
}

#alt-nav li a {
        background-repeat: no-repeat;
        display: block;
        text-decoration: none;
        padding-left: 20px;
        color: #666;
}

#alt-nav li#alt-homepage a {
        background-image: url(/images/a-homepage-bg.gif);
        background-position: 0 2px;
}

#alt-nav li#alt-sitemap a {
        background-image: url(/images/a-sitemap-bg.gif);
        background-position: 0 3px;
}

#alt-nav li#alt-contact a {
        background-image: url(/images/a-contact-bg.gif);
        background-position: 0 5px;
}

#alt-nav li#alt-login a {
        background-image: url(/images/a-login-bg.gif);
        background-position: 0 7px;
        font-weight: bold;
}

#alt-nav li a:hover {
        color: #434037;
        text-decoration: underline;
}

/* @end */

/* @group navigation */

#nav {
        position: absolute;
        top: 26px;
        left: 160px;
        margin: 0;
        width: 780px;
}

#nav li {
        float: left;
        margin: 30px 5px 0 0;
        padding: 0;
        background: none;
        line-height: 30px;
        text-shadow: #fff 0 1px 0;
}

#nav li a {
        display: block;
        padding-left: 15px;
        font-size: 1.1em;
        text-decoration: none;
        background: url(/images/nav-a-span-bg.gif) 0 31px no-repeat;
}

#nav li a span {
        display: block;
        padding-right: 15px;
        background: url(/images/nav-a-bg.gif) right 31px no-repeat;
        padding-bottom: 1px;
}

#nav li a:hover {
        background-position: 0 -31px;
        color: #000;
}

#nav li a:hover span {
        background-position: right -31px;
}

#nav li a:active,
#product #nav li#nav-product a,
#blog #nav li#nav-blog a,
#customers #nav li#nav-customers a,
#forum #nav li#nav-forum a,
#partners #nav li#nav-partners a,
#about #nav li#nav-about a {
        background-position: 0 0;
}

#nav li a:active span,
#product #nav li#nav-product a span,
#blog #nav li#nav-blog a span,
#customers #nav li#nav-customers a span,
#forum #nav li#nav-forum a span,
#partners #nav li#nav-partners a span,
#about #nav li#nav-about a span {
        background-position: right 0;
}

#nav li#nav-goldenticket {
        float: right;
        margin-top: 0;
        margin-left: 20px;
        margin-right: 0;
}

#nav li#nav-goldenticket a {
        width: 190px;
        padding: 30px 15px 11px 15px;
        background: url(/images/goldenticket-bg.gif) no-repeat;
        color: #fff;
        text-shadow: #465871 0 1px 0;
}

#nav li#nav-goldenticket a span {
        display: inline;
        padding: 0;
        background: none;
}

/* @end */

/* @group secondary navigation */

#sec-nav-wrapper {
        height: 50px;
        background: #496488 url(/images/sec-nav-bg.gif) repeat-x;
        text-shadow: #2e5282 0 -1px 0;
}

#sec-nav-wrapper input.text {
        border-color: #2e5282;
        border-bottom-color: #567297;
        border-right-color: #567297;
        width: 192px;
}

#sec-nav {
        width: 940px;
        margin: 0 auto;
        position: relative;
}

#sec-nav ul {
        position: absolute;
        right: 0;
        top: 0;
        line-height: 50px;
}

#sec-nav ul li {
        float: left;
        padding: 0;
        margin: 0;
        background: none;
}

#sec-nav ul li.nolink {
        padding: 0 20px;
        text-shadow: none;
}

#sec-nav ul li a {
        display: block;
        padding: 0 20px;
        color: #cad8eb;
        text-decoration: none;
        background: #3c577a url(/images/sec-nav-bg.gif) repeat-x 0 0;
}

#sec-nav ul li a:hover {
        color: #fff;
        background-position: 0 -50px;
}

#sec-nav ul li.selected a, #sec-nav ul li.selected a:hover {
        color: #fff;
        background-position: 0 -100px;
}

#sec-nav ul li a.rss {
        background: #3c577a url(/images/sec-nav-rss-bg.gif) repeat-x -2px 0;
        padding-left: 40px;
}

#sec-nav ul li a.rss:hover {
        background-position: -2px -50px;
}

/* @end */

/* @group content */

#content-wrapper {
        background-color: #fff;
}

#content {
        width: 940px;
        margin: 0 auto;
        padding: 20px 0 1px 0;
        min-height: 400px;
}

/* @end */

/* @group footer */

#footer-wrapper {
        background: url(/images/footer-bg.gif) repeat-x;
        padding-top: 40px;
        margin-top: -15px;
}

#footer {
        width: 940px;
        margin: 0 auto;
        color: #b5b1a7;
}

/* @end */

/* @group columns */

/* @group sixpack */

#sixpack {
        margin-left: -20px;
        position: relative;
}

#sixpack div {
        margin-left: 20px;
        float: left;
        width: 140px;
        position: relative;
}

#sixpack li {
        padding: 0;
        background: none;
}

#sixpack a {
        display: block;
        width: 140px;
}

/* @end */

.clear {
        clear: both;
        padding-top: 1px;
}

#hassb {
        width: 700px;
        float: left;
}

#hassb.alt {
        width: 540px;
        margin-left: 160px;
}

#sec-sb {
        width: 140px;
        float: left;
        margin-right: -140px;
}

#sb {
        width: 200px;
        float: right;
        padding-left: 19px;
        border-left: 1px solid #ddd;
        margin-top: -10px;
        padding-top: 10px;
}

#sb.alt {
        padding: 0;
        border: 0;
        width: 220px;
        margin-top: 0;
}

#sb.alt div.node {
        padding: 0 10px 1px;
        margin: 0 0 15px;
        background: #eaedf1 url(/images/node-bg.gif) no-repeat 0 bottom;
}

#sb.alt div.node h5 {
        padding: 10px 10px 8px;
        margin: 0 -10px 10px;
        background: #dde2e8 url(/images/node-h5-bg.gif) no-repeat 0 0;
        border-bottom: 1px solid #ced6e0;
}

#sb.alt div.node h5 a {
        display: block;
        color: #434037;
}

#sb.alt div.node p, #sb.alt div.node ul {
        margin-bottom: 10px;
}

#sb.alt div.node img {
        margin-bottom: 5px;
}

/* @end */

/* @group images */

a.img {
        line-height: 100%;
}

a.img.right {
        float: right;
        margin: 0 0 5px 10px;
}

div.img {
        line-height: 100%;
        margin-bottom: 15px;
        float: left;
        margin-left: -160px;
        margin-right: 20px;
}

div.img.alt {
        float: right;
        margin: 0 0 10px 20px;
}

div.img.lg {
        margin-right: 0;
}

div.img img, p.img img {
        padding: 2px;
        border: 1px solid #ddd;
}

div.img.alt img {
        padding: 0;
        border: none;
}

div.img p {
        font-size: .85em;
        color: #666;
        float: left;
        margin-bottom: 5px;
}

/* @end */

/* @group third nav */

#third-nav li {
        padding: 0;
        margin: 0;
        background: none;
}

#third-nav ul {
        margin: 0;
}

#third-nav li a {
        display: block;
        text-decoration: none;
        line-height: 20px;
        border-bottom: 1px solid #fff;
        width: 130px;
        background-color: #e7f1fb;
        color: #2e5282;
        padding: 5px;
        text-shadow: #fff 0 1px 0;
}

#third-nav li.selected a, #third-nav li li.selected a {
        margin-right: -12px;
        padding-right: 17px;
        background-image: url(/images/third-nav-selected.gif);
        background-repeat: no-repeat;
        position: relative;
        background-position: right center;
}

#third-nav li.selected li a {
        margin-right: 0;
        padding: 5px;
        background-image: none;
        background-color: #e7f1fb;
}

#third-nav li a:hover {
        color: #434037;
        text-decoration: underline;
}

#third-nav li li a {
        background-color: #e7f1fb;
        color: #2e5282;
        padding: 5px;
        text-shadow: #fff 0 1px 0;
        font-size: .95em;
}

#third-nav li li a:hover {
        color: #434037;
}

/* @end */