<!--

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 // CityMark Realty</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 style="display:none"></div>
<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>CityMark Realty</h1>
                <p>
                New home developments don't come to sleepy little beach towns very often.  This stunning collection of 10 custom homes needed a microsite that could showcase all stages of development.  
All while allowing the client to update and maintain as the build out progressed.                </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/beacons.jpg" /></div>                    <div class="slide"><img src="/media/img/work/work_main/beacons2.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>Beacons Leucadia Website</h2>
                    <p class="subtitle">Services</p>
                    <ul>
<li>Website Design and Development</li>
<li>Lead Management</li>
<li>Custom Wordpress Theme</li>
</ul> 
                                       <p class="subtitle">Under the Hood</p>
                    <ul>
<li>PHP and MySQL</li>
<li>Wordpress Development</li>
</ul>                                        <p class="subtitle">Visit the Website</p>
                    <div class="view_site">
                        <a href="http://www.beacons-leucadia.com" target="_blank">www.beacons-leucadia.com</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/shores-marina-del-rey"  class="mosaic-overlay">
                        <div class="details">
                           <div class="title">Shores</div>
                           Community Microsite
                        </div>
                    </a>
                	<div class="mosaic-backdrop" style="background:url(/media/img/work/thumbs/shores_thumb.jpg);"><a class="fullink" href="/our-work/shores-marina-del-rey"></a></div>
                </div><div class="home_thumb">
                	<a href="/our-work/la-costa-life"  class="mosaic-overlay">
                        <div class="details">
                           <div class="title">Villages of La Costa</div>
                           La Costa Life Website
                        </div>
                    </a>
                	<div class="mosaic-backdrop" style="background:url(/media/img/work/thumbs/vlc_thumb.jpg);"><a class="fullink" href="/our-work/la-costa-life"></a></div>
                </div><div class="home_thumb norightmargin">
                	<a href="/our-work/maplewood-homes"  class="mosaic-overlay">
                        <div class="details">
                           <div class="title">Maplewood Homes</div>
                           Corporate Website
                        </div>
                    </a>
                	<div class="mosaic-backdrop" style="background:url(/media/img/work/thumbs/mh_thumb.jpg);"><a class="fullink" href="/our-work/maplewood-homes"></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">
            	3019 Olympic Blvd.<br/>
				Studio D<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 pinterest" target="_blank" href="http://www.pinterest.com/freshpins"></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>