.clear { clear: both; }

html { background: #021B31; }
#wok-body { background: white; }

.wrapper { position: relative; width: 100%; }
.wrapped { width: 960px; margin: 0 auto; position: relative; }

#wok-banner { border-top: 5px solid #021b31; }

#gallery { height: 360px; overflow: hidden; display: none; }
#gallery ul { list-style: none; margin: 0; padding-left: 0; }
.gallery-item { position: relative; height: 360px; background: white; }
.gallery-image { height: 360px; overflow: hidden; }
.gallery-image img { display: block; }
.gallery-content { position: relative; height: 76px; padding: 3px 10px; width: 840px; margin: -96px auto 0 auto;
                   /* background: rgba(2,27,49,0.65); */ background: url(gallery-background.png);
                   color: white; }
.gallery-content h2 { font-size: 19px; margin-bottom: 1px; }
.gallery-content h2 a { color: #86A2B7; text-decoration: none; }
.gallery-content h3 { color: white; font-size: 13px; font-weight: bold; margin-bottom: 2px; }

a.gallery-prev,
a.gallery-next { display: block; position: absolute; top: 0; height: 82px; width: 20px; }
a.gallery-prev { left: -21px; background: url(gallery-prev.png) no-repeat; }
a.gallery-next { right: -21px; background: url(gallery-next.png) no-repeat; }
a.gallery-prev span,
a.gallery-next span { display: none; }

#wok-header-wrapper { background: #021b31 url(header-background.png) repeat-x; height: 110px; }
#wok-header { height: 100%; }
#wok-header-title h1 { margin: 0px; }
#wok-header-title h1 img { margin-left: 10px; }
#wok-header-title h1 span { visibility: hidden; }

#wok-extra-nav { position: absolute; top: 0; right: 0; z-index: 100; font-size: 11px; }
/* begin workaround for IE7 z-index bug to make the above work */
#gallery { z-index: -10; position: relative; }
#wok-header-wrapper { z-index: -5; position: relative; }
#wok-body, #gallery, #wok-header-wrapper, #wok-main-panel-wrapper { z-index: 0; position: relative; }
 /* end workaround */
#wok-body { z-index: 0; position: relative; }
#wok-extra-nav ul { list-style: none; margin: 0 auto; padding: 0 20px; color: white; background: #021b31; float: left; }
#wok-extra-nav li { float: left; padding: 10px 20px; font-weight: bold; }
#wok-extra-nav a { color: white; text-transform: uppercase; text-decoration: none;}

#wok-main-nav { position: absolute; bottom: 0; right: 0; font-size: 11px; font-weight: bold; }
#wok-main-nav ul { list-style: none; margin: 0; padding-left: 0; float: left; }
#wok-main-nav li { float: left; padding: 5px 4px; }
#wok-main-nav a { text-transform: uppercase; text-decoration: none; color: white; }


#wok-main-panel-wrapper { background: white; }
#wok-main-panel { background: white; padding-top: 5px; }
#wok-main-panel .header h2 { font-family: Bookman, serif; }
#wok-main-panel .column-large .header { margin-bottom: 0; }
#wok-main-panel .column-large .header h2 { position: relative; display: inline-block; margin: 0;
                                           bottom: -0.40em; line-height: 1.5em; z-index: 10;
                                           font-size: 30px; color: #021b31; }
#wok-main-panel .column-large .header span { background: white; display: inline-block; padding-right: 10px; }
#wok-main-panel .column-large .content { border-top: 1px solid #86a2b7; text-align: justify;
                                         padding-top: 3ex; margin-left: 100px; }
#wok-main-panel .column-large .content h3 { font-weight: bold; color: #86A2B7; margin-bottom: 10px; font-size: 1em; }

#wok-main-panel .column-small .header { position: relative; background: #021b31; color: white; margin-bottom: 10px;
                                        padding: 1px 5px; }
