<!--

Copyright 2011, Fresh Interactive LLC.


        ZZZZZZZZZZ                                                                                ZZZZZZZZZZ                                
      ZZZZZZZZZZZZ                                                                                ZZZZZZZZZZ                                
     ZZZZZZZZZZZZZ                                                                                ZZZZZZZZZZ                                
    ZZZZZZZZZZZZZZ                                                                                ZZZZZZZZZZ                                
    ZZZZZZZZZZ                                                                                    ZZZZZZZZZZ                                
    ZZZZZZZZZ                                                                                     ZZZZZZZZZZ                                
    ZZZZZZZZZ                                 $ZZZZZZZZZZ8                  8ZOZZZZZZZOZ8         ZZZZZZZZZZ  NZOZZZZZOZ                    
ZZZZZZZZZZZZZZZZZZZZZZZZZZ8   ZZZZO8      NZZZZZZZZZZZZZZZZZ$            OZZZZZZZZZZZZZZZZZO      ZZZZZZZZZZDZZZZZZZZZZZZZZ                 
ZZZZZZZZZZZZZZZZZZZZZZZZZZ8 NZZZZZZ8    OZZZZZZZZZZZZZZZZZZZZZZ         ZZZZZZZZZZZZZZZZZZZZZ     ZZZZZZZZZZZZZZZZZZZZZZZZZZD               
ZZZZZZZZZZZZZZZZZZZZZZZZZZD ZZZZZZZ8   OZZZZZZZZZZZZZZZZZZZZZZZZZ      ZZZZZZZZZZZZZZZZZZZZZZZO   ZZZZZZZZZZZZZZZZZZZZZZZZZZZZ              
OOZZZZZZZZZZZZOOZZZZZZZZZZDZZZZZZZZ8 OZZZZZZZZZZZZZZZZZZZZZZZZZZZZ    ZZZZZZZZZZ$N NZZZZZZZZZZZ   ZZZZZZZZZZZZZZZZZZZZZZZZZZZZN             
    ZZZZZZZZZ     ZZZZZZZZZZZZZZZZZ8ZZZZZZZZZZZZZ      ZZZZZZZZZZZZ   ZZZZZZZZZ      NZZZZZZZZZZ  ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ             
    ZZZZZZZZZ     ZZZZZZZZZZZZZZZZZ8ZZZZZZZZZZN          ZZZZZZZZZZZ  ZZZZZZZZZN      8888888888  ZZZZZZZZZZZD      8ZZZZZZZZZZ             
    ZZZZZZZZZ     ZZZZZZZZZZZZD    ZZZZZZZZZZ             ZZZZZZZZZZ  ZZZZZZZZZOZ$                ZZZZZZZZZZD        ZZZZZZZZZZZ            
    ZZZZZZZZZ     ZZZZZZZZZZZ      ZZZZZZZZZZ$ZZZZZZZZZZZZZOZZZZZZZZZ ZZZZZZZZZZZZZZZOZ8          ZZZZZZZZZZ          OZZZZZZZZZ            
    ZZZZZZZZZ     ZZZZZZZZZZ      8ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ  ZZZZZZZZZZZZZZZZZZZOZ      ZZZZZZZZZZ          ZZZZZZZZZZ            
    ZZZZZZZZZ     ZZZZZZZZZZ      ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ    $ZZZZZZZZZZZZZZZZZZZZ    ZZZZZZZZZZ          ZZZZZZZZZZ            
    ZZZZZZZZZ     ZZZZZZZZZZ      ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ       ZZZZZZZZZZZZZZZZZZZD  ZZZZZZZZZZ          ZZZZZZZZZZ            
    ZZZZZZZZZ     ZZZZZZZZZZ       ZZZZZZZZZ                                     ZZZZZZZZZZZZZZZ  ZZZZZZZZZZ          ZZZZZZZZZZ            
    ZZZZZZZZZ     ZZZZZZZZZZ       ZZZZZZZZZZ                                        NOZZZZZZZZZZ ZZZZZZZZZZ          ZZZZZZZZZZ            
    ZZZZZZZZZ     ZZZZZZZZZZ       ZZZZZZZZZZZ           OZZZZZZZZZZ OOOOOOOOOO        OZZZZZZZZZ ZZZZZZZZZZ          ZZZZZZZZZZ  ZZZZZZZZZZ
    ZZZZZZZZZ     ZZZZZZZZZZ        ZZZZZZZZZZZO        ZZZZZZZZZZZ  ZZZZZZZZZZ        OZZZZZZZZZ ZZZZZZZZZZ          ZZZZZZZZZZ  ZZZZZZZZZZ
    ZZZZZZZZZ     ZZZZZZZZZZ         ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ8   ZZZZZZZZZZZ    NZOZZZZZZZZN ZZZZZZZZZZ          ZZZZZZZZZZ  ZZZZZZZZZZ
    ZZZZZZZZZ     ZZZZZZZZZZ          ZZZZZZZZZZZZZZZZZZZZZZZZZZZ     ZZZZZZZZZZZOZZZZZZZZZZZZZO  ZZZZZZZZZZ          ZZZZZZZZZZ  ZZZZZZZZZZ
    ZZZZZZZZZ     ZZZZZZZZZZ           8ZZZZZZZZZZZZZZZZZZZZZZZZ       ZZZZZZZZZZZZZZZZZZZZZZZZ   ZZZZZZZZZZ          ZZZZZZZZZZ  ZZZZZZZZZZ
    ZZZZZZZZZ     ZZZZZZZZZZ             ZZZZZZZZZZZZZZZZZZZZZ           ZZZZZZZZZZZZZZZZZZZOO    ZZZZZZZZZZ          ZZZZZZZZZZ  ZZZZZZZZZZ
    ZZZZZZZZZ     ZZZZZZZZZZ                ZZOZZZZZZZZZZOZO               $ZZZZZZZZZZZZZZZD      ZZZZZZZZZZ          ZZZZZZZZZZ  ZZZZZZZZZZ
                                                N$ZZOZ8                        NZZOZZZD                                                     
                                                                                                                                            

