I want to center the map and all the content on this page: http://localdigitalnow.com/bistro/location.html
What would be the best way to do this?
<div class=“box”>
<p><b>Macrossan Street</b><br/ >
<p><b>Port Douglas QLD 4877</b></p>
<a href="http://maps.google.com/m/local?q=Macrossan Street, Port Douglas QLD 4877" rel="nofollow">Click to View on Google Maps</a>
<a href="http://maps.google.com/m/local?q=Macrossan Street, Port Douglas QLD 4877" rel="nofollow"><img src="http://maps.google.com/maps/api/staticmap?center=Macrossan Street, Port Douglas QLD 4877&zoom=14.5&size=250x270&maptype=roadmap&markers=color:red%7Clabel:A%7C25 Mason St San Francisco, CA 94102&sensor=false" alt="View on Google Maps" /></a>
<div class="form">
<form id="form1" method="get" action="http://maps.google.com/m/directions" onsubmit="return checkSelection('form1');">
<fieldset>
<input type="hidden" name="daddr" value="Macrossan Street, Port Douglas QLD 4877" />
<ul>
<li><label>Directions: Enter Your Start Location</label><input name="saddr" type="text" class="input" /></li>
</ul>
<input type="submit" name="submit" class="button" value="Get Directions" />
</fieldset>
</form>
</div>
</div>