#wok-main-panel .column-small .header h2 { font-size: 18px; color: white; margin-bottom: 0; }
#wok-main-panel .column-small .header h2 a { color: white; text-decoration: none; }
#wok-main-panel .column-small .header h2 a:hover { color: #86A2B7; }
#wok-main-panel .column-small .expander { position: absolute; top: 3px; right: 3px; }
#wok-main-panel .column-small .expander button { float: left; margin-left: 2px; border: none;
                                                 height: 18px; width: 18px;
                                                 font-size: 14px; font-weight: bold;
                                                 background: #86a2b7; color: white; }
#wok-main-panel .column-small .content .icon { position: absolute; left: -60px; display: inline-block; padding: 2px; border: 1px solid #86a2b7; margin-right: 5px; }
#wok-main-panel .column-small .content { xmargin-left: 60px; color: #123f60; }
#wok-main-panel .column-small .content h3 { font-weight: bold; color: #86a2b7; margin-bottom: 2px; font-size: 1em; }
#wok-main-panel .column-small .content h3 a { color: #86a2b7; text-decoration: none; }

#wok-footer { background: #021b31; color: #86a2b7; float: left; }
#wok-footer h2 { text-transform: uppercase; margin-bottom: 5px; }
#wok-footer .footer-box { float: left; padding: 20px; }
#wok-footer .footer-separator { float: left; width: 1px; background: #86a2b7; height: 80px; margin-top: 30px; }
#wok-footer a { color: #86a2b7; text-decoration: none; }
#wok-footer ul { list-style: none; }
#wok-footer .content { margin: 0; }

.icon img { display: block; }

.column-small { float: left; width: 290px; margin-left: 50px; margin-top: 20px; }
.box-small { margin: 10px 0 10px 10px; }
.box-small ul { list-style: none; padding-left: 0; margin: 5px 0 20px 10px; }
.box-small li { margin-bottom: 10px; min-height: 40px; }

.column-large { float: left; width: 610px; margin-left: 10px; }
.box-large { margin: 10px; }
.box-large.left { margin-right: 5px; }
.box-large.right { margin-left: 5px; }
.box-large .goto { display: block; text-align: right; margin: 10px 0 20px 0; }
.box-large.right img { float: left; margin: 0 5px 5px 0; }

.column-full { float: left; width: 860px; }
.box-full { margin: 10px; }
.box-full .images { float: right; margin: 0 0 20px 20px; clear: right; }

#wok-main-panel .content { position: relative; text-align: left; }

#wok-main-panel .box-full .content { padding: 14px; }

.toolbar-edit { float: right; color: #123F60; margin: 20px 0 0 0; }
.toolbar-edit a { display: inline; color: inherit; }

#wok-main-panel .home-page .column-large .summary { color: #021B31; font-weight: bold; margin-bottom: 10px; }

#wok-main-panel .content-page { min-height: 500px; }
#wok-main-panel .content-page .column-large { width: 650px; }
#wok-main-panel .content-page .column-large .summary { color: #86A2B7; font-weight: bold; margin-bottom: 10px; }

#wok-main-panel .content-page .column-large .content { margin-left: 0; }
#wok-main-panel .content-page .column-large .content .images + .summary + .text { margin-left: 230px; }
#wok-main-panel .content-page .column-large .images { float: left; width: 210px; margin-right: 20px; }

#wok-main-panel .content-page .column-small { width: 280px; margin-left: 20px; }

#wok-main-panel .home-page .column-small .logo img { display: block; margin: 30px auto; }
#wok-footer { font-size: 12px; }
#wok-footer ul { list-style: none; margin: 0; padding-left: 0; }
#wok-footer h2 { font-size: 1em; }
#wok-footer .contacts .logo { position: absolute; left: 10px; top: 10px; }
#wok-footer .logo img { display: block; float: left; margin: 0 0 10px 0; position: relative; left: -10px; }