-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Fresh Interactive // Our Work // Orange County Transportation Authority</title>
<link href="/favicon.ico" rel="defaultcut icon" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="/styles/global.css" />
<link rel="stylesheet" type="text/css" href="/styles/work.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script src="/js/css3.js"></script>
<script src="/js/jquery.quicksand.js"></script>
<script src="/js/jquery.easing.1.3.js"></script>
<script src="/js/main.js"></script>
<script src="/js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="/js/mosaic.1.0.1.min.js"></script>
<script>
	$(document).ready(function() {
	   $('#slideshow').cycle({ 
			fx:     'scrollHorz', 
			prev:   '#prev1', 
			next:   '#next1', 
			timeout: 0 
		});
	});
</script>
<script>
	$(function() {
		
		
		$('.home_thumb').mosaic({
					animation	:	'slide'
				});
		
		$('.home_thumb').hover(function() {
				$(this).children().children('.fullink').css({'border':'3px solid #7cbc00','position':'relative', 'background-position':'-3px -3px'});						
										}, 
  function () {
    $(this).children().children('.fullink').css({'border':'0px','position':'relative', 'background-position':'0px 0px'});			
  });
	});
	</script>
<script type="text/javascript" src="http://use.typekit.com/dwt3vpc.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<style>
.lcol {
    float: left;
    width: 650px;
}
.rcol {
    border-left: 1px solid #DEDEDE;
    float: left;
    height: auto;
    margin-left: 49px;
    margin-top: 90px;
    width: 260px;
}
.indented-col {
    margin-left: 33px;
    margin-top: -20px;
}
.testimonial-col{
 background: none repeat scroll 0 0 #C5C4C4;
    color: white;
    margin-bottom: 50px;
    margin-top: 40px;
    min-height: 160px;
    padding: 20px;	
}
.indented-col ul {
    font-size: 14px;
    line-height: 20px;
    padding-left: 15px;
}


.content-info
{
	margin-bottom:50px;	
}
.content-info p
{
	font-size:15px;
	margin-top:0;
}
.content-info h3
{
	font-size:15px;font-weight:bold;
	
}
.work_thumb{border: 1px solid;float: left; height: 180px;margin-bottom: 27px; margin-right: 27px; width: 300px;}
.norightmargin
{
	margin-right:0;
}
.nav_button{
	margin-top: 195px;
    width: 24px;
	cursor:pointer;
	}
.slide{width:560px; text-align:center;}
</style>
</head>
<body class="our-work">
	<div id="header" class="clearfix">
    	<div id="navbar">
        	<h1 class="logo"><a href="/">Fresh Interactive Design and Web Development</a></h1>
            <ul id="nav">
            	<li id="our-work" class="active"><a href="/our-work">Our Work</a></li>
                <li id="news" ><a href="/news">News</a></li>
                <li id="about" ><a href="/about">About</a></li>
                <li id="partnerships" ><a href="/partnerships">Partnerships</a></li>
                <li id="contact" ><a href="/contact">Contact</a></li>
                <div class="downarrow DAour-work"></div>
            </ul>
        </div>
    </div>    <div id="home-hero">
    </div>
	<div id="container" class="clearfix">
    	<div id="hero" class="clearfix">
    	<div class="lcol">
			<div class="col-content">
            	<h1>Orange County Transportation Authority</h1>
                <p>
                The Orange County Transportation Authority (OCTA) is a multi-modal transportation agency serving Orange County, keeping their residents moving by managing the county's freeways, trains, and busses. As the web agency of record for OCTA, Fresh provides constant updates, modifications, and add-ons to their corporate website, as well as in-depth analytics. Working closely with their marketing team, Fresh establishes the roadmaps to the site's continued growth and success.                </p>
            </div>  
            <div class="col-content">
            	<div class="nav_button" id="prev1" style="float:left;"><img src="../media/img/home/left_slide_small.png"></div>				 <div id="slideshow" style="float:left; width:560px;height:350px;margin:50px 20px 90px;">                 	<div class="slide"><img src="/media/img/work/work_main/octa_main.jpg" /></div>                    <div class="slide"><img src="/media/img/work/work_main/octa2.jpg" /></div>                                    </div>
                <div class="nav_button" id="next1" style="float:right;"><img src="../media/img/home/right_slide_small.png"></div>			</div>
                
    	</div>
        
        <div class="rcol">
			<div class="col-content">
            	<div class="indented-col">
                    <h2>Website</h2>
                    <p class="subtitle">Services</p>
                    <ul>
