ÿþ<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Page Title1</title> <style> * { border: 0 none; margin: 0; padding: 0; } .clear { clear:both; } html { } body { background: url('images/bodyBg.gif'); } #wrapperIE { background: #fff6ae; color: #000000; width: 100%; } #IE { width: 870px; } #wrapperHead { height: 243px; width: 100%; background: url('images/headBg.png') repeat-x; } #head { height: 243px; width: 870px; position: relative; } #wrapperBody { width: 100%; background: url('images/bodyLight.png') no-repeat 50% 0; } #body { width: 870px; } #wrapperFoot { width: 100%; background: url('images/footBg.png') repeat-x 0 30px; margin: 30px 0 0 0; } #foot { width: 870px; background: url('images/footSeperator.png') no-repeat left 37px; } #nav { height: 30px; position: relative; top: 65px; float: right; } #logo { position: absolute; top: 109px; } #rss { height: 55px; width: 138px; position: absolute; top: 155px; left: 732px; background: url('images/feed.png') no-repeat top right; } #search { background: url('images/searchBg.png') right top no-repeat; width: 222px; height: 44px; position: absolute; top: 180px; left: 648px; } #searchform fieldset { border: none; } #s { background: none; float: right; width: 182px; border: none; margin: 15px 5px 0 0; } #searchsubmit { background: transparent; display: inline; width: 35px; height: 44px; border: none; } .searchform { width: 222px; height: 44px; margin: 20px 0 0 0; } #content { width: 600px; float: left; } .articleHead { min-height: 50px; width: 600px; margin: 15px 0 0 0; background: url('images/articleHead.png') no-repeat; overflow: hidden; border-bottom: 1px solid #084597; } .articleDate { width: 40px; float: left; position: relative; top: 5px; left: 20px; margin: 0 40px 0 0; } .articleTitle { padding: 0 0 0 80px; } .articleContent { width: 570px; padding: 10px 15px 0 15px; background: url('images/articleBg.png') repeat-y; } .articleMeta { width: 570px; margin: 10px 0 0 0; background: url('images/articleMeta.png') repeat-x; } .articleFoot { height: 10px; width: 600px; background: url('images/articleFoot.png') no-repeat; } .more-link { height: 35px; width: 130px; position: relative; left: -21px; display: block; margin: 15px 0 0 0; background: url('images/read.png') no-repeat; } .pageHead { min-height: 45px; width: 600px; margin: 20px 0 0 0; background: url('images/pageHead.png') no-repeat; border-bottom: 1px solid #084597; } .pageContent { width: 570px; padding: 10px 15px 0 15px; background: url('images/articleBg.png') repeat-y; } .pageFoot { height: 10px; width: 600px; background: url('images/articleFoot.png') no-repeat; } .comment { margin: 20px 0 0 0; } .commentUser { width: 125px; float: left; margin: 0 0 0 0; } .commentText { width: 475px; float: right; } .commentArrow { height: 30px; width: 17px; float: left; position: relative; top: 20px; background: url('images/commentArrow.png') no-repeat; } .commentTextHead { height: 10px; width: 460px; margin: 0 0 0 15px; background: url('images/commentTextHead.png') no-repeat; } .commentTextContent { min-height: 50px; width: 430px; margin: 0 0 0 15px; padding: 0 15px 0 15px; background: url('images/commentTextBg.png') repeat-y; } .commentTextFoot { height: 10px; width: 460px; margin: 0 0 0 15px; background: url('images/commentTextFoot.png') no-repeat; } .gravatar { margin: 5px 0 10px 5px; } .gravatarFrame { height: 60px; width: 60px; background: url('images/gravatarFrame.png') no-repeat; position: absolute; } #sidebar { width: 250px; float: right; } .sbBox { width: 220px; padding: 10px 15px 0 15px; background: url('images/sidebarBoxBg.png') repeat-y; } .specialBox { background: url('images/sidebarBoxBgSpecial.png') repeat-y; } .sbBoxHead { min-height: 45px; width: 250px; margin: 20px 0 0 0; background: url('images/sidebarBoxHead.png') no-repeat; border-bottom: 1px solid #084597; } .specialHead { background: url('images/sidebarBoxHeadSpecial.png') no-repeat; border-bottom: 1px solid #d65d0f; } .sbBoxHead h2 { padding: 10px 0 0 15px; } .sbBoxFoot { height: 10px; width: 250px; background: url('images/sidebarBoxFoot.png') no-repeat; } .specialFoot { background: url('images/sidebarBoxFootSpecial.png') no-repeat; } .footBox { width: 290px; height: 100%; } #copy { width: 870px; display: block; margin: 20px 0 10px 0; } .navigation { margin: 20px 0; } .alignleft { float: left; margin: 0 10px 0 0; } .aligncenter { margin: 0 auto 0 auto!important; } .alignright { float: right; margin: 0 0 0 10px; } .wp-caption { float: absolute; color: #212121; font-size: 11px; border: 1px solid #cadbe6; text-align: center; background-color: #ebf3f8; margin: 15px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 5px; padding: 0; border: 0 none; } .small { font-size: 11px; } body { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif; font-size: 13px; } a { text-decoration: none; color: #135bac; } a:hover { color: #ff9000; } .white a { color: #ff9000; } .white a:hover { color: #135bac; } #nav a { display:block; height: 25px; padding: 4px 7px 0 0; background: url('images/navNormalRight.png') no-repeat right top; color: #000; } #nav .current_page_item a { display:block; height: 25px; padding: 4px 7px 0 0; background: url('images/navActiveRight.png') no-repeat right top; } #rss a { color: #fff; } #rss a:hover { color: #fed207; } #s { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif; font-size: 11px; } .articleHead a, .pageHead a { color: #fff; } .articleHead a:hover, .articleHead a:active, .pageHead a:hover, .pageHead a:active { color: #fed207; } .commentUser .nick a { color: #ff9000!important; } .commentUser .nick a:hover { color: #135bac; } .commentUser .small a { color: #fff; } .commentUser .small a:hover { color: #135bac; } .specialBox a { color: #000; } .specialBox a:hover { color: #135bac; } #foot a { color: #5e0d00; } #foot a:hover { color: #000; } blockquote, cite { padding: 0 0 0 20px; } h1 a { color: #fff; } h1 a:hover, h1 a:active { color: #fed207; } #copy a { color: #ff9000; } #copy a:hover, #copy a:active { color: #fff; } h1 { font-family: Arial, Helvetica, sans-serif; font-size: 36px; color: #fff; } .articleContent h1, .pageContent h1 { font-size: 22px; color: #000; } h2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #fff; } h2.firstHeading { margin: 15px 0 0 0; } .articleHead h2 { padding: 15px 0 0 0; } .pageHead h2 { padding: 10px 0 0 15px; } .specialHead h2 { color: #5e0d00; } .articleContent h2, .pageContent h2 { font-size: 18px; color: #000; } #foot h2 { color: #5e0d00; padding: 0 0 15px 0; } h3 { font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #000; } .h3comments { color: #fff; padding: 20px 0 0 0; } h4 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000; } h5 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; } h6 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; color: #000; } p{ padding: 5px 0; } p.white { color: #fff; } #blogDescription { color: #fed207; } #rss { color: #fff; font-size: 11px; line-height: 16px; } .articleDate { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #570c00; text-align: center; } .tags { background: url('images/tags.gif') no-repeat; margin: 10px 0 0 0; padding: 0 0 0 15px; } .cat { background: url('images/cat.gif') no-repeat; margin: 10px 0 0 0; padding: 0 0 0 15px; } .com { background: url('images/comments.gif') no-repeat; margin: 10px 0 0 0; padding: 0 0 0 15px; } .author { background: url('images/author.gif') no-repeat; margin: 10px 0 0 0; padding: 0 0 0 15px; } .options { display: block; padding: 10px 0 0 0; } .commentUser { color: #fff; } .specialBox{ color: #5e0d00; } #foot { color: #000; } #copy { color: #ff6f00; text-align: center; } .articleContent ul, .articleContent ol, .pageContent ul, .pageContent ol { margin: 10px 0 10px 30px; } #nav ul { margin: 0; padding: 0; list-style: none; } #nav li { height: 25px; margin: 0 0 0 15px; padding: 0 0 0 7px; float: left; background: url('images/navNormalLeft.png') no-repeat left top; } #nav .current_page_item { height: 25px; margin: 0 0 0 15px; padding: 0 0 0 7px; float: left; background: url('images/navActiveLeft.png') no-repeat left top; } ol.commentlist, ol.commentlist ul.children { list-style: none; } #sidebar ul { list-style: none; } #sidebar ul li li { background: url('images/bullet.png') left 7px no-repeat; padding: 5px 0 5px 15px; } #foot ul { list-style: none; padding: 35px 20px 0 0; } #foot .alignright ul { margin: 0 0 0 10px; } #foot .alignright ul li ul{ margin: 0 0 0 25px; } #foot ul li ul { list-style: disc; margin: 0 0 0 25px; padding: 0; } #foot ul li ul li { padding: 5px 0 5px 0; } input#author, input#email, input#url, textarea#comment { font-family: Arial, Helvetica, sans-serif; padding: 5px; border: 2px solid #707070; background: url('images/semitransBg.png'); color: #fff; } .articleContent input, .articleContent textarea, .pageContent input, .pageContent textarea { padding: 5px; border: 2px solid #eee; } </style> </head> <body> <div id="wrapperHead"> <div id="head" class="aligncenter"> <div id="LayerFlash" style="position:absolute; width:877px; height:307px; text-align: left; z-index:5; top: 0"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8" width="877" height="307"> <param name="movie" value="home.swf"> <param name="quality" value="autohigh"> <param name="wmode" value="transparent"> <embed src="home.swf" width="877" height="307" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="Transparent"></embed> </object> </div> </div> </div> <div id="wrapperBody"> <div id="body" class="aligncenter"> <div id="content"> <! [Post Begin]> <div class="articleHead"> <h2>Paragraph Title Here (What's New?)</h2> </div> <div class="articleContent" id="PostID1"> <p>Use this area to tell your customers about news or developments in your company. Do you have a new product or service? Take this opportunity to keep your site fresh by featuring a top seller or season treat.</p> </div> <div class="articleFoot"></div> <div class="articleHead"> <h2>Paragraph Title Here (Overview)</h2> </div> <div class="articleContent" id="PostID2"> <p>Use this space to give your web site visitors a brief overview of your company. What is the nature of your business? Who is your target audience? Try to sum it up in a few sentences. </p> </div> <div class="articleFoot"></div> <div class="articleHead"> <h2>Paragraph Title Here (What We Do)</h2> </div> <div class="articleContent" id="PostID3"> <p>Now that you've explained who you are, go ahead and say a little more about what you do. Do you sell any products or services? Maybe you have some industry-specific information to convey. </p> </div> <div class="articleFoot"></div> <div id="respond"> <div class="cancel-comment-reply white"> <a rel="nofollow" id="cancel-comment-reply-link" href="/2009/05/30/ftp-use-binary-mode/#respond" style="display:none;">Click here to cancel reply.</a></div> </div> </div> <div id="sidebar"> <ul><! [SlideBar Begin]> <li id="SlideBarID1" class="widget widget_links"><div class="sbBoxHead specialHead"><h2>Roll</h2></div><div class="sbBox specialBox"> <ul class='xoxo blogroll'> <li><a href="http://www.go2share.net">www.go2share.net</a><br/><a href="http://www.flashcityonline.com">User Guide</a></li> </ul> </div><div class="sbBoxFoot specialFoot"></div></li> <li id="SlideBarID2" class="widget widget_links"><div class="sbBoxHead specialHead"><h2>Panel2</h2></div><div class="sbBox specialBox"> <ul class='xoxo blogroll'> <li><a href="http://www.go2share.net">www.go2share.net</a><br/><a href="http://www.flashcityonline.com">User Guide</a></li> </ul> </div><div class="sbBoxFoot specialFoot"></div></li> <li id="SlideBarID3" class="widget widget_links"><div class="sbBoxHead specialHead"><h2>Panel3</h2></div><div class="sbBox specialBox"> <ul class='xoxo blogroll'> <li><a href="http://www.go2share.net">www.go2share.net</a><br/><a href="http://www.flashcityonline.com">User Guide</a></li> </ul> </div><div class="sbBoxFoot specialFoot"></div></li> </ul> </div> </div> <div class="clear"></div> </div> <div id="wrapperFoot"> <div id="foot" class="aligncenter"> <span id="copy" class="aligncenter"> &diams; <a href="page_1.html">Home </a> &diams; <a href="page_2.html">About Us </a> &diams; <a href="page_3.html">Contact Us </a> &diams; <a href="page_4.html">Services </a> &diams; <a href="http://www.go2share.net">Flash Effect SiteBuilder</a></span> <div class="footBox aligncenter"> </div> <div class="clear"></div> </div> </div> </body> </html>