/*---------------------------------  Styles.css  ---*/

body {
    background:url(/images/body-bg.gif);
    font-family:Arial, Helvetica, sans-serif;
    padding:0;
    margin:0;
    text-align:center;
    color:#ddd7cd;
}

#page {
    margin:0 auto;
    width:1016px;
    text-align:left;
    clear:both;
    position:relative;
}

h1 {
    color:#ffffff;
    font-size:24px;
    background:url(/images/header-1-bg.gif) no-repeat bottom right;
    line-height:36px;
    margin-bottom:15px;
}

h2 {
    color:#ffffff;
    font-size:20px;
    background:url(/images/header-2-bg.gif) repeat-x bottom right;
    line-height:36px;
    margin-bottom:15px;
}

h3 {
    font-family:Georgia,"Nimbus Roman No9 L",serif;
    font-size:18px;
    font-weight:bold;
    font-style:italic;
    margin-bottom:10px;
}

h4 {
    font-size:15px;
    color:#ffffff;
    font-weight:bold;
    margin-bottom:10px;
}

a {
    color:#bbdd33;
    text-decoration:none;
}

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

address {
    color:#ddd7cd;
    font-size:13px;
    margin-top:15px;
}

a.mailto {
    color:#ada495;
    font-size:13px
}

p {
    font-size:13px;
    margin:0px 0px 15px;
}

em {
    font-style: italic;
}

strong {
    color:#bbdd33;
    font-weight:inherit;
}

span.accent {
    color:#bbdd33;
    font-weight:inherit;
}

img.bullet {
    display:inline;
    float:left;
    margin:3px 10px 0 0;
}

blockquote p {
    font-family:Georgia,"Nimbus Roman No9 L",serif;
    font-size:20px;
    font-weight:bold;
    font-style:italic;
}

.assets {
    font-family:Georgia,"Nimbus Roman No9 L",serif;
    font-style:italic;
}

/*---Header elements---*/
#cup {
    position:relative;
    margin-bottom:-150px;
    width:100%;
    height:150px;
    background:url(/images/cup-bg.gif) repeat-x left top;
}
#logo {
    position:absolute;
    top:27px;
    left:53px;
    z-index:2;
}

#main-menu {
    position:absolute;
    top:52px;
    right:70px;
    z-index:2;
}
#main-menu li {
    float:left;
    list-style:none;
    margin:0 5px;
}
#main-menu li a {
    color:#ffffff;
    font-size:18px;
    font-weight:bold;
    line-height:102px;
    border-bottom:1px dotted #ffffff;
}
#main-menu li a.active,
#main-menu li a:hover {
    color:#bbdd33;
}
#main-menu li.separator {
    background:url(/images/separator-main-menu.gif) no-repeat;
    width:5px;
    height:102px;
}

#sound-switch {
    position:absolute;
    right:71px;
    top:25px;
    width:14px;
    height:10px;
    background:url(/images/sound-ico.gif) no-repeat top;
}
#sound-switch .mute {
    background-position:bottom;
}

#top-menu {
    position:absolute;
    top:16px;
    right:100px;
}
#top-menu li {
    float:left;
    list-style:none;
    margin:0 2px;
    color:#ffffff;
}
#top-menu li a {
    color:#ffffff;
    font-size:12px;
}
#top-menu li a.active,
#top-menu li a:hover {
    color:#bbdd33;
}

/*---Banner---*/
#banner {
    width:100%;
    margin-top:87px;
    float:left;
    position:relative;
}
#banner {
    height:402px;
    background:url(/images/banner-bg-inner.jpg) no-repeat;
}
#banner.extended {
    height:554px;
    background:url(/images/banner-bg-home.jpg) no-repeat;
}
#banner .slide {
    position:absolute;
    left:78px;
    bottom:15px;
}
#banner.extended .slide {
    bottom:115px;
}
#banner h3 {
    font-size:24px;
    margin-bottom:35px;
}
#banner .assets {
    position:absolute;
    top:165px;
    left:635px;
    width:305px;
}
#banner .assets a {
    font-size:17px;
}
#banner .more-images {
    position:absolute;
    bottom:30px;
    left:560px;
    display:block;
    width:23px;
    height:21px;
    background:url(/images/more-images.gif) no-repeat top;
}
#banner .more-images:hover {
    background-position:bottom;
}
#banner p {
    margin:0;
}

