
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta name="viewport" content="width=device-width, maximum-scale=1, minimum-scale=1" />

	<link rel="stylesheet" type="text/css" href="/framework/css/jquery-ui.css">
	<link rel="stylesheet" type="text/css" href="/framework/css/global.css" />
	<link rel="stylesheet" type="text/css" href="/framework/css/examples.css" />
	<link rel="stylesheet" type="text/css" href="/framework/css/mobile.css" />
	<link rel="stylesheet" type="text/css" href="/framework/css/slides.css" />
	<link rel="stylesheet" type="text/css" href="/framework/css/style.css" />
	<link rel="stylesheet" type="text/css" href="/framework/css/article.css" />
	<link rel="stylesheet" type="text/css" href="/framework/css/radio.css" />
	
	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
	
	<script type="text/javascript" src="/framework/js/jquery-1.12.4.js"></script>
	<script type="text/javascript" src="/framework/js/jPlayer/dist/jplayer/jquery.jplayer.min.js"></script>
	<script type="text/javascript" src="/framework/js/jquery-ui.js"></script>
	
	<script type="text/javascript" src="/framework/js/jquery.fullPage.js"></script>
	<script type="text/javascript" src="/framework/js/fullpage.fadingEffect.min.js"></script>
	<script type="text/javascript" src="/framework/js/examples.js"></script>
	<script type="text/javascript" src="/framework/js/canvas-video-player.js"></script>
	<script type="text/javascript" src="framework/js/radio.js"></script>

    <link rel="stylesheet" href="/framework/fa/css/font-awesome.min.css">

    
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Fame Foundry — We Craft the Brand Experience</title>
	<meta name="description" content="Charlotte website design and marketing firm Fame Foundry is a trustcasting agency dedicated to helping businesses grow." />
	<meta name="keywords"  content="charlotte web design, nc web design, internet marketing, charlotte web marketing, charlotte internet marketing, nc web marketing, web design, website design, SEO, optimization, marketing, public relations, Charlotte, North Carolina, social media, ecommerce charlotte, PPC" />
	<meta name="Resource-type" content="Document" />
	<script src="https://use.typekit.net/wnq2pvx.js"></script>
    <script src="https://www.google.com/recaptcha/api.js"></script>
	<script>try{Typekit.load({ async: true });}catch(e){}</script>
    <style type="text/css">
        .article-container {
            display: none;
        }

        .close-article .fa-times {
            position: relative;
            float: right;
            margin: 30px 5% 0 0;
            font-size: 2.0em;
            color: #e82446
        }

        body {
            margin: 0;
        }
		
        #sub-menu {
            width: 100%;
            height: 60px;
            border-top: 1px solid rgba(255,255,255,0.25);
            overflow: auto;
            position: fixed;
            top: 88px;
            z-index: 71;
        }

        #sub-menu-items {
		    position:fixed;
		    top:90px;
		    left:15px;
		    height: 40px;
		    z-index: 70;
		    width: 100%;
		    padding: 0;
		    margin:0;
		    font-size: .9em;
		    color: #fff;
		    font-weight: normal;
		    display: block;
	    }
		
	    #sub-menu-items li {
	        display:inline-block;
	        /* margin: 10px; */
	        color: #fff;
	        font-size: 1.65em;
	        margin-right: 30px;
	        margin-top: -2px;
            border-top: 3px solid transparent;
	    }
	
	    #sub-menu-items li.active {
            border-top: 3px solid rgba(255, 255, 255, 1);
	    }
	
	    #sub-menu-items li a {
	        color: #fff;
	        opacity: 1;
            padding-top: 10px;
            display: inline-block;
            border-top: 3px solid rgba(255, 255, 255, 0);
	    }

	    #sub-menu-items li:hover {
            border-top: 3px solid rgba(255, 255, 255, 1.0);
	    }

        fieldset {
            border: none;
            padding: 0.35em 0.625em 0.75em 0;
            margin: 0;
            border: none;
            box-sizing: border-box;
        }

        fieldset.half {
            width: 49%;
            float: left;
            margin: 0 0.54em 0 0 !important;
        }

        fieldset.last {
            margin: 0 0 0 0 !important;
        }

        fieldset.full {
            width: 100%;
            float: none;
        }

        fieldset label {
            display: block;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 0.7em;
            margin-bottom: 6px;
            color: rgba(255, 255, 255, 0.7);
            letter-spacing: .05em;
        }

        fieldset.error label {
            color: rgba(255, 255, 255, 1);
        }

        fieldset .contact-input, fieldset select, fieldset textarea {
            font-family: "neuzeit-grotesk", Helvetica, Arial, sans-serif;
            width: 100%;
            height: 40px;
            background-color: rgba(255, 255, 255, 0.25);
            border: none;
            outline-color: #fff;
            color: #fff;
            padding: 10px;
            box-sizing: border-box;
            font-size: 1.2em;
        }

        fieldset textarea {
            height: 100px;
        }

        fieldset select option {
            color: #000;
        }

        fieldset.error .contact-input {
            background: rgba(255, 255, 255, 0.25) url(/framework/i/form-error.png) 97% center no-repeat;
            border: 1px solid #fff;
        }

        .form-submit {
            padding: 10px 50px;
            background: rgba(255, 255, 255, 0.25);
            border: 1px solid #fff;
            margin-top: 10px;
            float: left;
            width: 40px;
        }

        .error-message {
            margin-left: 150px;
            margin-top: 10px;
        }

        @media screen and (max-width: 600px) {

            fieldset.half {
                width: 100%;
                float: none;
            }
        
        }
		
		@media only screen and (max-width: 1000px) {
			.mdc-header {margin-top: 25% !important;}
		}
		
		@media only screen and (max-width: 800px) {
			.mdc-header {margin-top: 35% !important;}
		}
		@media only screen and (max-width: 600px) {
			.mdc-header {margin-top: 30% !important; margin-left: 20px; margin-right: 20px;}
		}
		
        .overlay-content h3 {
            font-size: 2em;
            font-weight: normal;
            margin: 0 0 20px 0;
        }

        .job-title {
            margin-bottom: 6px;
            font-size: 1.5em;
        }
        .job-intro, .job-expanded {
            font-size: 1.2em;
            letter-spacing: .02em;
        }

        ul.bullets {
            padding-left: 18px;
            padding-bottom: 8px;
        }
        
        ul.bullets li {
            padding-bottom: 16px;
        }
        
        .job-expand {
            font-size: 3em;
        }

		.jobs-hr {
			border: 0;		
			height: 0; 
			width: 100%;
			border-bottom: 1px solid rgba(150, 150, 150, 0.3); 
			padding: 10px 0 0 0 !important;
		}

        .cycler, .logos{position:relative;}
        .mdc1-bgs {position: absolute; height:100%; width: 25%}
        .mdc1-bgs img {z-index:1;}
        .cycler img {
            position:absolute;
            
            left: 10%;
            right: 10%;
            width: auto;
            max-height: 80%;
            max-width: 80%;
            margin-left: auto;
            margin-right: auto;

        }
        .cycler div.active{z-index:3}
		
        .logos img {
            position:absolute;
			max-width: 100%;
			margin: auto;
			top: 0px;
			left: 0px;
			bottom: 0px;
			right: 0px;
			overflow-y: auto;
        }
        .logos div.active{z-index:3}
		
		
        .mdc1-bgs div.active{z-index:3}

        ul.mdc-02-menu li:hover {
            background-color: rgba(0,0,0,0.1);
        }

        ul.mdc-02-menu li.active {
            background-color: rgba(0,0,0,0.1);
        }
        @media only screen and (max-width: 600px) {
			ul.mdc-02-menu li.active {background-color: rgba(0,0,0,0.0);}
		}

        .mdc2-left {display: block; width: 50%;}
        .mdc3-left {display: block; width: 40%;}
        .mdc2-right {
            display: flex;
            align-items: center;
            width: 40%;
            height: 100%;
        }
        .mdc3-right {
            display: flex;
            align-items: center;
            width: 40%;
            height: 100%;
        }

		.mdc2-right p {
			font-size: 1.15em;
		}
		
        @media screen and (max-width: 800px) {

            .mdc2-left {display:none;}
            .mdc3-left {display:none;}
            .mdc2-right { width: 90%; margin: 0 5% 0 5% !important;}
            .mdc2-right p {font-size: 1em;}
            .mdc3-right { width: 80%; margin: 0 5% 0 5% !important;}
            .mdc3-right p {font-size: 1em;}
        }
		
		::-webkit-input-placeholder { /* WebKit browsers */
			color:    #fff;
		}
		:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
			color:    #fff;
		}
		::-moz-placeholder { /* Mozilla Firefox 19+ */
			color:    #fff;
		}
		:-ms-input-placeholder { /* Internet Explorer 10+ */
			color:    #fff;
		}    </style>

