@charset "UTF-8";
/* CSS Document */

/*
 COMMON GLOBAL ATTRIBUTES Begin
*/
body{
	padding:0;
	margin:0; 
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	background: url(../images/gradient.jpg) top center fixed no-repeat #e3e8eb;
}
h1, h2, h3,h4, p, ul, li, label, blockquote,textarea,input,select, img {
	
	font-family: Arial, Helvetica, sans-serif;
	color:#4b2f15;
	font-size:11px;
	padding:0 ;
	margin:0;	
}
h2 {
color:#e7432d;
padding-bottom:3px;
/*font-size:14px;*/
}
h2 a {
	font-size: 11px;
	font-weight: normal;
}
h3 {
	font-size:12px;
	padding-bottom:5px;
}
p {
	line-height:16.5px;
	/*letter-spacing:.5px;*/
}
* { 
	outline:none;
} 
 a:link,
 a:visited {
	color: #e7432d;
}
a:hover{
	color: #4b2f15;
}

.eui_modal_con_col a:hover {
	color:#b59c8c;
}
a img {
	border:none;
}
.eui-clear {
	clear:both;
}
hr {
	border: none 0;
	border-top: 1px solid #5f5f5f;/*the border*/
	height: 1px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
}
br {
	clear:both;
}
.js-hidden{
    display:none;
}
/*
 COMMON GLOBAL ATTRIBUTES END
*/
/*   MAIN HEADER Selectors BEGIN */
div.eui_mainHeader {
	padding-top:16px;
	position:absolute;
	z-index:3;
	min-width:840px;
	width:100%;
	left:0;
	/*display:none;*/
}
div.eui_mainHeader p {
	background:url(../images/EUI_logo.gif);
	height:40px;
	width:120px;
	float:left;
}
div.eui_mainHeader p a {
	display:block;
	height:41px;
	width:113px;
}
div.eui_mainHeader span span,
div.eui_mainHeader a span {
	display:none;
}
.eui_main_nav {
	padding:5px 0px 0px 6px;
	float:right;
}
.eui_main_nav li {
	float:left;
	list-style:none;
	padding-top:9px;
}
.eui_main_nav a,
.eui_main_nav span {
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:29px;
	overflow:hidden;
	text-indent:-2000px;
}
.eui_main_nav .eui_what_we_do {
	background-image:url(../images/nav/nav1_what_we_do.png);
	width:88px;
}
.eui_main_nav .eui_who_we_are {
	background-image:url(../images/nav/nav1_who_we_are.png);
	width:82px;
}
.eui_main_nav .eui_blog {
	background-image:url(../images/nav/nav1_blog.png);
	width:62px;
}
.eui_main_nav .eui_news_events {
	background-image:url(../images/nav/nav1_news_events.png);
	width:97px;
}
.eui_main_nav .eui_newsroom {
	background-image:url(../images/nav/nav1_newsroom.png);
	width:62px;
}
.eui_main_nav .eui_industry_resources {
	background-image:url(../images/nav/nav1_industry_resource.png);
	width:121px;
}

.eui_main_nav .eui_effective_thinking {
	background-image:url(../images/nav/nav1_effective_thinking.png);
	width:97px;
	height:34px;
}
.eui_main_nav .careers{
	background-image:url(../images/nav/nav1_careers.png);
	height:35px;
	width:59px;
}
.eui_main_nav .eui_contact_us {
	background-image:url(../images/nav/nav1_contact_us.png);
	height:35px;
	width:192px;	
}
/*   MAIN HEADER Selectors END */
div#eui_pedal {
	z-index:0;
	position: absolute;
	padding-top:191px;
	height:280px;
	width:277px;
	left:0;
}
div.eui_content_area_container {
	width:747px;
	margin:0 auto;
	/*height:464px;*/
	/*margin:0;*/
	padding:86px 0 0 130px;
	
}

div.eui_content_area_container_noFlash {
	padding:86px 0 0 0;
	
}

