/*
 * 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.
 */


/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #eee; }
a:visited { color: #eee; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
.hover-enabled a:hover, a:active { outline: 0; color:#fff; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

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

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }



/* =============================================================================
   Fonts
   ========================================================================== */
/*
@font-face {
    font-family: 'Rooney';
    src: url('fonts/rooney-light-webfont.eot');
    src: url('fonts/rooney-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rooney-light-webfont.woff') format('woff'),
         url('fonts/rooney-light-webfont.ttf') format('truetype'),
         url('fonts/rooney-light-webfont.svg#RooneyLight') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Rooney';
    src: url('fonts/rooney-medium-webfont.eot');
    src: url('fonts/rooney-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rooney-medium-webfont.woff') format('woff'),
         url('fonts/rooney-medium-webfont.ttf') format('truetype'),
         url('fonts/rooney-medium-webfont.svg#RooneyMedium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Rooney';
    src: url('fonts/rooney-bolditalic-webfont.eot');
    src: url('fonts/rooney-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rooney-bolditalic-webfont.woff') format('woff'),
         url('fonts/rooney-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/rooney-bolditalic-webfont.svg#RooneyBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;

}

@font-face {
    font-family: 'ThickGothRegular';
    src: url('fonts/thickgoth-webfont.eot');
    src: url('fonts/thickgoth-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/thickgoth-webfont.woff') format('woff'),
         url('fonts/thickgoth-webfont.ttf') format('truetype'),
         url('fonts/thickgoth-webfont.svg#ThickGothRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaCondensedMedium';
    src: url('fonts/futura-condensedmedium-webfont.eot');
    src: url('fonts/futura-condensedmedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futura-condensedmedium-webfont.woff') format('woff'),
         url('fonts/futura-condensedmedium-webfont.ttf') format('truetype'),
         url('fonts/futura-condensedmedium-webfont.svg#FuturaCondensedMedium') format('svg');
    font-weight: 600;
    font-style: normal;
}
*/
 @font-face {font-family: 'FuturaCondensedMedium';src: url('fonts/15CDA6_0.eot');src: url('fonts/15CDA6_0.eot?#iefix') format('embedded-opentype'),url('fonts/15CDA6_0.woff') format('woff'),url('fonts/15CDA6_0.ttf') format('truetype'),url('fonts/15CDA6_0.svg#wf') format('svg');}
 @font-face {font-family: 'ThickGothRegular';src: url('fonts/15CDA6_1.eot');src: url('fonts/15CDA6_1.eot?#iefix') format('embedded-opentype'),url('fonts/15CDA6_1.woff') format('woff'),url('fonts/15CDA6_1.ttf') format('truetype'),url('fonts/15CDA6_1.svg#wf') format('svg');}
 @font-face {font-family: 'Rooney-BoldItalic';src: url('fonts/15CDA6_2.eot');src: url('fonts/15CDA6_2.eot?#iefix') format('embedded-opentype'),url('fonts/15CDA6_2.woff') format('woff'),url('fonts/15CDA6_2.ttf') format('truetype'),url('fonts/15CDA6_2.svg#wf') format('svg');}
 @font-face {font-family: 'Rooney-Medium';src: url('fonts/15CDA6_3.eot');src: url('fonts/15CDA6_3.eot?#iefix') format('embedded-opentype'),url('fonts/15CDA6_3.woff') format('woff'),url('fonts/15CDA6_3.ttf') format('truetype'),url('fonts/15CDA6_3.svg#wf') format('svg');}
 @font-face {font-family: 'Rooney-Light';src: url('fonts/15CDA6_4.eot');src: url('fonts/15CDA6_4.eot?#iefix') format('embedded-opentype'),url('fonts/15CDA6_4.woff') format('woff'),url('fonts/15CDA6_4.ttf') format('truetype'),url('fonts/15CDA6_4.svg#wf') format('svg');}

/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img { border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }




/* =========================== */
/* ! shadowbox plugin styles   */
/* =========================== */

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;top:13px;border:none;overflow:hidden;height:100px;z-index:1;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(cssimg/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
/* #sb-title,#sb-title-inner{height:26px;line-height:26px;} */
#sb-title,#sb-title-inner{height:0;line-height:0;display:none;}
#sb-title-inner{font-size:16px;}
#sb-info{position:absolute;top:-12px;width:100%;background-color:#999;overflow:visible;}
#sb-info,#sb-info-inner{/* height:25px; */height:100%;line-height:25px;}
#sb-info-inner{font-size:12px;}
#sb-nav{/* float:right;height:16px;padding:4px;width:45%; */}
#sb-nav a{display:block;float:right;/* height:16px; */position:absolute;cursor:pointer;background-repeat:no-repeat;background-position:center center;}
#sb-nav-close{background-image:url(cssimg/closer.png);width:20px;height:20px;top:3px;right:3px;}
#sb-nav-next        {background-image:url(cssimg/next.png);right:-40px;top:24px;width:35px;height:100%;background-image:url(cssimg/lightbox-arrows-s.png);opacity:.75;}
#sb-nav-next:hover{opacity:1;}
#sb-nav-previous{background-image:url(cssimg/previous.png); left:-40px;top:24px;width:35px;height:100%;background-image:url(cssimg/lightbox-arrows-s.png);opacity:.75;}
#sb-nav-previous:hover{opacity:1;}
#sb-nav-play{background-image:url(cssimg/play.png);}
#sb-nav-pause{background-image:url(cssimg/pause.png);}
#sb-counter{float:left;width:45%;display:none;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}



/* ======================================= */
/* ! JQUERY SCROLLBAR REPLACEMENT STYLES   */
/* ======================================= */
/*
 * CSS Styles that are neae9e4ed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer{
	overflow: hidden;
	position: relative;
}

.jspPane{
	position: absolute;
}

.jspVerticalBar{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: transparent;
	padding:0 4px;
	border-left: 1px solid #676767;
}

.jspHorizontalBar{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: transparent;
}

.jspVerticalBar *,
.jspHorizontalBar *{
	margin: 0;
	padding: 0;
}

.jspCap{
	display: none;
}

.jspHorizontalBar .jspCap{
	float: left;
}

.jspTrack{
	/* background: #dde; */
	position: relative;
}

.jspDrag{
	background: #676767;
	position: relative;
	top: 0;
	left: 3px;
	width:10px;
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{
	float: left;
	height: 100%;
}

.jspArrow{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspArrowUp{
	background:transparent url(cssimg/scroll-up.png) no-repeat center center;
}
.jspArrow.jspArrowDown{
	background:transparent url(cssimg/scroll-down.png) no-repeat center center;
}

.jspArrow.jspDisabled{
	cursor: default;
	/* background: #80808d; */
	opacity:.5;
}

.jspVerticalBar .jspArrow{
	height: 22px;
}

.jspHorizontalBar .jspArrow{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus{
	outline: none;
}

.jspCorner{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{
	margin: 0 -3px 0 0;
}






/* =============================================================================
   Primary styles
   Author: 
   ========================================================================== */

html, body{
	height:100%;
	background:#eae9e4;
}
body{
	/* min-width:930px; */
}

input:-webkit-autofill,
#username:-webkit-autofill,
#password:-webkit-autofill
{
	background-color:#F4F3F1 !important;
}



p{
	font-family:"Rooney-Light", sans-serif;
}
p i{
	font-family:"Rooney-BoldItalic", sans-serif;
}

#container{
	height:100%;
}



.colorcode_work{
	border-left-color:#69bea1;
}
.hover-enabled .colorcode_work:hover .hover-info{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	background:rgb(105, 190, 161);
	background:rgba(105, 190, 161,.8);
}
.colordescrip_work,
.color-exp-stripe1,
#tabs .ui-state-default.ui-state-active.colordescrip_work{
	background:#69bea1;
}
#tabs .ui-state-default.colordescrip_work{
	background:#6EAA8E;
}
/* .sb_color_work #sb-info{background:rgba(234, 233, 228, .75);} */
.sb_color_work #sb-info{background:rgba(255, 255, 255, .75);}
.sb_color_work #sb-nav-previous{background-position:0px center;}
.sb_color_work #sb-nav-next{background-position:-100px center;}




.colorcode_hoopla{
	border-left-color:#f03375;
}
.hover-enabled .colorcode_hoopla:hover .hover-info{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	background:rgb(240, 51, 117);
	background:rgba(240, 51, 117,.8);
}
.colordescrip_hoopla, 
.color-exp-stripe2, 
#tabs .ui-state-default.ui-state-active.colordescrip_hoopla{
	background:#f03375;
}
#tabs .ui-state-default.colordescrip_hoopla{
	background:#D85A9F;
}
/* .sb_color_hoopla #sb-info{background:rgba(234, 233, 228, .75);} */
.sb_color_hoopla #sb-info{background:rgba(255, 255, 255, .75);}
.sb_color_hoopla #sb-nav-previous{background-position:-200px center;}
.sb_color_hoopla #sb-nav-next{background-position:-300px center;}



.colorcode_us{
	border-left-color:#f4bc45;
}
.hover-enabled .colorcode_us:hover .hover-info{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	background:rgb(244,188,69);
	background:rgba(244,188,69,.8);
}	
.colordescrip_us,
.color-exp-stripe3,
#tabs .ui-state-default.ui-state-active.colordescrip_us{
	background:#f4bc45;
}
#tabs .ui-state-default.colordescrip_us{
	background:#E1AA33;
}
/* .sb_color_us #sb-info{background:rgba(234, 233, 228, .75);} */
.sb_color_us #sb-info{background:rgba(255, 255, 255, .75);}
.sb_color_us #sb-nav-previous{background-position:-400px center;}
.sb_color_us #sb-nav-next{background-position:-500px center;}

.colorcode_you{
	border-left-color:#6d76da;
}
.colorcode_all{
	border-left-color:#F4BC45;
}



.hover-enabled #sidebar #work:hover{
	color:#69bea1;
}
.hover-enabled #sidebar #work.active,
#sidebar #work.active{
	background-color:#69bea1;
	color:#eae9e4;
	/* background:#69bea1 url(cssimg/closer-offwht.png) no-repeat right top; */
}

.hover-enabled #sidebar #hoopla:hover{
	color:#f03375;
}
.hover-enabled #sidebar #hoopla.active,
#sidebar #hoopla.active{
	background-color:#f03375;
	color:#eae9e4;
	/* background:#f03375 url(cssimg/closer-offwht.png) no-repeat right top; */
}

.hover-enabled #sidebar #us:hover{
	color:#f4bc45;
}
.hover-enabled #sidebar #us.active,
#sidebar #us.active{
	background-color:#f4bc45;
	color:#eae9e4;
	/* background:#f4bc45 url(cssimg/closer-offwht.png) no-repeat right top; */
}
.hover-enabled #subnav_us .subnav_item:hover{
	color:#f4bc45;
}
.hover-enabled #subnav_us .subnav_item.active,
#subnav_us .subnav_item.active{
	background-color:#f4bc45;
	color:#eae9e4;
	/* background:#f4bc45 url(cssimg/closer-offwht.png) no-repeat right top; */
}

.hover-enabled #sidebar #you:hover{
	color:#6d76da;
}
.hover-enabled #sidebar #you.active,
#sidebar #you.active{
	background-color:#6d76da;
	color:#eae9e4;
	/* background:#6d76da url(cssimg/closer-offwht.png) no-repeat right top; */
}



.main_nav_item .text,
.subnav_item .text{
	display:inline;
}
.main_nav_item .close,
.subnav_item .close{
	display:none;
}
.hover-enabled .main_nav_item.active:hover .text,
.hover-enabled .subnav_item.active:hover .text{
	display:none;
}
.hover-enabled .main_nav_item.active:hover .close,
.hover-enabled .subnav_item.active:hover .close{
	display:inline;
}


#sidebar{
	background:#eae9e4;
	float:left;
	top:0px;
	left:0px;
	position:fixed;
	/* margin-top:330px; */
	margin-top:15px;
}

#sidebar a{
	font-family:"Rooney-Light", sans-serif;
	display:block;
	text-align:right;
	font-size:20px;
	line-height:1.8em;
	margin-right:15px;
	padding-right:8px;
	color:#a2a2a2;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:400;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
.hover-enabled #sidebar a:hover{
	/* font-weight:500; */
	color:#707070;
	/* background:#EDD25A; */
	text-shadow: -1px 0px 1px rgba(255,255,255,.4);
}
#sidebar .subnav{
	list-style:none;
	margin: 1px 0 10px 0;
	padding:0;
}
#sidebar .subnav a{
	font-size:12px;
	line-height:1.6em;
	letter-spacing:1px;
}

#sidebar #social_buttons{
	float:right;
	margin-right:21px;
	width:50px;
	clear:both;
	display:none;
}
#sidebar #social_buttons .social_btn{
	margin:0;
	padding:0;
	overflow:hidden;
	float:left;
	clear:none;
	width:25px;
	height:25px;
	background-repeat:no-repeat;
}
#sidebar #social_buttons .social_btn a{
	background-image: url(cssimg/social_buttons.png);
	margin:0;
	padding:0;
	display:block;
	width:100%;
	height:100%;
}
#sidebar #social_buttons a#fb{
	background-position: 0 0;
}
#sidebar #social_buttons a#tw{
	background-position: -25px 0;
}
#sidebar #social_buttons a#gp{
	background-position: -50px 0;
}
.hover-enabled #sidebar #social_buttons a#fb:hover{
	background-position: 0 -30px;
}
.hover-enabled #sidebar #social_buttons a#tw:hover{
	background-position: -25px -30px;
}
.hover-enabled #sidebar #social_buttons a#gp:hover{
	background-position: -50px -30px;
}





#spots{
	/* float:right; */
	margin-bottom:20px;
}
div.row{
/* 	overflow:hidden; */
	position:relative;
}
div.contentContainerBlock,
div.staticContainerBlock{
	position:absolute;
	/* float:left; */
}
div.contentContainerBlock.last-in-row{
	/* margin-right:5px; */
}
div.content, div.large-content{
	opacity:1;
}
.hover-enabled div.content:hover{
	/* box-shadow: inset 0px 0px 0px 6px rgba(0, 0, 0, .4); */
	opacity:1;
}

div.content{
	background:transparent;
	position:absolute;
	color:#555;
	font-size: 12px;
	text-transform:uppercase;
	/* background-size: cover; */
}
.hover-enabled div.content:hover{
	cursor:pointer;
	cursor:hand;
}

div.dummy-content, div.row-filler{
	background:url(cssimg/filler-tile-all.png);
}
div.dummy-content.bg_argyle_work, div.row-filler.bg_argyle_work{
	background:url(cssimg/filler-tile-1.png);
}
div.dummy-content.bg_argyle_hoopla, div.row-filler.bg_argyle_hoopla{
	background:url(cssimg/filler-tile-2.png);
}
div.dummy-content.bg_argyle_us, div.row-filler.bg_argyle_us{
	background:url(cssimg/filler-tile-3.png);
}
div.dummy-content.bg_argyle_you, div.row-filler.bg_argyle_you{
	background:url(cssimg/filler-tile-you.png);
}

div.dummy-content{
	position:absolute;
}
	
div.row-filler, 
div.row-filler:hover{
	box-shadow:none;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

div.content .hover-info{
	display:none;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}

.hover-enabled div.content:hover .hover-info{
	display:block;
}

div.content .hover-info .video-hover, 
div.content .hover-info .print-hover,
div.content .hover-info .trayopener-hover{
	width:100%;
	height:100%;
	margin-left:-2px;
	position:absolute;
}
div.content .hover-info .video-hover{
	background:url(cssimg/play_sm.png) no-repeat center center;
}
div.content .hover-info .print-hover{
	background:url(cssimg/magnify_sm.png) no-repeat center center;
}
div.content .hover-info .trayopener-hover{
	/* background:url(cssimg/magnify_sm.png) no-repeat center center; */
}



div.expanded-content{
	/* background-color: #f4bc45; */
	/* background-color: #EDD25A; */
	position:absolute;
	z-index:10;
	/*outline-color:#eae9e4;
	outline-style:solid;*/
	border-color:#eae9e4;
	border-style:solid;
	overflow:hidden;
	/* box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .5); */
}
div.expanded-content .exp-content-holder{
	background-color:transparent;
	/* background-size:contain; */
	/* background-size:cover; */
	background-position: center center;
	background-repeat:no-repeat;
	/* border-right: solid 1px #50564d; */
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .5);
	cursor:hand;
	cursor:pointer;
	position:relative;
}

div.expanded-content .item-expand-info{
	float:left;
}
div.expanded-content .item-expand-info .item-expand-title{
	margin:15px 5px 0 15px;
}
div.expanded-content .item-expand-info h3, div.expanded-content .item-expand-info h2{
	margin:0;
}
div.expanded-content .item-expand-info h3{
	text-transform:uppercase;
	color:rgb(0,0,0);
	color:rgba(0,0,0,.5);
	font-size:10px;
	letter-spacing:1px;
	line-height:1em;
	font-weight:100;
}
div.expanded-content .item-expand-info h2{
	font-family:"Rooney-Medium";
	font-weight:500;
	text-transform:uppercase;
	color:white;
	font-size:20px;
	line-height:1em;
	margin-bottom:8px;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
div.expanded-content .item-expand-info p{
	color:white;
	margin:.5em 0 0 0;
	font-size:13px;
}

div.expanded-content #linkout-container{
	position: absolute;
	bottom: 0px;
	right:0px;
	width: 100%;
	display: block;
	background: rgba(0, 0, 0, .5);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 10px;
	font-weight: 100;
}
div.expanded-content #linkout-container a{
	display: block;
	padding: 7px 15px;
	text-decoration: none;
}

div.expanded-content .expand-closer{
	width:24px;
	height:24px;
	background:url(cssimg/closer.png) no-repeat center center;
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
	cursor:hand;
}

#tabs{
	background: transparent;
	border:none;
	padding:0;
}
#tabs .ui-tabs-nav{
	padding:0 0 0 10px;
	border-width: 0 0 1px 0;
	border-color:black;
	border-color:rgba(0,0,0,.2);
	border-radius:0;
	background:transparent;
	font-size:16px;
	letter-spacing:0px;
	text-transform:uppercase;
	font-family:"FuturaCondensedMedium";
}
#tabs .ui-tabs-panel{
	padding: 10px 0 0 0;
}
.item-expand-info .no-tabs{
	padding: 4px 15px;
}

#tabs .ui-tabs-panel p{
	margin: 4px 15px;
}

.ui-tabs .ui-tabs-nav li a{
	padding:4px 5px;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
	color:black;
	color:rgba(0,0,0,.3);
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
	color:black;
	color:rgba(0,0,0,.4);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	border-color:black;
	border-color:rgba(0,0,0,.2);
}

#tabs .exp-link-divider{
	width:100%;
	height:1px;
	background:black;
	background:rgba(0, 0, 0, .1);
}

#tabs .exp-vid-link,
#tabs .exp-img-link{
	padding: 6px 15px 6px 34px;
	line-height:1.4em;
	display:block;
	font-family:"Rooney-BoldItalic";
	font-style:italic;
	font-weight:bolder;
	font-size:12px;
	color:white;
	text-decoration: none;
}
#tabs .exp-vid-link{
	background:transparent url(cssimg/video-list-icon.png) no-repeat 15px center;
}
#tabs .exp-img-link{
	background:transparent url(cssimg/img-list-icon.png) no-repeat 15px center;
}

div.expanded-content .exp-stripe{
	float:left;
	z-index:11;
	position:absolute;
	left:0;
	top:0;
}



.exp-content-holder .lightbox-link{
	display:none;
	width:100px;
	height:100px;
	position:absolute;
}
.hover-enabled .exp-content-holder:hover .lightbox-link{
	display:block;
}
.exp-content-holder .lightbox-link .lightboxLinkBg{
	width:100%;
	height:100%;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	position:absolute;
}
.exp-content-holder .lightbox-link .lightboxLinkIcon{
	width:100%;
	height:100%;
	position:absolute;
	background:url(cssimg/magnify_sm.png) no-repeat center center;
}
.exp-content-holder .lightbox-link .lightboxVidLinkIcon{
	width:100%;
	height:100%;
	position:absolute;
	background:url(cssimg/play_sm.png) no-repeat center center;
}

.grid-hover-title{
	padding:10px 0 0 10px;
	color:white;
	line-height:24px;
	position:absolute;
}
.grid-hover-title .grid-hover-client, .grid-hover-title .grid-hover-campaign{
	display:inline;
	white-space: nowrap;
}
.grid-hover-title .grid-hover-client{
	font-size:36px;
	font-family:"ThickGothRegular";
}
.grid-hover-title .grid-hover-campaign{
	font-size:30px;
	font-family:"Rooney-BoldItalic";
	font-weight:bold;
	font-style:italic;
}



/* ================= */
/* ! CONTENT TRAYS   */
/* ================= */

.tray-container{
	overflow:hidden;
	position:fixed;
	display:none;
	background:#393938;
	color:#a2a2a2;
	z-index:12;
	border-color:#eae9e4;
	border-right-style:solid;
	border-bottom-style:solid;
	border-top-style:solid;
}

.tray-container .closer{
	position:absolute;
	width:20px;
	height:20px;
	right:0;
	top:0;
	background:url(cssimg/close.png) no-repeat center center;
}

.tray-container .tray-inner{
	padding: 0;
	position:relative;
}

.tray-container .tray-inner .scroll-area{
	overflow:auto;
	height:100%;
}
.scroll-area:focus{
	outline:none;
}

.tray-container .tray-inner header{
	margin-top:0;
	height:76px;
	line-height:76px;
	background-color:#f4bc45;
	background-repeat:no-repeat;
	background-position:20px center;
	text-indent: -3000px;
	overflow:hidden;
}

.tray-container .article-inner{
	margin:20px 12px 12px 20px;
}
.tray-container article footer{
	padding: 7px 12px 4px 20px;
	border-top: 1px solid #676767;
	border-bottom: 1px solid #676767;
	clear:both;
}
.tray-container article footer a{
	font-family: "ThickGothRegular", "FuturaCondensedMedium";
	text-decoration:none;
	text-transform:uppercase;
	font-size:15px;
	line-height:1em;
}
.tray-container article footer a:visited,
.tray-container article footer a:link{
	color:#676767;
}
.tray-container article footer a:active,
.hover-enabled .tray-container article footer a:hover{
	color:#878787;
}


.tray-container article h3{
	font-family:"Rooney-Medium";
	color: #F4BC45;
	font-size:19px;
	margin: 0 0 4px 0;
	text-transform:uppercase;
	font-weight:500;
}
.tray-container .article-date,
.tray-container .contact-city{
	background:white;
	/* height:22px; */
	line-height:26px;
	padding: 0 20px;
	font-family:"Rooney-Medium";
	font-weight:500;
	font-size:18px;
	text-transform:uppercase;
}
.tray-container article img{
	float:left;
	margin:0 15px 12px 0;
}

#tray-news header{
	background-image:url(cssimg/tray-hdr-news.png);
}

#tray-about header{
	background-image:url(cssimg/tray-hdr-elev.png);
}
#tray-bav header{
	background-image:url(cssimg/tray-hdr-bav.png);
}
#tray-jobs header{
	background-image:url(cssimg/tray-hdr-jobs.png);
}

#tray-contact header{
	background-image:url(cssimg/tray-hdr-contact.png);
}
#tray-contact article img{
	margin-bottom:0;
	margin-right:12px;
}
#tray-contact article .contact-img-holder{
	width:196px;
	min-height:190px;
	margin-bottom:0;
	margin-right:12px;
	background-repeat:no-repeat;
	background-position: center center;
}
#tray-contact article #jakarta-img{
	background-image:url(../media/tray-contact/contact-img-jakarta-002.jpg);
}
#tray-contact article #melbourne-img{
	background-image:url(../media/tray-contact/contact-img-melbourne-002.jpg);
}
#tray-contact article #sydney-img{
	background-image:url(../media/tray-contact/contact-img-sydney-002.jpg);
}

#tray-contact .article-inner{
	color:white;
	font-family:"Rooney-Medium";
	font-size:15px;
	margin:12px 2px 5px 12px;
}
#tray-contact .article-inner span{
	color:#a2a2a2;
}
#tray-contact .article-inner address,
#tray-contact .article-inner .phone,
#tray-contact .article-inner .contact-email{
	width:158px;
	float:left;
}
#tray-contact .article-inner address{
	font-style:normal;
	font-weight:500;
	line-height: 1em;
	margin-bottom: 12px;
}

#tray-contact .contact-email{
	font-family:"FuturaCondensedMedium";
	font-size:11px;
	text-transform:uppercase;
	margin: 12px 0 5px 0;
	word-wrap:break-word;
}
#tray-contact .contact-email span{
	font-family:"Rooney-Medium";
	display:block;
	text-transform:none;
}
#tray-contact .contact-email a,
#tray-contact .contact-email a:visited,
.hover-enabled #tray-contact .contact-email a:hover{
	text-decoration:none;
}


#site-footer{
	padding:30px 30px 30px 0;
	float:left;
	clear:both;
	font-size:11px;
}


/* ======================= */
/* ! side nav login form   */
/* ======================= */

#signin_menu {
    /*-moz-border-radius:5px;
    -webkit-border-radius:5px;*/
    display:none;
    /* background-color:#DBDBCD; */
    z-index:100;
    border:1px transparent;
    text-align:left;
    /* padding:10px; */
    padding:5px 8px 8px 8px;
    top: 24.5px; 
    right: 0px; 
    margin:0 15px 0 4px;
    *margin-right: -1px;
    color:#616161;
    font-size:11px;
    font-family:"Rooney-Medium";
}

#signin_menu input[type=text], #signin_menu input[type=password] {
    display:block;
    /*-moz-border-radius:4px;
    -webkit-border-radius:4px;*/
    /* border:1px solid #BFBFBF; */
    border:1px inset #fff;
    /* border:none; */
    font-size:13px;
    margin:0 0 8px;
    padding:1px 5px;
    /* width:203px; */
    width:92%;
    /* background:#eae9e4; */
    background:white;
    text-align:right;
    font-family:"Rooney-Medium";
    text-transform:uppercase;
    /*-webkit-box-shadow: inset 1px 1px 1px 0px #cccccc;
	-moz-box-shadow: inset 1px 1px 1px 0px #cccccc;
	box-shadow: inset 1px 1px 1px 0px #cccccc;*/
	color:#444;
	letter-spacing:1px;
	font-size:12px;
	float:right;
	max-width:115px;
}
#signin_menu p {
    margin:0;
    clear: both;
	display: block;
}

#signin_menu label {
    font-weight:normal;
}

#signin_menu p.complete {
    clear:both;
    margin:5px 0;
}

#signin_submit{
    /*-moz-border-radius:4px;
    -webkit-border-radius:4px;*/
    /* background:#C5C5B4; */
    background:#a2a2a2;
    /* border:1px solid #A2A2A2; */
    border:none;
    color:#fff;
    /* text-shadow:0 -1px 0 #A2A2A2; */
    padding:2px 6px;
    font-size:12px;
    margin:1px 0 5px 4px;
    /* font-weight:bold; */
    font-weight:500;
    float:right;
    font-family:"Rooney-Medium";
    text-transform:uppercase;
    letter-spacing:1px;
    -webkit-box-shadow: 1px 1px 2px 0px #aaaaaa;
	-moz-box-shadow: 1px 1px 2px 0px #aaaaaa;
	box-shadow: 1px 1px 2px 0px #aaaaaa;
}

#sidebar #signin_cancel, #sidebar #signin_logout{
	font-family:inherit;
	font-size:inherit;
	color:#A2A2A2;
	text-transform:none;
	line-height:23px;
	float:left;
	margin:0;
	padding:0;
	letter-spacing:0;
}
#sidebar #signin_cancel{
	float:right;
	margin-right:8px;
}
#sidebar #signin_logout{
	float:right;
}

#sidebar .signin_message{
	/*-moz-border-radius:4px;
    -webkit-border-radius:4px;*/
	clear:both;
	background:#eae9e4;
	/* color:white; */
	padding:4px 6px;
	margin:6px 0 2px;
	display:none;
}
#sidebar #signin_logout{
	display:none;
}

#signin_submit::-moz-focus-inner {
	padding:0;
	border:0;
}
.hover-enabled #signin_submit:hover, #signin_submit:focus {
    background-position:0 -5px;
    cursor:pointer;
}


/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.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: drupal.org/node/897638 */
.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; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */
	#main{
		overflow:visible;
	}
}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */
	#main{
		overflow:hidden;
		position:relative /* FOR IE. allows overflow:hidden. */
	}
}


/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  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; }
}