
			
			<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"     "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>HIYW</title>


<link rel="stylesheet" type="text/css" media="screen" href="/includes/css/default.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/includes/css/custom74.cfm" />
<link rel="stylesheet" type="text/css" media="screen" href="/includes/css/customGlobal.cfm" />

	<link rel="stylesheet" href="/includes/css/MagicZoom.css" type="text/css" media="screen" />


<script src="/includes/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="/includes/js/jquery.flow.1.2.js" type="text/javascript"></script>
<script src="/includes/js/jquery.form.js" type="text/javascript"></script>
<script src="/includes/js/default.js" type="text/javascript"></script>
<script src="/includes/js/swfobject.js" type="text/javascript"></script>


	<script src="/includes/js/mz-packed.js" type="text/javascript"></script>


<link rel="stylesheet" href="/includes/plugins/magicthumb/magicthumb.css" type="text/css" media="screen, projection"/>
<script type="text/javascript" src="/includes/plugins/magicthumb/magicthumb-packed.js"></script>


<style type="text/css">

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

</style><!-- main stylesheet ends, CC with new stylesheet below... -->

<!--[if IE]>
<style type="text/css">
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
</style>
<![endif]-->

<script>
	
	function slideToPage(thePage)
	{
		$("#nav_main li:eq(" + (thePage - 1) + ")").click();
	}
	
	$(document).ready(function(){
		
		$("#nav_main").jFlow({
			slides: "#theSlides",
			width: "712px",
			height: "435px",
			duration: 400
		});

		
	});
	
	
</script>


</head>

<body>

	
<style type="text/css">
/*
Works in IE5+/Win, Firefox, Safari, Opera 5+, Netscape 6+, Konqueror 3 
Does not work in NS4.x or IE/Mac
*/

html,body,#siteholder {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}


.valignmid1 {
  position: relative;
  margin: 0 auto;
}
/* Opera 7.0x is buggy when you put display:table on <body> Opera 7.2+ and 6.x 
   don't appear to have this problem. We hide this from IE5/Mac, because it 
doesn't support display:table-cell and it doesn't have the same bug that allows
this to work in IE5-6/Win (hide from IE/Mac) \*/
.valignmid1 {
  display: table;
  vertical-align: middle;
}
/* Moz1.4 - Moz1.6 (NS7.1) bug, can't put position:relative on .valignmid2 \*/
.valignmid2 {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
/* end hide */
.valignmid3 {
  position: relative;
}

</style>
<!--[if lte IE 7]><style type="text/css">

/* this is the hack to make it work in IE5-7/Win */
.valignmid2 {
  top: 50%;
  left: 0;
  position: relative;
  margin: 0;
}
.valignmid3 {
  top: -50%;
  position: relative;
  padding: 1px 0;
}

/* these next two rules are a fix for the unnecessary scrollbars in IE7 */
#siteholder {
  min-height: 28em; /* same as height for #outer */
}
*:first-child+html .valignmid3 {
  margin: -12% 0; /* you may need to adjust this */
}

/* to trigger hasLayout in IE7 */
.valignmid1,.valignmid2,.valignmid3 {
  min-height: 1px;
}
/* to trigger hasLayout in IE5-6/Win */
* html .valignmid1,* html .valignmid2,* html .valignmid3 {
  height: 1%;
}
* html body {
  position: relative;
}
</style><![endif]-->


<div id="colourbg">&nbsp;</div>

<div id="siteholder" class="valignmid1">