div.eui_content_frame,
div.eui_content_area {
	width:700px;
	/*height:447px;*/
	overflow:hidden;
	position: relative;
	/*display:none;*/
}
div.eui_content_area2 {
	width:747px;
	/*height:483px;*/
	overflow:hidden;
	position: relative;
}
div.eui_content_area {
	z-index:6;
}
div.eui_content_frame {
	z-index:7;
}
/* Begin sidenav selectors */
 div.eui_sideNav {
	float:left;
	width:136px;
	padding:44px 24px 20px 28px; 
	overflow: hidden;
}

div.eui_sideNav div.sideNav_divider {
	background:url(../images/dot.gif) repeat-x scroll center top transparent;
	height:6px;
	padding-bottom:6px;
	margin-right:20px;
}

 div.eui_sideNav div.eui_sidenav_container {
	margin-bottom:40px;
	background:url(../images/dot.gif) right top repeat-y;
}
div.container-sub-subnav div.eui_sidenav_container {
	margin-bottom: 0px;
}
div.container-sub-subnav div.sub-subnav {
	margin-bottom: 20px;
	padding-top: 10px;
}
div.container-sub-subnav div.eui_horiz {
	margin-bottom: 0px;
	height: 3px;
}

div.eui_sideNav ul {
	padding:11px 0 6px 0;
}
div.eui_sideNav li  {
	padding:1px 0px 6px 0px;
	width:135px;
	height:11px;
	list-style:none;
}

.sideNavLinks a {
	padding-right: 22px;
}
.sideNavLinks a,
.sideNavLinks span{
	display:block;
	width:113px;
	height:11px;
	overflow:hidden;
	text-indent:-2000px;
	font-size: 1px;
	background-repeat:no-repeat;
}

.sideNavLinks a.nav_active,
.sideNavLinks a:hover{
	background:url(../images/subnav/marker.png) right top no-repeat;
}
.tertiaryNav a.nav_active,
.tertiaryNav a:hover{
	background:none;	
}
.tertiaryNav a.nav_active span,
.tertiaryNav a:hover span{
	background-position:bottom right;	
}

div.eui_sideNav li.eui_sub_nav_section,
div.eui_sideNav li.eui_sub_nav_section span,
div.eui_sideNav li.eui_sub_nav_section a {
	height:14px;
}

div.eui_sideNav li.section_twoLine,
div.eui_sideNav li.section_twoLine a,
div.eui_sideNav li.section_twoLine span {
	height:30px;
}

