/* CSS Document */

#container { 
	margin:15px auto; 
	width:840px;
	padding:0px;
	}

#wrappper {
	width:840px;
	float:left;
	margin:0;
	padding:0;
	}

body.body {
	background-color:#fff;
	margin:0px;
	padding:0px;
	background-image: url(images/interactive_bg_print.gif);
	background-repeat: repeat-x;
	}
	
#logo_bar {
	position: relative;
	height:58px;
	background-image:url(/images/interactive_logo_bar_print.gif);
	background-color: #fff;
	margin: 0px;	
	}
	
#logo_bar_inside {
	display:none;
	position: relative;
	height:78px;
	background-image:url(/images/interactive_logo_bar_inside.gif);
	background-color: #fff;
	margin: 0px;
	}

.logo a {
	position: absolute;
	top: 0;
	left: 30px;
	width: 230px;
	height: 45px;
	text-indent: -9999em;
	/*border: 1px solid red;*/	
	}
	
#links {
	display:none;
	float:right;
	padding:20px 30px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: lowercase;
	color: #7F7F7F;
	text-decoration:none;	
	}
	
#links a{
	color: #7F7F7F;
	text-decoration:none;
	margin-left:10px;	
	}

#links a:hover{
	color: #7F7F7F;
	text-decoration:underline;
	margin-left:10px;	
	}

#header {
	display:none;
	position: relative;
	height:213px;
	background-image:url(/images/header_interactive.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}
	
#header_nav {
	display:none;
	width:217px;
	padding:0;
	margin-left:28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-transform: uppercase;
	border-bottom:1px solid #f2f2f2;
	}
	
#header_nav ul {
	margin:0px;
	padding:0px;
	list-style-image: none;
	list-style-type: none;
	}
	
#header_nav ul li {
	border-top:1px solid #f2f2f2;
	margin:0px;
	}
	
#header_nav ul li.active a:link, #header_nav ul li.active a:visited{
	background-image: url(/images/interactive_active_nav_bg.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-transform: uppercase;
	color:#4a6e90;
	}
	
#header_nav ul li.active a:hover {
	background-image: url(/images/interactive_active_nav_bg.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-transform: uppercase;
	color:#4a6e90;
	}

#header_nav ul li a {
	text-decoration:none;
	padding:6px 20px 3px 34px;
	display:block;
	height:20px;
	color:#4a6e90;
	background: url(/images/interactive_nav_bg.gif) no-repeat 0 0;
	}

#header_nav ul li a:visited {
	text-decoration:none;
	padding:6px 20px 3px 34px;
	display:block;
	height:20px;
	background: url(/images/interactive_nav_bg.gif) no-repeat 0 0;
	color:#4a6e90;
	}
	
#header_nav ul li a:hover {
	text-decoration:none;
	padding:6px 20px 3px 34px;
	display:block;
	height:20px;
	background: url(/images/interactive_nav_bg.gif) no-repeat 0 -29px;
	color:#4a6e90;
	}
	
#body {
	background-image:url(/images/spacer.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	background-position: left top;
	margin:0px;
	padding:0 0 15px 0;
	float:left;
	width:740px;
	}

#body ul {margin:0px; padding:0px;}
#body li {margin:0; padding:0;}

#content {
	float:left;
	margin:0px;
	padding:0px;
	}
	
#content_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	color: #666666;
	padding:0px 50px 15px 28px;
	width:80%;
	float:left;
	}

#content_text a  {
	color:#4a6e90;
	}

#content_text a:visited  {
	color:#4a6e90;
	}

#content_text a:hover {
	color:#4a6e90;
	text-decoration:none;
	}

#news {
	width:254px;
	float:left;
	background-image: url(/images/news_body_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top:28px;
	}
	
#news h1 {
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #980a00;
	font-weight: bold;
	margin:0 5px 2px 0;
	padding:0;
	}

#news h1 a {text-decoration:none; color: #980a00;}
#news h1 a:visited {text-decoration:none; color: #980a00;}
#news h1 a:hover {text-decoration:underline; color: #980a00;}

#news p {margin:0 10px 12px 0;}

#news_content {
	width:207px;
	float:left;
	background-image: url(/images/interactive_news_content_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 5px;
	padding: 50px 20px 0px 27px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #666;
	}
#news_content a, #news_content a:visited {
	color: #980a00;
	text-decoration: none;
	}
#news_content a:hover {
	color: #980a00;
	text-decoration: underline;
	}	
#news_content ul {margin:0px; padding:0px;}
#news_content ul li {
	list-style-image: none;
	list-style-type: none;
	}


#footer {
	display:none;
	background-image:url(/images/interactive_footer_metallicbar.gif);
	background-color: #4a6e90;
	background-repeat: no-repeat;
	width:815px;
	float:left;
	padding-bottom:20px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	padding-left:25px;
	}

#footer a, #footer a:visited {color:#ffffff; text-decoration:none;}
#footer a:hover {color:#ffffff; text-decoration:underline;}

#email_list {
	padding:4px 0 0 0px;
	margin:0px 0 12px 0;
	color: #FF0000;
	}
	
.emailinput1 {font:Arial, Helvetica, sans-serif; color:#4a6e90; font-size:9px; width:140px;}
.emailinput2 {font:Arial, Helvetica, sans-serif; color:#4a6e90; font-size:9px;}


/*--------------------*/
/*--  Header link addons --*/
/*--------------------*/

/*this div can be edited for graphical overlap on top image that needs link*/
#logo_bar_extra a {
	display: block;
	text-indent: -9000em;
	width: 270px;
	height: 78px;
	position: absolute;
	bottom: 0;
	right: 230px;
	background: yellow;
	display:none;}

#header_extra
{
    left: 245px;
	position: absolute;
 }
 
#header_extra a {
	display: block;
	text-indent: -9000em;
	width: 595px;
	height: 214px;
	position: absolute;
	top: 0px;
	right: 0;
	left: 245px;
	/*background: pink;
	display:none;*/
	background: #000;
	}
	
	

/*---------------------------------------Beginning of Inside Page Styles--------------------------------*/	
	
#inside_wrapper {
	width:840px;
	background-image:url(/images/inside_wrapperbg_in.gif);
	background-repeat:no-repeat;
	background-position: left top;
	float:left;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;}


#left_col {
	width:280px;  
	float:left;
	margin:0px; 
	padding:0px;}

#leftnav_spacer {height:260px;}
	
#promos {
	width:200px;
	margin: 20px 0 30px 35px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #666;
	}
	

#promos h1 {
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #980a00;
	font-weight: bold;
	margin:0 5px 2px 0;
	padding:0;
	}

#promos a { text-decoration:none; color: #980a00; }
#promos a:visited { text-decoration:none; color: #980a00; }
#promos a:hover { text-decoration:underline; color: #980a00; }

#promos h2, #news_content div h2 {
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #980a00;
	font-weight: bold;
	margin:0 5px 2px 0;
	padding:0;
	}

#promos div h2 a, #news_content div h2 a { text-decoration:none; color: #980a00; }
#promos div h2 a:visited, #news_content div h2 a:visited  { text-decoration:none; color: #980a00; }
#promos div h2 a:hover, #news_content div h2 a:hover  { text-decoration:underline; color: #980a00; }

#promos p { margin:0 10px 12px 0; }


	
#promos ul {margin:0px; padding:0px;}
#promos ul li {
	list-style-image: none;
	list-style-type: none;
	}

#inside_content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	color: #666666;
	padding:50px 20px 30px 2px;
	width:510px;
	float:left;
	}
	
#inside_content h1 {
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0px;
	margin: 0px 0px 14px 0px;
}
#inside_content h2 {
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px 0px 12px 0px;
	color:#4a6e90;
}
#inside_content h3 {
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	color:#4a6e90;
}
#inside_content h4 {
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	color:#4a6e90;
}

/*this is for the headings on the careers page*/
#inside_content h5 {
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px;
	margin: 0px 0 0px 0;
	font-weight: bold;
}

#inside_content p {
	padding: 0px;
	margin: 0px 0px 14px 0px;}

#inside_content a  {
	color:#4a6e90;
	}

#inside_content a:visited  {
	color:#4a6e90;
	}

#inside_content a:hover {
	color:#4a6e90;
	text-decoration:none;
	}
	
#content_text h1, #content_text h2 {
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin: 0px 0 10px 0;
	font-weight: bold;
}

#content_text h3, #content_text h4, #content_text h5 {
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px;
	margin: 0px 0 10px 0;
	font-weight: bold;
}
	
	


/*-----------------------------*/
/* Beginning of Top Navigation */
/*-----------------------------*/

#top_nav {
	display:none;
	width: 840px;
	height: 33px; 
	margin: 0;
	padding: 0;
	position: relative;
	background: url(images/interactive_top_nav_metallic_bar.gif) no-repeat;
	}
	
#nav {
	width: 513px;
	height: 33px;
	position: absolute;
	top: 0;
	right: 20px;
	background: url(images/new_nav.gif) no-repeat bottom left;
	}

#nav li {
	display: inline;
	}
#nav a:link, #nav a:visited {
	display: block;
	position: absolute;
	height: 33px;
	text-indent: -9000px;
	text-decoration: none;
	top: 0px;
	 :-moz-any-link:focus;
	 outline: none;
	}
	
/* ----- Nav Defaults ------ */
#interactive a:link, #interactive a:visited, .selected {
	width: 77px;
	left: 0;
	}
#training a:link, #training a:visited {
	width: 61px;
	left: 77px;
	}
#staffing a:link, #staffing a:visited {
	width: 61px;
	left: 138px;
	}
#event_management a:link, #event_management a:visited {
	width: 113px;
	left: 199px;
	}
#search_marketing a:link, #search_marketing a:visited {
	width: 112px;
	left: 312px;
	}
#spin_ventures a:link, #spin_ventures a:visited {
	width: 89px;
	left: 424px;
	}
	
/* ----- Nav Hover ------ */
#interactive a:hover {
	background: url(images/new_nav.gif) no-repeat 0 0;
	}
#training a:hover {
	background: url(images/new_nav.gif) no-repeat -77px 0;
	}
#staffing a:hover {
	background: url(images/new_nav.gif) no-repeat -138px 0;
	}
#event_management a:hover {
	background: url(images/new_nav.gif) no-repeat -199px 0;
	}
#search_marketing a:hover {
	background: url(images/new_nav.gif) no-repeat -312px 0;
	}
#spin_ventures a:hover {
	background: url(images/new_nav.gif) no-repeat -424px 0;
	}

/* ----- Nav Selected ------ */
#interactive a.selected:link, #interactive a.selected:visited {
	background: url(images/new_nav.gif) no-repeat 0 0;
	}
#training a.selected:link, #training a.selected:visited {
	background: url(images/new_nav.gif) no-repeat -77px 0;
	}
#staffing a.selected:link, #staffing a.selected:visited {
	background: url(images/new_nav.gif) no-repeat -138px 0;
	}
#event_management a.selected:link, #event_management a.selected:visited {
	background: url(images/new_nav.gif) no-repeat -199px 0;
	}
#search_marketing a.selected:link, #search_marketing a.selected:visited {
	background: url(images/new_nav.gif) no-repeat -312px 0;
	}
#spin_ventures a.selected:link, #spin_ventures a.selected:visited {
	background: url(images/new_nav.gif) no-repeat -424px 0;
	}



/*--------------------*/
/*Beginning of Slider*/
/*--------------------*/

#portfolio_spacer {margin-left:20px;}
#portfolio_spacer_inside {margin:30px 0 0 0;}


#portfolio { 
	display:none;
	float: left; 
	margin: 0;
	padding: 0; 
	height: 200px; 
	width: 511px; 
	position: relative; 
	overflow: hidden; 
	background: url(/images/interactive_portfolio_bg.gif) no-repeat; 
}

#portfolio a { 
	color: #333; 
	display: block; 
	position: absolute; 
	text-decoration: none; 
	z-index: 100; 
	font-size: 9px;
	}
	
#portfolio .mod { 
	overflow: hidden; 
	}
	
.mod { 
	margin: 0 auto; 
	padding: 0; 
	overflow: hidden; 
	position: absolute; 
	top: 40px; 
	left: 36px; 
	height: 165px; 
	width: 436px; 
	}
	
ul#themes { 
	width: 5000px;
	margin: 0 auto; 
	padding: 0; 
	overflow: hidden; 
	position: relative; 
	}
	
ul#themes li { 
	margin: 0 6px 0 0; 
	padding: 0; 
	float: left; 
	display: inline; 
	height: 142px; 
	width: 141px; 
	overflow: hidden; 
	font-size: 11px; 
	list-style: none;
	list-style-position: outside;
	}

ul#themes li a span  { 
	text-align: center;
	width: 131px;
	margin: 0;
	padding: 0 5px; 
	display: block;
	color: #666;
	line-height: 1.4;
	letter-spacing: .06em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	}

ul#themes li img { 
	margin: 0 0 5px 0;
	display: block;
	border: 0px solid red; 
	}

#portfolio a#move-left { left: 12px; top: 75px; border: 0px solid #fff; }
#portfolio a#move-right { right: 12px; top: 75px; border: 0px solid #fff; }

.clearme {clear: both;}

/*-----------------------------*/
/* Beginning of Porfolio Pages */
/*-----------------------------*/
#portfolio_crumbs {
	margin: 0 0 50px 0;
	padding: 0;
	}

#portfolio_crumbs ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#portfolio_crumbs li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	color: #999;
	}

#portfolio_crumbs li a, #portfolio_crumbs li a:visited {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	color: #4a6e90;
	text-decoration: none;
	}
	
#portfolio_crumbs li a:hover {
	color: #4a6e90;
	text-decoration: none;
	border-bottom: 2px solid #4a6e90;
	}

#portfolio_crumbs ul li.on a:link, #portfolio_crumbs ul li.on a:visited {
	border-bottom: 2px solid #4a6e90;
	font-weight: bold;
	}

#portfolio_crumbs ul li.on a:hover {
	border-bottom: 2px solid #e2e7ed;
	text-decoration: none;
	font-weight: bold;
	}

.category_item p {
	margin: 0;
	padding: 0;
	line-height: 1.2;
	}

.category_item img {
	float: left;
	margin: 0 0 10px 0;
	}

.category_item h2 {
	font-size: 12px;
	margin: 0;
	padding: 3px 0 0 0;
	}

.category_item_thumbs {
	margin: 0 25px 20px 0;
	padding: 0;
	text-align: center;
	line-height: 1.4;
	width: 141px;
	}

span.tagline {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	}

span.tagline h2 {
	border-bottom: 1px dashed #d5d5d5;
	font-size: 14px;
	float: left;
	margin: 0;
	padding: 0;
	}
	
span.tagline p {
	float: left;
	margin: 0;
	padding: 0;
	}

/*-- Client Header --*/
h2.client_header {
	float: left;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px dashed #ccc;
	margin: 0 0 10px 0;
	padding: 0;
	}

.url {
	float: right;
	marign: 0;
	padding: 7px 0 0 0;
	}
	
.url a {
	margin: 0;
	padding: 0px 15px 0 0;
	background: url(images/external.gif) no-repeat right 70%;
	}
	
.url a:hover {
	background: url(images/external2.gif) no-repeat right 70%;
	margin: 0;
	padding: 0px 15px 0 0;
	}	
	
/*-- Controls Portfolio Slider Images --*/
.thumbs {
	background:  url("images/thumb_bg.gif") no-repeat;;
	width: 141px;
	height: 98px;
	padding: 7px;
	display: block;
	}
	
.thumbs img {
	width: 127px; 
	/*height: 84px;*/
	margin: 0;
	padding: 0;
	}
	
/*-- Large Thumbnail on Portfolio Detail page --*/
#divMainImage { 
	border: 1px solid #ccc;
	margin: 0 10px 0 0;
	background: url(images/ajax3.gif) no-repeat 50% 50%;
	}
	
/*-- Small Thumbnail on Portfolio Detail page --*/
.thumbsSmall {
	border: 1px solid #ccc;
	margin: 0;
	}
	
#thumbShowcase a:hover img {
	border: 1px double #999;
	}
	
#thumbShowcase a {
	:-moz-any-link:focus;
	outline: none;
	}

#thumbShowcase {
	display: inline;
	margin: 0 0 15px 0;
	padding: 0;
	}

/*-- Carrers Page Styles --*/
.job_entry {
	margin: 0 0 40px 0;
	padding: 0 10px 10px 10px;
	background: url(/images/job_bg.gif) repeat-x left top;
	}

.job_title {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 3px 10px 4px 5px;
	background: #ededed;
	color: #444;
	border-top: 1px solid #ccc;	
	}
	
div.inside_news {
	padding: 0 10px 10px 0; 
	margin: 0 0 10px 0;  
	border-bottom:1px dashed #ccc;
	}
	
div.inside_news img { margin: 8px 15px 15px 0; border: 1px solid #333;}
div.inside_news p { margin:0; }

.star {
color:#FF0000; 
font-weight:bold; 
font-size:14px;}

/*--THIS IS THE STYLES FOR THE NEW PORTFOLIO SECTION--*/

#portfolio_wrapper { background-image:url(/images/portfolio_body_bg.gif); background-position: left 29px; background-repeat:no-repeat; width:545px; float:left;}

#tabs{ height:50px; background-image:url(/images/tabs_bg.gif); background-repeat:repeat-x; width:541px; float:left;}

#portfolio_lg {
	width:380px; 
	float:left; 
	margin:0px;
	padding-bottom:18px;}
	
#portfolio_lg img {border:1px solid #000;}

#portfolio_thumbs {
	width:130px; 
	float:left;
	text-align:right}
	
#portfolio_thumbs img {border:1px solid #000; margin-bottom:18px;}

#portfolio_text {
	clear:both; 
	width:510px; 
	margin:5px 0px; 
	padding:0px; }
	
#extras_wrapper {
	padding:0 0 10px 10px; 
	float:right;
	margin:0px;}
	
#extras_border {
	border:1px solid #999999; 
	padding:4px 4px 2px 4px; 
	margin:0 0px 0 10px; 
	width:126px;}
	
#extras img {margin-bottom:2px;}

#extras_border_award {
	border:1px solid #999999; 
	padding:4px 4px 2px 4px; 
	margin:0 0px 0 10px;}