#suppliers-menu {
    position:absolute;
    width:860px;
    height:102px;
    background:url(/images/suppliers-menu-bg.gif) repeat-x;
    bottom:20px;
    right:78px;
}
#suppliers-menu ul li {
    float:left;
    list-style:none;
}
#suppliers-menu ul li.separator {
    width:3px;
    height:102px;
    background:url(/images/suppliers-separator.gif) no-repeat;
}
#suppliers-menu ul li a {
    background-position:left top;
    float:left;
    width:212px;
    height:102px;
}
#suppliers-menu ul li a:hover {
    background-position:left bottom;
}
.slide-control {
    width:212px;
    height:102px;
}

/*---Breadcumbs---*/
#breadcrumbs {
    float:left;
    clear:both;
    margin:10px 0 -35px 80px;
}
#breadcrumbs ul li {
    float:left;
    color:#ddd3c6;
    font-size:12px;
    list-style:none;
    margin:0 2px;
}
#breadcrumbs ul li a {
    color:#ddd3c6;
    font-size:12px;
    border-bottom:1px dotted #ffffff;
}


/*---MAIN COLUMN---*/
#content {
    float:left;
    clear:left;
    width:593px;
    margin:50px 0 0 80px;
}
#content .assets {
    padding:10px;
}
#content ul {
    padding-left:40px;
}


/*---SIDEBAR---*/
#sidebar {
    float:right;
    width:225px;
    margin:50px 78px 0 0;
    position:relative;
}
#sidebar ul {
    margin-bottom:20px;
}
#sidebar ul li {
    list-style:none;
    color:#ddd3c6;
    font-size:18px;
    font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
}
#sidebar ul li a {
    color:#ddd3c6;
    font-size:16px;
    font-family:Arial, Helvetica, sans-serif;
}
#sidebar ul li a.active,
#sidebar ul li a:hover {
    color:#bbdd33;
}
#sidebar ul li.separator {
    width:248px;
    height:1px;
    background:url(/images/sidebar-separator.gif) no-repeat;
    margin:4px 0 4px -22px;
}
#sidebar h3 {
    color:#ffffff;
    font-weight:bold;
    font-style:normal;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
}

/*---Footer---*/
#footer {
    clear:both;
    background:transparent url(/images/header-2-bg.gif) repeat-x right bottom;
    margin:0 60px;
    padding:20px 20px 0;
}
#copyright {
    color:#ada495;
    font-size:11px;
    float:left;
    margin-top:7px;
}
#copyright strong {
    color:#ffffff;
}
#bottom-menu {
    float:left;
    margin-left:20px;
}
#bottom-menu li {
    float:left;
    list-style:none;
    margin:0 2px;
    color:#ffffff;
}
#bottom-menu li a {
    color:#ffffff;
    font-size:11px;
}
#bottom-menu li a.active,
#bottom-menu li a:hover {
    color:#bbdd33;
}
#contact {
    float:right;
    color:#bbdd33;
    font-size:17px;
    font-weight:bold;
    margin-left:50px;
}

/*---Read More---*/
a.readmore span {
    background:url(/images/readmore-bg-left.png) no-repeat left;
    padding-left:5px;
    float:left;
}
a.readmore span span {
    background:url(/images/readmore-bg-right.png) no-repeat right;
    height:22px;
    float:left;
    font-weight:bold;
    font-size:11px;
    padding:4px 10px 0 5px;
}