<div id="wrapper" class="valignmid2">
  <div id="outer" class="valignmid1 valignmid3"> 
    <div class="valignmid2"><div class="valignmid3">


  <table width="890" height="60" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
	
      <td width="890" id="headerCell">
		
			
					<p><img alt="" vspace="10" align="left" width="317" height="45" src="/userfiles/image/HIYW/header_logo.gif" /><img hspace="20" vspace="10" align="right" width="235" height="71" alt="" src="/userfiles/image/HIYW/header_call(1).gif" /></p>
				
			
		</td>
    </tr>
  </table>


	<table width="890" border="0" align="center" cellpadding="0" cellspacing="0">
		
    <tr>
		
      <td valign="top" width="240" height="435">
		<!-- left nav -->

		
		<ul id="nav_main">
				
				
		<li class="jFlowControl">
			<span class="title"><span class="childspacer"></span>
			
				<a href="/index.cfm?p=591#/HOME" id="link591" onClick="return navClicked('link591');"> 
			
			HOME
			</a>
			</span>	
			
					
		</li><li class="jFlowControl">
			<span class="title"><span class="childspacer"></span>
			
				<a href="/index.cfm?p=600#/WHY US?" id="link600" onClick="return navClicked('link600');"> 
			
			WHY US?
			</a>
			</span>	
			
					
		</li><li class="jFlowControl">
			<span class="title"><span class="childspacer"></span>
			
				<a href="/index.cfm?p=601#/HOW MUCH?" id="link601" onClick="return navClicked('link601');"> 
			
			HOW MUCH?
			</a>
			</span>	
			
					
		</li><li class="jFlowControl">
			<span class="title"><span class="childspacer"></span>
			
				<a href="/index.cfm?p=602#/WHAT WE CAN DO!" id="link602" onClick="return navClicked('link602');"> 
			
			WHAT WE CAN DO!
			</a>
			</span>	
			
					
		</li><li class="jFlowControl">
			<span class="title"><span class="childspacer"></span>
			
				<a href="/index.cfm?p=603#/WHAT HAVE WE DONE" id="link603" onClick="return navClicked('link603');"> 
			
			WHAT HAVE WE DONE
			</a>
			</span>	
			
					
		</li><li class="jFlowControl">
			<span class="title"><span class="childspacer"></span>
			
				<a href="/index.cfm?p=604#/TRY NOW" id="link604" onClick="return navClicked('link604');"> 
			
			TRY NOW
			</a>
			</span>	
			
					
		</li><li class="jFlowControl">
			<span class="title"><span class="childspacer"></span>
			
				<a href="/index.cfm?p=815#/CONTACT US" id="link815" onClick="return navClicked('link815');"> 
			
			CONTACT US
			</a>
			</span>	
			
					
		</li>
		
	
		</ul>

		
				<style>

	#flashvidplayer
	{
		display:none;
		width:382px;
		height:380px;
		padding:14px;
		
			background-color:black;
		
		position:absolute;
		
		z-index:100;
		margin-left:20%;
		margin-right:20%;
		top:100px;
	}
	#flashvidplayer div
	{
		
			border:1px solid #ff8200;
		
		width:382px;
		height:305px;
		clear:both;
	}
	
	#flashvidplayer img
	{
		float:right;
		margin-bottom:10px;
	}

	#flashvidplayer img
	{
		border:1px solid #ff8200;
		
	}
	
	#flashvidicon
	{
		margin-top:20px;
	}
	
	#flashvidicon img
	{
		display:block;
	}	
	
</style>

<script language="javascript">
	
	videoPlaying = false;
	videoContent = "";
	
	function toggleVid()
	{
	
		vidClick();
	}
	
	function vidClick()
	{
		if (videoPlaying)
		{
			if (videoContent.length == 0)
				videoContent = document.getElementById("flashvidplayer").innerHTML;
			$("#flashvidplayer").hide();
			document.getElementById("flashvidplayer").innerHTML = ""
			videoPlaying = false;
			//StopFlashMovie();
			//RewindFlashMovie();
		}
		else
		{
			if (videoContent.length > 0)
				document.getElementById("flashvidplayer").innerHTML = videoContent;
			$("#flashvidplayer").show();
			videoPlaying = true;
			//PlayFlashMovie();
		}
	}

	function getFlashMovieObject(movieName)
	{
	  if (window.document[movieName]) 
	  {
	    return window.document[movieName];
	  }
	  if (navigator.appName.indexOf("Microsoft Internet")==-1)
	  {
	    if (document.embeds && document.embeds[movieName])
	      return document.embeds[movieName]; 
	  }
	  else // if (navigator.appName.indexOf("Microsoft Internet")!=-1)
	  {
	    return document.getElementById(movieName);
	  }
	}
	
	function StopFlashMovie()
	{
		var flashMovie=getFlashMovieObject("videoplayer");
		flashMovie.StopPlay();
	}
	
	function PlayFlashMovie()
	{
		var flashMovie=getFlashMovieObject("videoplayer");
		flashMovie.Play();
		//embed.nativeProperty.anotherNativeMethod();
	}

	function RewindFlashMovie()
	{
		var flashMovie=getFlashMovieObject("videoplayer");
		flashMovie.Rewind();
	}