<li>Analytics and Reporting</li>
<li>Web Development</li>
<li>Search Engine Optimization</li>
<li>Microsites and Modules to enhance user experience</li>
</ul> 
                                       <p class="subtitle">Under the Hood</p>
                    <ul>
<li>ASPX</li>
<li>Ektron CMS400</li>
<li>HTML5</li>
<li>jQuery framework</li>
</ul>                                        <p class="subtitle">Visit the Website</p>
                    <div class="view_site">
                        <a href="http://www.octa.net" target="_blank">www.octa.net</a>
                    </div>
                                    </div>
                            </div>
        </div>  
       </div>  <!--ends hero-->
       <div style="clear:both;"></div>
       
       <div class="simprojects">
       		<h2>similar projects.</h2>
            <div class="home_thumb">
                	<a href="/our-work/norwegian-cruise-line"  class="mosaic-overlay">
                        <div class="details">
                           <div class="title">Norwegian Cruise Line</div>
                           Suites and Villas Microsite
                        </div>
                    </a>
                	<div class="mosaic-backdrop" style="background:url(/media/img/work/thumbs/ncl_thumb.jpg);"><a class="fullink" href="/our-work/norwegian-cruise-line"></a></div>
                </div><div class="home_thumb">
                	<a href="/our-work/club-a3"  class="mosaic-overlay">
                        <div class="details">
                           <div class="title">Club A3</div>
                           Corporate Microsite
                        </div>
                    </a>
                	<div class="mosaic-backdrop" style="background:url(/media/img/work/thumbs/cluba3_thumb.jpg);"><a class="fullink" href="/our-work/club-a3"></a></div>
                </div><div class="home_thumb norightmargin">
                	<a href="/our-work/namale-fiji"  class="mosaic-overlay">
                        <div class="details">
                           <div class="title">Tony Robbins</div>
                           Namale Fiji Website
                        </div>
                    </a>
                	<div class="mosaic-backdrop" style="background:url(/media/img/work/thumbs/namale_thumb.jpg);"><a class="fullink" href="/our-work/namale-fiji"></a></div>
                </div>       		
       </div>
       
       </div>
	</div>
 </div>  
    <div id="footer">
    	<div class="content clearfix">
        	<div id="footer-left">
            	<h2 class="logo-footer">Fresh Web Design Development Los Angeles</h2>
                &copy;2012 Fresh Interactive, LLC
            </div>
            <div id="footer-mid">
            	<ul class="left-list">
                	<li><a href="/">Home</a></li>
                	<li><a href="/our-work">Our Work</a></li>
                    <li><a href="/news">News</a></li>
                    <li><a href="/about">About Us</a></li>
                </ul>
                <ul class="right-list">
                	<li><a href="/careers">Careers</a></li>
                    <li><a href="/partnerships">Partnerships</a></li>
                    <li><a href="/blog">Blog</a></li>
                    <li><a href="/contact">Contact</a></li>
                </ul>
            </div>
            <div id="footer-right">
            	3030 Nebraska Ave<br/>
				Suite 101B<br/>
				Santa Monica, CA 90404<br/>
				866.865.3041
				<p><a href="mailto:info@freshiscool.com">info@freshiscool.com</a></p>
            </div>
            <div class="footer-contact">
            	<div class="clearfix"><a class="social facebook" href="http://www.facebook.com/freshinteractive" target="_blank"></a><a class="social twitter" href="http://twitter.com/freshinteractiv" target="_blank"></a><a class="social linkedin" href="http://www.linkedin.com/company/fresh-interactive/" target="_blank"></a><a class="social youtube" href="http://www.youtube.com/freshinteractive1" target="_blank"></a><a class="social flickr" target="_blank" href="http://www.flickr.com/photos/freshinteractive"></a></div>
                <p>Get Our Newsletter<br /><div id="newsform"><form id="newsletter">
                <input class="newsletter-email" name="email" value="Email" /><input type="submit" class="newsletter-submit" />
                </form></div>
                </p>
            </div>
        </div>
</div>

<script>
$('.newsletter-email').focus(function(){
									  $(this).val("");
									  });
$('.newsletter-email').blur(function(){
									 if($(this).val() == "") {
										 $(this).val("Email");
									 }
									  
									  });

  /* attach a submit handler to the form */
  $(".newsletter-submit").click(function(event) {

    
    /* get some values from elements on the page: */
   
      var  email = $( '.newsletter-email' ).val();

   var dataString = 'email=' + email;  
//alert (dataString);return false;  
$.ajax({  
  type: "POST",  
  url: "/lib/join_newsletter.php",  
  data: dataString,  
  success: function() {  
    $('#newsform').html("Thanks for signing up!");  
   
  }  
});  
return false; 
  });
</script>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-7372893-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>