+++ /dev/null
-\r
-/*======== UNIVERSAL STYLES ========*/\r
-body {\r
- background: #eddbcc;\r
- font-family: arial, sans-serif;\r
- font-size: 13px;\r
- text-align: center;\r
- margin: 0;\r
- padding: 0;\r
- }\r
-img {\r
- border: 0;\r
- }\r
-ul, li {\r
- list-style-type: none;\r
- margin: 0;\r
- padding: 0;\r
- display: block;\r
- }\r
- \r
-#wrapper {\r
- margin: 0 auto;\r
- text-align: left;\r
- width: 990px;\r
- background: url(assets/bgRepeat.png) repeat-y white;\r
- }\r
-#wrapperInner {\r
- height: 1%;\r
- overflow: hidden;\r
- background: url(assets/bgInside.jpg) no-repeat;\r
- }\r
- \r
-/*======== HEADER ========*/\r
-#top {\r
- height: 150px;\r
- position: relative;\r
- }\r
-#logo {\r
- position: absolute;\r
- left: 330px;\r
- top: 65px;\r
- }\r
-#nav {\r
- margin: 0 20px;\r
- height: 1%;\r
- overflow: hidden;\r
- }\r
-#nav li {\r
- float: left;\r
- }\r
-#nav a {\r
- display: block;\r
- padding: 14px 23px 14px 13px;\r
- text-decoration: none;\r
- font-size: 14px;\r
- background: url(assets/divider.png) no-repeat right center;\r
- }\r
-#nav a:link {\r
- color: #115280;\r
- }\r
-#nav a:visited {\r
- color: #115280;\r
- }\r
-#nav a:hover {\r
- color: #947235;\r
- text-decoration: underline;\r
- }\r
-#nav a:active {\r
- color: #115280;\r
- }\r
-\r
-/*======== HOME PAGE STYLES ========*/ \r
-#home #wrapperInner {\r
- background-image: url(assets/bg.jpg);\r
- }\r
-#main {\r
- margin: 0 50px;\r
- }\r
-#home #category {\r
- margin-right: 350px;\r
- }\r
-/*======== INSIDE PAGE STYLES ========*/\r
-#breadcrumbs {\r
- font-size: 11px;\r
- font-weight: normal;\r
- text-transform: uppercase;\r
- margin-left: 14px;\r
- color: #44432b;\r
-\r
-}\r
-#breadcrumbs a {\r
- color: #000;\r
- text-decoration: none;\r
- font-weight: bold;\r
- margin: 0 3px;\r
-}\r
-#breadcrumbs a:hover { color: #ababab; }\r
-\r
-#column {\r
- width: 200px;\r
- float: left;\r
- }\r
-#subnav {\r
- margin: 16px 19px;\r
- background: url(assets/subnavBg.jpg) no-repeat white;\r
- }\r
-#subnav h2 {\r
- padding: 17px 0 7px 14px;\r
- color: #947235;\r
- font-size: 18px;\r
- margin: 0;\r
- }\r
-#subnav ul {\r
- }\r
-#subnav a {\r
- display: block;\r
- text-decoration: none;\r
- padding: 7px 14px;\r
- }\r
-#subnav a:link {\r
- color: #947235;\r
- }\r
-#subnav a:visited {\r
- color: #947235;\r
- }\r
-#subnav a:hover {\r
- color: #FFF;\r
- background: #8da0ab;\r
- }\r
-#subnav a:active {\r
- color: #947235;\r
- }\r
-#inside #main {\r
- float: left;\r
- width: 720px;\r
- margin: 0 0 0 30px;\r
- }\r
- \r
-/*======== TOOLBOX STYLES ========*/\r
-#toolbox h1, #toolbox h2 {\r
- font-family: 'century gothic', arial, helvetica, sans-serif;\r
- font-weight: normal;\r
- font-size: 20px;\r
- }\r
-\r
-#paragraphLinks a{\r
- text-decoration: none;\r
- padding: 2px 7px;\r
-}\r
-#paragraphLinks a:link{\r
- color: #947235;\r
-}\r
-#paragraphLinks a:visited {\r
- color: #947235;\r
- }\r
-#paragraphLinks a:hover {\r
- color: #FFF;\r
- background: #8da0ab;\r
- }\r
-#paragraphLinks a:active {\r
- color: #947235;\r
- }.imageleft {\r
- float: left;\r
- margin: 0 10px 10px 0;\r
- }\r
-.imageright {\r
- float: right;\r
- margin: 0 0 10px 10px;\r
- }\r
-.imagecaption {\r
- font-size:10px;\r
- color: #516d88;\r
- }\r
-.listing {\r
- clear: both;\r
- }\r
- \r
-/*======== FOOTER ========*/\r
-#footer {\r
- background: url(assets/footerBg.png) no-repeat;\r
- height: 57px;\r
- clear: both;\r
- }\r
-#footer p {\r
- padding-top: 23px;\r
- margin: 0;\r
- font-family: 'century gothic' helvetica, sans-serif;\r
- font-size: 13px;\r
- text-align: center;\r
- color: white;\r
- font-weight: bold;\r
- }\r
-#accreditations {\r
- position: relative;\r
- height: 100px;\r
- }\r
-#accreditations li {\r
- position: absolute;\r
- background-image: url(assets/accreditationsBg.png);\r
- text-indent: -9000px;\r
- }\r
-#aAAD {\r
- top: 10px;\r
- left: 175px;\r
- background-position: 0 0;\r
- width: 74px;\r
- height: 73px;\r
- }\r
-#aABD {\r
- top: 10px;\r
- left: 315px;\r
- background-position: -74px 0;\r
- width: 72px;\r
- height: 73px;\r
- }\r
-#aACMS {\r
- top: 20px;\r
- left: 458px;\r
- background-position: -146px 0;\r
- width: 161px;\r
- height: 73px;\r
- }\r
-#aASDS {\r
- top: 20px;\r
- left: 680px;\r
- background-position: -307px 0;\r
- width: 140px;\r
- height: 73px;\r
- }\r
- \r
-#copyright{\r
- text-align:center;\r
- background:#EDDBCC;\r
- clear:both;\r
- font-size:10px;\r
- padding: 20px 0;\r
- } \r
+++ /dev/null
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
-"http://www.w3.org/TR/html4/strict.dtd">
-<html>
-<head>
-<title>{title:h}</title>
-<meta http-equiv="content-type" content="text/html;charset=utf-8">
-<meta name="description" content="{metaTags:h}">
-<meta http-equiv="imagetoolbar" content="no">
-<meta http-equiv="imagetoolbar" content="false">
-<link rel="stylesheet" type="text/css" href="styles.css">
-</head>
-<body id="inside"><!-- body id home on homepage only , #inside for inside pages-->
-<div id="wrapper">
- <div id="wrapperInner">
- <div id="top">
- <a href="baseurl/index.php">
- <img id="logo" src="assets/logo.png" width="520" height="50">
- </a>
- </div><!-- /#top -->
- <ul id="nav">
- <li><a href="#">Home</a></li>
- <li><a href="#">Services</a></li>
- <li><a href="#">Patient Information</a></li>
- <li><a href="#">About Us</a></li>
- <li><a href="#">Location</a></li>
- <li id="lastli"><a href="#">Contact Us</a></li>
- </ul>
- <div id="column">
- <div id="subnav"><!-- only if there are subpages -->
- <h2>Services</h2>
- <ul>
- <li><a href="#">Navigation Name</a></li>
- <li><a href="#">Halloisann hu</a></li>
- <li><a href="#">Lorem Ipsum</a></li>
- <li><a href="#">Navigator Tools</a></li>
- <li><a href="#">Nav</a></li>
- <li><a href="#">Navigation Name</a></li>
- <li><a href="#">Halloisann hu</a></li>
- <li><a href="#">Lorem Ipsum</a></li>
- <li><a href="#">Navigator Tools</a></li>
- <li></li>
- </ul>
- </div><!-- /#subnav -->
- </div><!-- /#column -->
- <div id="main">
- <div id="toolbox">
- <div id="category">
- <h1>Page Header</h1>
- <div class="imageright">
- <img src="assets/toolboxTMP.gif" width="325" height="218" alt="toolboxTMP (26K)">
- <div class="imagecaption">This is the imagecaption</div>
- </div><!-- /..imageright -->
- <p>Located in the exact center of Northern Michigan on the 45th parallel, Gaylord is unique because of its stunning surroundings, up north ambience and easy commuting access. </p>
- <p>Located in the exact center of Northern Michigan on the 45th parallel, Gaylord is unique because of its stunning surroundings, up north ambience and easy commuting access. </p>
- <p>Located in the exact center of Northern Michigan on the 45th parallel, Gaylord is unique because of its stunning surroundings, up north ambience and easy commuting access. </p>
- </div><!-- /#category -->
- <div class="listing">
- <h2>Header</h2>
- <div class="imageleft">
- <img src="assets/toolboxTMP.gif" width="325" height="218" alt="toolboxTMP (26K)">
- <div class="imagecaption">This is the imagecaption</div>
- </div><!-- /..imageleft -->
- <p>Located in the exact center of Northern Michigan on the 45th parallel, Gaylord is unique because of its stunning surroundings, up north ambience and easy commuting access. </p>
- <p>Located in the exact center of Northern Michigan on the 45th parallel, Gaylord is unique because of its stunning surroundings, up north ambience and easy commuting access. </p>
- <p>Located in the exact center of Northern Michigan on the 45th parallel, Gaylord is unique because of its stunning surroundings, up north ambience and easy commuting access. </p>
- </div><!-- /.listin\g -->
- <div class="listing">
- <h2>Header</h2>
- <div class="imageright">
- <img src="assets/toolboxTMP.gif" width="325" height="218" alt="toolboxTMP (26K)">
- <div class="imagecaption">This is the imagecaption</div>
- </div><!-- /..imageright -->
- <p>Located in the exact center of Northern Michigan on the 45th parallel, Gaylord is unique because of its stunning surroundings, up north ambience and easy commuting access. </p>
- <p>Located in the exact center of Northern Michigan on the 45th parallel, Gaylord is unique because of its stunning surroundings, up north ambience and easy commuting access. </p>
- <p>Located in the exact center of Northern Michigan on the 45th parallel, Gaylord is unique because of its stunning surroundings, up north ambience and easy commuting access. </p>
- </div><!-- /.listin\g -->
- </div><!-- /#toolbox -->
- </div><!-- /#main -->
- <div id="footer">
- <p>Dermatology Associates of Northern Michigan, P.C. 2240 Mitchell Park Petoskey, MI 49770 · 231-487-2230</p>
- </div>
- <ul id="accreditations">
- <li id="aAAD">AAD</li>
- <li id="aABD">ABD</li>
- <li id="aACMS">ACMS</li>
- <li id="aASDS">ASDS</li>
- </ul>
- <div id="copyright">
- Copyright©<?php echo date('Y');?> {siteName:h} - Produced by <a href="http://www.gaslightmedia.com">Gaslight Media</a>, All Rights Reserved.
- </div><!-- /#copyright -->
- </div><!-- /#wrapperInner" -->
-</div><!-- /#wrapper -->
-</body>
-</html>