</script>


<br clear="all">
<a href="" onClick="vidClick();return false;" id="flashvidicon"><img src="/uploads/flash/613/video_launch.jpg" id="flashvidlauncher" border="0"></a>


<div id="flashvidplayer">

<a href="" onClick="vidClick();return false;"><img src="/images/video_close.gif"></a>


	<div><embed name="videoplayer" 
				menu="true" 
				loop="true" 
				play="true" 
				src="/uploads/flash/613/video.swf" 
				base="http://www.hereisyourwebsite.com.au/uploads/flash/613/"
				pluginspage="http://www.macromedia.com/go/getflashplayer" 
				type="application/x-shockwave-flash"
				wmode="transparent"
					width="382"
						height="305"
				swliveconnect="true"
		 />
	</div>
</div>
	
			
			<br clear="all">
		

		</td>
		
		<td width="100%">
			<div id="theSlides">
				
		
			<div class="contentholder" id="home">

					
<style>
	
	#home div#joinform
	{
		float:right;
		margin-left:5px;
		margin-right:5px;
	}

	#try-now #joinform
	{
		margin-left:auto;
		margin-right:auto;
	}
	
	#joinform
	{
		width:262px;
		height:404px;
		background-image:url("/images/static/form_join.jpg");
	}

	#joinform form
	{
		margin-top:137px;
		border-top:1px solid #575757;
		margin-left:9px;
		margin-right:9px;
		text-align:left;
	}

	#joinform label
	{
		margin-top:5px;
		color:white;
		width:40px;
	}

	
	#joinform input.imgbtn
	{
		width:auto;
		margin-top:7px;
	}
	
	#joinform input#user_companyType_other
	{
		width:100px;
	}
	
	#joinform select
	{
		display:block;
		width:135px;
		margin-top:2px;
	}

	#joinform div.notes
	{
		color:white;
		font-size:6pt;
		text-align:left;
	}
	
	.joinformthanks
	{
		display:none;
		float:right;

	}
</style>
<script language="javascript">
    // wait for the DOM to be loaded 
   $(document).ready(function() { 
        // bind 'myForm' and provide a simple callback function 
        $('.joinformdiv form').ajaxForm(function() { 
			$(".joinformdiv").hide();
			$(".joinformthanks").show();
        }); 
    }); 
        	
    function validateForm(theForm)
    {
    	var err = "";
    	
    	
    	if (theForm.user_company.value.length == 0)
    		err += "Please enter your company name.\n";
    
    	if ((theForm.user_companyType.selectedIndex == 0) && (theForm.user_companyType.value.length == 0))
    		err += "Please select or enter your industry type.\n";
    
    	if (theForm.user_email.value.length == 0)
    		err += "Please enter your email address.\n";

    	if (theForm.user_phone1.value.length == 0)
    		err += "Please enter your phone number.\n";
    
    	if (theForm.user_address1.value.length == 0)
    		err += "Please enter your address.\n";
    
    	if (err.length)
    	{
    		alert(err);
    		return false;
    	}
    	else
    	{
    		return true;
    	}
    
    }
</script>


<div id="joinform" class="joinformdiv">&nbsp;
<form action="/includes/inc_body_joinform.cfm" method="POST" name="joinform">
<input type="hidden" name="joinform" value="1">
<table cellpadding="0" cellspacing="0" width="244">
<tr>
	<td colspan="3">
		<label>Company Name</label>
		<input type="text" name="user_company" value="">
	</td>
</tr>
<tr>
	<td width="135">
		

		<label>Industry Type&nbsp;&nbsp;&nbsp;&nbsp;or</label>
		
		<select name="user_companyType">
			<option value="0">Please Choose:</option>
			
			<option value="10">Accountant</option>
			
			<option value="15">cleaning template</option>
			
			<option value="17">Driving school</option>
			
			<option value="16">norman top slider</option>
			
			<option value="9">PINKY FLASH</option>
			
			<option value="7">Plumbers</option>
			
			<option value="8">White Site</option>
			
		</select>
	</td>
	<td width="5"></td>
	<td width="106">
		<label>Other**</label>
		<input type="text" id="user_companyType_other" name="user_companyType_other" value="" onClick="this.form.user_companyType.selectedIndex = 0;this.select();">
	</td>
</tr>
<tr>
	<td colspan="3">
		<label>Email</label><br />
		<input type="text" name="user_email" value="">
	</td>
</tr>
<tr>
	<td colspan="3">
		<label>Phone<label><br />
		<input type="text" name="user_phone1" value="">
	</td>
</tr>
<tr>
	<td colspan="3">
		<label>Address<label><br />
		<input type="text" name="user_address1" value="">
	</td>
</tr>
</table>

<input type="image" class="imgbtn" src="/images/static/form_submit.png" width="128" height="29"  onclick="return validateForm(this.form);">

<div class="notes">
	* required fields<br>
** non listed industry types may take more than 24 hours
</div>
</form>

</div>
<div class="joinformthanks">
	<img src="/images/static/form_thankyou.png">
</div>


					<p style="margin: 0pt; float: left"><img alt="" style="width: 409px; height: 434px" src="/userfiles/image/HIYW/home_text(1).jpg" /></p>	
				
			
			</div>
		
			
			<div class="contentholder" id="why-us">

					
					<p><span style="font-size: xx-large;">Why us you ask?</span></p>
<div style="margin-left: 40px;"><span style="font-size: large;">Well.. we make it easier and quicker than anyone to get your business online with a customised editable website supported with your own Content Management System (CMS).</span></div>
<p style="text-align: center;"><img height="192" width="632" alt="" src="/userfiles/image/HIYW/whyus_steps.png" /></p>
<p style="text-align: center;"><a href="javascript:slideToPage(6);"><img height="54" width="595" alt="" src="/userfiles/image/HIYW/whyus_trynow.png" /></a></p>	
				
			
			</div>
		
			
			<div class="contentholder" id="how-much">

					
					<p><span style="font-size: xx-large;">How much?</span></p>
<div style="margin-left: 40px;"><span style="font-size: large;">Our pricing solution gets you online as quick and easy as possible, avoiding any large upfront &amp; hidden costs. Elsewhere it can cost you thousands before you make it online.</span></div>
<p style="text-align: center;"><img height="182" width="606" alt="" src="/userfiles/image/HIYW/howmuch_steps.png" /><a href="javascript:slideToPage(6);"><img height="54" width="595" src="/userfiles/image/HIYW/whyus_trynow.png" alt="" /></a></p>	
				
			
			</div>
		
			
			<div class="contentholder" id="what-we-can-do">

					
					<p><span style="font-size: xx-large;">What we do!</span></p>
<div style="margin-left: 40px;"><span style="font-size: large;">Our team is not limited to web development but also provides a full content creation service, have a browse below.</span></div>
<div style="margin-left: 40px;">&nbsp;</div>
<div style="margin-left: 40px;"><span style="font-size: large;">[gallery here]</span></div>
<p><a href="javascript:slideToPage(6);"><img height="19" width="553" src="/userfiles/image/HIYW/whatwedo_trynow.png" alt="" /></a></p>	
				
			
			</div>
		
			
			<div class="contentholder" id="what-have-we-done">

					
					<p><img src="/userfiles/image/HIYW/whatdone_sites.png" alt="" /></p>
