ÿþ<!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"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Page Title1</title> <style> #all { margin: auto; width: 698px; } body { background-image: url(images/bodybg.jpg); background-repeat: repeat-x; } #header { width: 695px; height: 200px; border: 1px solid #ababab; background-image: url(images/header.jpg); margin: auto; color: #000; } #header h1 { padding-left: 20px; margin-top: 85px; margin-bottom: 5px; } #header a { font-size: 24px; font-family: Arial, Sans-Serif; color: #fff; text-decoration: none; } .description { font-size: 15px; font-family: Arial, Sans-Serif; color: #fff; padding-left: 20px; margin: 0; } .headlinks { color: #fff; font-family: Arial, Sans-Serif; font-size: 12px; float: right; padding-right: 5px; margin: 0; } .headlinks a { color: #fff; } .headlinks a:hover { text-decoration: none; } #navigation { width: 696px; background-image: url(images/navigation_bg.jpg); background-repeat: repeat-x; height: 44px; margin-top: 10px; margin-left: auto; margin-right: auto; border-bottom: 1px solid #ababab; border-top: 1px solid #ababab; border-right: 1px solid #ababab; border-left: 1px solid #ababab; } #navigation ul { list-style-type: none; margin: 0; padding: 0; width: 696px; border: 0; } #navigation li { width: 115px; margin: 0; float: left; text-align: center; list-style-type: none; border-right: 1px solid #ababab; } #navigation li a { text-decoration: none; color: #fff; display: block; width: 100%; background-image: url(images/button.jpg); padding-top: 14px; padding-bottom: 14px; font-size: 13px; font-family: Arial, Sans-Serif; background-repeat: no-repeat; margin: 0; } #navigation li a:hover { background-image: url(images/button_hover.jpg); background-repeat: no-repeat; } #navigation .page_item ul{ display: none; } .endfloat { float: none; clear: both; width: 1px; margin: 0; padding: 0; font-size: 0px; line-height: 0px; height: 0px; } #pages { background-image: url(images/recent-comments_bg.jpg); } #pages li{ border-top: 1px solid #ababab; border-bottom: 1px solid #000; } #pages li a{ background-image: url(images/pages_bg.jpg); } #pages li a:hover{ background-image: url(images/pages_bg_hover.jpg); text-decoration: underline; } #pages .page_item ul { display: none; } #recent-posts { background-image: url(images/recent-comments_bg.jpg); } #recent-posts li { border-top: 1px solid #ababab; border-bottom: 1px solid #000; } #recent-posts li a{ background-image: url(images/pages_bg.jpg); } #recent-posts li a:hover{ background-image: url(images/pages_bg_hover.jpg); text-decoration: underline; } #mainnavigation .cat-item{ border-top: 1px solid #ababab; border-bottom: 1px solid #000; } #mainnavigation .cat-item a{ background-image: url(images/categories_bg.jpg); } #mainnavigation .cat-item a:hover{ background-image: url(images/categories_bg_hover.jpg); text-decoration: underline; } #mainnavigation ul { margin: 0; } #categories .children{ margin: 0; padding: 0; } #categories { background-image: url(images/recent-comments_bg.jpg); } #categories h2 { font-size: 12px; color: #fff; background: url(images/cat_headline.jpg); margin: 0; margin-top: 10px; border-top: 1px solid #ababab; border-left: 1px solid #ababab; border-right: 1px solid #ababab; width: 146px; padding: 7px; padding-top: 5px; padding-bottom: 5px; } #archives li { border-top: 1px solid #ababab; border-bottom: 1px solid #000; background-image: url(images/recent-comments_bg.jpg); } #archives li a{ background-image: url(images/archives_bg.jpg); } #archives li a:hover{ background-image: url(images/archives_bg_hover.jpg); text-decoration: underline; } #mainnavigation .blogroll li{ border-top: 1px solid #ababab; border-bottom: 1px solid #000; background-image: url(images/recent-comments_bg.jpg); } #mainnavigation .blogroll a { background-image: url(images/links_bg.jpg); } #mainnavigation .blogroll a:hover { background-image: url(images/links_bg_hover.jpg); text-decoration: underline; } #mainnavigation #tag_cloud { width: 160px; background-image: url(images/recent-comments_bg.jpg); background-repeat: repeat-y; margin-top: 10px; border-left: 1px solid #ababab; border-right: 1px solid #ababab; border-bottom: 1px solid #000; padding-bottom: 5px; text-align: center; } #mainnavigation #tag_cloud h2{ margin: 0; border: 0; border-top: 1px solid #ababab; } #mainnavigation #tag_cloud a{ padding: 0; margin: 0; display: inline; background: none; border: none; } #mainnavigation #tag_cloud a:hover{ text-decoration: underline; } #mainnavigation #recent-comments { background: #f0f0f0; color: #fff; } #mainnavigation #recent-comments ul{ border-left: 1px solid #ababab; border-right: 1px solid #ababab; width: 160px; } #mainnavigation #recent-comments .recentcomments { border-bottom: 1px solid #000; border-top: 1px solid #ababab; background-image: url(images/recent-comments_bg.jpg); background-repeat: repeat-y; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; } #meta { background-image: url(images/recent-comments_bg.jpg); } #meta li { border-top: 1px solid #ababab; border-bottom: 1px solid #000; } #meta li a { background-image: url(images/links_bg.jpg); } #meta li a:hover { background-image: url(images/links_bg_hover.jpg); text-decoration: underline; } #content { width: 696px; margin: 0; margin-top: 10px; float: right; border: 1px solid #ababab; background-image: url(images/content_bg.jpg); background-color: #999; background-repeat: repeat-x; font-family: Arial, Sans-Serif; font-size: 13px; padding-bottom: 50px; } .widgettitle { font-size: 12px; color: #fff; background: url(images/cat_headline.jpg); margin: 0; margin-top: 10px; border-top: 1px solid #ababab; border-left: 1px solid #ababab; border-right: 1px solid #ababab; width: 146px; padding: 7px; padding-top: 5px; padding-bottom: 5px; } #leftnavigation { float: left; width: 146px; padding: 0; padding-left: 10px; margin: 0; margin-top: 0px; } #mainnavigation { padding-top: 0; font-family: Arial, Sans-Serif; list-style: none; } #mainnavigation li { list-style: none; padding: 0; } #mainnavigation ul { margin: 0; padding: 0; border-bottom: #ababab; width: 162px; } #mainnavigation a { display: block; background: url(images/mainnavigation_bg.jpg); color: #fff; padding: 20px; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; text-decoration: none; font-size: 12px; width: 130px; background-repeat: no-repeat; border-left: 1px solid #ababab; border-right: 1px solid #ababab; } #mainnavigation a:hover { background-image: url(images/mainnavigation_bg_hover.jpg); } .linkcat h2{ font-size: 12px; color: #fff; background: url(images/headline.jpg); margin: 0; margin-top: 10px; border-top: 1px solid #ababab; border-left: 1px solid #ababab; border-right: 1px solid #ababab; width: 146px; padding: 7px; padding-top: 5px; padding-bottom: 5px; } #mainnavigation .linkcat li{ border-top: 1px solid #ababab; border-bottom: 1px solid #000; background-image: url(images/recent-comments_bg.jpg); } #mainnavigation .linkcat a { background-image: url(images/links_bg.jpg); } #mainnavigation .linkcat a:hover { background-image: url(images/links_bg_hover.jpg); text-decoration: underline; } #archives h2 { font-size: 12px; color: #fff; background: url(images/cat_headline.jpg); margin: 0; margin-top: 10px; border-top: 1px solid #ababab; border-left: 1px solid #ababab; border-right: 1px solid #ababab; width: 146px; padding: 7px; padding-top: 5px; padding-bottom: 5px; } #meta h2 { font-size: 12px; color: #fff; background: url(images/cat_headline.jpg); margin: 0; margin-top: 10px; border-top: 1px solid #ababab; border-left: 1px solid #ababab; border-right: 1px solid #ababab; width: 146px; padding: 7px; padding-top: 5px; padding-bottom: 5px; } #search { margin-top: 10px; width: 146px; } #search label{ display: none; } #search li{ margin: 0; margin-top: 10px; } #search ul{ padding: 0; color: #fff; font-size: 12px; width: 160px; } #searchform { margin: 0; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; } #s { width: 143px; } #sub { margin-left: 0px; margin-top: 5px; } #calendar .widgettitle { } #calendar caption{ background: #cecece; text-decoration: underline; font-weight: bold; } #calendar a { width: 16px; padding: 0; margin: 0; } #calendar a:hover { } #calendar_wrap { border: 1px solid #ababab; } #wp-calendar { width: 160px; padding-left: 0px; background: #cecece; text-align: center; margin: 0; } #prev a { width: 40px; } #next a { width: 40px; float: right; } #recentcomments a{ color: #fff; text-decoration: underline; border: none; background-image: none; } #recentcomments a:hover{ text-decoration: none; background-image: none; } .avatar{ padding-left: 10px; } #comment { width: 300px; } #comments { background: url(images/headline.jpg); background-repeat: repeat-x; color: #fff; padding: 7px; padding-top: 5px; padding-bottom: 5px; font-size: 12px; margin: 0; margin-top: 10px; border-top: 1px solid #ababab; border-right: 1px solid #ababab; border-left: 1px solid #ababab; height: 15px; } .commentlist{ background: #f0f0f0; list-style: none; margin: 0; padding: 0; border-top: 1px solid #ababab; border-right: 1px solid #ababab; border-left: 1px solid #ababab; } .commentlist li { padding-top: 7px; border-bottom: 1px solid #ababab; } .commentlist li p { padding-left: 7px; padding-right: 7px; margin: 0; margin-bottom: 7px; margin-top: 7px; } .commentlist cite { padding-left: 7px; padding-right: 7px; color: #000; } .commentlist .commentmetadata { padding-left: 7px; padding-right: 7px; } .commentlist a{ color: #000; } .commentlist a:hover{ text-decoration: none; } #respond { background: url(images/headline.jpg); background-repeat: repeat-x; color: #fff; padding: 7px; padding-top: 5px; padding-bottom: 5px; font-size: 12px; margin: 0; margin-top: 10px; border-top: 1px solid #ababab; border-right: 1px solid #ababab; border-left: 1px solid #ababab; height: 15px; } #commentform { background: #f0f0f0; padding: 7px; margin: 0; border: 1px solid #ababab; } #commentform p{ margin: 0; } #commentform a{ color: #000; } #commentform a:hover{ text-decoration: none; } #textcontent { float: right; text-align: justify; font-family: Arial, Sans-Serif; font-size: 12px; padding-right: 10px; width: 505px; margin-top: 0px; } .post { width: 505px; margin-top: 10px; } .post h2 { background: url(images/headline.jpg); color: #fff; padding: 7px; padding-top: 5px; padding-bottom: 5px; font-size: 12px; background-repeat: repeat-x; margin: 0; border-top: 1px solid #ababab; border-right: 1px solid #ababab; border-left: 1px solid #ababab; height: 15px; } .post h2 a { color: #fff; text-decoration: none; } .post h2 a:hover { text-decoration: underline; } .entry { background-color: #f0f0f0; color: #000; padding: 7px; padding-top: 5px; padding-bottom: 5px; margin: 0; border: 1px solid #ababab; } .entry p{ margin: 0; } .entry h1 { font-size: 16px; margin-top: 5px; margin-left: 0px; margin-right: 0px; margin-bottom: 5px; } .entry h2 { font-size: 15px; background: none; border: 0; color: #000; padding: 0; margin-top: 5px; margin-left: 0px; margin-right: 0px; margin-bottom: 5px; } .entry h3 { font-size: 14px; margin-top: 5px; margin-left: 0px; margin-right: 0px; margin-bottom: 5px; } .entry h4{ font-size: 13px; margin-top: 5px; margin-left: 0px; margin-right: 0px; margin-bottom: 5px; } .entry h5 { font-size: 12px; margin-top: 5px; margin-left: 0px; margin-right: 0px; margin-bottom: 5px; } .entry h6 { font-size: 11px; margin-top: 5px; margin-left: 0px; margin-right: 0px; margin-bottom: 5px; } .entry a { color: #858585; } .entry a:hover { color: #ADADAD; } .entry blockquote { background: #cecece; padding: 5px; } .entry code { background: #fff; } .entry pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ width: 99%; } .postmetadata { background: url(images/headline.jpg); color: #fff; padding: 7px; padding-top: 5px; padding-bottom: 5px; text-decoration: none; font-size: 12px; background-repeat: repeat-x; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; border-right: 1px solid #ababab; border-left: 1px solid #ababab; border-bottom: 1px solid #ababab; } .postmetadata a{ color: #fff; } #footer { width: 698px; height: 101px; background-image: url(images/footer_bg.jpg); background-repeat: repeat-x; margin-left: auto; margin-right: auto; margin-top: 0px; font-family: Arial, Sans-Serif; font-size: 12px; color: #fff; text-align: center; padding: 0; } #footer p { margin-top: 0px; padding-top: 28px; } #footer a { color: #fff; text-decoration: underline; } #footer a:hover { text-decoration: none; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } #tags { margin: 10px; padding: 5px; border: 1px solid #ababab; } </style> </head> <body> <div id="all"> <div id="LayerFlash" style="position:absolute; width:703px; height:317px; 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="703" height="317"> <param name="movie" value="home.swf"> <param name="quality" value="autohigh"> <param name="wmode" value="transparent"> <embed src="home.swf" width="703" height="317" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="Transparent"></embed> </object> </div> <div id="header"></div><div id="navigation"></div> <div id="content"> <div id="leftnavigation"> <div id="mainnavigation"> <ul> <! [SlideBar Begin]> <li id="SlideBarID1" class="widget widget_links"><h2 class="widgettitle">Roll</h2> <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> </li> <li id="SlideBarID2" class="widget widget_links"><h2 class="widgettitle">Panel2</h2> <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> </li> <li id="SlideBarID3" class="widget widget_links"><h2 class="widgettitle">Panel3</h2> <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> </li> </ul></div> </div> <div id="textcontent"> <! [Post Begin]> <div class="post" id="PostID1"> <h2>Paragraph Title Here (What's New?)</h2> <div class="entry"> <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> <p class="postmetadata">&nbsp;</p> </div> <div class="post" id="PostID2"> <h2>Paragraph Title Here (Overview)</h2> <div class="entry"> <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> <p class="postmetadata">&nbsp;</p> </div> <div class="post" id="PostID3"> <h2>Paragraph Title Here (What We Do)</h2> <div class="entry"> <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> <p class="postmetadata">&nbsp;</p> </div> </div> </div> <div class="endfloat">&nbsp;</div> <div id="footer"> <!-- If you'd like to support WordPress, having the "powered by" link somewhere on your blog is the best way; it's our only promotion or advertising. --> <p> &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">Support </a> &diams; <a href="http://www.go2share.net">Flash Effect SiteBuilder</a> </p> </div> </div> </body> </html>