</head>
    <body>
        <form method="post" action="./" id="Main_Form">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJMTI0NDg4OTA5ZGQ3AhDMcing+hcHMkFGluWJnh1yEEavLtsX7nOREk2OVw==" />

<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="ACD4AAEB" />
            
    <a href="/">
    <div class="logo" style="fill: #e82446">
	    <svg width="40px" viewBox="0 0 100 100">    
	        <polygon points="92.1,17 100,0 58.1,0 44.4,29.4 48.6,14.4 41.9,0 0,0 7.9,17 29.7,17 35.5,29.4 13.5,29.4 21.4,46.6 36.5,46.6 
		    22.3,77.3 42.3,77.3 56.6,46.5 51.3,63.5 57.7,77.3 77.7,77.3 63.5,46.6 78.6,46.6 86.5,29.4 64.5,29.4 70.3,17"></polygon>
	    </svg>
    </div>	
    </a>
    <ul id="menu">
	    <a href="#" onclick="ToggleMenu(); return false;" id="menu-button">
            <div id="nav-icon3">
                <span style="background-color: #e82446"></span>
                <span style="background-color: #e82446"></span>
                <span style="background-color: #e82446"></span>
                <span style="background-color: #e82446"></span>
            </div>
	    </a>
	</ul>
        
		
    <a href="/?a=0&i=1" class="close-article" onclick="HideArticle(); return false;" id="close-button" style="color:#e82446;">
        <div class="backbutton open" style="color: #e82446;">
			<i class="fa fa-long-arrow-left" aria-hidden="true"></i>
		</div>
    </a>
    

    <div id="navsplash" class="overlay" style="display: none;">

        <div class="overlaymenucontain">
	        <ul id="overlaymenu">
		        <li type="submit" class="om glass"><a href="#" onclick="ShowSearch(); return false;"><svg style="fill:#fff;" width="100%" viewBox="0 0 20 20">    
		    <path d="M22,19.872l-6.524-6.524a8.511,8.511,0,1,0-2.128,2.128L19.872,22ZM3,8.5A5.5,5.5,0,1,1,8.5,14,5.5,5.5,0,0,1,3,8.5Z"/></svg></a></li>
	            <li class="om one"><a href="#" onclick="SelectSection(1); return false;">Work</a></li>
	            <li class="om two"><a href="#" onclick="SelectSection(2); return false;">Noted</a></li>
	            <li class="om three"><a href="#" onclick="SelectSection(3); return false;">Magazine</a></li>
	            <li class="om four"><a href="#" onclick="SelectSection(4); return false;">Radio</a></li>
	        </ul>
        </div>
        <div id="sub-menu">
	        <ul id="sub-menu-items">
	            <li class="om one active"><a href="#" onclick="SetSubMenu(1); return false;">About</a></li>
	            <li class="om two"><a href="#"  onclick="SetSubMenu(2); return false;">Jobs</a></li>
	            <li class="om three"><a href="#"  onclick="SetSubMenu(3); return false;">Contact</a></li>
	        </ul>
        </div>
        <!-- Search -->
        <div id="search-entry" style="display: none;" >
            <a onclick="HideSearch();return false;"><div id="searcharrow" ></div></a>
            <input id="search" name="search" type="text" placeholder="Search by typing…" /><!--<input id="search_submit" value="Search" type="submit">-->
        </div>
        <div class="searchback"></div>
        <!-- End Search -->
        <div class="overlay-content">
            <!-- Search Results -->
            <div class="overlay-intro" id="no-results" style="text-align: center; display: none;">No Results</div>
            <ul class="searchfull" id="results-container" style="display:none;">
                <!-- Search Results -->
            </ul>
            <!-- End Search Results -->
			<div class="sub-content">
            <!-- About Block -->
            <div id="about-container" class="group">
                <div class="overlayleft">
                    <div class="overlay-tag">The Agency</div>
                    <div class="overlay-intro">
                        <strong>Fame Foundry</strong> is a digital agency building contemporary solutions for progressive brands. We work with ambitious clients to tell stories that kindle passion and express market significance clearly & creatively.
                    </div>
                    <div class="overlay-tag">Clients + Brands</div>
                    <div class="overlay-clients">American Express, NASCAR, Shoe Show, Lake Norman Homebuilders, Practice Booster, Home Design & Decor Magazine, Medichest, Samaritan’s Purse International Relief, Blue Rhino, Levine Properties, Certus Bank, BSCI, nGuard, Fridge Coaster, Toyota Forklifts, The McGill & Hill Group, Quotion, City of Kannapolis, Carolina Urethane, and more.</div>
                </div>
                <div class="overlayright">
                    <div class="overlay-tag">Contact</div>
                    <div class="overlay-clients">
                        <a href="#" onclick="SetSubMenu(3); return false;">info@famefoundry.com</a>
                        <br />
                        <a href="tel:8882284020">888-228-4020</a>
                        <hr />
                        6000 Fairview Road
                        <br />
                        12th Floor
                        <br />
                        Charlotte, North Carolina 28210
                        <hr />
                        <a href="https://www.facebook.com/famefoundry" target="_blank">Facebook</a>
                        <br />
                        <a href="https://twitter.com/famefoundry" target="_blank">Twitter</a>
                    </div>
                </div>
            </div>
            <!-- End About Block -->
            <!-- Jobs Block -->
            <div id="jobs-container" class="group" style="display: none;">
                <div class="overlayleft">
                    <h3>Apply Now</h3>
                    <fieldset class="full">
                        <label>Area of Expertise</label>
                        <select name="ddApply_Area" id="ddApply_Area">
                            <option value="0">Select</option>
                            <option value="1">Copywriting</option>
                            <option value="2">Website Design &amp; Development</option>
                            <option value="3">Programming</option>
                            <option value="4">Account Management</option>
                        </select>
                    </fieldset>
                    <fieldset class="half">
                        <label>Name</label>
                        <input type="text" class="contact-input" name="txtApply_Name" id="txtApply_Name" value="" />
                    </fieldset>
                    <fieldset class="half last">
                        <label>Email</label>
                        <input type="text" class="contact-input" name="txtApply_Email" id="txtApply_Email" value="" />
                    </fieldset>
                    <fieldset class="half">
                        <label>Phone</label>
                        <input type="text" class="contact-input" name="txtApply_Phone" id="txtApply_Phone" value="" />
                    </fieldset>
                    <fieldset class="half last">
                        <label>Portfolio URL (optional)</label>
                        <input type="text" class="contact-input" name="txtApply_Portfolio" id="txtApply_Portfolio" value="" />
                    </fieldset>
                    <fieldset class="half">
                        <label>Upload the Resume (optional)</label>
                        <input type="file" name="flApply_Resume" id="flApply_Resume" />
                    </fieldset>
                    <fieldset class="full">
                        <label>Message</label>
                            <textarea id="txtApply_Message" name="txtApply_Message"></textarea>
                    </fieldset>
                    <fieldset class="full" style="margin-top: 10px;">
                        <div class="g-recaptcha" data-sitekey="6Ldebn8rAAAAAAZIVfIojpanmgggeepFtap_P4Ik"></div>
                    </fieldset>
                    <fieldset class="full" style="margin-top: 10px;">
                        <a href="#" class="form-submit" onclick="JobsSubmit(); return false;">Send</a>
                        <div class="error-message" id="job-error"></div>
                    </fieldset>
                </div>

                <div class="overlayright">
                    <h3><strong>Fame Foundry</strong> Jobs</h3>
                    <div class="job">
                        <div class="job-title">
                            Junior Web Designer & Front-End Developer
                        </div>
                        <div class="job-intro">
                            Fame Foundry is seeking a web designer/front-end developer with a fundamental understanding of full-cycle web development to join our team. This is a telecommuting position with a salary range of $40-50k per year DOE.
                        </div>
                        <div class="job-expand">
                            <a><i class="fa fa-angle-down" aria-hidden="true"></i></a>
                        </div>
                        <div class="job-expanded" style="display: none;">
                            Requirements:
                            <ul class="bullets">
                                <li>Passion for great design, user experience and site usability</li>
                                <li>2-4+ years of demonstrated professional experience in all major UX disciplines – information architecture, user interface design and content strategy across a variety of environments – web applications, websites and mobile</li>
                                <li>2-4+ years of demonstrated professional experience in front-end development</li>
                                <li>Solid proficiency with Adobe Creative Suite</li>
                                <li>Expert knowledge of HTML5/DOM, CSS3, Javascript and responsive web frameworks</li>
                                <li>Demonstrated experience in a focus on iconography in UI</li>
                                <li>Demonstrated methodologies for prototyping</li>
                            </ul>
                            Qualified candidates must possess:
                            <ul class="bullets">
                                <li>A portfolio that shows you’re equally adept at both conceptual and editorial-style writing and experienced in working for clients in a wide range of industries</li>
                                <li>Keen insight into human behavior: knowing what consumers find believable, interesting, attractive, provocative and compelling</li>
                                <li>Dedication to working in a collaborative environment to develop and deliver the best ideas</li>
                                <li>Ability to take any project from concept to completion while working within strict time and budgetary parameters</li>
                                <li>Agility, flexibility and keen attention to detail in order to manage and advance multiple projects simultaneously</li>
                                <li>Exceptional research, grammar and proofing skills</li>
                            </ul>
                        </div>
                        <hr style="margin: 16px 0 35px 0;">
                    </div>
                    <div class="job">
                        <div class="job-title">
                            .NET Developer
                        </div>
                        <div class="job-intro">
                            Fame Foundry is seeking an experienced .NET developer to join our team.
                        </div>
                        <div class="job-expand">
                            <a><i class="fa fa-angle-down" aria-hidden="true"></i></a>
                        </div>
                        <div class="job-expanded" style="display: none;">
                            Requirements:
                            <ul class="bullets">
                                <li>5-7 years of web development experience in .NET</li>
                                <li>Knowledge of database schema design, normalization and optimization with a strong background in T-SQL</li>
                                <li>Proficiency with SQL Server integration services and SQL Reporting Services report development</li>
                                <li>Demonstrated experience in e-commerce web integration</li>
                                <li>Advanced knowledge of HTML5/DOM, XML, CSS3, AJAX and Javascript, particularly the jQuery framework</li>
                                <li>Understanding of and experience with Web Services</li>
                                <li>Exposure and strong understanding of MVC frameworks</li>
                                <li>Strong OOP and software design ability; able to develop systems that meet architectural objectives including reusable, scalable code</li>
                                <li>Experience with version control systems</li>
                            </ul>
                            Qualified candidates must possess:
                            <ul class="bullets">
                                <li>Desire to cultivate a variety of web and database skill sets in a collaborative team environment</li>
                                <li>Strong work ethic and ability to learn quickly</li>
                                <li>Initiative, creativity and attention to detail</li>
                                <li>Ability to prioritize, execute and deliver projects on time</li>
                            </ul>
                        </div>
                        <hr style="margin: 16px 0 35px 0;">
                    </div>
                    <div class="job">
                        <div class="job-title">
                            Copywriter
                        </div>
                        <div class="job-intro">
                            Do you have a passion for using the power of the written word to bridge the gap between companies and their customers? If so, we want to hear from you.<br /><br />

                            Fame Foundry is currently seeking an experienced writer to develop copy and content both for client projects and for Fame Foundry’s publications, including Fame Foundry Magazine and the Fame Foundry Marketing Minute podcast.<br /><br />

                            To thrive in this role, you must be a verbal chameleon who can embody the tone and voice of any brand in any platform. You’ll also need an intuitive understanding of how business is done today as well as a relentless drive to learn and grow daily.
                        </div>
                        <div class="job-expand">
                            <a><i class="fa fa-angle-down" aria-hidden="true"></i></a>
                        </div>
                        <div class="job-expanded" style="display: none;">
                            Requirements:
                            <ul class="bullets">
                                <li>A portfolio that shows you’re equally adept at both conceptual and editorial-style writing and experienced in working for clients in a wide range of industries</li>
                                <li>Keen insight into human behavior: knowing what consumers find believable, interesting, attractive, provocative and compelling</li>
                                <li>Dedication to working in a collaborative environment to develop and deliver the best ideas</li>
                                <li>Ability to take any project from concept to completion while working within strict time and budgetary parameters</li>
                                <li>Agility, flexibility and keen attention to detail in order to manage and advance multiple projects simultaneously</li>
                                <li>Exceptional research, grammar and proofing skills</li>
                            </ul>
                        </div>
                        <hr style="margin: 16px 0 35px 0;">
                    </div>
                </div>
            </div>
            <!-- End Jobs Block -->
            <!-- Contact Block -->
            <div id="contact-container" class="group" style="display: none;">
                <div class="overlayleft">
                    <h3>Contact <strong>Fame Foundry</strong></h3>
                    <fieldset class="half">
                        <label>Name</label>
                         <input type="text" class="contact-input" name="txtContact_Name" id="txtContact_Name" value="" />
                    </fieldset>
                    <fieldset class="half last">
                        <label>Email</label>
                         <input type="text" class="contact-input" name="txtContact_Email" id="txtContact_Email" value="" />
                    </fieldset>
                    <fieldset class="half">
                        <label>Phone</label>
                         <input type="text" class="contact-input" name="txtContact_Phone" id="txtContact_Phone" value="" />
                    </fieldset>
                    <fieldset class="half last">
                        <label>Reason for Connection</label>
                         <select name="ddReason" id="ddReason">
                             <option value="0">Select</option>
                             <option value="1">I'd like help with my web marketing</option>
                             <option value="2">I have a question</option>
                             <option value="3">I'd like for you to work on my website</option>
                             <option value="4">I need traditional marketing</option>
                             <option value="5">Comment about an article</option>
                             <option value="6">I'd like to write for Fame Foundry</option>
                             <option value="7">General</option>
                         </select>
                    </fieldset>
                    <fieldset class="full">
                        <label>Message</label>
                         <textarea id="txtContact_Message" name="txtContact_Message"></textarea>
                    </fieldset>
                    <fieldset class="full" style="margin-top: 10px;">
                        <a href="#" class="form-submit" onclick="ContactSubmit(); return false;">Send</a>
                        <div class="error-message" id="contact-error"></div>
                    </fieldset>
                </div>
                <div class="overlayright">
                    <div class="overlay-tag">Contact</div>
                    <div class="overlay-clients">
                        info@famefoundry.com
                        <br />
                        <a href="tel:8882284020">888-228-4020</a>
                        <hr />
                        6000 Fairview Road
                        <br />
                        12th Floor
                        <br />
                        Charlotte, North Carolina 28210
                        <hr />
                        <a href="https://www.facebook.com/famefoundry" target="_blank">Facebook</a>
                        <br />
                        <a href="https://twitter.com/famefoundry" target="_blank">Twitter</a>
                    </div>
                </div>
            </div>
            <!-- End Contact Block -->
			</div>
                <script type="text/javascript">
                    function JobsSubmit() {
                        
                        var ErrorsFound = false;

                        // Get Variables

                        var Area = $('#ddApply_Area').val();
                        var Name = $('#txtApply_Name').val();
                        var Email = $('#txtApply_Email').val();
                        var Phone = $('#txtApply_Phone').val();
                        var URL = $('#txtApply_Portfolio').val();
                        var Message = $('#txtApply_Message').val();

                        // Error Handling

                        if (Area === '0' || Area === '' || Area === undefined) {
                            ErrorsFound = true;
                            $('#ddApply_Area').parent().addClass('error');
                        } else {
                            $('#ddApply_Area').parent().removeClass('error');
                        }

                        if (Name === '' || Name === undefined) {
                            ErrorsFound = true;
                            $('#txtApply_Name').parent().addClass('error');
                        } else {
                            $('#txtApply_Name').parent().removeClass('error');
                        }

                        if (Email === '' || Email === undefined || validateEmail(Email) === false) {
                            ErrorsFound = true;
                            $('#txtApply_Email').parent().addClass('error');
                        } else {
                            $('#txtApply_Email').parent().removeClass('error');
                        }

                        if (Phone === '' || Phone === undefined) {
                            ErrorsFound = true;
                            $('#txtApply_Phone').parent().addClass('error');
                        } else {
                            $('#txtApply_Phone').parent().removeClass('error');
                        }


                        // Processing
                        if (ErrorsFound === false) {

                            //console.log('Files: ' + FileCount);

                            $.post('/AJAX/Job-Submit.aspx', { area: Area , name: Name, email: Email, phone: Phone, url: URL, message: Message}, function (data) {

                                var Response = data.split(' ');
                                var ResponseCode = Response[0];
                                var ContentID = Response[1];

                                //console.log('ResponseCode:' + ResponseCode);

                                if (ResponseCode === 0) {

                                    if (FileCount > 0) {

                                        var data = new FormData();
                                        $.each(files, function (key, value) {
                                            data.append(key, value);
                                        });

                                        $.ajax({
                                            url: '/AJAX/Job-File.aspx?id=' + ContentID,
                                            type: 'POST',
                                            data: data,
                                            cache: false,
                                            processData: false, // Don't process the files
                                            contentType: false, // Set content type to false as jQuery will tell the server its a query string request
                                            success: function (data, textStatus, jqXHR) {
                                                if (typeof data.error === 'undefined') {
                                                    // Success so call function to process the form
                                                    submitForm(event, data);
                                                }
                                                else {
                                                    // Handle errors here
                                                    //console.log('ERRORS: ' + data.error);
                                                    //console.log('ERRORS: ' + textStatus);
                                                }
                                            },
                                            error: function (jqXHR, textStatus, errorThrown) {
                                                // Handle errors here
                                                //console.log('ERRORS: ' + textStatus);
                                                // STOP LOADING SPINNER
                                            }
                                        });
                                    }

                                }

                            });



                            $('#job-error').html('<div style="float: left;"><img src="framework/i/icon-check.png" style="margin-right:10px;"></div>Thank you. Your information has been sent.');
                        } else {
                            $('#job-error').html('Please complete all required fields.');
                        }

                    }

                    function ContactSubmit() {

                        var ErrorsFound = false;

                        // Get Variables

                        var Name = $('#txtContact_Name').val();
                        var Email = $('#txtContact_Email').val();
                        var Phone = $('#txtContact_Phone').val();
                        var Reason = $('#ddReason').val();
                        var Message = $('#txtContact_Message').val();

                        // Error Handling

                        if (Reason === '0' || Reason === '' || Reason === undefined) {
                            ErrorsFound = true;
                            $('#ddReason').parent().addClass('error');
                        } else {
                            $('#ddReason').parent().removeClass('error');
                        }

                        if (Name === '' || Name === undefined) {
                            ErrorsFound = true;
                            $('#txtContact_Name').parent().addClass('error');
                        } else {
                            $('#txtContact_Name').parent().removeClass('error');
                        }

                        if (Email === '' || Email === undefined || validateEmail(Email) === false) {
                            ErrorsFound = true;
                            $('#txtContact_Email').parent().addClass('error');
                        } else {
                            $('#txtContact_Email').parent().removeClass('error');
                        }

                        if (Phone === '' || Phone === undefined) {
                            ErrorsFound = true;
                            $('#txtContact_Phone').parent().addClass('error');
                        } else {
                            $('#txtContact_Phone').parent().removeClass('error');
                        }


                        // Processing
                        if (ErrorsFound === false) {

                            $.post('/AJAX/Contact-Submit.aspx', { reason: Reason, name: Name, email: Email, phone: Phone, message: Message }, function (data) {

                                var Response = data.split(' ');
                                var ResponseCode = Response[0];
                                var ContentID = Response[1];

                                //console.log('ResponseCode:' + ResponseCode);

                                if (ResponseCode === 0) {


                                }

                            });

                            $('#contact-error').html('<div style="float: left;"><img src="framework/i/icon-check.png" style="margin-right:10px;"></div>Thank you. Your information has been sent.');
                        } else {
                            $('#contact-error').html('Please complete all required fields.');
                        }

                    }

                    function validateEmail(email) {
                        var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
                        return re.test(email);
                    }

                    // Variable to store your files
                    var files;
                    var FileCount = 0;
                    // Add events
                    $('input[type=file]').on('change', prepareUpload);

                    // Grab the files and set them to our variable
                    function prepareUpload(event) {
                        files = event.target.files;
                        FileCount += 1;
                    }


                </script>
        </div>
    </div>