<p><a href="javascript:slideToPage(6);"><img height="58" width="443" src="/userfiles/image/HIYW/whatdone_trynow.png" alt="" /></a></p>	
				
			
			</div>
		
			
			<div class="contentholder" id="try-now">

					
<style>
	
	#home div#joinform
	{
		float:right;
		margin-left:5px;
		margin-right:5px;
	}

	#try-now #joinform
	{
		margin-left:auto;
		margin-right:auto;
	}
	
	#joinform
	{
		width:262px;
		height:404px;
		background-image:url("/images/static/form_join.jpg");
	}

	#joinform form
	{
		margin-top:137px;
		border-top:1px solid #575757;
		margin-left:9px;
		margin-right:9px;
		text-align:left;
	}

	#joinform label
	{
		margin-top:5px;
		color:white;
		width:40px;
	}

	
	#joinform input.imgbtn
	{
		width:auto;
		margin-top:7px;
	}
	
	#joinform input#user_companyType_other
	{
		width:100px;
	}
	
	#joinform select
	{
		display:block;
		width:135px;
		margin-top:2px;
	}

	#joinform div.notes
	{
		color:white;
		font-size:6pt;
		text-align:left;
	}
	
	.joinformthanks
	{
		display:none;
		float:right;

	}
</style>
<script language="javascript">
    // wait for the DOM to be loaded 
   $(document).ready(function() { 
        // bind 'myForm' and provide a simple callback function 
        $('.joinformdiv form').ajaxForm(function() { 
			$(".joinformdiv").hide();
			$(".joinformthanks").show();
        }); 
    }); 
        	
    function validateForm(theForm)
    {
    	var err = "";
    	
    	
    	if (theForm.user_company.value.length == 0)
    		err += "Please enter your company name.\n";
    
    	if ((theForm.user_companyType.selectedIndex == 0) && (theForm.user_companyType.value.length == 0))
    		err += "Please select or enter your industry type.\n";
    
    	if (theForm.user_email.value.length == 0)
    		err += "Please enter your email address.\n";

    	if (theForm.user_phone1.value.length == 0)
    		err += "Please enter your phone number.\n";
    
    	if (theForm.user_address1.value.length == 0)
    		err += "Please enter your address.\n";
    
    	if (err.length)
    	{
    		alert(err);
    		return false;
    	}
    	else
    	{
    		return true;
    	}
    
    }
</script>


<div id="joinform" class="joinformdiv">&nbsp;
<form action="/includes/inc_body_joinform.cfm" method="POST" name="joinform">
<input type="hidden" name="joinform" value="1">
<table cellpadding="0" cellspacing="0" width="244">
<tr>
	<td colspan="3">
		<label>Company Name</label>
		<input type="text" name="user_company" value="">
	</td>
</tr>
<tr>
	<td width="135">
		

		<label>Industry Type&nbsp;&nbsp;&nbsp;&nbsp;or</label>
		
		<select name="user_companyType">
			<option value="0">Please Choose:</option>
			
			<option value="10">Accountant</option>
			
			<option value="15">cleaning template</option>
			
			<option value="17">Driving school</option>
			
			<option value="16">norman top slider</option>
			
			<option value="9">PINKY FLASH</option>
			
			<option value="7">Plumbers</option>
			
			<option value="8">White Site</option>
			
		</select>
	</td>
	<td width="5"></td>
	<td width="106">
		<label>Other**</label>
		<input type="text" id="user_companyType_other" name="user_companyType_other" value="" onClick="this.form.user_companyType.selectedIndex = 0;this.select();">
	</td>
</tr>
<tr>
	<td colspan="3">
		<label>Email</label><br />
		<input type="text" name="user_email" value="">
	</td>
</tr>
<tr>
	<td colspan="3">
		<label>Phone<label><br />
		<input type="text" name="user_phone1" value="">
	</td>
</tr>
<tr>
	<td colspan="3">
		<label>Address<label><br />
		<input type="text" name="user_address1" value="">
	</td>
</tr>
</table>

<input type="image" class="imgbtn" src="/images/static/form_submit.png" width="128" height="29"  onclick="return validateForm(this.form);">

<div class="notes">
	* required fields<br>
** non listed industry types may take more than 24 hours
</div>
</form>

</div>
<div class="joinformthanks">
	<img src="/images/static/form_thankyou.png">
</div>


			</div>
		
			
			<div class="contentholder" id="contact-us">

					
					<form class="siteForm" method="post" action="">
    <p><input type="hidden" name="emailResponse" value="Thank you for your enquiry" />  		<input type="hidden" name="emailSubject" value="Contact Us Enquiry" />For all general enquires or custom orders, please contact us here or give us a call on 1300 888 999</p>
    <table height="181" width="400" cellspacing="1" cellpadding="1" border="0" style="">
        <tbody>
            <tr>
                <td><strong><label for="name_field">Name* : </label></strong></td>
                <td><strong><input type="text" id="name_field" size="30" name="name" /></strong></td>
            </tr>
            <tr>
                <td><strong><label for="phone_field">Phone* : </label></strong></td>
                <td>
                <p><strong><input type="text" id="email_field" size="30" name="email" /></strong></p>
                </td>
            </tr>
            <tr>
                <td><strong><label for="email_field">Email* : </label></strong></td>
                <td>
                <p><strong><input type="text" id="phone_field" size="30" name="phone" /></strong></p>
                </td>
            </tr>
            <tr>
                <td valign="top"><strong><label for="enquiry_field">Enquiry* :</label></strong></td>
                <td>
                <p><textarea id="enquiry_field" type="text" cols="30" name="enquiry" rows="10"></textarea></p>
                </td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td>
                <p><input type="submit" class="submitbutton" name="" value="Send Enquiry" /></p>
                </td>
            </tr>
        </tbody>
    </table>
</form>	
				
			
			</div>
		
		
			</div>
		</td>
    </tr>
 </table>


<div id="footerblock">

		<!-- AddThis Button BEGIN -->
	<script type="text/javascript">var addthis_pub="4a0d0b1453f5e8de";</script>
		<span id="sharebutton" class="sharebutton_left">
		<a href="http://www.addthis.com/bookmark.php?v=20" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()">
			<img src="/images/btn_share.png" alt="Bookmark and Share" style="border:0"/>
		</a>
	</span>
	<script type="text/javascript" src="http://s7.addthis.com/js/200/addthis_widget.js"></script>
	<!-- AddThis Button END -->

  <table  width="890" height="45" border="0" align="center" cellpadding="0" cellspacing="0" id="footertable">
    <tr>
      <td id="footerCell" height="45" valign="bottom">
		
			
					<p><img alt="" width="886" height="45" src="/userfiles/image/HIYW/footer_bg.gif" /></p>
<p style="position: relative; float: right; top: -25px; left: -20px">Copyright &copy; 2009. All Rights Reserved. Here Is Your Website | <a onclick="window.open(this.href,'TermsConditions','resizable=no,location=no,menubar=no,scrollbars=yes,status=yes,toolbar=no,fullscreen=no,dependent=no,width=800,height=530,status'); return false" href="http://hiyw2.hereisyourwebsite.com.au/?p=814#/Terms &amp; Conditions">Terms &amp; Conditions</a>&nbsp;&nbsp; |&nbsp;&nbsp; <a href="javascript:slideToPage(7);">Contact Us</a></p>
				
				
		</td>
    </tr>

  </table>
</div>

</div>

</div>
</div>
</div>
</div>


</body>


</html>