/* normalize.css v1.0.2 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

/* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. */
html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/* Addresses `font-family` inconsistency between `textarea` and other form elements. */
html, button, input, select, textarea { font-family: sans-serif; }

/* Addresses margins handled incorrectly in IE 6/7. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/* Addresses `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/* Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; text-decoration: none; }

/* ========================================================================== Typography ========================================================================== */
/* Addresses font sizes and margins set differently in IE 6/7. Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

h2 { font-size: 1.5em; margin: 0.83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.67em; margin: 2.33em 0; }

/* Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/* Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/* Addresses styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/* Addresses styling not present in IE 6/7/8/9. */
mark { background: #ff0; color: #000; }

/* Addresses margins set differently in IE 6/7. */
p, pre { margin: 1em 0; }

/* Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; }

/* Improves readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* Addresses CSS quotes not supported in IE 6/7. */
q { quotes: none; }

/* Addresses `quotes` property not supported in Safari 4. */
q:before, q:after { content: ''; content: none; }

/* Addresses inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/* Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Lists ========================================================================== */
/* Addresses margins set differently in IE 6/7. */
dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

/* Addresses paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }

/* Corrects list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ========================================================================== Embedded content ========================================================================== */
/* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. 2. Improves image quality when scaled in IE 7. */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/* Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/* Corrects margin displayed oddly in IE 6/7. */
form { margin: 0; }

/* Define consistent border, margin, and padding. */
fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/* 1. Corrects color not being inherited in IE 6/7/8/9. 2. Corrects text not wrapping in Firefox 3. 3. Corrects alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }

/* 1. Corrects font size not being inherited in all browsers. 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. 3. Improves appearance and consistency in all browsers. */
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

/* Addresses Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Corrects inability to style clickable `input` types in iOS. 3. Improves usability and consistency of cursor style between image-type `input` and others. 4. Removes inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

/* Re-set default cursor for disabled elements. */
button[disabled], input[disabled] { cursor: default; }

/* 1. Addresses box sizing set to content-box in IE 8/9. 2. Removes excess padding in IE 8/9. 3. Removes excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

/* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/* Removes inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* Removes inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Removes default vertical scrollbar in IE 6/7/8/9. 2. Improves readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/* Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/* HTML5 Boilerplate  What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team. */
/* ========================================================================== Base styles: opinionated defaults ========================================================================== */
html, button, input, select, textarea { color: #222; }

body { font-size: 1em; line-height: 1.4; }

/* Remove text-shadow in selection highlight: h5bp.com/i These selection declarations have to be separate. Customize the background color to match your design. */
::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

/* A better looking default horizontal rule */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

/* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
img { vertical-align: middle; }

/* Remove default fieldset styles. */
fieldset { border: 0; margin: 0; padding: 0; }

/* Allow only vertical resizing of textareas. */
textarea { resize: vertical; }

/* ========================================================================== Chrome Frame prompt ========================================================================== */
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ========================================================================== Weekendinc's custom styles ========================================================================== */
@font-face { font-family: "MyriadReg"; src: url('../fonts/myriadproregular.woff') format('woff'), url('../fonts/myriadproregular.ttf') format('truetype'), url('../fonts/myriadproregular.svg') format('svg'), url('../fonts/myriadproregular.eot') format('embedded-opentype'); font-weight: normal; font-style: normal; }

@font-face { font-family: "MyriadSemi"; src: url('../fonts/myriadprosemibold.woff') format('woff'), url('../fonts/myriadprosemibold.ttf') format('truetype'), url('../fonts/myriadprosemibold.svg') format('svg'), url('../fonts/myriadprosemibold.eot') format('embedded-opentype'); font-weight: normal; font-style: normal; }

body { background: white url(../images/bg_body.png); color: #333333; font: normal 13px sans-serif; }

a { text-decoration: none; }

input[type="search"], input[type="text"], input[type="password"], textarea, select { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) inset; }

.agreen { background: #006229; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00722f), color-stop(100%, #006229)); background-image: -webkit-linear-gradient(#00722f, #006229); background-image: -moz-linear-gradient(#00722f, #006229); background-image: -o-linear-gradient(#00722f, #006229); background-image: linear-gradient(#00722f, #006229); color: white !important; padding: 8px 20px; font: normal 13px "MyriadSemi", sans-serif; border: none; position: relative; top: -1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
.agreen:hover { background: #005323; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #006329), color-stop(100%, #005323)); background-image: -webkit-linear-gradient(#006329, #005323); background-image: -moz-linear-gradient(#006329, #005323); background-image: -o-linear-gradient(#006329, #005323); background-image: linear-gradient(#006329, #005323); }

.aorange { background: #FF8300; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff9700), color-stop(100%, #ff8300)); background-image: -webkit-linear-gradient(#ff9700, #ff8300); background-image: -moz-linear-gradient(#ff9700, #ff8300); background-image: -o-linear-gradient(#ff9700, #ff8300); background-image: linear-gradient(#ff9700, #ff8300); color: white !important; padding: 8px 20px; font: normal 13px "MyriadSemi", sans-serif; border: none; position: relative; top: -1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
.aorange:hover { background: #f07b00; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f08e00), color-stop(100%, #f07b00)); background-image: -webkit-linear-gradient(#f08e00, #f07b00); background-image: -moz-linear-gradient(#f08e00, #f07b00); background-image: -o-linear-gradient(#f08e00, #f07b00); background-image: linear-gradient(#f08e00, #f07b00); }

.adminedit { position: absolute; top: 0; right: 0; z-index: 10; background-color: rgba(0, 0, 0, 0.8); padding: 10px; }
.adminedit a { color: white; }

#adminpanel ul.tabs { list-style: none; margin: 0; padding: 0; }
#adminpanel ul.tabs li { margin: 0 15px 0 0; padding: 0; background: none; }
#adminpanel ul.tabs a { color: black; margin: 0; padding: 3px 8px; }
#adminpanel ul.tabs a:hover { color: #2242a2; background: none; font-weight: normal; padding: 3px 8px; }
#adminpanel ul.tabs .active a.active { color: white; background: #2242a2; font-weight: normal; padding: 3px 8px; }
#adminpanel ul.action-links { list-style: none; margin: 0; padding: 0; }
#adminpanel ul.action-links li { margin: 0; padding: 0; background: none; }
#adminpanel ul.action-links a { color: black; padding: 3px 8px; }
#adminpanel ul.action-links a:hover { color: #2242a2; }

.header { background: white url(../images/bg_header.gif) repeat-x bottom; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); min-width: 960px; }
.header h1 { margin: 0 0 2px; float: left; width: 287px; }
.header h1 .ir { background: url(../images/malciputra.jpg) no-repeat; width: 287px; height: 77px; display: block; }
.header .search { float: right; border-left: 1px solid #d6d6d6; padding: 0px 20px; height: 77px; }
.header .search p { margin: 27px 0 0; }
.header .search label { font: normal 15px "MyriadReg", sans-serif; margin-right: 10px; display: inline; }
.header .search input { outline: 0 none; }
.header .search input[type="search"] { border: 1px solid #cccccc; font-size: 12px; padding: 4px 8px; width: 150px; margin-right: 5px; }
.header .search select { border: 1px solid #cccccc; font-size: 14px; padding: 3px 8px; margin-right: 5px; }
.header .search select#category { width: 154px; }
.header .search select#floor { width: 100px; }
.header .search input[type="submit"] { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background: #2242a2 url(../images/icon_search.png) no-repeat 8px center; padding: 4px 15px 4px 30px; font: normal 13px "MyriadSemi", sans-serif; border: none; color: white; position: relative; top: -1px; }

.wcontent { position: relative; height: auto !important; height: 100%; min-height: 100%; }

.aside { position: absolute; width: 185px; }

.aside .nav { background: #2242a2 url(../images/bg_aside_blue.jpg); list-style: none; margin: 0; padding: 15px 0; }
.aside .nav li { text-transform: uppercase; font: normal 14px "MyriadSemi", sans-serif; margin: 0; }
.aside .nav li a { display: block; padding: 5px 10px 5px 20px; color: #9AAED7; text-shadow: 0 -1px 0 black; }
.aside .nav li a:hover { color: white; }
.aside .nav .active a { color: white; background: url(../images/icon_arrow_active.png) no-repeat left 4px; }
.aside .address { background: #00a03e; color: #90E3C7; padding: 15px 20px; margin-top: 2px; }
.aside .address h3 { margin: 0; font: normal 22px "MyriadReg", sans-serif; padding: 10px 0 0; color: white; }
.aside .address p { font-size: 12px; }
.aside .sosmed { margin-top: 2px; }
.aside .sosmed ul { list-style: none; padding: 0; margin: 0; }
.aside .sosmed li { float: left; margin: 0; }
.aside .sosmed a { display: block; height: 80px; background: url(../images/icon_sosmed.png) no-repeat; }
.aside .sosmed .fb { width: 92px; background-position: center 0px; background-color: #3253d9; }
.aside .sosmed .fb:hover { background-color: #2647cc; }
.aside .sosmed .tw { width: 91px; background-position: center -80px; background-color: #00acf0; margin-left: 2px; }
.aside .sosmed .tw:hover { background-color: #009ad6; }
.aside .chat { background: #2242a2 url(../images/icon_livechat.png) no-repeat 30px center; margin-top: 1px; }
.aside .chat a { margin: 0; font: normal 15px "MyriadReg", sans-serif; padding: 15px 10px 10px 60px; color: white; display: block; }
.aside .extras { padding: 15px 10px 15px 20px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e2e2e2), color-stop(100%, rgba(226, 226, 226, 0))); background-image: -webkit-linear-gradient(#e2e2e2, rgba(226, 226, 226, 0)); background-image: -moz-linear-gradient(#e2e2e2, rgba(226, 226, 226, 0)); background-image: -o-linear-gradient(#e2e2e2, rgba(226, 226, 226, 0)); background-image: linear-gradient(#e2e2e2, rgba(226, 226, 226, 0)); }
.aside .extras h3 { margin: 0; font: normal 22px "MyriadReg", sans-serif; color: #333333; }
.aside .extras ul { list-style: none; margin: 10px 0 0; padding: 0; }
.aside .extras li { margin-bottom: 5px; margin-left: 0px; }
.aside .extras a { color: #858585; font-size: 12px; }
.aside .extras a:hover { color: #393939; }
.aside .extras .memberof { margin-top: 30px; font-size: 11px; color: #b8b8b8; }
.aside .extras .cp { background: url(../images/ciputra.png) no-repeat 0 -22px; display: block; width: 100px; height: 22px; margin-top: 5px; }
.aside .extras .cp:hover { background-position: 0 -22px; }

.contentcl { position: relative; min-width: 844px; min-height: 1000px; top: 0px; margin-left: 187px; line-height: 135%; }
.contentcl h1.bar { margin: 0; font: normal 35px "MyriadReg", sans-serif; color: white; padding: 10px 15px; background: url(../images/bg_blue_bar.jpg); position: relative; margin-left: -2px; }

.singlepage .wcontent { min-width: 784px; }

.mainslide { overflow: hidden; position: relative; height: 350px; }
.mainslide .slider { width: 1000em; }
.mainslide .slider .blok { float: left; width: 851px; }
.mainslide .slider .blok a { color: white; }
.mainslide .slider .med { float: left; width: 562px; position: relative; }
.mainslide .slider .med img { width: 562px; }
.mainslide .slider .med p { position: absolute; bottom: 0; right: 0; margin: 0; background: rgba(0, 0, 0, 0.8) url(../images/icon_arrow_green.png) no-repeat 90% 90%; font: normal 24px "MyriadReg", sans-serif; width: 150px; padding: 15px 15px 50px; margin: 0 15px 15px 0; }
.mainslide .slider .small { float: left; width: 287px; margin-left: 2px; }
.mainslide .slider .sblok { position: relative; margin-bottom: 2px; }
.mainslide .slider .sblok p { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8); margin: 0; padding: 10px 15px; }
.mainslide .flex-direction-nav { position: absolute; top: 20px; right: 0; }
.mainslide .flex-direction-nav li { float: left; font: normal 14px "MyriadSemi", sans-serif; text-transform: uppercase; margin-left: 2px; }
.mainslide .flex-direction-nav a { padding: 18px 0; display: block; width: 95px; color: #4562a6; background: rgba(255, 255, 255, 0.5) url(../images/icon_paging_slide.png) no-repeat; }
.mainslide .flex-direction-nav a:hover { background: white url(../images/icon_paging_slide.png) no-repeat; }
.mainslide .flex-direction-nav .flex-prev { background-position: 20px 0; text-indent: 45px; }
.mainslide .flex-direction-nav .flex-prev:hover { background-position: 20px 0; }
.mainslide .flex-direction-nav .flex-next { background-position: 75% -50px; text-indent: 15px; }
.mainslide .flex-direction-nav .flex-next:hover { background-position: 75% -50px; }

.home h2 { font: normal 28px "MyriadReg", sans-serif; margin: 0; padding: 15px; }
.home h2 span { -webkit-border-radius: 50em; -moz-border-radius: 50em; -ms-border-radius: 50em; -o-border-radius: 50em; border-radius: 50em; padding: 0px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; text-align: center; width: 25px; height: 25px; line-height: 24px; position: relative; top: -3px; margin-left: 15px; }
.home .whatson { float: left; width: 844px; margin-right: 2px; }
.home .whatson h2 a { color: #ff8000; }
.home .whatson h2 a:hover { color: #e67300; }
.home .whatson h2 span { background: #ff8000; }
.home .whatson h2 span:hover { background: #e67300; }
.home .whatson h3 { margin: 0; font: normal 28px "MyriadSemi", sans-serif; }
.home .whatson h3 a { color: #333333; }
.home .whatson h3 a:hover { color: #ff8000; }
.home .whatson .date { font-weight: bold; font-size: 14px; margin: 0; }
.home .whatson .blok { border-top: 2px solid #ff8000; width: 280px; float: left; background: white; }
.home .whatson .small { width: 250px; height: 248px; padding: 15px 15px 15px; }
.home .whatson .small p { font-size: 13px; margin: 0 0 15px; }
.home .whatson .small .detail { margin-top: 15px; }
.home .whatson .small .detail img { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; -webkit-border-radius: 50em; -moz-border-radius: 50em; -ms-border-radius: 50em; -o-border-radius: 50em; border-radius: 50em; -webkit-box-shadow: 0 0 0 3px #ff8000; -moz-box-shadow: 0 0 0 3px #ff8000; box-shadow: 0 0 0 3px #ff8000; float: left; margin-right: 15px; margin-top: 22px; margin-bottom: 20px; width: 92px; }
.home .whatson .big { position: relative; height: 278px; }
.home .whatson .big .detail { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.6); padding: 15px; }
.home .whatson .big img { width: 280px; }
.home .whatson .big h3 { margin: 0; }
.home .whatson .big p { margin: 0; color: white; }
.home .whatson .big a { color: white; }
.home .whatson .big a:hover { color: #ff8000; }
.home .whatson .views-row .blok { margin-right: 2px; }
.home .whatson .views-row-3 .blok { margin-right: 0px; }
.home .livetweet { float: left; width: 280px; height: 344px; overflow: hidden; position: relative; margin-right: 2px; }
.home .livetweet h2 { color: #00acf0; }
.home .livetweet a { color: white; text-decoration: underline; }
.home .livetweet .icontweet { position: absolute; top: 275px; right: 10px; background: url(../images/bg_twitter.png) no-repeat; display: block; width: 73px; height: 61px; z-index: 1; }
.home .livetweet .tweets { background: #00acf0; border-left: 6px solid #0087bd; position: relative; }
.home .livetweet p { margin: 0; padding: 15px 15px 0; color: white; }
.home .livetweet .time { padding-top: 5px; color: #B7E5F7; font-size: 12px; }
.home .livetweet .chrip { height: 140px; -webkit-box-shadow: 0 1px 0 #00c7f5 inset; -moz-box-shadow: 0 1px 0 #00c7f5 inset; box-shadow: 0 1px 0 #00c7f5 inset; position: relative; z-index: 2; }
.home .livetweet .flex-viewport { height: 280px !important; }
.home .tenant { float: left; width: 562px; margin-right: 2px; }
.home .tenant h2 a { color: #2242a2; }
.home .tenant h2 a:hover { color: #1e398d; }
.home .tenant h2 span { background: #2242a2; }
.home .tenant h2 span:hover { background: #1e398d; }
.home .tenant ul { list-style: none; margin: 0; padding: 0; border-top: 2px solid #2242a2; background: white url(../images/bg_1px_ver.gif) repeat-y center; }
.home .tenant ul li { float: left; width: 261px; height: 110px; padding: 15px 10px; margin: 0px; border-bottom: 1px solid #e9e9e9; }
.home .tenant ul img { float: left; width: 98px; margin-right: 15px; }
.home .tenant ul .detail { float: left; width: 146px; }
.home .tenant ul a { color: #333333; }
.home .tenant ul a:hover { color: #2242a2; }
.home .tenant ul h3 { margin: 0; font: normal 16px "MyriadSemi", sans-serif; }
.home .tenant ul p { font-size: 12px; }
.home .explore { float: left; width: 280px; margin-right: 2px; }
.home .explore .magz { position: relative; }
.home .explore .magz a { color: white; display: block; }
.home .explore .magz img { width: 280px; }
.home .explore .magz p { position: absolute; bottom: 0; left: 0; right: 0; margin: 0; padding: 10px; font: normal 15px "MyriadReg", sans-serif; background: rgba(0, 0, 0, 0.6); }
.home .others { float: left; width: 280px; }
.home .others h3 { font: normal 20px "MyriadReg", sans-serif; margin: 0; }
.home .others p { margin: 0 0 10px; }
.home .others .club { margin-top: 64px; padding: 15px 15px 10px; background: url(../images/bg_clclub.jpg) no-repeat; color: white; height: 114px; }
.home .others .club a { font-weight: bold; color: white; }
.home .others .club a:hover { text-decoration: underline; }
.home .others .club input[type="text"] { background: white; border: 1px solid #006328; padding: 8px 5px; width: 150px; font-size: 12px; color: #333333; }
.home .others .club form { margin-top: 65px; }
.home .others .newsletter { margin-top: 2px; padding: 15px 15px 10px; background: white url(../images/bg_newsletter.gif) repeat-x top; }
.home .others .newsletter p { color: #666666; }
.home .others .newsletter input[type="text"], .home .others .newsletter input[type="email"] { background: white; border: 1px solid #cccccc; padding: 8px 5px; width: 150px; font-size: 12px; }

.wcontent { min-width: 784px; position: relative; }

.submenu { position: absolute; top: 0; left: 0; width: 170px; padding: 15px 15px 0; }
.submenu select { margin: 0 0 15px 20px; }
.submenu h3 { font: normal 18px "MyriadReg", sans-serif; margin: 0; padding: 0 0 15px; }
.submenu ul { list-style: none; margin: 0 0 15px; padding: 0; }
.submenu ul li { font-size: 13px; margin-bottom: 10px; padding-left: 20px; }
.submenu ul a { color: #999999; }
.submenu ul a:hover { color: #333333; }
.submenu ul .active { background: url(../images/icon_submenu.png) no-repeat 0px 3px; }
.submenu ul .active a { color: #333333; }

.group { min-height: 950px; position: relative; min-width: 614px; margin-left: 200px; }
.group h2 { margin: 0; padding: 10px 0 15px; font: normal 26px "MyriadReg", sans-serif; }
.group .item-list { width: 590px; }

.tenants, .facilities, .whatsonpage { background: url(../images/bg_wcontent.gif) repeat-y 0 0; }

.tenants .collumn { position: relative; }
.tenants .col1 { top: 0px; }
.tenants .col2 { top: 150px; }
.tenants .col3 { top: 300px; }
.tenants .col4 { top: 450px; }
.tenants .col5 { top: 600px; }
.tenants .col6 { top: 750px; }
.tenants .col7 { top: 900px; }
.tenants .col8 { top: 1050px; }
.tenants .col9 { top: 1200px; }
.tenants .col10 { top: 1350px; }
.tenants .col11 { top: 1500px; }
.tenants .col12 { top: 1650px; }
.tenants .col13 { top: 1800px; }
.tenants .col14 { top: 1950px; }
.tenants .col15 { top: 2100px; }
.tenants .col16 { top: 2250px; }
.tenants .col17 { top: 2400px; }
.tenants .col18 { top: 2550px; }
.tenants .col19 { top: 2700px; }
.tenants .accordion-header { width: 128px; height: 130px; cursor: pointer; position: absolute; top: 0; text-align: center; }
.tenants .accordion-header:hover span { border-color: #2443A8; }
.tenants .accordion-header span { border: 2px solid #eaeaea; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; width: 128px; height: 70px; padding: 15px 0; position: relative; }
.tenants .accordion-header img { width: 98px; }
.tenants .accordion-header p { margin: 10px 0 0; font-weight: bold; font-size: 12px; }
.tenants .active-header span { border-color: #2443A8; }
.tenants .tenant1 { left: 0px; }
.tenants .tenant2 { left: 150px; }
.tenants .tenant3 { left: 300px; }
.tenants .tenant4 { left: 450px; }
.tenants .accordion-content { display: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) inset; background: #234EB3; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #213ca0), color-stop(100%, #234eb3)); background-image: -webkit-linear-gradient(#213ca0, #234eb3); background-image: -moz-linear-gradient(#213ca0, #234eb3); background-image: -o-linear-gradient(#213ca0, #234eb3); background-image: linear-gradient(#213ca0, #234eb3); color: white; width: 583px; position: relative; top: 140px; }
.tenants .accordion-content:before { content: url(../images/arrow_tenant.png); position: absolute; top: -8px; }
.tenants .accordion-content h3 { font: normal 20px "MyriadSemi", sans-serif; margin: 0 15px; padding: 10px 0; }
.tenants .accordion-content p { margin: 0 15px; padding: 0 0 10px; }
.tenants .accordion-content .wdetail { border: 1px solid #3e60b7; -webkit-box-shadow: 0 1px 0 #172f79; -moz-box-shadow: 0 1px 0 #172f79; box-shadow: 0 1px 0 #172f79; padding: 15px; }
.tenants .accordion-content .wdetail img { float: left; margin-right: 15px; border: 4px solid white; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); width: 142px; }
.tenants .accordion-content .wdetail .detail { float: left; width: 385px; }
.tenants .accordion-content .wdetail .detail p { margin: 10px 0 0; }
.tenants .accordion-content .wdetail h4 { color: #87A2DE; font-size: 12px; margin-top: 0; }
.tenants .dtenant1:before { left: 55px; }
.tenants .dtenant2:before { left: 208px; }
.tenants .dtenant3:before { left: 360px; }
.tenants .dtenant4:before { left: 512px; }

.facilities .facslide .flex-control-nav { margin: 15px 0; }
.facilities .facslide .flex-control-nav li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
.facilities .facslide .flex-control-nav li a { background: #D3D3D3; width: 15px; height: 15px; margin-right: 10px; }
.facilities .facslide .flex-control-nav li .flex-active { background: #00A03E; }
.facilities .detail { width: 575px; padding-right: 15px; }

.whatsonpage .group { border-left: 1px solid #cccccc; }
.whatsonpage .blok { width: 562px; padding: 15px 15px 0; border-bottom: 1px solid #cccccc; }
.whatsonpage .blok h2 { font: normal 26px "MyriadReg", sans-serif; padding-bottom: 0; }
.whatsonpage .blok h2 a { color: black; }
.whatsonpage .blok h2 a:hover { color: #2242a2; }
.whatsonpage .blok .date { margin: 0; font-size: 12px; color: #999999; }
.whatsonpage .blok .img { float: right; margin-left: 25px; margin-bottom: 25px; }
.whatsonpage .blok .img img { padding: 4px; background: white; border: 1px solid #e7e7e7; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); width: 152px; }
.whatsonpage .single { width: 560px; padding: 15px; }
.whatsonpage .single .dsingle img { max-width: 560px !important; }
.whatsonpage .single .date { font-size: 12px; color: #999999; }
.whatsonpage .single .featuredimg { margin-left: -15px; }
.whatsonpage .single .featuredimg img { max-width: 592px; }
.whatsonpage .single a { color: #00a03e; }
.whatsonpage .single a:hover { text-decoration: underline; }
.whatsonpage .single h1 { font: normal 26px "MyriadReg", sans-serif; margin: 0; }
.whatsonpage .single h2 { font: normal 22px "MyriadReg", sans-serif; }
.whatsonpage .single h3 { font: normal 18px "MyriadReg", sans-serif; }
.whatsonpage .single h4 { font: normal 14px "MyriadReg", sans-serif; text-transform: uppercase; }
.whatsonpage .single ul { list-style: none; }
.whatsonpage .single ul li { background: url(../images/icon_bullet_green.png) no-repeat 0px 5px; padding-left: 20px; margin-bottom: 10px; }
.whatsonpage .single .imgleft, .whatsonpage .single .imgright { float: left; margin: 15px 15px 15px 0; }
.whatsonpage .single .imgleft img, .whatsonpage .single .imgright img { padding: 4px; background: white; border: 1px solid #e7e7e7; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); max-width: 545px; }
.whatsonpage .single .imgright { float: right; margin: 15px 0 15px 15px; }

.share { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; width: 592px; }
.share .left { float: left; width: 75px; padding: 15px; border-right: 1px solid #e5e5e5; font: normal 14px "MyriadSemi", sans-serif; }
.share .right { float: right; width: 465px; padding: 15px 10px 3px; }

.careers .wsubpage { border-top: 1px solid #cccccc; }

.magazine .wsubpage { border-bottom: 1px solid #cccccc; }
.magazine .mag { list-style: none; margin: 15px 0 0; padding: 0; }
.magazine li { float: left; width: 150px; background: none !important; padding: 0 !important; margin-right: 30px; }
.magazine li img { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); width: 150px; }
.magazine a:hover { text-decoration: none !important; }
.magazine .download { font: normal 13px "MyriadSemi", sans-serif; color: white; background: #ec7700 url(../images/icon_download.png) no-repeat 13px 5px; padding: 7px 15px 7px 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.magazine .download:hover { background: #d36a00 url(../images/icon_download.png) no-repeat 13px 5px; }

.club .featuredimg { margin-left: -2px; }

.contact label { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; width: 145px; font-weight: bold; }
.contact .required { color: #f8000c; }
.contact input[type="text"], .contact textarea { border: 1px solid #cccccc; padding: 6px 10px; width: 300px; }
.contact .send { margin-left: 145px; }
.contact .send em { font-size: 12px; color: #666666; }
.contact .send input[type="submit"] { width: 324px; }

.gallery .subpage ul { list-style: none; margin: 15px 0; padding: 0; }
.gallery .subpage ul li { background: none; padding: 0; }
.gallery .subpage a { color: black; }
.gallery .subpage a:hover { text-decoration: none; }
.gallery .album li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin-right: 16px; }
.gallery .album li img { -webkit-box-shadow: 0 0 0 3px #eaeaea; -moz-box-shadow: 0 0 0 3px #eaeaea; box-shadow: 0 0 0 3px #eaeaea; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.gallery .album li .cover { position: relative; }
.gallery .album li .cover:hover:before { content: url(../images/icon_view_album.png); position: absolute; padding-top: 90px; top: 0px; left: 0px; bottom: 0px; right: 0px; background: rgba(0, 0, 0, 0.8); text-align: center; }
.gallery h1 a { color: #999999 !important; }
.gallery h1 a:hover { text-decoration: underline !important; }
.gallery .all li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin-right: 5px; }
.gallery .all a { display: block; }
.gallery .all a img { border: 1px solid #cccccc; padding: 4px; background: white; width: 112px; }
.gallery .all a:hover img { border: 1px solid #2242a2; }

.notif { font: bold 15px sans-serif; color: white; margin-left: -2px; width: 751px; padding: 10px 15px 10px 50px; text-shadow: 0 1px 0 black; background-repeat: no-repeat; }

.notif.fail { background-color: #d90027; background-image: url(../images/icon_error.png); background-position: 18px 0; }

.notif.success { background-color: #00c340; background-image: url(../images/icon_ok.png); background-position: 18px 0; }

.subpage { min-height: 940px; background: white; width: 784px; margin: 2px 2px 0 0; padding: 15px; }
.subpage hr { margin: 15px -15px; }
.subpage .wsubpage { padding: 15px; }
.subpage .prologue { padding: 15px; }
.subpage a { color: #00a03e; }
.subpage a:hover { text-decoration: underline; }
.subpage h1 { font: normal 26px "MyriadReg", sans-serif; margin: 0; }
.subpage h2 { font: normal 22px "MyriadReg", sans-serif; margin-top: 0; }
.subpage h3 { font: normal 18px "MyriadReg", sans-serif; }
.subpage ul { list-style: none; }
.subpage ul li { background: url(../images/icon_bullet_green.png) no-repeat 0px 5px; padding-left: 20px; margin-bottom: 10px; }

.item-list { position: relative; }
.item-list ul.pager { list-style: none; margin: 0; padding: 15px; }
.item-list ul.pager li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin-right: 5px; }
.item-list .pager-first, .item-list .pager-last { display: none !important; }
.item-list .pager-previous, .item-list .pager-next { position: absolute; top: 15px; right: 50px; }
.item-list .pager-previous a, .item-list .pager-next a { background: transparent url(../images/arrow_pager.png) no-repeat 0 0; display: block; width: 26px; height: 26px; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }
.item-list .pager-previous a:before, .item-list .pager-next a:before { content: ""; display: block; width: 0; height: 100%; }
.item-list .pager-previous a:hover, .item-list .pager-next a:hover { background-position: 0 -26px; }
.item-list .pager-next { right: 15px; }
.item-list .pager-next a { background-position: 0 -52px; }
.item-list .pager-next a:hover { background-position: 0 -78px; }
.item-list .pager-current { padding: 3px 8px; background: #2242a2; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: white; }
.item-list .pager-item a { font: normal 14px "MyriadSemi", sans-serif; color: #999999; padding: 5px; }
.item-list .pager-item a:hover { color: black; }
.item-list .pager { text-align: left; }
.item-list .pager li { padding: 3px 8px; margin: 0; }

.footer { position: relative; background: #2242a2; color: white; }
.footer p { margin: 0; padding: 8px 15px; font-size: 12px; }

.points { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.8); z-index: 10; }
.points .wpoints { width: 220px; height: 270px; position: absolute; top: 50%; left: 50%; margin-left: -110px; margin-top: -135px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.6); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.6); border: 1px solid #005421; background: #00913C; text-align: center; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8); }
.points .headpoint { background: white; display: block; padding: 10px 0; border-bottom: 3px solid #2242a2; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.points .clubid { background: #00ae5c url(../images/bg_clubid.jpg); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); position: relative; padding: 10px 0; border-bottom: 1px solid #32cc81; }
.points .clubid:before { content: url(../images/arrow_clubid.png); position: absolute; bottom: -18px; left: 0; right: 0; text-align: center; }
.points .clubid p { font-size: 13px; margin: 0; }
.points .clubid h3 { font-size: 22px; margin: 0; }
.points .yourpoints { padding-top: 20px; }
.points .yourpoints p { font-size: 13px; margin: 0 15px; }
.points .yourpoints h3 { font-size: 36px; margin: 0; }
.points .yourpoints h4 { font-size: 18px; margin: 0 0 15px; }
.points .yourpoints a.okay { margin-top: 15px; display: block; text-transform: uppercase; }
.points .oops p { color: #65EAA3; }
.points .oops .yourpoints { padding: 20px 15px 0; }
.points .oops .okok { position: absolute; bottom: 10px; left: 0; right: 0; }

/* jQuery FlexSlider v2.0 http://www.woothemes.com/flexslider/  Copyright 2012 WooThemes Free to use under the GPLv2 license. http://www.gnu.org/licenses/gpl-2.0.html  Contributing author: Tyler Smith (@mbmufffin) */
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }

.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0; }

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }

.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid white; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); zoom: 1; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

.carousel li { margin-right: 5px; }

/* Direction Nav */
/* Control Nav */
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }

.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }

.flex-control-thumbs li { width: 25%; float: left; margin: 0; }

.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

/* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }

#colorbox, #cboxWrapper { overflow: visible; }

#cboxOverlay { position: fixed; width: 100%; height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent { position: relative; }

#cboxLoadedContent { overflow: auto; }

#cboxTitle { margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; }

.cboxIframe { width: 100%; height: 100%; display: block; border: 0; }

#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; }

/*  User Style: Change the following styles to modify the appearance of ColorBox.  They are ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background: #000; }

#cboxContent { margin-top: 32px; overflow: visible; }

.cboxIframe { background: #fff; }

#cboxError { padding: 50px; border: 1px solid #cccccc; }

#cboxLoadedContent { background: white; padding: 4px; }

#cboxLoadingGraphic { background: url(../images/loading.gif) no-repeat center center; }

#cboxLoadingOverlay { background: #000; }

#cboxTitle { position: absolute; top: -22px; left: 0; color: #000; }

#cboxCurrent { position: absolute; top: -22px; right: 205px; text-indent: -9999px; }

#cboxSlideshow { text-indent: -9999px; width: 20px; height: 20px; position: absolute; top: -20px; background: url(../images/controls.png) no-repeat 0 0; }

#cboxPrevious { position: absolute; top: 50%; margin-top: -25px; left: -104px; font: normal 13px "MyriadSemi", sans-serif; color: #2242a2; text-transform: uppercase; background: white url(../images/arrow_lightbox.png) 15px -50px no-repeat; width: 59px; padding: 19px 0 19px 45px; }

#cboxNext { position: absolute; top: 50%; margin-top: -25px; right: -104px; font: normal 13px "MyriadSemi", sans-serif; color: #2242a2; text-transform: uppercase; background: white url(../images/arrow_lightbox.png) 83% 0px no-repeat; width: 74px; padding: 19px 0px 19px 30px; }

#cboxClose { display: none !important; }

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious { right: 66px; }

.cboxSlideshow_on #cboxSlideshow { background-position: -75px -25px; right: 44px; }

.cboxSlideshow_on #cboxSlideshow:hover { background-position: -100px -25px; }

.cboxSlideshow_off #cboxSlideshow { background-position: -100px 0px; right: 44px; }

.cboxSlideshow_off #cboxSlideshow:hover { background-position: -75px -25px; }

/* ========================================================================== EXAMPLE Media Queries for Responsive Design. Theses examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */
@media all and (min-width: 768px) and (max-width: 1001px) { /* Style adjustments for viewports that meet the condition */ }
@media all and (min-width: 0px) and (max-width: 767px) { /* Style adjustments for viewports that meet the condition */ }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { /* Style adjustments for high resolution devices */ }
/* ========================================================================== Helper classes ========================================================================== */
/* Image replacement */
.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }

.ir:before { content: ""; display: block; width: 0; height: 100%; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Clearfix: contain floats  For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after { clear: both; }

/* For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */
.clearfix { *zoom: 1; }

/* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */
@media print { * { background: transparent !important; color: black !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  /* Don't show links for images, or javascript/internal links */
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; }
  thead { display: table-header-group; /* h5bp.com/t */ }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }