html, body { background:#dadada; font-family: 'Courier New', Courier, monospace; font-size:12px; overflow:visible; }
body
	{
		margin:0;
		padding:0;
		height:100%;
		background-color:-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 576, from(#FFF), to(#DADADA));
		background-color:-moz-radial-gradient(50% 50%, farthest-side, #FFF, #DADADA);
		background-repeat: no-repeat;
		-moz-background-size: 100% 100%; /* Firefox */
		background-size: 100% 100%;
	}
img { border:none; }
img .preload { display:none; }
.workTooltip { display:none; }
#tooltip .workTooltip { display:block; }

#minimum-visibility { width:750px; height:570px; }
#scroller { position:absolute; top:0px; left:0px; bottom:0px; right:0px; overflow:hidden; }
#work_content { position:absolute; overflow:visible; top:51px; left:153px; }
#work_content div.contentItem { position:absolute; width:400px; text-align:center; cursor:pointer; }
#home_content { position:absolute; top:0px; left:0px; overflow:visible; display:block; width:100%; height:100%; }
#about_content { position:absolute; top:0px; left:0px; overflow:auto; display:block; width:100%; height:100%; }

#home_splash { position:absolute; width:640px; height:360px; top:75px; left:50%; margin-left:-320px; }
#home_splash div.lt { position:absolute; top:0px; left:0px; background-color:#333; font-size:12px; clear:none; color:#DADADA; }
#home_splash div.rt { width:270; position:absolute; top:0px; right:0px; color:#333333; }
#home_splash a { text-decoration:none; color:#DADADA;}
#home_splash a:hover { color:#FFF; }

.showOnLoad {  }
.hideOnLoad { display:none!important; }

div.contentItem img, img.work_image { position:relative; vertical-align: middle; }
div.contentItem .maintainWorkFocus { position:absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:300; }
div.contentItem .canvasPreloader { position:absolute; top:50%; left:50%; margin-left:-20px; margin-top:-20px; }

#tooltip { position:absolute; z-index:250; display:none; overflow:visible; }
#tooltip_text { position:relative; left:0px; font-size:29px; font-weight:bold; }
#tooltip_over { position:relative; top:6px; left:0px; font-size:13px; font-variant:small-caps; }
#tooltip_text img { position:relative; top:3px; left:-3px; margin-right:-3px; }
#tooltip_over img { position:relative; top:2px; left:-2px; margin-right:-2px; }
#tooltip_canvas { position:absolute; top:0px; left:0px; }
#tooltip_content { position:relative; top:0px; left:10px; background:#1A1A1A; background:rgba(0,0,0,0.9); color:#FFFFFF; height:53; padding-right:10px; overflow:visible; }

#tooltip_content h1 { font-size:20px; font-weight:bold; font-variant:small-caps; }
#tooltip_content h2 { font-size:15px; font-style:italic; font-variant:small-caps; }
#tooltip_content p { font-size:10px; color:#FFFFFF; }

#header { height:40px; }
#footer { height:20px; }

.tooltipHover { display:block!important; }

#header { position:absolute; left:0px; right:0px; z-index:302;}
#footer { position:fixed; left:0px; right:0px; z-index:301; bottom:0px; }
#blackout { position:fixed; background:#FFFFFF; background:rgba(255,255,255,0.9); z-index:1000;  }

#client, #resume { position:fixed; z-index:1100; width:320px; height:180px; left:50%; top:50%; margin-top:-100px; margin-left:-160px; overflow:visible; }
.client_header, .resume_header { width:320px; height:36px; position:absolute; top:0px; left:0px; }
.client_close, .resume_close, .reel_close { width:29px; height:29px; position:absolute; top:-12px; right:-16px; background-image:url("/cmn/img/closebutton.png"); cursor:pointer; }
.client_login { background-color:#666666; position:absolute; top:36px; left:0px; right:0px; color:#FFFFFF; padding:0px 15px 20px; }
.client_login_button { position:absolute; right:15px; bottom:5px; }
.client_label { width:100px; }
.client_input { width:210px; }
.client_username {  }
.client_password {  }
.loginError { position:absolute; left:15px; bottom:8px; color:red; }

#resume { text-align:center; }
.resume_choice { position:absolute; top:36px; background-color:#666666; width:320px; height:160px; }
#resume a { display:inline-block; color:#DADADA; text-decoration:none; }
#resume a:hover { color:#FFFFFF; }

.leftColumn { position:absolute; top:50px; }

#filter_scroller{ overflow:hidden; z-index:500; padding-right:15px; }
#filter_content{ position:relative; top:25px; left:0px; width:137px; overflow:visible; }
#filters { position:relative; }
#tags { position:relative; margin-top:15px; }

.header{ background-color:#B1E1FC; height:20px; }
.footer{ background-color:#BEB2F7; height:20px; z-index:110; }

.left{ left:0px; }
.right{ right:0px; }
.top{ top:0px; }
.bottom{ bottom:0px; }
.blocker{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; z-index:1000; }

.column-right{ position:absolute; left:345px; }
.menuItem{ display:inline-block; text-align:center; width:51px; height:20px; cursor:pointer; position:relative; z-index:400; }
#menu-client { position:absolute; right:30px; }
#header_canvas { position:absolute; left:0px; }
#header-logo { position: absolute; left:0px; top:0px; z-index:150; width:167px; height:20px; }
#header-menu { position: absolute; left:168px; top:20px; z-index:150; }

.modal { position:absolute; top:60px; bottom:60px; left:50%; margin-left:-340px; width:680px; }
.modal_close { width:29px; height:29px; position:absolute; top:32px; right:-16px; background-image:url("/cmn/img/closebutton.png"); cursor:pointer; }
.modal_bar { position:absolute; left:20px; top:35px; width:660px; height:20px; background-color:#F5B2F7; }
.modal_bar * { margin-top:4px; }
.modal_canvas { position:absolute; left:0px; top:35px; z-index:500; }
.modal_header { position:absolute; left:20px; top:0px; font-size:27px; font-weight:bold; }
.modal_content { position:absolute; top:55px; bottom:0px; left:0px; padding-bottom:10px; padding-left:20px; right:0px; background-color:#FFFFFF; }
.work_scroller { position:relative; height:100%; width:100%; overflow:auto; padding-right:10px; }
.work_thumbs { position:relative; top:0px; display:block; margin-top:10px; }
.work_item { display:inline-block; margin:1px 2px 2px 1px; cursor:pointer; }
.work_item.active { margin:0px 1px 1px 0px; border:1px solid #000; }
.work_tags { display:inline-block; }
.work_blurb { float:left; clear:both; margin-top:8px; margin-bottom:8px; width:640px; }
.work_description { margin-top:8px; margin-bottom:8px; clear:both; }
.tag_left { float:left; clear:left; width:120px; font-weight:bold; font-style:italic; color:#222; }

.filter_group, .about_group, .info_group { position:relative; height:22px; overflow:visible; }
.info_group { display:inline-block; }
.filter_sub { position:absolute; display:none; }
.bubble_text { color:#FFFFFF; height:20px; position:absolute; left:8px; top:3px; font-style:italic; }
.info_bubble_text { color:#000000; }
.filters_active, .about_active { font-weight:bold; color:#F5B2F7; }
.filter_bubble_hover, .about_bubble_hover { color:#000000; }
.filter_sub_container { position:absolute; left:13px; top:11px; }
#filter_sub_year .filter_sub_container { top:13px; }

.filters_open { color:#000000; font-weight:bold; }

.filter_text { color:#DADADA; margin:4px 0px; width:124px; cursor:pointer; line-height:14px; }
.filter_text:hover { color:#FABDFF; font-weight:bold; line-height:14px; }
.filter_active { color:#FFFFFF; font-weight:bold; }
.filter_inactive { color:#AAAAAA; font-weight:normal; }
.filter_active .filter_name { text-decoration: none; }
.filter_inactive .filter_name { text-decoration: line-through; }

#tag_field { position:relative; height:30px; overflow:visible; }
#tag_add { position:absolute; top:0px; right:0px; width:20px; height:20px; background-color:#000000; color:#FABDFF; font-weight:bold; text-align:center; line-height:20px; cursor:pointer; }
#tag_field_text { border: 0px solid #FFFFFF; background-color:transparent; width:105px; position:absolute; left:5px; top:3px; color:#FFFFFF; height:14px; font-family: 'Courier New', Courier, monospace; font-size:12px; line-height:14px; }

#tag_sub { position:relative; top:-8px; display:none; }
#tag_field_sub_container { position:absolute; top:13px; left:8px; color:#FFFFFF; }
.tag_filter { position:relative; clear:both; width:125px; height:20px; overflow:hidden; }
.remove_tag { position:absolute; top:1px; left:0px; width:18px; height:19px; line-height:19px; text-align:left; font-weight:bold; cursor:pointer; z-index:200;}
.tag_filter .tag_name { position:relative; left:18px; line-height:20px; text-decoration:none; }

#about_me { position:absolute; left:10px; top:0px; }
#about_info { position:absolute; top:163px; left:510px; margin-left:-396px; text-decoration:none; }

#about_contact_content { position:absolute; left:0px; top:50%; overflow:hidden; width:100%; height:530px; margin-top:-265px;}
#about_experience_content { position:absolute; left:168px; top:30px; height:100%; overflow:visible;  }
#about_clients_content { position:absolute; left:165px; top:75px; overflow:hidden; }

#about_group_resume { position:absolute; left:616px; top:141px; }
#about_group_vcard { position:absolute; left:616px; top:163px; }

#about_experience { padding-bottom:20px; }

.experienceGroup { width:500px; font-weight:bold; font-style:italic; position:relative; top:0px; left:0px; margin-bottom:20px; }
.experience { overflow:visible; margin-bottom:2px; height:50px; width:500px; display:block; position:relative; }

.expico { width:50px; height:50px; position:absolute; bottom:0px; left:0px; }
.expico_background { background-image:url("/img/about_experience_curve.png"); height:56px; width:50px; position:absolute; bottom:-6; left:0px; }
.exp_measure { background-color:#000000; opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; position:absolute; left:52px; top:0px; height:50px; }

.work_links { margin-top:5px; }
.work_box, .poster_box { position:relative; top:5px; background-color:#000000; }
.poster_box { background:transparent; }
.work_info { position:relative; top:0px; z-index:500; color:#000; width:640px; margin-top:10px; }

#reel_container {
	position: absolute;
	z-index:450;
}

#reel_container video { border:1px solid #000!important; }
#reel_container .vjs-poster { position:absolute; display:none!important; }
.show_reel { border:1px solid #000; cursor:pointer; }

.iPad { overflow:auto!important; }

/* Video-JS Settings */
.vjs-fullscreen { background-color:#000000; }
.vjs-fullscreen .reel_close { display:none; }

/* Set blurred styles */
input.blurred.light { color:#CCCCCC!important; }
input.blurred.dark { color:#666666!important; }