<script type="text/javascript">
		function ShowSearch() {

		    $('#search-entry').fadeIn(500, function () {
		        $('#search').focus();
		    })

		}

		function HideSearch() {

		    $('#search-entry').hide();
		    $('#results-container').hide();
		    $('#about-container').show();
		    $('#search').val('');
        }
		
		$('#search').keyup(function (event) {


		    var SearchPhrase = $('#search').val();

		    if (SearchPhrase.length >= 3) {

		        $.get("/AJAX/Search-Results.aspx", { search: SearchPhrase }, function (data) {
		            
		            var Results = $(data).find('#ajax-container').html();
		            Results = Results.trim();
		            $('#about-container').hide();

		            //console.log(Results.length);
		            if (Results.length == 0) {

		                $('#no-results').show();
		                $('#results-container').hide();
						$('.overlay-intro').css('color', SecondaryColor);
		            } else {

		                $('#no-results').hide();
		                $('#results-container').show();
		                $('#results-container').html(Results);
						
						$('.searchfull h1').css('color', SecondaryColor);
						$('.searchfull p').css('color', SecondaryColor);
						//$('.searchfull span.searchtag-main').css({'color': SecondaryColor, 'border-color': SecondaryColor, 'opacity': '.75'});
						$('.searchfull span.searchtag-sub').css({'color': SecondaryColor, 'border-color': SecondaryColor, 'opacity': '.75'});
						
                    }


		        });

		    }

		});
		
		/* OVERLAY MENU SCRIPTS */
		
        $('.job-expand').click(function () {

            $(this).hide();
            $(this).parent().find('.job-expanded').slideDown();

        });

        function SetSubMenu(Menu) {

            $('#search-entry').hide();
            $('#results-container').hide();
			$('#no-results').hide();
			$('.sub-content').show();
            $('#search').val('');
			$('#sub-menu-items li').removeClass('active');

            switch (Menu) {
                case 1:
					$('#sub-menu-items li.one').addClass('active');
                    $('#about-container').show();
                    $('#jobs-container').hide();
                    $('#contact-container').hide();
                    break;
                case 2:
					$('#sub-menu-items li.two').addClass('active');
                    $('#about-container').hide();
                    $('#jobs-container').show();
                    $('#contact-container').hide();
                    break;
                case 3:
					$('#sub-menu-items li.three').addClass('active');
                    $('#about-container').hide();
                    $('#jobs-container').hide();
                    $('#contact-container').show();
                    break;

            }
        }		