/*---Scollers---*/
#special-scroller {
    float:right;
    margin-top:-51px;
}
#special-scroller .button {
    float:left;
    cursor:pointer;
    margin:5px 0 0 3px;
}
#special-content {
    overflow:hidden;
    position:relative;
    width:225px;
    padding:0;
    margin:0;
}
#special-content .band {
    float:left;
    position:relative;
    z-index:1;
    width:950px;
    overflow:hidden;
    padding:0;
    margin:0;
}
#special-content .band div {
    float:left;
    width:225px;
    padding:0;
    margin:0;
    margin-right:45px;
}

/*---Forms---*/
.contact-form label {
    display:inline-block;
    text-align:right;
    width:87px;
    height:30px;
    color:#ddd7cd;
    vertical-align:top;
    font-size:15px;
    font-weight:bold;
    margin-right:15px;
    padding-top:2px;
}
.contact-form .textfield {
    width:250px;
}
.contact-form textarea {
    width:365px;
    height:105px;
}
.contact-form .required-fields {
    margin-left:20px;
    font-size:13px;
}
input.button {
    background:#554e43 url(/images/button.gif) no-repeat scroll 0 0;
    border:medium none;
    color:#ccee33;
    font-size:11px;
    font-weight:bold;
    height:22px;
    padding-bottom:4px;
    width:81px;
}
.button:hover {
    color:#dcd6cc;
}

/*---ARTICLE---*/

.entry {
    margin-bottom:20px;
}

.entry .info {
    margin-top:1em;
    font-size:1em;
}

.entry p {
    font-size:1.1em;
}

.posted {
    color:#918C7E;
    font-family:"lucida grande",arial,helvetica,verdana,sans-serif;
    font-size:10px;
    margin:-3px 0 5px;
    padding:0px;
}

.posted em {
    color:#451811;
    font-style:italic;
    margin:0px 6px;
    font-weight:bold;
}

.posted img {
    background:transparent none repeat scroll 0 0;
    border:medium none;
    margin:0 4px -5px 2px;
    text-decoration:none;
}


/*---STYLES---*/

#extra {
    margin-bottom:10px;
}

#extra .box {
    background-color:#e8f0f6;
    border-color:#D5E9F6;
}

#extra p {
    line-height:1.2em;
    margin:0px 0px 5px 0px;
}

#extra em {
    font-style:italic;
}

#extra span {
    color:#d26511;
    font-size:120%;
}

#player, #gallery {
    background:#FFFFFF;
    float:left;
    clear:both;
    margin:0px 15px 15px 0px;
    padding:3px;
    border:1px solid #a9cde5;
}

#gallery a,
#gallery a:hover,
#player a,
#player a:hover,
#extra img a,
#extra img a:hover {
    border-bottom:none !important;
    text-decoration:none !important;
}

#extra a img {
    margin-bottom:-3px;
}

.spot {
    margin-bottom:20px;
    clear:both;
}

.spot p {
    font-family:Verdana, sans-serif;
    font-size:11px;
    color:#333333;
    margin-top:0px;
}

.spot img {
    float:left;
    padding:0px 12px 10px 0px;
}

.box {
    padding:15px;
    border:1px solid #dbd6d1;
    background-color:#efedeb;
    margin-bottom:20px;
}

.box h3 {
    font-size:18px;
    margin-bottom:2px;
}

.box input {
    margin-top:5px;
}

.box input.email {
    font-size:10px;
    padding:3px;
    color:#a29e96;
    width:140px;
}

.box input.subscribe {
    width:70px;
    margin-left:5px;
    color:#232323;
}

.box ul {
    margin-left:20px;
}

.hidden {
    display:none;
}

.clear {
    clear:both;
}

/*---SITEMAP---*/

#sitemap ul {
    list-style-type:disc;
    margin:5px 0px 10px 35px;
    line-height:2em;
}

#sitemap li a {
    font-family:Helvetica, Arial, Verdana, sans-serif;
    font-size:180%;
    font-weight:bold;
    margin:0px;
    color:#451811;
    text-decoration:none;
    border-bottom:none;
}

#sitemap li a:hover {
    color:#902f1c;
    border-bottom:none;
}

#sitemap ul.second {
    font-size:80%;
}