div.eui_sideNav li.eui_sub_nav_section a{
	background-position:right 5px;	
}
/*         Subnav for 404 page     */
.sn_404 span{
background-image: url(../images/subnav/sn_404.png);
}
.sn_404_Home {
	background-position:right 0px;
}
.sn_siteMap{
	background-position:right -13px;
}
/*         Subnav for What We Do              */
.sn_whatDo span{
background-image: url(../images/subnav/sn_whatDo.png);
}
.eui_sn_what_we_do {
	background-position:right 0;
}
.eui_sn_services_capabilities {
	background-position:right -15px;
}
.eui_sn_technology {
	background-position:right -28px;
}
.eui_sn_clients_work {
	background-position:right -41px;
}
.eui_sn_awards_recognition {
	background-position:right -54px;
}
.eui_sn_approach_process {
	background-position:right -67px;
}
.eui_sn_were_different {
	background-position:right -80px;
}
.eui_sn_video-testimonials {
	background-position:right -93px;
}
.eui_sn_video-case-studies {
	background-position:right -106px;
}
.sideNavLinks .eui_sn_microsoft-testimonial {
	background: url(../images/subnav/sn2_microsoft_testimonial.png) right top no-repeat;;
}
.sideNavLinks .eui_sn_ivism-testimonial {
	background: url(../images/subnav/sn2_invism_testimonail.png) right top no-repeat;
}
/*         Subnav for Who We Are              */
.sn_whoAre span{
background-image: url(../images/subnav/sn_whoAre.png);
}
.eui_sn_who_we_are {
	background-position:right 0;
}
.eui_sn_technology_partners {
	background-position:right -15px;
}
.eui_sn_executive_management {
	background-position:right -28px;
}
.eui_sn_teams {
	background-position:right -41px;
}
/*         Subnav for News & Events              */
.sn_newsEvents span{
background-image: url(../images/subnav/sn_newsEvents.png);
}
.eui_sn_news_events {
	background-position:right 0;
}
.eui_sn_in_the_news {
	background-position:right -15px;
}
.eui_sn_press_releases {
	background-position:right -28px;
}
.eui_sn_where_weve_been {
	background-position:right -41px;
}
/*         Subnav for Industry Resources        */
.sn_industryResources span{
background-image: url(../images/subnav/sn_industryResources.png);
}
.eui_sn_industry_resources {
	background-position:right 0;
}
.eui_sn_presontations {
	background-position:right -32px;
}
.eui_sn_white_papers {
	background-position:right -45px;
}
.eui_sn_book {
	background-position:right -58px;
}
.eui_sn_ideate {
	background-position:right -71px;
}
/*         Subnav for careers        */
.sn_careers span{
background-image: url(../images/subnav/sn_careers.png);
}
.eui_sn_careers {
	background-position:right 0;
}
/*         Subnav for contact us        */
.sn_contact span{
background-image: url(../images/subnav/sn_contact.png);
}
.eui_sn_contact_us {
	background-position:right 0;
}
/*         Subnav for adobe movies*/
.sn_visionDemo span{
background-image: url(../images/subnav/sn_videos.png);
}
.eui_sn_eui_videos{
	background-position:right 0;
} 
.eui_sn_united_cargo{
	background-position:right -15px;
} 
.eui_sn_tri_geo {
	background-position:right -28px;
}
.eui_sn_health_insurance {
	background-position:right -41px;
}
.eui_sn_national_geographic {
	background-position:right -54px;
}
.eui_sn_deloitte {
	background-position:right -67px;
}
.eui_sn_coca_cola {
	background-position:right -80px;
}
.eui_sn_abn_banking {
	background-position:right -93px;
}
.eui_sn_level3 {
	background-position:right -106px;
}
.eui_sn_jll {
	background-position:right -119px;
}
/*         Subnav for EffectiveUI demo movies*/
.sn_videoLibrary span{
background-image: url(../images/subnav/sn_videoLibrary.png);
}
.eui_sn_vision_demos{
	background-position:right 0;
} 
.eui_sn_eui_demo_reel{
	background-position:right -15px;
} 
.eui_sn_blue_angels {
	background-position:right -28px;
}
.eui_sn_microsoft_mix {
	background-position:right -41px;
}
.eui_sn_wells_fargo {
	background-position:right -54px;
}
.eui_sn_one_reach{
	background-position:right -67px;
}
.eui_sn_coca_cola_euidemo {
	background-position:right -80px;
}
.eui_sn_kodak {
	background-position:right -93px;
}
.eui_sn_qwest {
	background-position:right -106px;
}
.eui_sn_image_group {
	background-position:right -119px;
}

.eui_main_nav a:hover,
.eui_main_nav span.nav_active,
.eui_main_nav a.nav_active{
	background-position:right bottom;
}

/* Begin Quote selectors */	
div.eui_quote {
	clear:both;
	margin:0px 0px 0 25px;
	background:url(../images/dot.gif) right top repeat-x;
	width:110px;
}
div.eui_quote blockquote {
	padding:9px 0;
	background:url(../images/dot.gif) right bottom repeat-x;
}
div.eui_quote p {	line-height:13px;
	text-align:right;
	font-size:11px;
	color:#886852;
}
div.eui_quote p.eui_cite {
	padding-top:12px;
	color:#e7432d;
}
div.jsAccordion{
	display:none;
}

