From ee8c00ae9ebbad3dc6a8f216e7eaf6567acb4795 Mon Sep 17 00:00:00 2001
From: Steve Sutton <steve@gaslightmedia.com>
Date: Fri, 5 Feb 2010 19:38:27 +0000
Subject: [PATCH] adding from breakout

---
 favicon.ico   | Bin 0 -> 16958 bytes
 index.html    |  36 +++++
 styles.css    | 407 ++++++++++++++++++++++++++++++++++++++++++++++++++
 template.html | 231 ++++++++++++++++++++++++++++
 4 files changed, 674 insertions(+)
 create mode 100755 favicon.ico
 create mode 100755 index.html
 create mode 100755 styles.css
 create mode 100755 template.html

diff --git a/favicon.ico b/favicon.ico
new file mode 100755
index 0000000000000000000000000000000000000000..76a0e095435a794a018ef3c2f811e32165d73681
GIT binary patch
literal 16958
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
WWPOPjg<2$qB_gL^o)!P8kN*OVy-_Rx

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
new file mode 100755
index 0000000..431dccf
--- /dev/null
+++ b/index.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+"http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <title>Gaslight Media Development Server</title>
+  <meta http-equiv="content-type" content="text/html;charset=utf-8">
+  <meta http-equiv="imagetoolbar" content="no">
+  <meta http-equiv="imagetoolbar" content="false">
+  <link rel="stylesheet" type="text/css" href="http://devsys2.gaslightmedia.com/styles.css">
+</head>
+<body>
+<div id="wrapper">
+	<div id="top">
+		<a href="http://www.gaslightmedia.com" id="logo">
+			<img src="http://devsys2.gaslightmedia.com/assets/logo.jpg" width="241" height="59" alt="" title="Gaslight Media - Internet Magic">
+		</a>
+	</div><!-- /#top -->
+	<div id="content">
+		<div id="main">
+			<h1>Welcome!</h1>
+			<h2>www.troutcreek.com</h2>
+				<ul>
+					<li><a href="prototype/2010/index4.html">Prototype - 2010 </a></li>
+					<li><a href="prototype/2010/inside.html">Prototype - 2010, inside page </a></li>
+					<!-- <li><a href="prototype/2010/inside2.html">Prototype - 2010, inside page 2 </a></li> -->
+				</ul>
+		</div><!-- /#main -->
+	</div><!-- /#content -->	
+	<div id="bottom">
+	</div><!-- /#bottom -->	
+</div><!-- /#wrapper -->
+<div id="copy">
+	Copyright&copy;2010 <a href="http://www.gaslightmedia.com" title="Gaslight Media - Internet Magic"><span class="gaslight">Gaslight</span> <span class="media">Media</span></a>, All Rights Reserved.
+</div>	
+</body>
+</html>
diff --git a/styles.css b/styles.css
new file mode 100755
index 0000000..452c252
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,407 @@
+body {
+	margin: 0;
+	padding: 0;
+	font-family: arial, sans-serif;
+	font-size: 13px;
+	text-align: center;
+	color: #000;
+	background: url(assets/bg_body.jpg) repeat-y #fff center top;
+}
+
+h1, h2, h3, h4, h5 {
+	color: #000;
+	margin: 0 0 6px 0;
+}
+
+h1 { font-size: 18px; }
+h2 { font-size: 16px; }
+h3 { font-size: 13px; }
+h4, h5 { font-size: 12px; }
+p { margin: 0 0 6px 0; }
+
+a:link {
+	color: #bb702e;
+	text-decoration: none;
+	font-weight: bold;
+}
+
+a:visited { color: #bb702e; }
+a:hover { color: #338759; }
+a:active { color: #bb702e; }
+
+img {
+	border: 0;
+	margin: 0;
+	padding: 0;
+	display: block;
+}
+
+#headerwrap {
+	height: 230px;
+	background: url(assets/bg_header.jpg) #fff no-repeat center top;
+}
+
+#header, #mainnav {
+	width: 990px;
+	margin: auto;
+}
+
+#header {
+	height: 166px;
+	text-align: left;
+}
+
+#header div {
+	float: left;
+	display: inline;
+	height: 180px;
+	text-indent: -9000px;
+}
+
+#puremich {
+	width: 173px;
+	background: url(assets/header-pieces.jpg) no-repeat -266px;
+}
+
+#logo a, #reservations a {
+	height: 180px;
+	display: block;
+	background: url(assets/header-pieces.jpg) no-repeat;
+}
+
+#logo a {
+	width: 267px;
+	margin-left: 115px;
+}
+
+#reservations a {
+	width: 212px;
+	background-position: -660px 0;
+	margin-left: 223px;
+}
+
+#reservations a:hover { background-position: -442px 0; }
+
+#mainnav {
+	padding: 0px;
+	background-color: transparent;
+}
+
+#centeredmenu {
+	float: left;
+	width: 100%;
+	overflow: hidden;
+	position: relative;
+}
+
+#centeredmenu ul {
+	clear: left;
+	float: left;
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	position: relative;
+	left: 50%;
+	text-align: center;
+}
+
+#centeredmenu ul li {
+	display: block;
+	float: left;
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	position: relative;
+	right: 50%;
+}
+
+#centeredmenu ul li a {
+	display: block;
+	margin-top: 10px;
+	padding: 3px 10px;
+	color: #ecc38a;
+	text-decoration: none;
+	line-height: 1.3em;
+	font-weight: bold;
+}
+
+#centeredmenu ul li a:hover { color: #d48e45; }
+
+#centeredmenu ul li a.active,
+#centeredmenu ul li a.active:hover {
+	color: #d48e45;
+	font-weight: bold;
+}
+
+#contentwrap {
+	width: 990px;
+	margin: 0 auto;
+	text-align: justify;
+	background: url(assets/bg_content.gif) #fff repeat-y;
+	height: 1%;
+	overflow: hidden;
+	clear: both;
+}
+
+#rightcol, #leftcol, #content, #content-home {
+	float: left;
+	display: inline;
+}
+
+#leftcol { width: 220px; }
+#content { width: 770px; }
+#content, #content-home { padding-bottom: 30px; }
+#content-home { margin-right: 20px;  width: 750px; }
+#rightcol {
+	background: url(assets/shadow-h.jpg) repeat-y;
+	margin-top: 30px;
+	text-indent: -1000px;
+}
+
+/*feature boxes*/
+#specials, #enews, #video, #facebook, #blog {	margin-bottom: 20px;
+	margin-left: 3px;}
+#specials a, #enews a, #video a, #facebook a, #blog a{
+	width: 217px;
+	display: block;
+	line-height: 15px;
+	height: 53px;
+	background: url(assets/bg_matrix.gif) no-repeat transparent;
+}
+
+#specials a { background-position: -771px -345px; }
+#specials a:hover { background-position: -551px -345px; }
+#enews a { background-position: -771px -398px; }
+#enews a:hover { background-position: -551px -398px; }
+#video a { background-position: -771px -453px; }
+#video a:hover { background-position: -551px -453px; }
+#facebook a { background-position: -771px -508px; }
+#facebook a:hover { background-position: -551px -508px; }
+#blog a { background-position: -771px -561px; }
+#blog a:hover { background-position: -551px -561px; }
+
+div#leftcol #features {background: url(assets/shadow.jpg) repeat-y; text-indent: -1000px;}
+div#leftcol #specials, div#leftcol #enews, div#leftcol #video, div#leftcol #facebook, div#leftcol #blog {
+	margin-bottom: 5px;
+	margin-left: 0;}
+div#leftcol #specials a, div#leftcol #enews a, div#leftcol #video a, div#leftcol #facebook a, div#leftcol #blog a {width: 180px; height: 52px;}
+
+div#leftcol #specials a { background-position: -4px -340px; }
+div#leftcol #specials a:hover { background-position: -188px -340px; }
+div#leftcol #enews a { background-position: -4px -392px; }
+div#leftcol #enews a:hover { background-position: -188px -392px; }
+div#leftcol #video a { background-position: -4px -449px; }
+div#leftcol #video a:hover { background-position: -188px -449px; }
+div#leftcol #facebook a { background-position: -4px -505px; }
+div#leftcol #facebook a:hover { background-position: -188px -505px; }
+div#leftcol #blog a { background-position: -4px -558px; }
+div#leftcol #blog a:hover { background-position: -188px -558px; }
+/*end feature boxes */
+
+/* sublevel */
+#subnavwrapper a {font-weight: bold; color: #043261;}
+#pagetitle {
+	width: 180px;
+	text-align: center;
+	background: url(assets/bg_matrix.gif) no-repeat -745px -10px;
+}
+#pagetitle a {
+	display: block;
+	padding: 15px 0 5px 0;
+	font-size: 14px;
+	text-decoration: none;
+}
+#pagetitlebot {
+	height: 18px;
+	background: url(assets/bg_matrix.gif) no-repeat -745px -103px;
+}
+#sublevel {
+	padding: 0 0 5px 0;
+	margin: 0 0 0 10px;
+	width: 160px;
+}
+
+#sublevel li {
+	list-style: none;
+	margin: 0;
+	padding: 5px 0 3px 10px;
+	border-bottom: 1px solid #d57e01;
+}
+
+#sublevel a {
+	text-decoration: none;
+}
+
+#sublevel li a:hover { color: #f8b818; }
+
+/* sub sub nav */
+#sublevel ul {
+	padding: 0px;
+	margin: 0;
+	border-bottom: 0;
+}
+
+#sublevel ul li {
+	border-bottom: 0;
+	padding: 4px 0 2px 10px;
+	background: url(assets/bg_matrix.gif) no-repeat -745px -123px;
+}
+
+#sublevel ul li a {color: #a97738; }
+
+/* end sublevel */
+
+
+/* roating images */
+#rotating {
+	background: url(assets/bg_matrix.gif) no-repeat 0 0;
+	width: 650px;
+	margin: 0;
+	padding: 28px 0 0 90px;
+	height: 290px;
+	text-align: left;
+}
+
+#slideshow {
+	float: left;
+	text-align: left;
+	width: 550px;
+	height: 253px;
+	margin: 0;
+	padding: 0;
+	display: block;
+	list-style-type: none;
+}
+
+/* what's new */
+#whatsnew {
+	background: url(assets/bg_matrix.gif) no-repeat -25px -630px;
+	padding: 80px 0 0 0px;
+	color: #000;
+	font-size: 12px;
+	text-align: justify;
+	line-height: 15px;
+	width: 750px;
+}
+
+#whatsnew a { text-decoration: none; }
+
+.readmore {
+	display: block;
+	text-transform: uppercase;
+	font-size: 11px;
+}
+
+#whatsnew h3 {
+	font-weight: bold;
+	color: #13467a;
+	padding: 2px 0;
+}
+
+#whatsnew .row {
+	width: 750px;
+	clear: both;
+	margin-bottom: 20px;
+}
+
+#whatsnew img {
+	margin: 0 10px 0 0;
+	padding-bottom: 2px;
+	float: left;
+}
+
+#whatsnew .one, #whatsnew .two {
+	width: 320px;
+	position: relative;
+	margin-bottom: 20px;
+	padding-top: 12px;
+}
+
+#whatsnew .one {
+	float: left;
+	margin-left: 10px;
+}
+
+#whatsnew .two {
+	float: right;
+	margin-left: 30px;
+}
+
+/* end harbor whatsnew */
+/* TOOLBOX */
+#toolbox { }
+
+#breadcrumb {
+	font-size: 10px;
+	font-weight: bold;
+	text-transform: uppercase;
+	color: #bb702e;
+	margin-bottom: 20px;
+}
+
+#breadcrumb a { text-decoration: underline; }
+#breadcrumb a:hover { color: #02203e; }
+#breadcrumb .current { color: #02203e; }
+#category { margin-bottom: 20px; }
+
+.listing {
+	clear: both;
+	margin: 15px 0;
+}
+
+.imageright img, .imageleft img { border: 1px solid #bb702e; }
+
+.imageright {
+	float: right;
+	position: relative;
+	margin: 0 0 8px 15px;
+}
+
+.imageleft {
+	float: left;
+	position: relative;
+	margin: 0 15px 8px 0;
+}
+
+.imagecaption {
+	font-size: 11px;
+	padding-bottom: 10px;
+	margin: 3px 0 15px 0;
+	color: #338556;
+	background: url(assets/bg_matrix.gif) no-repeat -950px -645px;
+}
+
+.imagecaption p {
+	margin: 5px 0;
+	padding-left: 50px;
+}
+
+/* END TOOL BOX */
+#bottomwrap { background-color: #fff; }
+
+#footer {
+	clear: both;
+	width: 990px;
+	margin: 0 auto;
+	color: #000;
+	font-weight: bold;
+	padding-top: 15px;
+	background: url(assets/bg_footer.jpg) no-repeat #fff;
+}
+
+#footer a { margin-left: 15px; }
+#footer a:hover { color: #338759; }
+
+#copyright {
+	font-size: 10px;
+	padding: 50px 0;
+	color: #666;
+}
+
+#copyright a {
+	color: #666;
+	text-decoration: underline;
+	font-weight: bold;
+}
+
+#copyright a:hover { color: #000; }
\ No newline at end of file
diff --git a/template.html b/template.html
new file mode 100755
index 0000000..246b06b
--- /dev/null
+++ b/template.html
@@ -0,0 +1,231 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+"http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>[Site Title]</title>
+<meta http-equiv="content-type" content="text/html;charset=utf-8">
+<meta http-equiv="imagetoolbar" content="no">
+<meta http-equiv="imagetoolbar" content="false">
+<link rel="stylesheet" type="text/css" href="styles.css">
+<LINK REL="SHORTCUT ICON" HREF="favicon.ico">
+<script type="text/javascript" src="http://app.gaslightmedia.com/libjs/jquery-1.3.2.min.js"></script>
+<script type="text/javascript" src="http://app.gaslightmedia.com/libjs/jquery.innerfade.js"></script>
+<script type="text/javascript"> $(document).ready(
+	function(){
+		$('ul#slideshow').innerfade({
+			speed: 6000,
+			timeout: 8000,
+			type: 'sequence',
+			containerheight: '250px'
+		});
+	}
+);
+</script>
+</head>
+<body>
+	<div id="headerwrap">
+		<div id="header">
+			<div id="logo">
+				<a href="#.html">Trout Creek Condominium Resort</a>
+			</div><!-- /#logo -->
+			<div id="puremich">
+				Pure Michigan
+			</div><!-- /#puremich -->
+			<div id="reservations">
+				<a href="reservations">Make A Reservation</a>
+			</div><!-- /#reservations -->
+		</div><!-- /#header -->
+		<div id="mainnav">
+			<div id="centeredmenu">
+				<ul>
+					<li><a href="#"  class="active">Home</a></li>
+					<li><a href="#">Accommodations</a></li>
+					<li><a href="#">Things To Do &amp; See</a></li>
+					<li><a href="#">Area Information</a></li>
+					<li><a href="#">Specials &amp; Packages</a></li>
+					<li><a href="#">Resort Information</a></li>
+					<li><a href="#">Guest Information</a></li>
+					<li><a href="#">Contact Us</a></li>
+				</ul>
+			</div><!-- /#centeredmenu -->
+		</div><!-- /#mainnav -->
+	</div><!-- /#headerwrap -->
+	<div id="contentwrap">
+<!-- content-home on inside only pages -->
+		<div id="content-home">
+			<div id="rotating">
+				<ul id="slideshow">
+		<!-- these images will have to be cropped on upload -->
+					<li><img src="assets/rotating/01.jpg" alt="rotating photo" width="545" height="253"></li>
+					<li><img src="assets/rotating/02.jpg" alt="rotating photo" width="545" height="253"></li>
+					<li><img src="assets/rotating/03.jpg" alt="rotating photo" width="545" height="253"></li>
+					<li><img src="assets/rotating/04.jpg" alt="rotating photo" width="545" height="253"></li>
+					<li><img src="assets/rotating/05.jpg" alt="rotating photo" width="545" height="253"></li>
+					<li><img src="assets/rotating/06.jpg" alt="rotating photo" width="545" height="253"></li>
+				</ul>
+			</div><!-- /#rotating -->
+			<div id="category">
+<!-- prototyped with just category content, assume standard toolbox output -->
+				<h1>Make Trout Creek Your Harbor Springs "Home-Away-From-Home"</h1>
+				<p>
+					Visit us any time of the year for that memorable family vacation, ski trip, golf outing or family reunion.  Enjoy miles of state Snowmobile Trails &amp; next door you will find the Best Skiing in the Midwest at Nubs Nob &amp; Boyne Highlands. Trout Creek offers beautiful, clean &amp; convenient vacation condominiums close to premier golf and sandy beaches.
+				</p>
+				<p>
+					Enjoy resort amenities while you relax in our casual atmosphere. Just minutes to the charming Lake Michigan resort towns of Harbor Springs and Petoskey. Only 25 minutes to the Mackinac Bridge!
+				</p>
+				<p>
+					Get away this winter to Northern Michigan! Have fun skiing, snowmobiling and snowboardingwith your family and friends. Make plans for your vacation today. You will be so glad that you did!
+				</p>
+				<p>
+					A 2009 Summer guest had this to say in a recent email "I just wanted you to know what a wonderful trip we had this year at Trout Creek. Our condo had everything we needed! We really appreciated all of the updates, freshly tended footpaths, the new soccer nets and the stocked fishing ponds. Trout Creek has everything a busy family would need! All we had to do was unpack and start having fun! We have been coming to your resort for several years and it is always the highlight to our summer!" 
+				</p>
+			</div><!-- /#category -->
+			<div id="whatsnew">
+				<div class="row">
+					<div class="one">
+						<h3>Headline flagged from Toolbox</h3>
+						<img src="assets/temp_newsphoto.jpg" alt="#" width="150" height="97">
+						Whether you spend the day boating on the Inland Waterway or Little Traverse Bay, it will be a day to remember.
+						<a href="#" class="readmore">Read More</a>
+					</div><!-- /.one -->
+					<div class="two">
+						<h3>Headline flagged from Toolbox</h3>
+						<img src="assets/temp_newsphoto.jpg" alt="#" width="150" height="97">
+						Whether you spend the day boating on the Inland Waterway or Little Traverse Bay, it will be a day to remember.
+						<a href="#" class="readmore">Read More</a>
+					</div><!-- /.two -->
+				</div><!-- /.row -->
+				<div class="row">
+					<div class="one">
+						<h3>Headline flagged from Toolbox</h3>
+						<img src="assets/temp_newsphoto.jpg" alt="#" width="150" height="97">
+						Whether you spend the day boating on the Inland Waterway or Little Traverse Bay, it will be a day to remember.
+						<a href="#" class="readmore">Read More</a>
+					</div><!-- /.one -->
+					<div class="two">
+						<h3>Headline flagged from Toolbox</h3>
+						<img src="assets/temp_newsphoto.jpg" alt="#" width="150" height="97">
+						Whether you spend the day boating on the Inland Waterway or Little Traverse Bay, it will be a day to remember.
+						<a href="#" class="readmore">Read More</a>
+					</div><!-- /.two -->
+				</div><!-- /#row -->
+			</div><!-- #/whatsnew -->
+		</div><!-- /#content-home -->
+<!-- rightcol on inside only pages -->
+		<div id="rightcol">
+			<img src="assets/shadowtop-h.jpg" alt="feature items" width="220" height="20">
+			<div id="specials">
+				<a href="#.html" title="Specials and Packages">Specials and Packages</a>
+			</div><!-- /#specials -->
+			<div id="enews">
+				<a href="#.html" title="Sign Up for Enews">Sign up for Enews</a>
+			</div><!-- /#specials -->
+			<div id="video">
+				<a href="#.html" title="Watch Video">Experience Trout Creek</a>
+			</div><!-- /#specials -->
+			<div id="facebook">
+				<a href="#.html" title="Become Our Fan">Facebook</a>
+			</div><!-- /#specials -->
+			<div id="blog">
+				<a href="#.html" title="Trout Creek Blog">Trout Creek Blog</a>
+			</div><!-- /#specials -->
+			<img src="assets/shadowbot-h.jpg" alt="feature items" width="220" height="25">
+		</div><!-- /#rightcol -->
+		<br clear="all"> <!-- this break just for breakout between home and inside pages -->
+		<!-- leftcol on inside only pages -->
+		<div id="leftcol">
+		<!-- sublevel block -->
+			<div id="subnavwrapper">
+				<div id="pagetitle">
+					<a href="#.html">Page Title</a>
+					<div id="pagetitlebot"></div><!-- /#pagetitlebot -->
+				</div><!-- /#pagetitle -->
+				<div id="sublevelwrap">
+					<ul id="sublevel">
+						<li><a href="#">Item one</a>
+							<ul>
+								<li><a href="#">Subitem one</a></li>
+								<li><a href="#">Subitem two</a></li>
+								<li><a href="#">Subitem three</a></li>
+								<li><a href="#">Subitem four</a></li>
+							</ul>
+						</li>
+						<li><a href="#">Item two</a></li>
+						<li><a href="#">Item three</a></li>
+						<li><a href="#">Item four</a></li>
+					</ul>
+				</div><!-- /#sublevel -->
+			</div><!-- /#sublevelwrap -->
+<!-- END sublevel block -->
+			<div id="features">
+				<img src="assets/shadowtop.jpg" alt="feature items" width="180" height="20">
+				<div id="specials">
+					<a href="#.html" title="Specials and Packages">Specials and Packages</a>
+				</div><!-- /#specials -->
+				<div id="enews">
+					<a href="#.html" title="Sign Up for Enews">Sign up for Enews</a>
+				</div><!-- /#specials -->
+				<div id="video">
+					<a href="#.html" title="Watch Video">Experience Trout Creek</a>
+				</div><!-- /#specials -->
+				<div id="facebook">
+					<a href="#.html" title="Become Our Fan">Facebook</a>
+				</div><!-- /#specials -->
+				<div id="blog">
+					<a href="#.html" title="Trout Creek Blog">Trout Creek Blog</a>
+				</div><!-- /#specials -->
+				<img src="assets/shadowbot.jpg" alt="feature items" width="180" height="25">
+			</div><!-- /#features -->		
+		</div><!-- /#leftcol -->
+		<!-- content on inside only pages -->
+		<div id="content">
+			<div id="toolbox">
+				<div id="breadcrumb">
+					<a href="#.html">Home</a> &nbsp;>&nbsp; <a href="#.html">Main Nav Item</a> &nbsp;>&nbsp; <span class="current">Sublevel Item</span>
+				</div>
+				<div id="category">
+					<h1>Updatable headline area, category headline</h1>
+					<div class="imageright">
+						<img src="assets/temp_photo.jpg" alt="temporary photo" width="350" height="240">
+						<div class="imagecaption">
+							<p>
+								Photo caption area.
+							</p>
+						</div><!-- /imagecaption -->
+					</div><!-- /imageright -->
+					<p>
+						Visit us any time of the year for that memorable family vacation, ski trip, golf outing or family reunion.  Enjoy miles of state Snowmobile Trails &amp; next door you will find the Best Skiing in the Midwest at Nubs Nob &amp; Boyne Highlands. Trout Creek offers beautiful, clean &amp; convenient vacation condominiums close to premier golf and sandy beaches.
+					</p>
+					<p>
+						Visit us any time of the year for that memorable family vacation, ski trip, golf outing or family reunion.  Enjoy miles of state Snowmobile Trails &amp; next door you will find the Best Skiing in the Midwest at Nubs Nob &amp; Boyne Highlands. Trout Creek offers beautiful, clean &amp; convenient vacation condominiums close to premier golf and sandy beaches.
+					</p>
+				</div><!-- /#category -->
+				<div class="listing">
+					<h2>Updatable listing headline area</h2>
+					<div class="imageleft">
+						<img src="assets/temp_photo.jpg" alt="temporary photo" width="350" height="240">
+						<div class="imagecaption">
+							<p>Photo caption area.</p>
+						</div><!-- /imagecaption -->
+					</div><!-- /imageleft -->
+					<p>
+						Visit us any time of the year for that memorable family vacation, ski trip, golf outing or family reunion.  Enjoy miles of state Snowmobile Trails &amp; next door you will find the Best Skiing in the Midwest at Nubs Nob &amp; Boyne Highlands. Trout Creek offers beautiful, clean &amp; convenient vacation condominiums close to premier golf and sandy beaches.
+					</p>
+					<p>
+						Visit us any time of the year for that memorable family vacation, ski trip, golf outing or family reunion.  Enjoy miles of state Snowmobile Trails &amp; next door you will find the Best Skiing in the Midwest at Nubs Nob &amp; Boyne Highlands. Trout Creek offers beautiful, clean &amp; convenient vacation condominiums close to premier golf and sandy beaches.
+					</p>
+				</div><!-- /.listing -->
+			</div><!-- /#toolbox -->
+		</div><!-- /#content -->
+	</div><!-- /#contentwrap -->
+	<div id="bottomwrap">
+		<div id="footer">
+			<p>Trout Creek Condominium Resort 4749 Pleasantview | Harbor Springs, MI 49740</p>
+			<p>231-526-2148 &bull; 1-800-748-0245 <a href="mailto:info@troutcreek.com" target="_blank">info@troutcreek.com</a>    <a href="#.html">Owners Section</a></p>
+			<div id="copyright">
+				Copyright &copy; 2010 Trout Creek All Rights Reserved |  Produced by <a href="http://www.gaslightmedia.com" target="_blank">Gaslight Media</a>
+			</div><!-- copyright -->
+		</div><!-- /#footer -->
+	</div><!-- /#bottomwrap -->
+</body>
+</html>
\ No newline at end of file
-- 
2.17.1