<!doctype html>
<html class="no-js" lang="en">
	<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    <title>Artifex Marketing Studio - Creative Marketing Solutions - Online and Inrpint</title>
	
    <meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="author" content="">
    
	    
	<!-- Google Fonts -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic" rel="stylesheet" type="text/css">
    <link href='http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
	<!-- Awesome Fonts -->
	<link rel="http://www.artifexstudio.com.au/wp-content/themes/genuine/stylesheet" href="css/font-awesome.css">
	<!-- Bootstrap -->
	<link href="http://www.artifexstudio.com.au/wp-content/themes/genuine/assets/css/bootstrap.css" rel="stylesheet">
	<!-- Template Styles -->
	<link rel="stylesheet" href="http://www.artifexstudio.com.au/wp-content/themes/genuine/style.css">
	<link rel="stylesheet" href="http://www.artifexstudio.com.au/wp-content/themes/genuine/css/colors.css">    
	<!-- Layer Slider -->
	<link rel="stylesheet" href="http://www.artifexstudio.com.au/wp-content/themes/genuine/layerslider/css/layerslider.css" type="text/css">
    
	<!-- http://www.456bereastreet.com/archive/201209/tell_css_that_javascript_is_available_asap/ -->
	<script>
		document.documentElement.className = document.documentElement.className.replace(/(\s|^)no-js(\s|$)/, '$1js$2');
	</script>
  
	<!-- Support for HTML5 -->
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Enable media queries on older browsers -->
	<!--[if lt IE 9]>
		<script src="http://www.artifexstudio.com.au/wp-content/themes/genuine/assets/js/respond.min.js"></script>
	<![endif]-->
  
	<script src="js/modernizr.js"></script>
  </head>
  
  <body class="nobg">

	<!-- LayerSlider markup should be placed after the <body> opening tag-->
	        
        <div id="layerslider" style="width: 100%; height: 100%;">
    
                        
                    		
			            
                                                        		
			           
           
        </div>
	
	
	<!-- Here comes your other site data -->

    <section class="section1 text-center">
    
        <div class="container message">
            <h2 class="big-title">We are currently working on an awesome new site!</h2>
            <p class="small-title"><p>Check back this Monday and get your fix of Marketing Magic!</p>
</p>
        </div>

    	<div id="countdown" class="container">
        	<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
				<div class="servicebox text-center">
					<div class="service-icon">
						<div class="dm-icon-effect-1" data-effect="slide-left">
							<a href="#" class=""><span class="dm-icon"><span class="days">00</span></span> </a>
						</div>
                        <div class="servicetitle">
						<h4>DAYS</h4>
                        </div>
					</div><!-- service-icon -->
				</div><!-- servicebox -->
        	</div><!-- large-4 -->

        	<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
				<div class="servicebox text-center">
					<div class="service-icon">
						<div class="dm-icon-effect-1" data-effect="slide-bottom">
							<a href="#" class=""><span class="dm-icon"><span class="hours">00</span></span> </a>
						</div>
                        <div class="servicetitle">
						<h4>HOURS</h4>
                        </div>
					</div><!-- service-icon -->
				</div><!-- servicebox -->
        	</div><!-- large-4 -->
                    
        	<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
				<div class="servicebox text-center">
					<div class="service-icon">
						<div class="dm-icon-effect-1" data-effect="slide-bottom">
							<a href="#" class=""><span class="dm-icon"><span class="minutes">00</span></span> </a>
						</div>
                        <div class="servicetitle">
						<h4>MINUTES</h4>
                        </div>
					</div><!-- service-icon -->
				</div><!-- servicebox -->
        	</div><!-- large-4 -->
            
        	<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
				<div class="servicebox text-center">
					<div class="service-icon">
						<div class="dm-icon-effect-1" data-effect="slide-right">
							<a href="#" class=""><span class="dm-icon"><span class="seconds">00</span></span> </a>
						</div>
                        <div class="servicetitle">
						<h4>SECONDS</h4>
                        </div>
					</div><!-- service-icon -->
				</div><!-- servicebox -->
        	</div><!-- large-4 -->
        </div><!-- end container -->
	</section><!-- end section -->


      <!-- Main Scripts-->
	<script src="http://www.artifexstudio.com.au/wp-content/themes/genuine/assets/js/jquery.js"></script>
	<script src="http://www.artifexstudio.com.au/wp-content/themes/genuine/assets/js/bootstrap.min.js"></script>
    <script src="http://www.artifexstudio.com.au/wp-content/themes/genuine/assets/js/jquery.unveilEffects.js"></script>	
	<script src="http://www.artifexstudio.com.au/wp-content/themes/genuine/js/retina-1.1.0.js"></script>
	<script src="http://www.artifexstudio.com.au/wp-content/themes/genuine/js/custom.js"></script>
	<script src="http://www.artifexstudio.com.au/wp-content/themes/genuine/js/countdown.js"></script>
	<script>
	// countdown script
		$("#countdown").countdown({
			date: "05 September 2016 12:00:00", // add your date here.
				format: "on"
		},
		function() { 
			alert("done!") 
		});	
	</script>
	<!-- LayerSlider script files -->
	<script src="http://www.artifexstudio.com.au/wp-content/themes/genuine/layerslider/js/greensock.js" type="text/javascript"></script>
	<script src="http://www.artifexstudio.com.au/wp-content/themes/genuine/layerslider/js/layerslider.transitions.js" type="text/javascript"></script>
	<script src="http://www.artifexstudio.com.au/wp-content/themes/genuine/layerslider/js/layerslider.kreaturamedia.jquery.js" type="text/javascript"></script>
	<!-- Initializing the slider -->
	<!-- Initializing the slider -->
	<script>
		jQuery("#layerslider").layerSlider({
			pauseOnHover: false,
			skinsPath: 'http://www.artifexstudio.com.au/wp-content/themes/genuine/layerslider/skins/',
			skin: 'noskin',
			showCircleTimer: false
		});
	</script>
  

</html>