/* Side nav contact info, including overrides for existing styles */
div.eui_sn_contact {
	padding-top: 1.0em;
}
div.eui_sn_contact h2 {
	padding-bottom: 0.5em;
	text-align: right;
}
div.eui_sn_contact p {
	text-align: right;
}
div.eui_sn_contact p img {
	margin-left: 8px;
	margin-top: 5px;
}
div.eui_sn_contact p.eui_container_sn_icons {
	position: relative;
	top: -8px;
}
div.eui_sn_contact div.eui_horiz {
	margin-top: 20px;
}

/* Collapsible events */
div#container-events div.eui_horiz {
	height: 5px;
	margin-bottom: 5px;
}
div.container-event {
	margin-bottom: 5px;
}
div#container-events div.container-event p {
	padding: 0px;
	margin-left: 10px;
}
div#container-events div.container-event div.container-collapse p {
	padding-bottom: 5px;
}
div.container-event h2 {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	background-image: url(../images/twisty-tall.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	cursor: pointer;
	font-size:11px;
}
div.container-event h2.event-headline-open {
	background-position: 0 -41px;
}
div.container-event div.container-collapse li {
	text-indent: -13px;
	padding-left: 13px;
	padding-bottom: 5px;
}
div.container-event div.container-collapse ul {
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
}


/* Form Fields Start */
div.eui_contact label {
	font-size:10px;
	height:13px;
	width:57px;
	padding:2px 6px 6px 0 ;
	float:left;
	clear:both;
	text-align:right;
}
div.eui_contact select{
font-size:10px;
	color:#4b2f15;
	padding:0 0 0 1px;
	width:167px;
	background:#e4e0da url(../images/form-fields/input-single.gif) right top repeat-x;
	border:1px #9e8573 solid;
}
div.eui_contact input {
	font-size:10px;
	color:#4b2f15;
	padding:0 1px;
	width:163px;
	height:13px;
	background:#e4e0da url(../images/form-fields/input-single.gif) right top repeat-x;
	border:1px #9e8573 solid;
}
div.eui_contact textarea {
	font-size:10px;
	color:#4b2f15;
	padding:0 1px;
	width:163px;
	height:38px;
	background:#e4e0da url(../images/form-fields/input-block.gif) right top repeat-x;
	border:1px #9e8573 solid;
	margin-bottom:8px;
}
div.eui_contact p.eui_check{
	font-size:10px;
	font-style:oblique;
}
div.eui_contact p.eui_check input {
	width:11px;
	height:11px;
}

div.eui_contact input.eui_contact_button {
	width:77px;
	height:24px;
	border:none;
	margin-bottom:8px;
}
div.eui_contact input.eui_download_button {
	width:99px;
	height:24px;
	border:none;
	margin-bottom:8px;
	padding:0;
}
div.eui_job label {
	display:block;
	font-size:10px;
	height:13px;
	clear:both;
	padding:6px 6px 3px 0 ;
	clear:both;
}
div.eui_job select{
	font-size:10px;
	color:#4b2f15;
	padding:0;
	height:16px;
	width:205px;
	background:#e4e0da url(../images/form-fields/input-single.gif) right top repeat-x;
	border:1px #9e8573 solid;
}
div.eui_job input {
	font-size:10px;
	color:#4b2f15;
	padding:3px 2px;
	width:200px;
	height:12px;
	background:#e4e0da url(../images/form-fields/input-single.gif) right top repeat-x;
	border:1px #9e8573 solid;
}
div.eui_job input.eui_job_upload {
	font-size:10px;
	width:200px;
	height:20px;
	border:1px #9e8573 solid;
}
div.eui_job p.eui_check input {
	width:11px;
	height:11px;
}

input.eui_reportlink_button {
	width:135px;
	height:23px;
	border:none;
}
	
div.eui_job input.eui_contact_button {
	width:77px;
	height:24px;
	border:none;
	margin-bottom:8px;
}
div.eui_job input.eui_submit_button {
	width:57px;
	height:23px;
	border:none;
	margin:10px 0;
	padding:0;
}
/* Form Fields End */
/* Main Content Selectors */
h2.eui_subH2 {
	font-size:11px;	
}

/* Footer Selectors begin*/
.eui-footer-wrap {
	clear:both;
}
.eui-footer {
	float:right;
	width:650px;
	height:48px;
	background:url(../images/dot.gif) left top repeat-x;
	overflow:hidden;
}
.container_fullpage .eui-footer {
	float:none;
	width:100%;	
}
div.eui-footer p {
	float:left;
	background:url(../images/copy.gif) left bottom no-repeat;
	height: 18px;
	width:200px;
}
div.eui-footer li span,
div.eui-footer p span {
	display:none;
}
div.eui-footer ul {
	float:right;
	height: 18px;
	width:144px;
	padding-top:8px;
}
div.eui_section div.eui-footer li {
	float:left;
	list-style:none;
}

div.eui-footer li.eui_privacy a {
	display:block;
	background:url(/images/footer/privacyPolicy.png) left top no-repeat;
	height:9px;
	width:55px;
	overflow:hidden;
	padding-right:5px;
}

div.eui-footer li.eui_sitemap a {
	display:block;
	background:url(/images/footer/siteMap.png) left top no-repeat;
	height:9px;
	width:36px;
	overflow:hidden;
	padding-right:5px;
}

div.eui-footer li.eui_footerContactUs a {
	display:block;
	background:url(/images/footer/contactUs.png) left top no-repeat;
	height:9px;
	width:43px;
	overflow:hidden;
}

div.eui-footer li a:hover {
	background-position:left bottom;
}

/* Footer Selectors end*/

/* Styles for Video Pages */
div.column-video {
	width: 149px;
	float: left;
	margin-right: 27px;
}
div.column-video.column-last {
	margin-right: 0px;
}
div.column-video img.thumbnail-video {
	float: left;
}
div.column-video div.video-thumb {
	width: 145px;
	height: 84px;
	background-color: #ccc;
	margin-bottom: 12px;
}
p.video-author {
	font-weight: bold;
	padding-bottom: 11px;
}

div.container-video-hidden {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1100;
	width: 512px;
	background-color: #fff;
	border: 1px solid black;
	padding: 10px;
	overflow: hidden;
}
div#background-greyout {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 1000;
	display: none;
	background-image: url(../images/bg-opacity-75.png);
}
div#button-popup-close {
	position: absolute;
	top: 3px;
	right: 3px;
	width: 15px;
	height: 15px;
}
div#button-popup-close a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 13px;
	background-color: #666;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}
