/* YUI clearing */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-bottom;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}


/* Clearing floats */

.clearfix:after
{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix
{
    display:inline-block;
}
/* Hide from IE Mac \*/
.clearfix
{
    display:block;
}
/* End hide from IE Mac */



/* Basic body and link styles */

body
{
    background-color: #fff;
    font-family: "Segoe UI", "myriad pro", myriad, helvetica, arial, sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: #303030;
    overflow-y: scroll;
}

a
{
    color: #05c6f2;
    text-decoration: underline;
	outline: none;
}

a.alt
{
    text-decoration: none;
}

a.alt:hover
{
    text-decoration: underline;
}


/* Typography */

p
{
    margin-bottom: 22px;
}

h1
{
    font-size: 33px;
    line-height: 44px;
    margin-bottom: 22px;
}

h2
{
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 0;
}


h3
{
    font-size: 16px;
    line-height: 22px;
}

em
{
    font-style: italic;
}

.strong,
span.term
{
    font-weight: bold;
    color: #000;
}

.deemphasis
{
    color: #7d8c94;
}

blockquote
{
	margin-left: 40px; 
	margin-bottom: 22px; 
	margin-right: 40px; 
	color: #708088;	
}

.caption
{
	font-size: 11px;
    line-height: 18px;
    color: #303030;
}

.copyright
{
    font-size: 13px;
    color: #6E7E87;
    font-family: "Segoe UI", "myriad pro", myriad, helvetica, arial, sans-serif;
}

/* Colors */

.tint-a
{
    color: #05c6f2;
}

.tint-b
{
    color: #f34238;
}

.tint-c
{
    color: #36d002;
}

.tint-d
{
    color: #eb6420;
}

.tint-e
{
    color: #fdca00;
}

.tint-bg-a
{
    background-color: #05c6f2;
}

.tint-bg-b
{
    background-color: #f34238;
}

.tint-bg-c
{
    background-color: #36d002;
}

.tint-bg-d
{
    background-color: #eb6420;
}

.tint-bg-e
{
    background-color: #fdca00;
}



/* Vertical Grid */
.vgrid_1 { height: 11px; }
.vgrid_2 { height: 22px; }
.vgrid_3 { height: 33px; }
.vgrid_4 { height: 44px; }
.vgrid_5 { height: 55px; }
.vgrid_6 { height: 66px; }
.vgrid_7 { height: 77px; }
.vgrid_8 { height: 88px; }
.vgrid_9 { height: 99px; }
.vgrid_10 { height: 110px; }
.vgrid_11 { height: 121px; }
.vgrid_12 { height: 132px; }
.vgrid_13 { height: 143px; }
.vgrid_14 { height: 154px; }
.vgrid_15 { height: 165px; }
.vgrid_16 { height: 176px; }
.vgrid_17 { height: 187px; }
.vgrid_18 { height: 198px; }
.vgrid_19 { height: 209px; }
.vgrid_20 { height: 220px; }

.vpush_1 { margin-top: 11px; }
.vpush_2 { margin-top: 22px; }
.vpush_3 { margin-top: 33px; }
.vpush_4 { margin-top: 44px; }
.vpush_5 { margin-top: 55px; }
.vpush_6 { margin-top: 66px; }
.vpush_7 { margin-top: 77px; }
.vpush_8 { margin-top: 88px; }
.vpush_9 { margin-top: 99px; }
.vpush_10 { margin-top: 110px; }
.vpush_11 { margin-top: 121px; }
.vpush_12 { margin-top: 132px; }
.vpush_13 { margin-top: 143px; }
.vpush_14 { margin-top: 154px; }
.vpush_15 { margin-top: 165px; }
.vpush_16 { margin-top: 176px; }
.vpush_17 { margin-top: 187px; }
.vpush_18 { margin-top: 198px; }
.vpush_19 { margin-top: 209px; }
.vpush_20 { margin-top: 220px; }
.vpush_21 { margin-top: 231px; }
.vpush_22 { margin-top: 242px; }
.vpush_23 { margin-top: 253px; }
.vpush_24 { margin-top: 264px; }
.vpush_25 { margin-top: 275px; }
.vpush_26 { margin-top: 286px; }
.vpush_27 { margin-top: 297px; }
.vpush_28 { margin-top: 308px; }
.vpush_29 { margin-top: 319px; }
.vpush_30 { margin-top: 330px; }
.vpush_31 { margin-top: 341px; }
.vpush_32 { margin-top: 352px; }
.vpush_33 { margin-top: 363px; }
.vpush_34 { margin-top: 374px; }
.vpush_35 { margin-top: 385px; }
.vpush_36 { margin-top: 396px; }
.vpush_37 { margin-top: 407px; }
.vpush_38 { margin-top: 418px; }
.vpush_39 { margin-top: 429px; }
.vpush_40 { margin-top: 440px; }

.vpull_1 { margin-top: -11px; }
.vpull_2 { margin-top: -22px; }
.vpull_3 { margin-top: -33px; }
.vpull_4 { margin-top: -44px; }
.vpull_5 { margin-top: -55px; }
.vpull_6 { margin-top: -66px; }
.vpull_7 { margin-top: -77px; }
.vpull_8 { margin-top: -88px; }
.vpull_9 { margin-top: -99px; }
.vpull_10 { margin-top: -110px; }
.vpull_11 { margin-top: -121px; }
.vpull_12 { margin-top: -132px; }
.vpull_13 { margin-top: -143px; }
.vpull_14 { margin-top: -154px; }
.vpull_15 { margin-top: -165px; }
.vpull_16 { margin-top: -176px; }
.vpull_17 { margin-top: -187px; }
.vpull_18 { margin-top: -198px; }
.vpull_19 { margin-top: -209px; }
.vpull_20 { margin-top: -220px; }


.vhead_1 { padding-top: 11px; }
.vhead_2 { padding-top: 22px; }
.vhead_3 { padding-top: 33px; }
.vhead_4 { padding-top: 44px; }
.vhead_5 { padding-top: 55px; }
.vhead_6 { padding-top: 66px; }
.vhead_7 { padding-top: 77px; }
.vhead_8 { padding-top: 88px; }
.vhead_9 { padding-top: 99px; }
.vhead_10 { padding-top: 110px; }
.vhead_11 { padding-top: 121px; }
.vhead_12 { padding-top: 132px; }
.vhead_13 { padding-top: 143px; }
.vhead_14 { padding-top: 154px; }
.vhead_15 { padding-top: 165px; }
.vhead_16 { padding-top: 176px; }
.vhead_17 { padding-top: 187px; }
.vhead_18 { padding-top: 198px; }
.vhead_19 { padding-top: 209px; }
.vhead_20 { padding-top: 220px; }


.vtail_1 { padding-bottom: 11px; }
.vtail_2 { padding-bottom: 22px; }
.vtail_3 { padding-bottom: 33px; }
.vtail_4 { padding-bottom: 44px; }
.vtail_5 { padding-bottom: 55px; }
.vtail_6 { padding-bottom: 66px; }
.vtail_7 { padding-bottom: 77px; }
.vtail_8 { padding-bottom: 88px; }
.vtail_9 { padding-bottom: 99px; }
.vtail_10 { padding-bottom: 110px; }
.vtail_11 { padding-bottom: 121px; }
.vtail_12 { padding-bottom: 132px; }
.vtail_13 { padding-bottom: 143px; }
.vtail_14 { padding-bottom: 154px; }
.vtail_15 { padding-bottom: 165px; }
.vtail_16 { padding-bottom: 176px; }
.vtail_17 { padding-bottom: 187px; }
.vtail_18 { padding-bottom: 198px; }
.vtail_19 { padding-bottom: 209px; }
.vtail_20 { padding-bottom: 220px; }

.vpush_pix
{
    top: 1px;
}

.vpull_pix
{
    top: -1px;
}

/* Horizontal Grid */

.show_grid
{
    background: url(/images/grid.png) repeat-y top left;
    
}

.container_12
{
    width: 1020px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.container_12 .grid_1,
.container_12 .grid_2,
.container_12 .grid_3,
.container_12 .grid_4,
.container_12 .grid_5,
.container_12 .grid_6,
.container_12 .grid_7,
.container_12 .grid_8,
.container_12 .grid_9,
.container_12 .grid_10,
.container_12 .grid_11,
.container_12 .grid_12
{
    display: inline;
	float: left;
	position: relative;
    margin-right: 10px;
    margin-left: 10px;
}

.container_12 .grid_full_1,
.container_12 .grid_full_2,
.container_12 .grid_full_3,
.container_12 .grid_full_4,
.container_12 .grid_full_5,
.container_12 .grid_full_6,
.container_12 .grid_full_7,
.container_12 .grid_full_8,
.container_12 .grid_full_9,
.container_12 .grid_full_10,
.container_12 .grid_full_11,
.container_12 .grid_full_12,
.container_12 .grid_full_alpha_1,
.container_12 .grid_full_alpha_2,
.container_12 .grid_full_alpha_3,
.container_12 .grid_full_alpha_4,
.container_12 .grid_full_alpha_5,
.container_12 .grid_full_alpha_6,
.container_12 .grid_full_alpha_7,
.container_12 .grid_full_alpha_8,
.container_12 .grid_full_alpha_9,
.container_12 .grid_full_alpha_10,
.container_12 .grid_full_alpha_11,
.container_12 .grid_full_alpha_12,
.container_12 .grid_full_omega_1,
.container_12 .grid_full_omega_2,
.container_12 .grid_full_omega_3,
.container_12 .grid_full_omega_4,
.container_12 .grid_full_omega_5,
.container_12 .grid_full_omega_6,
.container_12 .grid_full_omega_7,
.container_12 .grid_full_omega_8,
.container_12 .grid_full_omega_9,
.container_12 .grid_full_omega_10,
.container_12 .grid_full_omega_11,
.container_12 .grid_full_omega_12
{
    float: left;
    position: relative;
}

.container_12 .grid_alpha
{
    margin-left: 40px;
}

.container_12 .object
{
    position: relative;
    display: block;
    float: left;
}

.container_12 .grid_1 { width: 60px; }
.container_12 .grid_2 { width: 140px; }
.container_12 .grid_3 { width: 220px; }
.container_12 .grid_4 { width: 300px; }
.container_12 .grid_5 { width: 380px; }
.container_12 .grid_6 { width: 460px; }
.container_12 .grid_7 { width: 540px; }
.container_12 .grid_8 { width: 620px; }
.container_12 .grid_9 { width: 700px; }
.container_12 .grid_10 { width: 780px; }
.container_12 .grid_11 { width: 860px; }
.container_12 .grid_12 { width: 940px; }

.container_12 .grid_full_1 { width: 80px; }
.container_12 .grid_full_2 { width: 160px; }
.container_12 .grid_full_3 { width: 240px; }
.container_12 .grid_full_4 { width: 320px; }
.container_12 .grid_full_5 { width: 400px; }
.container_12 .grid_full_6 { width: 480px; }
.container_12 .grid_full_7 { width: 560px; }
.container_12 .grid_full_8 { width: 640px; }
.container_12 .grid_full_9 { width: 720px; }
.container_12 .grid_full_10 { width: 800px; }
.container_12 .grid_full_11 { width: 880px; }
.container_12 .grid_full_12 { width: 1020px; }

.container_12 .grid_full_alpha_1 { width: 110px; }
.container_12 .grid_full_alpha_2 { width: 190px; }
.container_12 .grid_full_alpha_3 { width: 270px; }
.container_12 .grid_full_alpha_4 { width: 350px; }
.container_12 .grid_full_alpha_5 { width: 430px; }
.container_12 .grid_full_alpha_6 { width: 510px; }
.container_12 .grid_full_alpha_7 { width: 590px; }
.container_12 .grid_full_alpha_8 { width: 670px; }
.container_12 .grid_full_alpha_9 { width: 750px; }
.container_12 .grid_full_alpha_10 { width: 830px; }
.container_12 .grid_full_alpha_11 { width: 910px; }
.container_12 .grid_full_alpha_12 { width: 990px; }

.container_12 .grid_full_omega_1 { width: 100px; }
.container_12 .grid_full_omega_2 { width: 180px; }
.container_12 .grid_full_omega_3 { width: 260px; }
.container_12 .grid_full_omega_4 { width: 340px; }
.container_12 .grid_full_omega_5 { width: 420px; }
.container_12 .grid_full_omega_6 { width: 500px; }
.container_12 .grid_full_omega_7 { width: 580px; }
.container_12 .grid_full_omega_8 { width: 660px; }
.container_12 .grid_full_omega_9 { width: 740px; }
.container_12 .grid_full_omega_10 { width: 820px; }
.container_12 .grid_full_omega_11 { width: 900px; }
.container_12 .grid_full_omega_12 { width: 980px; }

.container_12 .push_half_gutter { left: 10px; }
.container_12 .push_gutter { left: 20px; }
.container_12 .push_half { left: 30px; }
.container_12 .push_1 { left: 80px; }
.container_12 .push_2 { left: 160px; }
.container_12 .push_3 { left: 240px; }
.container_12 .push_4 { left: 320px; }
.container_12 .push_5 { left: 400px; }
.container_12 .push_6 { left: 480px; }
.container_12 .push_7 { left: 560px; }
.container_12 .push_8 { left: 640px; }
.container_12 .push_9 { left: 720px; }
.container_12 .push_10 { left: 800px; }
.container_12 .push_11 { left: 880px; }
.container_12 .push_12 { left: 960px; }

.container_12 .pull_half_gutter { left: -10px; }
.container_12 .pull_gutter { left: -20px; }
.container_12 .pull_half { left: -30px; }
.container_12 .pull_1 { left: -80px; }
.container_12 .pull_2 { left: -160px; }
.container_12 .pull_3 { left: -240px; }
.container_12 .pull_4 { left: -320px; }
.container_12 .pull_5 { left: -400px; }
.container_12 .pull_6 { left: -480px; }
.container_12 .pull_7 { left: -560px; }
.container_12 .pull_8 { left: -640px; }
.container_12 .pull_9 { left: -720px; }
.container_12 .pull_10 { left: -800px; }
.container_12 .pull_11 { left: -880px; }
.container_12 .pull_12 { left: -960px; }

.container_12 .lead_1 { padding-left: 80px; }
.container_12 .lead_2 { padding-left: 160px; }
.container_12 .lead_3 { padding-left: 240px; }
.container_12 .lead_4 { padding-left: 320px; }
.container_12 .lead_5 { padding-left: 400px; }
.container_12 .lead_6 { padding-left: 480px; }
.container_12 .lead_7 { padding-left: 560px; }
.container_12 .lead_8 { padding-left: 640px; }
.container_12 .lead_9 { padding-left: 720px; }
.container_12 .lead_10 { padding-left: 800px; }
.container_12 .lead_11 { padding-left: 880px; }
.container_12 .lead_12 { padding-left: 960px; }

.container_12 .trail_1 { padding-right: 80px; }
.container_12 .trail_2 { padding-right: 160px; }
.container_12 .trail_3 { padding-right: 240px; }
.container_12 .trail_4 { padding-right: 320px; }
.container_12 .trail_5 { padding-right: 400px; }
.container_12 .trail_6 { padding-right: 480px; }
.container_12 .trail_7 { padding-right: 560px; }
.container_12 .trail_8 { padding-right: 640px; }
.container_12 .trail_9 { padding-right: 720px; }
.container_12 .trail_10 { padding-right: 800px; }
.container_12 .trail_11 { padding-right: 880px; }
.container_12 .trail_12 { padding-right: 960px; }

.container_12 .prefix_1 { margin-left: 80px; }
.container_12 .prefix_2 { margin-left: 160px; }
.container_12 .prefix_3 { margin-left: 240px; }
.container_12 .prefix_4 { margin-left: 320px; }
.container_12 .prefix_5 { margin-left: 400px; }
.container_12 .prefix_6 { margin-left: 480px; }
.container_12 .prefix_7 { margin-left: 560px; }
.container_12 .prefix_8 { margin-left: 640px; }
.container_12 .prefix_9 { margin-left: 720px; }
.container_12 .prefix_10 { margin-left: 800px; }
.container_12 .prefix_11 { margin-left: 880px; }
.container_12 .prefix_12 { margin-left: 960px; }

.container_12 .suffix_1 { margin-right: 80px; }
.container_12 .suffix_2 { margin-right: 160px; }
.container_12 .suffix_3 { margin-right: 240px; }
.container_12 .suffix_4 { margin-right: 320px; }
.container_12 .suffix_5 { margin-right: 400px; }
.container_12 .suffix_6 { margin-right: 480px; }
.container_12 .suffix_7 { margin-right: 560px; }
.container_12 .suffix_8 { margin-right: 640px; }
.container_12 .suffix_9 { margin-right: 720px; }
.container_12 .suffix_10 { margin-right: 800px; }
.container_12 .suffix_11 { margin-right: 880px; }
.container_12 .suffix_12 { margin-right: 960px; }

.container_12 .grid_reverse
{
    float: right;
}


/* Columns */
.columns_2
{
    column-count: 2;
    column-gap: 20px;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
}


.columns_4
{
    column-count: 4;
    column-gap: 20px;
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
}


/* Application styles */

h1.alt, h2.alt, h3.alt
{
    color: #fff;
}

.quote,
h2.alt2
{
    font-family: Cambria, Garamond, serif;
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 11px;
}

h2.alt2
{
    font-size: 28px;
    color: #fff;
}

/* Deferred images */

.deferred img
{
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
}

.deferred
{
    background-color: #efefef;
}

/* Overlay */

.overlay
{
    height: 30px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
}

.overlay-left
{
    padding-left: 8px;
    background: transparent url(/images/overlay_left.png) no-repeat top left;
}

.overlay-right
{
    padding-right: 8px;
    background: transparent url(/images/overlay_right.png) no-repeat top right;
}

.overlay-middle
{
    height: 30px;
    line-height: 30px;
    background: transparent url(/images/overlay_middle.png) repeat-x;
    position: relative;
}

.overlay-middle .close-button
{
    top: 8px;
    right: 4px;
    background-position: 0 0;
}

#technical-issues .overlay-left
{
    width: 280px;
}

#technical-issues .overlay-middle
{
    padding: 0 8px;
}

#technical-issues .details
{
    display: none;
}

#technical-issues.expanded .details
{
    display: inline;
}

#technical-issues .summary:hover
{
    text-decoration: underline;
    cursor: pointer;
}

#technical-issues.expanded .summary:hover
{
    text-decoration: none;
    cursor: auto;
}

.section .technical-issues
{
    display: none;
}

.solo .technical-issues
{
    display: block;
}

/* Menu */

#menu-container
{
    height: 53px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

#menu
{
    height: 53px;
    position: relative;
}

#menu-top
{
    height: 27px;
    background-color: #252525;
}

#menu li
{
    display: block;
    float: left;
}

#menu li a
{
    display: block;
    font-size: 1px;
    line-height: 1px;
    text-indent: -10000px;
    color: #fff;
}


#main-menu
{
    width: 1020px;
    height: 27px;
    background-color: #252525;
    margin: 0 auto;
}

#main-menu a
{
    height: 27px;
    background: transparent url(/images/nav.gif) no-repeat top left;
    outline: none;
}

#main-menu a.home
{
    width: 92px;
}
#main-menu a.home_viewed
{
    background-position: 0 -28px;
}
#main-menu a.home_selected
{
    background-position: 0 -56px;
}


#main-menu a.about
{
    background-position: -92px 0;
    width: 72px;
}
#main-menu a.about_viewed
{
    background-position: -92px -28px;
}
#main-menu a.about_selected
{
    background-position: -92px -56px;
}


#main-menu a.services
{
    background-position: -164px 0;
    width: 85px;
}
#main-menu a.services_viewed
{
    background-position: -164px -28px;
}
#main-menu a.services_selected
{
    background-position: -164px -56px;
}

#main-menu a.work
{
    background-position: -249px 0;
    width: 67px;
}
#main-menu a.work_viewed
{
    background-position: -249px -28px;
}
#main-menu a.work_selected
{
    background-position: -249px -56px;
}

#main-menu a.approach
{
    background-position: -316px 0;
    width: 95px;
}
#main-menu a.approach_viewed
{
    background-position: -316px -28px;
}
#main-menu a.approach_selected
{
    background-position: -316px -56px;
}

#main-menu a.training
{
    background-position: -411px 0;
    width: 89px;
}
#main-menu a.training_viewed
{
    background-position: -411px -28px;
}
#main-menu a.training_selected
{
    background-position: -411px -56px;
}


#main-menu a.journal
{
    background-position: -500px 0;
    width: 85px;
}
#main-menu a.journal:hover
{
    background-position: -500px -28px;
}
#main-menu a.lockedin
{
    background-position: -500px -56px;
}


#main-menu li.contact
{
    float: right;
}

#main-menu a.contact
{
    background-position: -901px 0;
    width: 119px;
}
#main-menu a.contact:hover
{
    background-position: -901px -28px;
}
#main-menu a.contact_selected
{
    background-position: -901px -56px;
}

#menu-bottom.active
{
    background-color: #fff;
}

#sub-menus
{
    width: 1020px;
    height: 26px;
}

#sub-menus ul
{
    display: none;
}

#sub-menus a
{
    float: left;
    height: 26px;
    outline: none;
}

#sub-menus a
{
    background: transparent url(/images/nav.gif) no-repeat top left;
}


#sub-menus .about a.introduction
{
    background-position: 0 -83px;
    width: 147px;
}
#sub-menus .about a.introduction:hover
{
    background-position: 0 -110px;
}
#sub-menus .about a.introduction_selected
{
    background-position: 0 -137px;
}

#sub-menus .about a.clients
{
    width: 73px;
    background-position: -147px -83px;
}
#sub-menus .about a.clients:hover
{
    background-position: -147px -110px;;
}
#sub-menus .about a.clients_selected
{
    background-position: -147px -137px;;
}


#sub-menus .about a.experience
{
    width: 94px;
    background-position: -220px -83px;
}
#sub-menus .about a.experience:hover
{
    background-position: -220px -110px;;
}
#sub-menus .about a.experience_selected
{
    background-position: -220px -137px;;
}

#sub-menus .about a.books
{
    width: 66px;
    background-position: -320px -83px;
}
#sub-menus .about a.books:hover
{
    background-position: -320px -110px;;
}
#sub-menus .about a.books_selected
{
    background-position: -320px -137px;;
}


#sub-menus .about a.careers
{
    width: 77px;
    background-position: -390px -83px;
}
#sub-menus .about a.careers:hover
{
    background-position: -390px -110px;;
}
#sub-menus .about a.careers_selected
{
    background-position: -390px -137px;;
}


#sub-menus .services a.introduction
{
    background-position: 0 -163px;
    width: 147px;
}
#sub-menus .services a.introduction:hover
{
    background-position: 0 -190px;
}
#sub-menus .services a.introduction_selected
{
    background-position: 0 -217px;
}


#sub-menus .services a.vision
{
    width: 67px;
    background-position: -147px -163px;
}
#sub-menus .services a.vision:hover
{
    background-position: -147px -190px;
}
#sub-menus .services a.vision_selected
{
    background-position: -147px -217px;
}


#sub-menus .services a.design
{
    width: 68px;
    background-position: -213px -163px;
}
#sub-menus .services a.design:hover
{
    background-position: -213px -190px;
}
#sub-menus .services a.design_selected
{
    background-position: -213px -217px;
}


#sub-menus .services a.education
{
    width: 95px;
    background-position: -281px -163px;
}
#sub-menus .services a.education:hover
{
    background-position: -281px -190px;
}
#sub-menus .services a.education_selected
{
    background-position: -281px -217px;
}


#sub-menus .work a.litl
{
    background-position: 0 -243px;
    width: 74px;
}
#sub-menus .work a.litl:hover
{
    background-position: 0 -270px;
}
#sub-menus .work a.litl_selected
{
    background-position: 0 -297px;
}


#sub-menus .work a.flipshare
{
    width: 80px;
    background-position: -75px -243px;
}
#sub-menus .work a.flipshare:hover
{
    background-position: -75px -270px;
}
#sub-menus .work a.flipshare_selected
{
    background-position: -75px -297px;
}


#sub-menus .work a.bgi
{
    width: 38px;
    background-position: -156px -243px;
}
#sub-menus .work a.bgi:hover
{
    background-position: -156px -270px;
}
#sub-menus .work a.bgi_selected
{
    background-position: -156px -297px;
}


#sub-menus .work a.getty_museum
{
    width: 118px;
    background-position: -193px -243px;
}
#sub-menus .work a.getty_museum:hover
{
    background-position: -193px -270px;
}
#sub-menus .work a.getty_museum_selected
{
    background-position: -193px -297px;
}


#sub-menus .work a.goldmail
{
    width: 85px;
    background-position: -319px -243px;
}
#sub-menus .work a.goldmail:hover
{
    background-position: -319px -270px;
}
#sub-menus .work a.goldmail_selected
{
    background-position: -319px -297px;
}


#sub-menus .work a.cross_country
{
    width: 121px;
    background-position: -413px -243px;
}
#sub-menus .work a.cross_country:hover
{
    background-position: -413px -270px;
}
#sub-menus .work a.cross_country_selected
{
    background-position: -413px -297px;
}


#sub-menus .work a.economizer
{
    width: 101px;
    background-position: -543px -243px;
}
#sub-menus .work a.economizer:hover
{
    background-position: -543px -270px;
}
#sub-menus .work a.economizer_selected
{
    background-position: -543px -297px;
}


#sub-menus .work a.stratus_air
{
    width: 98px;
    background-position: -653px -243px;
}
#sub-menus .work a.stratus_air:hover
{
    background-position: -653px -270px;
}
#sub-menus .work a.stratus_air_selected
{
    background-position: -653px -297px;
}


#sub-menus .work a.office_phone
{
    width: 102px;
    background-position: -760px -243px;
}
#sub-menus .work a.office_phone:hover
{
    background-position: -760px -270px;
}
#sub-menus .work a.office_phone_selected
{
    background-position: -760px -297px;
}


#sub-menus .approach a.introduction
{
    background-position: 0 -323px;
    width: 147px;
}
#sub-menus .approach a.introduction:hover
{
    background-position: 0 -350px;
}
#sub-menus .approach a.introduction_selected
{
    background-position: 0 -377px;
}


#sub-menus .approach a.research
{
    width: 85px;
    background-position: -147px -323px;
}
#sub-menus .approach a.research:hover
{
    background-position: -147px -350px;
}
#sub-menus .approach a.research_selected
{
    background-position: -147px -377px;
}


#sub-menus .approach a.modeling
{
    width: 90px;
    background-position: -232px -323px;
}
#sub-menus .approach a.modeling:hover
{
    background-position: -232px -350px;
}
#sub-menus .approach a.modeling_selected
{
    background-position: -232px -377px;
}


#sub-menus .approach a.scenarios
{
    width: 92px;
    background-position: -322px -323px;
}
#sub-menus .approach a.scenarios:hover
{
    background-position: -322px -350px;
}
#sub-menus .approach a.scenarios_selected
{
    background-position: -322px -377px;
}


#sub-menus .approach a.framework
{
    width: 102px;
    background-position: -414px -323px;
}
#sub-menus .approach a.framework:hover
{
    background-position: -414px -350px;
}
#sub-menus .approach a.framework_selected
{
    background-position: -414px -377px;
}


#sub-menus .approach a.detailed_design
{
    width: 132px;
    background-position: -516px -323px;
}
#sub-menus .approach a.detailed_design:hover
{
    background-position: -516px -350px;
}
#sub-menus .approach a.detailed_design_selected
{
    background-position: -516px -377px;
}


#sub-menus .approach a.communication
{
    width: 137px;
    background-position: -648px -323px;
}
#sub-menus .approach a.communication:hover
{
    background-position: -648px -350px;
}
#sub-menus .approach a.communication_selected
{
    background-position: -648px -377px;
}


#sub-menus .approach a.collaboration
{
    width: 130px;
    background-position: -785px -323px;
}
#sub-menus .approach a.collaboration:hover
{
    background-position: -785px -350px;
}
#sub-menus .approach a.collaboration_selected
{
    background-position: -785px -377px;
}


#sub-menus .training a.introduction
{
    background-position: 0 -403px;
    width: 147px;
}
#sub-menus .training a.introduction:hover
{
    background-position: 0 -430px;
}
#sub-menus .training a.introduction_selected
{
    background-position: 0 -457px;
}


#sub-menus .training a.interaction_design
{
    width: 155px;
    background-position: -147px -403px;
}
#sub-menus .training a.interaction_design:hover
{
    background-position: -147px -430px;
}
#sub-menus .training a.interaction_design_selected
{
    background-position: -147px -457px;
}


#sub-menus .training a.visual_interface_design
{
    width: 185px;
    background-position: -302px -403px;
}
#sub-menus .training a.visual_interface_design:hover
{
    background-position: -302px -430px;
}
#sub-menus .training a.visual_interface_design_selected
{
    background-position: -302px -457px;
}


#sub-menus .training a.communicating_design
{
    width: 183px;
    background-position: -487px -403px;
}
#sub-menus .training a.communicating_design:hover
{
    background-position: -487px -430px;
}
#sub-menus .training a.communicating_design_selected
{
    background-position: -487px -457px;
}


#sub-menus .training a.custom_training_speaking
{
    width: 215px;
    background-position: -670px -403px;
}
#sub-menus .training a.custom_training_speaking:hover
{
    background-position: -670px -430px;
}
#sub-menus .training a.custom_training_speaking_selected
{
    background-position: -670px -457px;
}

/* Horizontal nav */

.horizontal-nav
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background: transparent;
    cursor: pointer;
    display: table-cell;
}

.horizontal-nav-visible
{
    background: transparent url(/images/lateral_nav_bg.png);
}

.horizontal-nav-left img
{
    float: right;
}

.horizontal-nav-right img
{
    float: left;
}

.horizontal-nav img
{
    width: 20px;
    height: 15px;
    display: none;
}

.horizontal-nav-visible img
{
    display: block;
}

.horizontal-nav-left img
{
    margin-right: 10px;
}

.horizontal-nav-right img
{
    margin-left: 10px;
}

/* Logo */

#logo-fixer
{
    height: 50px;
    position: fixed;
    top: 88px;
    left: 0;
    width: 100%;
    z-index: 1;
}

#logo-fixer.inflow
{
    position: absolute;
}

#logo-container
{
    width: 1020px;
    margin: 0 auto;
    position: relative;
}

#cooper
{
    display: block;
    position: absolute;
    top: 0;
    left: 760px;
}



/* Content areas */

#content
{
    padding-top: 53px;
    z-index: 0;
    visibility: hidden;
}

#content.visible
{
    visibility: visible;
}

.section
{
    display: block;
    float: left;
    width: 1020px;
    margin-right: 50px;
    padding-bottom: 200px;
}

.solo
{
    float: none;
    position: relative;
    margin: 0 auto;
    padding: 0;
}

.spacer
{
    height: 500px;
}

.subsection
{
    margin-bottom: 22px;
}

/* Work nav */

a.arrow
{
    display: block;
    position: absolute;
    height: 283px;
    width: 14px;
    padding-top: 267px;
    padding-left: 6px;
    outline: none;
}

.slides a.next
{
    padding-left: 7px;
    width: 13px;
}

.slides a.hidden
{
    background-color: transparent;
}

.slides a.hidden span
{
    display: none;
}

a.arrow span
{
    display: block;
    width: 7px;
    height: 15px;
}

.slides a.previous
{
    top: 0;
    left: 0;
}

.slides a.previous span
{
    background: transparent url(/images/work_nav.png) no-repeat 0 -276px;
}

.slides a.next
{
    top: 0;
    right: 0;
}

.slides a.next span
{
    background: transparent url(/images/work_nav.png) no-repeat -8px -276px;
}

div.slides
{
    width: 1020px;
    overflow: hidden;
}

ul.slides
{
    width: 8000px;
}

ul.slides .slide
{
    width: 1020px;
    display: block;
    float: left;
}

ul.slides .slide_alt
{
    color: #fff;
}

.slides .controls a
{
    display: block;
    float: left;
    margin-right: 8px;
    width: 22px;
    height: 22px;
    background: transparent url(/images/work_nav.png) no-repeat top left;
    color: #fff;
    font-size: 1px;
    line-height: 1px;
    text-indent: -1000px;
    outline: none;
}

.slides .controls.tint-a a.one
{
    background-position: 0 0;
}

.slides .controls.tint-a a.two
{
    background-position: -23px 0;
}

.slides .controls.tint-a a.three
{
    background-position: -46px 0;
}

.slides .controls.tint-a a.four
{
    background-position: -69px 0;
}

.slides .controls.tint-a a.five
{
    background-position: -92px 0;
}

.slides .controls.tint-a a.six
{
    background-position: -115px 0;
}

.slides .controls.tint-a a.one:hover
{
    background-position: 0 -23px;
}

.slides .controls.tint-a a.two:hover
{
    background-position: -23px -23px;
}

.slides .controls.tint-a a.three:hover
{
    background-position: -46px -23px;
}

.slides .controls.tint-a a.four:hover
{
    background-position: -69px -23px;
}

.slides .controls.tint-a a.five:hover
{
    background-position: -92px -23px;
}

.slides .controls.tint-a a.six:hover
{
    background-position: -115px -23px;
}



.slides .controls.tint-b a.one
{
    background-position: 0 -46px;
}

.slides .controls.tint-b a.two
{
    background-position: -23px -46px;
}

.slides .controls.tint-b a.three
{
    background-position: -46px -46px;
}

.slides .controls.tint-b a.four
{
    background-position: -69px -46px;
}

.slides .controls.tint-b a.five
{
    background-position: -92px -46px;
}

.slides .controls.tint-b a.six
{
    background-position: -115px -46px;
}

.slides .controls.tint-b a.one:hover
{
    background-position: 0 -69px;
}

.slides .controls.tint-b a.two:hover
{
    background-position: -23px -69px;
}

.slides .controls.tint-b a.three:hover
{
    background-position: -46px -69px;
}

.slides .controls.tint-b a.four:hover
{
    background-position: -69px -69px;
}

.slides .controls.tint-b a.five:hover
{
    background-position: -92px -69px;
}

.slides .controls.tint-b a.six:hover
{
    background-position: -115px -69px;
}



.slides .controls.tint-c a.one
{
    background-position: 0 -92px;
}

.slides .controls.tint-c a.two
{
    background-position: -23px -92px;
}

.slides .controls.tint-c a.three
{
    background-position: -46px -92px;
}

.slides .controls.tint-c a.four
{
    background-position: -69px -92px;
}

.slides .controls.tint-c a.five
{
    background-position: -92px -92px;
}

.slides .controls.tint-c a.six
{
    background-position: -115px -92px;
}

.slides .controls.tint-c a.one:hover
{
    background-position: 0 -115px;
}

.slides .controls.tint-c a.two:hover
{
    background-position: -23px -115px;
}

.slides .controls.tint-c a.three:hover
{
    background-position: -46px -115px;
}

.slides .controls.tint-c a.four:hover
{
    background-position: -69px -115px;
}

.slides .controls.tint-c a.five:hover
{
    background-position: -92px -115px;
}

.slides .controls.tint-c a.six:hover
{
    background-position: -115px -115px;
}



.slides .controls.tint-d a.one
{
    background-position: 0 -138px;
}

.slides .controls.tint-d a.two
{
    background-position: -23px -138px;
}

.slides .controls.tint-d a.three
{
    background-position: -46px -138px;
}

.slides .controls.tint-d a.four
{
    background-position: -69px -138px;
}

.slides .controls.tint-d a.five
{
    background-position: -92px -138px;
}

.slides .controls.tint-d a.six
{
    background-position: -115px -138px;
}

.slides .controls.tint-d a.one:hover
{
    background-position: 0 -161px;
}

.slides .controls.tint-d a.two:hover
{
    background-position: -23px -161px;
}

.slides .controls.tint-d a.three:hover
{
    background-position: -46px -161px;
}

.slides .controls.tint-d a.four:hover
{
    background-position: -69px -161px;
}

.slides .controls.tint-d a.five:hover
{
    background-position: -92px -161px;
}

.slides .controls.tint-d a.six:hover
{
    background-position: -115px -161px;
}



.slides .controls.tint-e a.one
{
    background-position: 0 -184px;
}

.slides .controls.tint-e a.two
{
    background-position: -23px -184px;
}

.slides .controls.tint-e a.three
{
    background-position: -46px -184px;
}

.slides .controls.tint-e a.four
{
    background-position: -69px -184px;
}

.slides .controls.tint-e a.five
{
    background-position: -92px -184px;
}

.slides .controls.tint-e a.six
{
    background-position: -115px -184px;
}

.slides .controls.tint-e a.one:hover
{
    background-position: 0 -207px;
}

.slides .controls.tint-e a.two:hover
{
    background-position: -23px -207px;
}

.slides .controls.tint-e a.three:hover
{
    background-position: -46px -207px;
}

.slides .controls.tint-e a.four:hover
{
    background-position: -69px -207px;
}

.slides .controls.tint-e a.five:hover
{
    background-position: -92px -207px;
}

.slides .controls.tint-e a.six:hover
{
    background-position: -115px -207px;
}



.subsection .slides .controls a.one_selected,
.subsection .slides .controls a.one_selected:hover
{
    background-position: 0 -230px;
}

.subsection .slides .controls a.two_selected,
.subsection .slides .controls a.two_selected:hover
{
    background-position: -23px -230px;
}

.subsection .slides .controls a.three_selected,
.subsection .slides .controls a.three_selected:hover
{
    background-position: -46px -230px;
}

.subsection .slides .controls a.four_selected,
.subsection .slides .controls a.four_selected:hover
{
    background-position: -69px -230px;
}

.subsection .slides .controls a.five_selected,
.subsection .slides .controls a.five_selected:hover
{
    background-position: -92px -230px;
}

.subsection .slides .controls a.six_selected,
.subsection .slides .controls a.six_selected:hover
{
    background-position: -115px -230px;
}


.subsection .slides .controls a.one_selected_alt,
.subsection .slides .controls a.one_selected_alt:hover
{
    background-position: 0 -253px;
}

.subsection .slides .controls a.two_selected_alt,
.subsection .slides .controls a.two_selected_alt:hover
{
    background-position: -23px -253px;
}

.subsection .slides .controls a.three_selected_alt,
.subsection .slides .controls a.three_selected_alt:hover
{
    background-position: -46px -253px;
}

.subsection .slides .controls a.four_selected_alt,
.subsection .slides .controls a.four_selected_alt:hover
{
    background-position: -69px -253px;
}

.subsection .slides .controls a.five_selected_alt,
.subsection .slides .controls a.five_selected_alt:hover
{
    background-position: -92px -253px;
}

.subsection .slides .controls a.six_selected_alt,
.subsection .slides .controls a.six_selected_alt:hover
{
    background-position: -115px -253px;
}


.section_work .litl .controls,
.section_work .flipshare .controls,
.section_work .bgi .controls,
.section_work .cross_country .controls,
.section_work .stratus_air .controls
{
    position: absolute;
    bottom: 44px;
    left: 760px;
}


.section_work .getty_museum .controls,
.section_work .goldmail .controls,
.section_work .economizer .controls,
.section_work .office_phone .controls
{
    position: absolute;
    bottom: 44px;
    left: 40px;
}



/* Headers, quotes and vertical labels */

.header, .static-quote, .section-label
{
    font-size: 1px;
    line-height: 1px;
    color: #fff;
    background: transparent url(/images/headers.png) no-repeat -132px 0;
    text-indent: -10000px;
}

.section-label
{
    position: absolute;
    top: 6px;
    left: -28px;
    width: 13px;
}

.section-label.alt
{
    left: auto;
    right: -28px;
}

.section_home
{
    margin-left: 50px;
}

.section_home h1
{
    background-position: -133px -2067px;
    height: 88px;
}

.section_home h2.journal
{
    background-position: -133px -2192px;
    height: 66px;
    width: 140px;
}

.section_home h2.training
{
    background-position: -284px -2195px;
    height: 33px;
}

.section_home .static-quote
{
    background-position: -772px -2078px;
    height: 132px;
}

.section_about .introduction .section-label
{
    background-position: 0 -33px;
    height: 113px;
}

.section_about .introduction h1
{
    background-position: -132px 0;
    height: 88px;
}

.section_about .introduction .static-quote
{
    background-position: -904px 0;
    height: 128px;
}

.section_about .clients h1
{
    background-position: -133px -90px;
    height: 33px;
    margin-bottom: 0;
}

.section_about .clients .section-label
{
    background-position: -13px -34px;
    height: 58px;
}

.section_about .experience h1
{
    background-position: -134px -130px;
    height: 44px;
}

.section_about .experience .static-quote
{
    background-position: -725px -229px;
    height: 165px;
}

.section_about .experience .section-label
{
    background-position: -26px -34px;
    height: 82px;
}

.section_about .books h1
{
    background-position: -132px -219px;
    height: 88px;
}

.section_about .books .section-label
{
    background-position: -39px -34px;
    height: 49px;
}

.section_about .books h2.designing-for-the-digital-age
{
    background-position: -132px -1805px;
    height: 44px;
}

.section_about .books h2.about-face-3
{
    background-position: -131px -1849px;
    height: 44px;
}

.section_about .books h2.the-inmates-are-running-the-asylum
{
    background-position: -131px -1893px;
    height: 44px;
}

.section_about .careers h1
{
    background-position: -132px -308px;
    height: 88px;
}

.section_about .careers .section-label
{
    background-position: -52px -34px;
    height: 61px;
}


.section_services .introduction h1
{
    background-position: -132px -400px;
    height: 124px;
}

.section_services .introduction .section-label
{
    background-position: 0 -429px;
    height: 114px;
}

.section_services .introduction h2.header-vision
{
    background-position: -131px -669px;
    width: 80px;
    height: 33px;
}

.section_services .introduction h2.header-design
{
    background-position: -132px -713px;
    height: 33px;
}

.section_services .introduction h2.header-education
{
    background-position: -132px -757px;
    height: 33px;
}

.section_services .introduction h2.header-help
{
    background-position: -211px -669px;
    height: 33px;
}

.section_services .vision h1
{
    background-position: -132px -524px;
    height: 44px;
}

.section_services .vision .static-quote
{
    background-position: -785px -528px;
    height: 123px;
}

.section_services .vision .section-label
{
    background-position: -13px -429px;
    height: 51px;
}

.section_services .design h1
{
    background-position: -132px -570px;
    height: 44px;
}

.section_services .design .section-label
{
    background-position: -26px -429px;
    height: 53px;
}

.section_services .design .static-quote
{
    background-position: -784px -396px;
    height: 123px;
}

.section_services .education h1
{
    background-position: -132px -612px;
    height: 44px;
}

.section_services .education .section-label
{
    background-position: -39px -429px;
    height: 86px;
}

.section_services .education .static-quote
{
    background-position: -846px -693px;
    height: 90px;
}

.section_approach .introduction h1
{
    background-position: -132px -1148px;
    height: 85px;
}

.section_approach .introduction .section-label
{
    background-position: 0 -1177px;
    height: 112px;
}

.section_approach .research h1
{
    background-position: -132px -1236px;
    height: 85px;
}

.section_approach .research .section-label
{
    background-position: -13px -1177px;
    height: 72px;
}

.section_approach .research h2
{
    background-position: -721px -1149px;
    height: 33px;
    width: 247px;
    float: right;
    margin-bottom: 22px;
}

.section_approach .modeling h1
{
    background-position: -132px -1317px;
    height: 44px;
}

.section_approach .modeling .section-label
{
    background-position: -26px -1177px;
    height: 77px;
}

.section_approach .scenarios h1
{
    background-position: -132px -1360px;
    height: 88px;
}

.section_approach .scenarios .section-label
{
    background-position: -39px -1177px;
    height: 60px;
}

.section_approach .framework h1
{
    background-position: -132px -1448px;
    height: 44px;
}

.section_approach .framework .section-label
{
    background-position: -52px -1177px;
    height: 95px;
    width: 12px;
}

.section_approach .framework h2
{
    background-position: -721px -1182px;
    height: 33px;
    margin-bottom: 22px;
}

.section_approach .detailed_design h1
{
    background-position: -132px -1493px;
    height: 44px;
}

.section_approach .detailed_design .section-label
{
    background-position: -64px -1178px;
    height: 127px;
}

.section_approach .communication h1
{
    background-position: -132px -1538px;
    height: 44px;
}

.section_approach .communication .section-label
{
    background-position: -77px -1176px;
    height: 184px;
}

.section_approach .collaboration h1
{
    background-position: -132px -1582px;
    height: 88px;
}

.section_approach .collaboration h2
{
    background-position: -720px -1287px;
    height: 55px;
    margin-bottom: 11px;
}

.section_approach .collaboration .section-label
{
    background-position: -90px -1178px;
    height: 125px;
}

.section_work .header,
.section_work .static-quote
{
    background: transparent url(/images/headers_work.png) no-repeat -40px 0;
}

.section_work h1.header
{
    margin-bottom: 0;
}

.section_work .slide h2
{
    margin-bottom: 11px;
}

.section_work .litl .slide.one h1
{
    background-position: -594px -639px;
    height: 55px;
}

.section_work .litl .slide.one .static-quote
{
    background-position: -594px -702px;
    height: 33px;
}

.section_work .litl .slide.two h2
{
    background-position: -594px -774px;
    height: 55px;
}

.section_work .litl .slide.three h2
{
    background-position: -594px -846px;
    height: 33px;
}

.section_work .litl .slide.four h2
{
    background-position: -594px -893px;
    height: 33px;
}

.section_work .flipshare .slide.one h1
{
    background-position: -40px 0;
    height: 44px;
}

.section_work .flipshare .slide.one .static-quote
{
    background-position: -34px -43px;
    height: 33px;
    margin-left: -6px;
}

.section_work .flipshare .slide.two h2
{
    background-position: -40px -101px;
    height: 55px;
}

.section_work .flipshare .slide.three h2
{
    background-position: -40px -220px;
    height: 33px;
}

.section_work .flipshare .slide.four h2
{
    background-position: -40px -270px;
    height: 33px;
}

.section_work .flipshare .slide.five h2
{
    background-position: -40px -318px;
    height: 33px;
}


.section_work .bgi .slide.one h1
{
    background-position: -40px -647px;
    height: 44px;
}

.section_work .bgi .slide.one .static-quote
{
    background-position: -31px -692px;
    height: 33px;
}

.section_work .bgi .slide.two h2
{
    background-position: -40px -775px;
    height: 33px;
}

.section_work .bgi .slide.three h2
{
    background-position: -40px -848px;
    height: 77px;
}

.section_work .bgi .slide.four h2
{
    background-position: -40px -941px;
    height: 33px;
}


.section_work .getty_museum .slide.one h1
{
    background-position: -594px -1620px;
    height: 44px;
}

.section_work .getty_museum .slide.one .static-quote
{
    background-position: -593px -1666px;
    height: 55px;
}

.section_work .getty_museum .slide.one p
{
    padding-right: 22px;
}

.section_work .getty_museum .slide.two h2
{
    background-position: -594px -1747px;
    height: 33px;
}

.section_work .getty_museum .slide.three h2
{
    background-position: -594px -1792px;
    height: 33px;
}

.section_work .getty_museum .slide.four
{
    color: #ccc;
}

.section_work .getty_museum .slide.four h2
{
    background-position: -593px -1842px;
    height: 55px;
}

.section_work .getty_museum .slide.five h2
{
    background-position: -594px -1915px;
    height: 33px;
}

.section_work .getty_museum .slide.five p
{
    padding-right: 40px;
}


.section_work .goldmail .slide.one h1
{
    background-position: -41px -1014px;
    height: 44px;
}

.section_work .goldmail .slide.one .static-quote
{
    background-position: -33px -1058px;
    height: 33px;
    margin-left: -8px;
}

.section_work .goldmail .slide.two h2
{
    background-position: -40px -1121px;
    height: 33px;
}

.section_work .goldmail .slide.three h2
{
    background-position: -40px -1169px;
    height: 33px;
}

.section_work .goldmail .slide.four h2
{
    background-position: -40px -1217px;
    height: 33px;
}

.section_work .goldmail .slide.four p
{
    padding-right: 22px;
}

.section_work .goldmail .slide.five h2
{
    background-position: -40px -1265px;
    height: 33px;
    margin-left: -11px;
}


.section_work .cross_country .one h1
{
    display: block;
    position: relative;
    left: 760px;
    width: 240px;
    background-position: -593px 0;
    height: 132px;
}

.section_work .cross_country .slide.two h2
{
    background-position: -593px -172px;
    height: 33px;
}

.section_work .cross_country .slide.three h2
{
    background-position: -593px -224px;
    height: 53px;
}

.section_work .cross_country .slide.four h2
{
    background-position: -593px -275px;
    height: 26px;
}

.section_work .cross_country .slide.five h2
{
    background-position: -595px -299px;
    height: 25px;
}

.section_work .cross_country .slide.six h2
{
    background-position: -594px -319px;
    height: 30px;
}


.section_work .economizer .slide.one h1
{
    background-position: -40px -1986px;
    height: 44px;
}

.section_work .economizer .slide.one .static-quote
{
    background-position: -40px -2042px;
    height: 77px;
}

.section_work .economizer .slide.one p
{
    padding-right: 100px;
}

.section_work .economizer .slide.two
{
    color: #7a848a;
}

.section_work .economizer .slide.two h2
{
    background-position: -40px -2121px;
    height: 99px;
}

.section_work .economizer .slide.three h2
{
    background-position: -40px -2237px;
    height: 55px;
}

.section_work .economizer .slide.four h2
{
    background-position: -40px -2322px;
    height: 55px;
}

.section_work .economizer .slide.five h2
{
    background-position: -40px -2419px;
    height: 77px;
}

.section_work .economizer .slide.six h2
{
    background-position: -40px -2563px;
    height: 55px;
}

.section_work .economizer .slide.six ul
{
    margin-bottom: 22px;
}

.section_work .economizer .slide.six ul li
{
    margin-bottom: 0;
}


.section_work .stratus_air .slide.one h1
{
    background-position: -594px -1013px;
    height: 44px;
}

.section_work .stratus_air .slide.one .static-quote
{
    background-position: -584px -1058px;
    height: 33px;
}


.section_work .stratus_air .slide.two h2
{
    background-position: -594px -1125px;
    height: 55px;
}

.section_work .stratus_air .slide.three h2
{
    background-position: -594px -1218px;
    height: 55px;
}

.section_work .stratus_air .slide.four h2
{
    background-position: -592px -1279px;
    height: 77px;
}


.section_work .office_phone .slide.one h1
{
    background-position: -40px -1620px;
    height: 44px;
}

.section_work .office_phone .slide.two h2.a
{
    background-position: -40px -1715px;
    height: 33px;
}

.section_work .office_phone .slide.two h2.b
{
    background-position: -520px -1748px;
    height: 28px;
}

.section_work .office_phone .slide.three h2
{
    background-position: -40px -1746px;
    height: 33px;
}

.section_work .office_phone .slide.four h2
{
    background-position: -40px -1795px;
    height: 33px;
}

.section_work .office_phone .slide.five h2
{
    background-position: -40px -1847px;
    height: 25px;
}

.section_work .office_phone .slide.six h2
{
    background-position: -40px -1871px;
    height: 77px;
}


.section_training .introduction h1
{
    background-position: -132px -792px;
    height: 88px;
}

.section_training .introduction .section-label
{
    background-position: 0 -825px;
    height: 113px;
}

.section_training .introduction h2
{
    background-position: 0 -1100px;
    height: 33px;
    width: 86px;
}

.section_training .introduction h3.interaction-design
{
    background-position: -131px -1070px;
    height: 18px;
}

.section_training .introduction h3.visual-interface-design
{
    background-position: -131px -1095px;
    height: 18px;
}

.section_training .introduction h3.communicating-design
{
    background-position: -131px -1120px;
    height: 18px;
}

.section_training .interaction_design .static-quote
{
    background-position: -724px -957px;
    height: 119px;
}

.section_training .interaction_design .section-label
{
    background-position: -13px -825px;
    height: 154px;
}

.section_training .interaction_design h1
{
    background-position: -132px -878px;
    height: 44px;
}

.section_training .visual_interface_design h1
{
    background-position: -132px -922px;
    height: 44px;
}

.section_training .visual_interface_design .static-quote
{
    background-position: -638px -822px;
    height: 66px;
}

.section_training .visual_interface_design .section-label
{
    background-position: -26px -825px;
    height: 190px;
}

.section_training .communicating_design h1
{
    background-position: -132px -966px;
    height: 44px;
}

.section_training .communicating_design .static-quote
{
    background-position: -1020px -793px;
    width: 180px;
    margin-left: 15px;
    height: 290px;
}

.section_training .communicating_design .section-label
{
    background-position: -39px -825px;
    height: 190px;
}

.section_training .custom_training_speaking h1
{
    background-position: -132px -1010px;
    height: 44px;
}

.section_training .custom_training_speaking .section-label
{
    background-position: -52px -825px;
    height: 225px;
}


/* bulleted lists */
ul.plus-a li,
ul.plus-b li,
ul.plus-c li
{
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 1.5em;
    margin-bottom: 11px;
    list-style-image: url(/images/plus-a.png);
}
ul.plus-b li
{
	list-style-image: url(/images/plus-b.png);
}
ul.plus-c li
{
	list-style-image: url(/images/plus-c.png);
}

/* Large background images */

.section_services .introduction
{
    height: 701px
}

.section_services .design .deferred
{
    position: absolute;
    top: 11px;
    left: -57px;
}

.section_approach .introduction
{
    height: 701px;
}

.section_approach .framework .deferred
{
    margin-left: -30px;
}

.section_approach .detailed_design
{
    height: 693px;
}

.section_approach .detailed_design .background
{
    position: absolute;
    width: 1200px;
    height: 693px;
    top: 0;
    left: -90px;
}

.section_work .slide
{
    height: 550px;
}

.section_training .introduction .deferred
{
    height: 716px;
}

/* Section-specific */

.section_home
{
    position: relative;
    top: -26px;
}

.section_home .central_column
{
    width: 340px;
}

.section_home .entry-title,
.section_home .entry-author,
.section_home .classes
{
    font-size: 20px;
    font-family: Calibri, "myriad pro", myriad, tahoma, geneva, helvetica, arial, sans-serif;
}

.section_home .entry-title
{
    padding-right: 20px;
}

.section_home .entry-title a
{
    text-decoration: none;
}

.section_home .entry-title a:hover
{
    text-decoration: underline;
}

.section_home .entries li
{
    display: none;
}

.section_home .classes a
{
    text-decoration: none;
}

.section_home .classes a:hover
{
    text-decoration: underline;
}

.section_home .read-on-button
{
    display: block;
    width: 70px;
    height: 20px;
    background: transparent url(/images/buttons_readon.png) no-repeat top left;
    text-indent: -10000px;
    line-height: 1px;
}

.section_home .read-on-button:hover
{
    background-position: 0 -20px;
}

.section_about .introduction .laptop
{
    left: -24px;
}

.section_about .experience .clients
{
    color: #66767f;
}

.section_about .experience .clients h3
{
    color: #000;
    font-size: 13px;
    line-height: 22px;
    font-weight: bold;
}

.section_about .books .book .author,
.section_about .books .book .edition,
.section_about .books .book .reviews .source
{
    color: #66767f;
}

.section_about .careers .available-careers li a
{
    font-size: 1px;
    line-height: 1px;
    text-indent: -10000px;
    display: block;
    width: 144px;
    height: 20px;
    background: transparent url(/images/buttons_careers.png) no-repeat 0 -20px;
    margin-bottom: 10px;
}

.section_about .careers .available-careers li a.interaction-designer:hover
{
    background-position: 0 0;
}

.section_about .careers .available-careers li a.visual-designer
{
    background-position: -144px -20px;
}

.section_about .careers .available-careers li a.visual-designer:hover
{
    background-position: -144px 0;
}

.section_work .office_phone .slide.three .captions h3
{
    font-size: 11px;
    font-weight: bold;
    line-height: 22px;
    margin: 0;
}

.section_work .office_phone .slide.three .captions li
{
    width: 177px;
    margin-right: 36px;
    font-size: 11px;
    float: left;
}

.section_services .service-link
{
    position: relative;
    cursor: pointer;
    width: 245px;
    margin-left: 15px;
    padding: 5px;
    display: block;
    float: left;
}

.section_services .service-link .plus
{
    display: block;
    float: left;
    width: 20px;
    font-size: 16px;
    line-height: 33px;
}

.section_services .service-link .info
{
    display: block;
    float: left;
    width: 225px;
}

.activator
{
    cursor: pointer;
    margin: 0;
}

.activator:hover
{
    background-color: #fff;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

.section_services .activator
{
    padding: 5px 15px 15px 5px;
}

.section_training .activator
{
    float: left;
    width: 260px;
    padding: 15px 15px 15px 28px;
    margin: 11px 6px 0 12px;
    color: #fff;
}

.section_training .activator:hover
{
    color: #333;
    -moz-box-shadow: 0 0 5px rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 0 5px rgba(255,255,255,0.5);
}

.section_training .activator h3
{
    margin-left: -18px;
    margin-bottom: 4px;
}

.section_training .activator p
{
    margin-bottom: 11px;
}

.section_training .activator .date
{
    display: block;
    float: left;
    font-weight: bold;
    margin-right: 20px;
}

.section_training .classes h3
{
    color: #7d8c94;
    font-size: 12px;
    line-height: 22px;
    margin: 0;
}

.section_training .classes .date
{
    font-size: 30px;
    line-height: 55px;
    color: #252525;
}

.section_training .classes .registration
{
    font-weight: bold;
}

.section_training .button
{
    display: block;
    float: left;
    height: 20px;
    margin: 1px 10px 1px 0;
    font-size: 1px;
    line-height: 1px;
    text-indent: -10000px;
    background: transparent url(/images/buttons_register.png) no-repeat;
}

.section_training .register
{
    width: 70px;
}

#content .section_training .register:hover
{
    background-position: 0 -20px;
}

.section_training .register_a
{
    background-position: 0 -40px;
}

.section_training .register_b
{
    background-position: 0 -80px;
}

.section_training .register_c
{
    background-position: 0 0;
}

.section_training .register_d
{
    background-position: 0 -60px;
}

.section_training .notify-me
{
    width: 180px;
}

.section_training .notify-me:hover
{
    background-position: -70px -20px;
}

.section_training .notify-me_a
{
    background-position: -70px -40px;
}

.section_training .notify-me_b
{
    background-position: -70px -80px;
}

.section_training .notify-me_c
{
    background-position: -70px 0;
}

.section_training .notify-me_d
{
    background-position: -70px -60px;
}

.section_training .communicating_design .quote-column
{
    text-align: right;
}

.section_training .communicating_design .body
{
    width: 435px;
    margin-left: 10px;
}

/* Dialogs */

.dialog
{
    display: none;
    position: absolute;
    padding-bottom: 44px;
    background-color: #fff;
    z-index: 4;
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
}

.dialog .logo
{
    position: absolute;
    top: 66px;
    right: 80px;
}

.close-button
{
    display: block;
    position: absolute;
    top: 22px;
    right: 20px;
    width: 15px;
    height: 15px;
    background: transparent url(/images/button_close.png) no-repeat 0 -30px;
}

.close-button:hover
{
    background-position: 0 -15px;
}

.close-button:active
{
    background-position: 0 0;
}

#contact
{
    width: 790px;
}

#contact h1,
.section_contact h1
{
    background-position: -133px -1713px;
    height: 44px;
    width: 140px;
}

span.plus
{
    display: block;
    position: relative;
    top: 21px;
    left: -18px;
    width: 9px;
    height: 9px;
    font-size: 1px;
    line-height: 1px;
    text-indent: -10000px;
    background: transparent url(/images/plus-c.png) no-repeat top left;
}

#contact .map
{
    margin-bottom: 2px;
}

#contact-close
{
    position: absolute;
    z-index: 4;
    display: none;
}

#contact-close a
{
    display: block;
    font-size: 1px;
    line-height: 1px;
    text-indent: -10000px;
    background: transparent url(/images/nav.gif) no-repeat -901px -56px;
    width: 109px;
    height: 27px;
    outline: none;
    z-index: 2;
}

#subscribe
{
    width: 580px;
    padding: 33px 0 44px 60px;
}


#subscribe h1
{
    background-position: -134px -2325px;
    height: 55px;
    margin-bottom: 0;
}

#subscribe h2
{
    background-position: -132px -2412px;
    height: 55px;
}

#subscribe h3
{
    margin-bottom: 11px;
}

#subscribe h3.required
{
    background-position: -133px -2473px;
    height: 33px;
}

#subscribe h3.optional
{
    background-position: -133px -2519px;
    height: 33px;
}

#subscribe .field
{
    margin-bottom: 11px;
}

#subscribe label,
#subscribe input.text
{
    display: block;
    float: left;
}

#subscribe label
{
    width: 110px;
}

#subscribe input.text
{
    width: 190px;
    height: 22px;
    border: 1px solid #cdd3d6;
}

#subscribe input.text:focus
{
    border-color: #9aa3a7;
}

#subscribe .submit
{
    display: block;
    float: left;
    width: 77px;
    height: 26px;
    margin-top: -1px;
    margin-left: 20px;
    font-size: 1px;
    line-height: 1px;
    text-indent: -10000px;
    background: transparent url(/images/buttons_subscribe.png) no-repeat;
}

#subscribe .submit:hover
{
    background-position: 0 -26px;
}

#subscribe
{
    width: 580px;
    padding: 33px 0 44px 60px;
}


.section_subscribe h1
{
    background-position: -134px -2325px;
    height: 55px;
    margin-bottom: 0;
}

.section_subscribe h2
{
    background-position: -132px -2412px;
    height: 55px;
}

.section_subscribe h3
{
    margin-bottom: 11px;
}

.section_subscribe h3.required
{
    background-position: -133px -2473px;
    height: 33px;
}

.section_subscribe h3.optional
{
    background-position: -133px -2519px;
    height: 33px;
}

.section_subscribe .field
{
    margin-bottom: 11px;
}

.section_subscribe label,
.section_subscribe input.text
{
    display: block;
    float: left;
}

.section_subscribe label
{
    width: 110px;
}

.section_subscribe input.text
{
    width: 190px;
    height: 22px;
    border: 1px solid #cdd3d6;
}

.section_subscribe input.text:focus
{
    border-color: #9aa3a7;
}

.section_subscribe .submit
{
    display: block;
    float: left;
    width: 77px;
    height: 26px;
    margin-top: -1px;
    margin-left: 20px;
    font-size: 1px;
    line-height: 1px;
    text-indent: -10000px;
    background: transparent url(/images/buttons_subscribe.png) no-repeat;
}

.section_subscribe .submit:hover
{
    background-position: 0 -26px;
}

/* Journal */

#journal .header
{
    background-image: url(/images/journal.png);
}

#journal h1.header
{
    background-position: -20px -33px;
    height: 55px;
}

#journal h2.header
{
    height: 33px;
}

#journal h2.categories
{
    background-position: -23px -98px;
}

#journal h2.search-the-journal
{
    background-position: -23px -137px;
    height: 44px;
}

#journal h2.subscribe
{
    background-position: -23px -184px;
}

#journal h2.featured-articles
{
    background-position: -23px -229px;
}

#journal h2.recent-entries
{
    background-position: -23px -496px;
}

#journal h2.cooper-staff-archives
{
    background-position: -23px -274px;
}

#journal h2.alumni-archives
{
    background-position: -23px -317px;
}

#journal h2.post-a-comment
{
    background-position: -23px -362px;
}

#journal .entry
{
    margin-bottom: 66px;
}

#journal .entry a
{
    color: #f34238;
}

#journal .entry .title
{
    font-size: 36px;
    line-height: 44px;
    margin: 0;
    font-family: calibri, "myriad pro", myriad, tahoma, geneva, helvetica, arial, sans-serif;
}

#journal .entry h3
{
    font-size: 21px;
	color: #000;
	line-height: 22px;
	margin-bottom: 12px;
}

#journal .entry h3.title
{
    font-size: 21px;
    line-height: 22px;
}

#journal .entry .title a
{
    color: #000;
    text-decoration: none;
}

#journal .entry .title a:hover
{
    text-decoration: underline;
}

#journal .entry .meta
{
    font-family: "Segoe UI", "myriad pro", myriad, helvetica, arial, sans-serif;
    font-size: 13px;
    line-height: 33px;
}

#journal .alt-links,
#journal .alt-links a
{
    color: #708088;
    text-decoration: none;
}

#journal .alt-links a:hover
{
    text-decoration: underline;
    color: #05c6f2;
}

#journal .alt-links .comments
{
    text-decoration: underline;
}

#journal .entry .body ul
{
	margin-bottom: 11px;
}

#journal .entry .body ol li
{
    list-style: decimal outside;
    margin-left: 1.5em;
}

#journal .entry .body ul li
{
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 1.5em;
    margin-bottom: 11px;
    list-style-image: url(/images/plus-c.png);
}

#journal .separator
{
    width: 940px;
    height: 11px;
    background: transparent url(/images/separator.png) repeat-x 0 0;
}

#journal .separator.short
{
    width: 620px;
    background-position: -160px;
}


#journal .sidebar .separator
{
    width: 220px;
    background-position: -356px 0;
}

#journal .sidebar .search
{
    padding: 4px 0;
}

#journal .sidebar input.search-terms
{
    display: block;
    float: left;
    width: 143px;
    margin-right: 5px;
    border: 1px solid #b7bfc6;
    font-size: 13px;
    padding: 4px 2px;
}

#journal .sidebar .search .submit
{
    display: block;
    float: left;
    font-size: 1px;
    line-height: 1px;
    text-indent: -10000px;
    background: transparent url(/images/buttons_search.png) no-repeat top left;
    width: 66px;
    height: 26px;
    margin-top: -1px;
    outline: none;
}

#journal .sidebar .search .submit:hover
{
    background-position: 0 -26px;
}

#journal .sidebar .syndication img
{
    vertical-align: text-bottom;
}

#journal .pages
{
    position: relative;
    text-align: center;
}

#journal .pages .page
{
    display: inline-block;
    display: -moz-inline-block;
    zoom: 1;
    *display: inline;
    border: 1px solid #cdd3d6;
    color: #f34238;
    text-decoration: none;
    width: 24px;
    height: 24px;
    line-height: 24px;
}

#journal .pages span.page
{
    background-color: #f34238;
    border-color: #f34238;
    color: #fff;
}

#journal .pages .page.first
{
    margin-right: 10px;
}

#journal .pages .page.last
{
    margin-left: 10px;
}

#journal .pages .page.previous
{
    position: absolute;
    top: 0;
    left: 0;
    width: 58px;
}

#journal .pages .page.next
{
    position: absolute;
    top: 0;
    right: 0;
    width: 58px;
}


#comments .comment-count
{
    border-bottom: 1px solid #cdd3d6;
    padding-bottom: 21px;
    margin-bottom: 22px;
}

#comments .comment .author
{
    font-size: 15px;
}

#comments .comment .footer
{
    border-bottom: 1px solid #cdd3d6;
    padding-bottom: 21px;
    margin-bottom: 22px;
}

#comments form .note
{
    font-size: 12px;
}

#comments form label
{
    display: block;
}

#comments form input.text,
#comments form textarea
{
    width: 100%;
    border: 1px solid #cdd3d6;
}

#comments form input.text
{
    height: 22px;
}

#comments form input.text:focus
{
    border-color: #9aa3a7;
}

#comments form textarea
{
    height: 200px;
}

#submit-comment
{
    font-size: 1px;
    line-height: 1px;
    text-indent: -10000px;
    display: block;
    width: 152px;
    height: 26px;
    background: transparent url(/images/buttons_postthiscomment.png) no-repeat top left;
    outline: none;
}

#submit-comment:hover
{
    background-position: 0 -26px;
}

#captcha .alph
{
    background-color: #b7bfc6;
    padding: 3px 5px;
    font-size: 14px;
    font-weight: bold;
}

#captcha input
{
    border: 1px solid #cdd3d6;
    width: 24px;
    height: 22px;
}

#author-archive-meta .header
{
    font-size: 16px;

    line-height: 22px;
    text-indent: 0;
    color: #000;
    padding-left: 92px;
    background: transparent url(/images/journal.png) no-repeat -23px -456px;
}

#categories
{
    margin-top: 11px;
}

#categories li
{
    display: block;
    float: left;
    width: 25%;
}