/*---------DON'T DELETE THIS! CLEARFIX! ---------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
  
 .clearfix {
display: inline-block;
}  

    /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
	.clearfix {display: block;}
    /* End Holly Hack */
	
textarea{
	resize:none;
	}


/* --- main nav --- */

.work_hov {
	opacity:.7;
	float:left;
	filter:alpha(opacity=70);
}

.work_hov:hover{
	opacity:1;
	filter: alpha(opacity = 100);
}


#header #nav_container{
	position:relative;
	float:right;
	top:32px;
	z-index:600;
}

#header #nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;height:19px;display:block;}


   
#header #nav a{
  	display:block;
	height:19px;
	width:100%;
	}	
	

	
#header #nav a span{display:none;}
  
#header #nav li ul li a span{display:block; visibility:hidden}  
   
#header #nav{
    height:19px; 
	width:413px;
    background:url(../media/img/layout/nav.gif);
    position: relative;
	display:block;
	padding:0;
	margin:0;
	}	
	
#header #nav li:hover ul, li.over ul {
	display: block;
}

		
#header #nav li.on:hover ul, #nav li.over ul { /*for ie*/
		font-weight:bold;
	}
		
		
#header #topnav li.off ul, #topnav li.on ul {
  display: none;
}

	#header #nav_work{left:0px;top:0px; height:19px;width:40px;}
	#header #nav_clients{left:56px;top:0px;height:19px;width:50px;}
	#header #nav_partnerships{left:124px;top:0px;height:19px;width:86px;}
	#header #nav_news{left:228px;top:0px;height:19px;width:41px;}
	#header #nav_careers{left:286px;top:0px;height:19px;width:55px;}
	#header #nav_contact{left:357px;top:0px;height:19px;width:55px;}
	

	

	#header #nav_work a:hover, #work #nav_work{
    background: transparent url(../media/img/layout/nav.gif)
    -0px -19px no-repeat;}

	#header  #nav_clients a:hover, #clients #nav_clients{
    background: transparent url(../media/img/layout/nav.gif)
    -56px -19px  no-repeat;}

	#header #nav_partnerships a:hover, #partnerships #nav_partnerships {
    background: transparent url(../media/img/layout/nav.gif)
    -124px -19px no-repeat;}
	
	#header #nav_news a:hover, #news #nav_news {
	background: transparent url(../media/img/layout/nav.gif)
    -228px -19px no-repeat;}
	
	#header #nav_careers a:hover, #careers #nav_careers {
	background: transparent url(../media/img/layout/nav.gif)
    -286px -19px no-repeat;}
	
	#header #nav_contact a:hover, #contact #nav_contact{
	background: transparent url(../media/img/layout/nav.gif)
    -357px -19px no-repeat;}


/*-----------END CLEARFIX----------*/

a:focus{
	outline:none;
}

#example3 a{ /*CSS specific to demo 3*/
color:#000000;
text-decoration: none;
font-weight: bold;
font-size:12px
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 0px;
padding-bottom:10px;
border-bottom:1px solid #CCC;
}


/*--- general layout ---*/
body{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:18px; 
	text-align:center; 
	padding:0;
	background:url(../media/img/layout/bg.gif);
	color: #666666;
	margin:0;
}

a.orange {
color:#000;
text-decoration:none;
padding:3px;
}

a.orange:hover {
background-color:#d6821f;
}

#tabs a.current{
background-color:#d6821f;
}

#container{
	position:relative;
	width:1000px;
	margin:40px auto 0px auto;
	padding:0;
	}
	
#header{
	position:relative;
	width:1000px;
	text-align:left;
	margin:20px auto;
	z-index:800;
	}	


#footer{
	position:relative;
	width:1000px;
	font-size: 10px;
	text-align:left;
	color:#666666;
	margin:20px auto;
	}
	
#footer a{
	color:#666666;
	text-decoration:none;
	padding:0px 0px 0px 12px;
}
#footer a:hover{
	color:#666666;
	text-decoration:none;
	padding:0px 0px 0px 12px;
}

.fph {
	font-weight:bold;
	margin-left:8px;
}

.firstl {
	margin-left:20px;
}

#connect {
	float:right;
	margin-top:-2px;
}



/* title replacements */


.connect_title{
	background:url(../media/img/layout/titles/connect.gif);
	text-indent:-9999px;
	height:12px;
	width:53px;
	float:right;
	margin:3px 10px 0px 0px;
}

.watch{
	background:url(../media/img/layout/titles/what_to_watch.gif);
	text-indent:-9999px;
	height:14px;
	width:98px;
	float:left;
	margin:0px 0px 5px 0px;
}

.need{
	background:url(../media/img/layout/titles/what_you_need.gif);
	text-indent:-9999px;
	height:17px;
	width:101px;
	float:left;
	margin:0px 0px 5px 0px;
	
}

.say{
	background:url(../media/img/layout/titles/what_theyre_saying.gif);
	text-indent:-9999px;
	height:17px;
	width:134px;
	float:left;
	margin:0px 0px 5px 0px;
}

.going{
	background:url(../media/img/layout/titles/whats_going_on.gif);
	text-indent:-9999px;
	height:17px;
	width:109px;
	float:left;
	margin:0px 0px 5px 0px;
}

.our_capabilities{
	background:url(../media/img/layout/titles/our_capabilities.gif);
	text-indent:-9999px;
	height:17px;
	width:104px;
	float:left;
	margin:0px 0px 5px 0px;
}


.recent_work{
	background:url(../media/img/layout/titles/recent_work.gif);
	text-indent:-9999px;
	height:14px;
	width:109px;
	float:left;
	margin:0px 0px 5px 0px;
}

.travel_tourism{
	background:url(../media/img/layout/titles/travel_tourism.gif);
	text-indent:-9999px;
	height:13px;
	width:104px;
	float:left;
	margin:0px 0px 5px 0px;
}

.re_homebuilding{
	background:url(../media/img/layout/titles/re_homebuilding.gif);
	text-indent:-9999px;
	height:15px;
	width:172px;
	float:left;
	margin:10px 0px 5px 0px;
}

.retail_ecommerce{
	background:url(../media/img/layout/titles/retail_ecommerce.gif);
	text-indent:-9999px;
	height:13px;
	width:132px;
	float:left;
	margin:10px 0px 5px 0px;
}

.agency_partners{
	background:url(../media/img/layout/titles/agency_partners.gif);
	text-indent:-9999px;
	height:14px;
	width:104px;
	float:left;
	margin:10px 0px 5px 0px;
}

.manufacturing{
	background:url(../media/img/layout/titles/manufacturing.gif);
	text-indent:-9999px;
	height:15px;
	width:94px;
	float:left;
	margin:10px 0px 5px 0px;
}

.food_events{
	background:url(../media/img/layout/titles/food_events.gif);
	text-indent:-9999px;
	height:13px;
	width:89px;
	float:left;
	margin:10px 0px 5px 0px;
}

.misc{
	background:url(../media/img/layout/titles/misc.gif);
	text-indent:-9999px;
	height:13px;
	width:92px;
	float:left;
	margin:10px 0px 5px 0px;
}


.partnerships_title{
	background:url(../media/img/layout/titles/partnerships_title.gif);
	text-indent:-9999px;
	height:92px;
	width:396px;
	float:left;
	margin:10px 0px 5px 0px;
}

.join_team{
	background:url(../media/img/layout/titles/join_team.gif);
	text-indent:-9999px;
	height:44px;
	width:423px;
	float:left;
	margin:10px 0px 5px 0px;
}

.team{
	background:url(../media/img/layout/titles/team.gif);
	text-indent:-9999px;
	height:48px;
	width:202px;
	float:left;
	margin:14px 248px 5px 0px;
}

.deadlines_budgets{
	background:url(../media/img/layout/titles/deadlines_budgets.gif);
	text-indent:-9999px;
	height:53px;
	width:198px;
	float:left;
	margin:9px 252px 5px 0px;
}


.for_you{
	background:url(../media/img/layout/titles/what_we_can_do_for_you.gif);
	text-indent:-9999px;
	height:23px;
	width:212px;
	float:left;
	margin:0px 788px 10px 0px;
}

.fresh_interactive{
	background:url(../media/img/layout/titles/fresh_interactive.gif);
	text-indent:-9999px;
	height:14px;
	width:118px;
	float:left;
	margin:0px 200px 5px 0px;
}
.email_directory{
	background:url(../media/img/layout/titles/email_directory.gif);
	text-indent:-9999px;
	height:16px;
	width:109px;
	float:left;
	margin:20px 200px 5px 0px;
}

.technologies_used{
	background:url(../media/img/layout/titles/technologies_used.gif);
	text-indent:-9999px;
	height:23px;
	width:165px;
	float:left;
	margin:3px 280px 5px 3px;
}


.twitter{
	background:url(../media/img/layout/titles/tweet.gif);
	text-indent:-9999px;
	height:14px;
	width:82px;
	float:left;
	margin:45px 150px 10px 0px;
}


.blog_archive{
	background:url(../media/img/layout/titles/blog_archives.gif);
	text-indent:-9999px;
	height:17px;
	width:91px;
	float:left;
	margin:0px 150px 10px 0px;
}


.main_link {
	color:#000;
	text-decoration:none;
	font-size:11px;
}

.main_link:hover {
	text-decoration:underline;
}

#comments{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #666;
}

/*ent title replacements */