div#button-popup-close a:hover {
	background-color: #ccc;
}

div.eui-column {
	float: left;
}
div.column-indent {
	margin-left: 20px;
}
div.column-indent h2 {
	margin-top: 10px;
}
p.eui-title {
    font-style: italic;
    color: #ec7161;
    margin-bottom: 0.3em;
}

span.eui_external_link{
    display: inline-block;
	background-image:url(../images/icons/icon-jump.png);
    background-repeat: no-repeat;
    background-position: center 4px;
    width: 14px;
    height: 15px;
    margin-left: 3px;
}

div.eui_news_container a.eui_external_link {
	background-image:url(../images/icons/icon-jump.png);
    background-repeat: no-repeat;
    background-position: right 4px; 
	padding-right:14px; 
}

ul.eui_download_list a:hover {
    background-position: bottom left;
}

ul.eui_download_list a {
    padding-left: 12px;
    background-image:url(../images/icons/icon-download.png);
    background-repeat: no-repeat;
    background-position: top left;
}

div ul.eui_download_list li {
	list-style:none;
}

/* Logo Download Page */
div.eui_logo_download_right {
    float: right;
    width: 49%;
}

div.eui_logo_download_left {
    width: 50%;
    float: left;
}

div.eui_logo_download_item_container {
    margin-top: 14px;
    margin-bottom: 35px;
}
/* End Logo Download Page */