</script>
	<div class="selected-overlay" style="background-color:#000; opacity:1; display:none;"></div>

    <div id="fullpage" class="fullpage-wrapper" style="height: 100%; position: relative; touch-action: none; transform: translate3d(0px, 0px, 0px);">
	    <div class="section">
	        <div id="Article_0" class="article-container" style="display: block;">
		        <div class="article-fill">
			        <div class="article-headback">
				        <img src="/framework/i/bgdrk-mag-presence-01a.jpg">
			        </div>
			        <div class="article-head">
				        <div class="article-taglist">
					        <span class="articletag-sub"></span>
				        </div>
			        </div>
			        <div class="article-content">
				        <div class="article-body">
					        <h1></h1>
					        <div class="article-meta">
						        <div class="article-date"></div>
						        <div class="article-author">By </div>
						        <hr>
					        </div>
                            
                            <hr />
                            <div class="byline">
						        <p><em><!--<strong>Jeremy Girard</strong> has been designing for the web since 1999. He is currently employed at the Providence, Rhode Island-based firm Envision Technology Advisors and also teaches website design and front-end development at the University of Rhode Island. In addition, Jeremy contributes regularly to a number of websites and magazines focused on business and the Web, including his personal site at <a href="http://www.pumpkin-king.com/" target="_blank">Pumpkin-King.com</a>.--></em></p>
					        </div>
					        <a href="#" class="go-top"><svg version="1.1" id="Return" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="53px" height="20px" viewBox="0 0 53 20" enable-background="new 0 0 53 20" xml:space="preserve">
						        <g id="Ebene_3">
						        </g>
						        <g>
							        <polygon points="43.886,16.221 42.697,17.687 26.5,4.731 10.303,17.688 9.114,16.221 26.5,2.312 	"></polygon>
						        </g>
					        </svg></a>
					
				        </div>
			        </div>
		        </div>
	        </div>
	    </div>
    </div>
    <script type="text/javascript">

        var PrimaryColor = '#e82446';
        var SecondaryColor = '#ffffff';
        var ArticleID = '0';

        var SlideIconColor = '#e82446';
        var ArticleIconColor = '';

        function ToggleMenu() {

            var MenuOpen = $('#navsplash').is(':visible');

            if (PrimaryColor == '' || PrimaryColor == undefined) {
                PrimaryColor = 'rgb(232, 36, 70)';
            }
            if (SecondaryColor == '' || SecondaryColor == undefined) {
                SecondaryColor = '#fff';
            }


            if (MenuOpen === true) {

                // Close Menu
                $('#navsplash').hide();
                $('#nav-icon3').removeClass('open');
                $('.logo').css('fill', PrimaryColor);
                $('.totem-selected').css('color', PrimaryColor);
                $('#nav-icon3 span').css('backgroundColor', PrimaryColor);

                //if (ArticleDisplay) {
                    $('.backbutton').show();
                //}

            } else {

                // Open Menu
                $('#navsplash').show();
                $('#nav-icon3').addClass('open');
                $('.totem-selected').hide();

                $('.logo').css('fill', '#fff');
                $('.totem-selected').css('color', '#fff');
                $('#nav-icon3 span').css('backgroundColor', '#fff');

                // Overlay Background
                $('#navsplash').css('background-color', PrimaryColor);
                $('.searchback').css('background', PrimaryColor);

                // Overlay Text
                $('#about-container').css('color', '#fff');
                $('.overlayleft .overlay-tag').css('color', '#fff');
                $('.overlayright .overlay-clients').css('color', '#fff');
                //$('#about-container').css('color', SecondaryColor);
                //$('#about-container').css('color', SecondaryColor);
                //$('#about-container').css('color', SecondaryColor);
                //$('#about-container').css('color', SecondaryColor);

                $('.backbutton').hide();

            }

        }


        $(window).scroll(function () {

            console.log('test');

            var Threshold = $('.article-head').height();

            var ScrollPOS = $(window).scrollTop();

            if (ScrollPOS >= Threshold) {

                $('.logo').css('fill', '#e82446');
                $('.backbutton ').css('color', '#e82446');
                $('#nav-icon3 span').css('backgroundColor', '#e82446');
                $('#close-button').css('color', '#e82446');
                $('.totem-selected').css('color', '#e82446');

            } else {

                $('.logo').css('fill', SlideIconColor);
                $('.backbutton ').css('color', SlideIconColor);
                $('#nav-icon3 span').css('backgroundColor', SlideIconColor);
                $('#close-button').css('color', SlideIconColor);
                $('.totem-selected').css('color', SlideIconColor);
            }

        });


    </script>

        </form>
    </body>
</html>