.work_slide{
	height:420px;	
}

.writeup {
	float:left;
	width:450px;
	text-align:left;
	color:#000;
	font-size:14px;
}
	
.ppiece {
	float:left;
	margin-right:16px;
	text-align:left;
}


#technologies {
	background-color:#f5f0e0;
	padding:5px;
	text-align:left;
	font-size:12px;
}

.fthr {
	margin-top:30px;
}


li.tech {
	padding-right: 8px;
	border-right:1px solid #d6821f;
	margin-right:8px;
	float:left;
	list-style:none;
	margin-bottom:5px;
	margin-left:0px;
}

.job_title {
	font-weight:bold;
	font-size:14px;
	color:#d6821f;
}

.job_listing {
	text-align:left;
	margin-bottom:30px;
}

.requirements{
	margin-top:-10px;
	margin-bottom:0px;
	margin-left:-20px;
}

.emaillink {
	color:#000;
	text-decoration:underline;
}
.svlogo {
	float:right;
	margin-right:2px;
	border:0px;
}

.svlogolast {
	float:right;
	margin-right:0px;
	border:0px;
}


#infobar {
	width:978px;
	margin:10px auto;
}

.fcol{
	float:left;
	border-right:1px dotted #999999;
	width:230px;
	margin-left:10px;
	text-align:left;
	height:205px;
}


.fcol_last {
	float:left;
	width:230px;
	margin-left:10px;
	height:205px;
	text-align:left;
}

.tcol{
	float:left;
	border-right:1px dotted #999999;
	width:490px;
	text-align:left;
	height:160px;

}

.lcol{
	float:left;
	width:450px;
	text-align:left;
	margin-right:100px;

}

.rcol{
	float:left;
	width:450px;
	text-align:left;

}


.tcol_last {
	float:left;
	width:490px;
	margin-left:10px;
	height:150px;
	text-align:left;	
	color:#d6821f;
	font-size:15px;
	line-height:24px;
}

.need_list{
	line-height:24px;
	margin-left:-5px;
	margin-top:25px;
}

.caption {
	font-size:11px;
	font-weight:bold;
}	

.caption .detail {
	font-weight:normal;
	font-style:italic;
}

#testimonial {
	height:79px;
	width:165px;
	padding:6px 7px 55px 7px;
	background:url(../media/img/layout/talk_bubble.gif);
	margin-top:30px;
	text-align:center;
	font-size:13px;
}

.ftop{
	margin-top:25px;
}

.input {
	width:220px;
	color:#999;
}

img {
	border:0px;
}

#work_menu {
	width:100%;
	background:url(../media/img/layout/work/sitebar_bg.gif);
	height:156px;
	margin-bottom:-40px;
}

#menu_container {
	width:1000px;
	padding:10px 0px;
	margin:0px auto;
	text-align:center;
}


.industry_group{
	border-bottom:1px dotted #999999;
	padding-bottom:15px;
	marign-top:10px;
	text-align:left;
}

.top_content{
	border-bottom:1px dotted #999999;
	padding-bottom:15px;
}

.industry_group_last {
	padding-bottom:15px;
	marign-top:10px;
	text-align:left;
}




/* work page layout */

.ncl_micro {
	background:url(../media/img/layout/titles/ncl_microsite.gif);
	text-indent:-9999px;
	height:29px;
	width:375px;
}

.ag_corporate {
	background:url(../media/img/layout/titles/ag_corporate.gif);
	text-indent:-9999px;
	height:28px;
	width:346px;
	
}

.aba_corporate {
	background:url(../media/img/layout/titles/aba_corporate.gif);
	text-indent:-9999px;
	height:27px;
	width:409px;
	
}

.hcj_ecomm {
	background:url(../media/img/layout/titles/hcj_ecommerce.gif);
	text-indent:-9999px;
	height:28px;
	width:404px;
	
}

.juice_corporate {
	background:url(../media/img/layout/titles/juice_corporate.gif);
	text-indent:-9999px;
	height:27px;
	width:334px;
	
}


/* news page */

#story_listing {
	float:left;
	width:250px;
	margin-right:56px;
	text-align:left;
}

.boiler_plate {
	font-size:11px;
	font-style:italic;
}

#news_story {
	width:690px;
	float:left;
	text-align:justify
}

.story {
	padding:15px 0px;
	border-bottom:1px dotted #464645;
}

.story .date {
	color:#666666;
	font-style:italic;
}



#news_story .title {
	font-size:18px;
	color:#d6821f;
	font-weight:bold;
	margin-bottom:5px;
}

.comments_headline {
	font-size:16px;
	color:#d6821f;
	font-weight:bold;
	margin-bottom:5px;
}


#news_story .date {
	font-style:italic;
}
.oselected {
background-color:#d6821f;
}