ÿþ<!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> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Page Title1</title> <style> * { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, blockquote { margin: 0; padding: 10px; } a { color: #215679; } a:hover { color: #4C82A6; } blockquote { margin: 5px 15px; padding: 5px 5px; background: #8CB5D8; border: 1px solid #3A7CAC; } code { color: #3366CC; } a img { border: none; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } /* Reset Defaults Ends */ body { position: relative; /* Fixes browser resizing bug in IE6 */ margin: 0 auto 10px auto; width: 950px; font-family: Trebuchet MS, sans-serif; text-align: center; /* IE Centering Technique */ background: #656565 url(images/bgbody.jpg) repeat-x top left; } #wrapper { text-align: left; /* IE Centering Technique */ } .topcurve { margin-top: 15px; height: 13px; background: url(images/bgtop.gif) left top no-repeat; } .topcurvewhite { margin-top: 15px; height: 13px; background: url(images/bgtopwhite.gif) left top no-repeat; } .bottomcurve { margin: 0; height: 13px; background: url(images/bgbottom.gif) left bottom no-repeat; } .bottomcurvewhite { margin: 0; height: 13px; background: url(images/bgbottomwhite.gif) left bottom no-repeat; } #header { margin: 0; padding: 0 0 0 0; height: 160px; } #header .topright { float: right; position: relative; margin: 0; padding: 0; text-align: right; color: #fff; } #searchform { margin-left: 0; margin-top: 0; margin-right: 0; } #searchform { margin-left: 5px; width: 213px; padding-top: 8px; height: 28px; background: #ccc; background: url(images/search.gif) left 3px no-repeat; } *:first-child+html #searchform { /* Filter for IE7 */ padding: 6px 0; } * html #searchform { /* Filter for IE6 */ padding: 6px 0; } #searchbox { margin-left: 5px; margin-bottom: 3px; width: 150px; background: none; border: none; } #searchbutton { width: 50px; background: none; border: none; } #searchbutton:hover { cursor: pointer; } #underheader { clear: both; margin-top: 20px; padding: 0 0 15px 0; } #underheader h1.sitename { padding: 0 0 0 0; position: relative; font-size: 23pt; width: 600px; } #underheader h1.sitename a { color: #fff; text-decoration: none; } #underheader h1.sitename a:hover { color: #4C82A6; text-decoration: none; } #underheader h2.sitedesc { padding: 0 0 0 0; position: relative; font-size: 12pt; color: #4C82A6; } #underheader #toprss{ float: right; position: relative; margin: 0 0 0 0; padding: 0; text-align: right; } /* Menu */ #nav { clear: both; margin: 10px 0 -15px 0; } #nav ul { margin: 0; padding: 0; list-style: none; } #nav li { float: left; margin-right: 10px; } * html #nav li a { /* Filter for IE6 to prevent li stacking */ float: left; text-decoration: none; } * html #nav li a span { /* Filter for IE6 to prevent li stacking */ float: left; margin-left: 4px; text-decoration: none; } #nav li a { display: block; height: 26px; background: url(images/bgtableft.gif) left top no-repeat; text-transform: lowercase; font-size: 10pt; text-decoration: none; } #nav li a span { display: block; margin-left: 6px; padding-left: 5px; padding-right: 12px; line-height: 26px; font-weight: bold; color: #FFF; background: url(images/bgtabright.gif) right top no-repeat; text-decoration: none; } #nav li a:hover { background-position: left -26px; text-decoration: none; cursor: pointer; /* For IE6 */ } #nav li a:hover span { background-position: right -26px; color: #000; } #nav li.current_page a { background-position: left -26px; } #nav li.current_page a span { background-position: right -26px; color: #000; } /* Main content */ #main { clear: both; width: 925px; /* Overrides miscalculation in IE6; ignored by other browsers. */ margin: 0; padding: 0 15px 15px 10px; background: #fff; } #contentwrapper { float: left; width: 720px; } #content { } #content .pageTitle { padding: 5px 10px 0 10px; font-size: 14pt; color: #215679; } .contentsearch { margin: 0 0 40px 100px; } .contentsponsors { margin: 0 0 30px 190px; } .adsense_top { text-align:center; margin:10px 0 25px 0; font-size:9pt; } .adsense_sidebar { text-align:center; margin:0 0 20px 0; font-size:9pt; } .post { margin: 20px 0 25px 0; } #content h2, #content h3, #content h4, #content h5, #content h6 { padding: 0 10px; font-weight: bold; } #content h2 { font-size: 14pt; } #content h3 { font-size: 12pt; } #content h4, #content h5, #content h6 { font-size: 11pt; } h2.homeTitle { margin: 0 0 15px 0; } h2.postTitle { padding: 0 10px; font-size: 14pt; font-weight: bold; color: #000; } h2.postTitle a { font-size: 14pt; font-weight: bold; text-decoration: none; color: #000; letter-spacing: -1px; } h2.postTitle a:hover { color: #215679; } .postMeta { padding: 2px 10px 4px 10px; font-size: 9pt; color: #333; } .postMeta .date { background: url(images/date.gif) left no-repeat; padding: 0 0 0 15px; } .postMeta .filed { background: url(images/folder.gif) left no-repeat; padding: 0 0 0 18px; margin: 0 0 0 3px; } .postMeta .commentcount { background: url(images/comments.gif) left no-repeat; padding: 0 0 0 18px; margin: 0 0 0 3px; } .postMeta .tags { background: url(images/tags.gif) left no-repeat; padding: 0 0 0 15px; } .postMeta a { text-decoration: none; } .postContent img { margin: 10px; border: 3px solid #CCC; } #content p, .postContent p { padding: 5px 10px; font-size: 10pt; color: #000; } .postContent ul, ol { padding: 0 0 0 35px; } .postContent ul li, ol li { font-size: 10pt; color: #000; } p.comments { clear: both; padding: 5px 10px 5px 10px; } p.comments a { padding-left: 20px; background: url(images/comment.gif) left top no-repeat; font-size: 10pt; text-decoration: none; } .commentlist { margin: 10px 0; font-size: 10pt; list-style: none; } .commentlist li { margin: 0 0 5px -25px; width: 510px; } .commentlist cite { padding: 10px; font-size: 10pt; } .commentlist cite a { } .commentmetadata { padding: 10px; } .comment h3 { padding: 0 10px; font-size: 12pt; font-weight: bold; text-decoration: none; color: #000; } .comment p { padding: 10px; font-size: 10pt; color: #000; } .comment a { text-decoration: none; } .comment a:hover { text-decoration: underline; } .comment textarea { width: 510px; } .comment #submit { width: 118px; height: 30px; background: url(images/commentbutton.gif) left top no-repeat; border: none; font-size: 9pt; color: #333; } .comment #submit:hover { cursor: pointer; } .navigation { margin: 10px 0; color: #406E8D; text-align: center; font-size: 10pt; } .navigation a { text-decoration: none; } a.gravatar { float:left; margin:10px 15px 20px 0; width:69px; } /* Start of sidebar */ #allsidebars { width:200px; float:right; } /* Sidebar top welcome box */ .sidebarswrapper { margin-top: 0px; padding-top: 9px; width: 190px; background: url(images/bgsidebartop.gif) left top no-repeat; } .sidebars { width: 190px; background: #363636; } .sidebars h2 { padding: 0 0 2px 0; font-size: 11pt; color: #fff; letter-spacing: -1px; } .sidebars p { padding: 2px 0; font-size: 9pt; } #welcome { clear: both; padding: 0 10px; } #welcome a { display: inline; color: #4C82A6; } #welcome a:hover { color:#fff; } #welcome p { color: #fff; margin-top: 5px; padding-left: 70px; background: url(images/welcome.gif) left top no-repeat; } .sidebarsbottom { clear: both; width: 190px; height: 18px; background: url(images/bgsidebarbottom.gif) left bottom no-repeat; } /* Sidebar 2 columns widget-ready */ .sidebarsB { width: 190px; margin-top: 15px; } .sidebar1 { float: left; width: 165px; } .sidebar2 { float: right; width: 198px; } .sidebarsB h2 { padding: 2px 7px; font-size: 11pt; color: #fff; letter-spacing: -1px; background: url(images/sidebar_h2.gif) left no-repeat; margin-bottom: 3px; } .sidebarsB table { width: 160px; } .sidebarsB ul { margin: 0; padding: 0 0 5px 0; } .sidebarsB li { margin-bottom: 20px; list-style: none; font-size: 9pt; } .sidebarsB li ul { padding: 0; } .sidebarsB ul ul li { margin: 0; padding: 3px 2px 2px 16px; color: #222; background: url(images/bullet.gif) left 7px no-repeat; line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */ border-bottom: 1px dotted #ccc; } .sidebarsB a { display: block; color: #333; text-decoration: none; display: inline; } .sidebarsB a:hover { color: #4C82A6; text-decoration: underline; } .sidebarsB p { padding: 2px 0; font-size: 9pt; } #tag_cloud a { display: inline; } .sidebarsB ul.children li {border-bottom:none;} .sidebarsB ul.children {margin-bottom:-5px;} /* Footer */ #footer { clear: both; padding-top: 0; color: #fff; text-align: center; /* IE Centering Technique */ background: #000; } #footer p { padding: 0; font-size: 8pt; color: #fff; text-align: center; } #footer a { color: #87BBD9; } #footer a:hover { color: #fff; } #credits { clear: both; margin: 0 auto; line-height: 19px; } /* Extras */ .cleared { clear: both; } .left { float:left; } .right { float:right; } #nextprevious { padding:10px; font-size:80%; } .commentbody { float:right; width: 420px; margin-bottom: 20px; padding: 10px 0 10px 0; } </style> </head> <body> <div id="wrapper"> <div id="header"> <div id="LayerFlash" style="position:absolute; width:1001px; height:222px; 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="1001" height="222"> <param name="movie" value="home.swf"> <param name="quality" value="autohigh"> <param name="wmode" value="transparent"> <embed src="home.swf" width="1001" height="222" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="Transparent"></embed> </object> </div> </div> <!-- Closes Header --> <div class="cleared"></div><!-- Closes underHeader --><!-- Closes Nav --> <div class="topcurvewhite"></div> <div id="main"> <div id="contentwrapper"><! [Post Begin]><div id="PostID1"> <div class="post"> <h2 class="postTitle">Paragraph Title Here (What's New?)</h2> <div class="postContent"><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> <br/> </div> </div><div id="PostID2"> <div class="post"> <h2 class="postTitle">Paragraph Title Here (Overview)</h2> <div class="postContent"><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> <br/> </div> </div><div id="PostID3"> <div class="post"> <h2 class="postTitle">Paragraph Title Here (What We Do)</h2> <div class="postContent"><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> <br/> </div> </div></div> <!-- Closes Content --> <div id="allsidebars"><!-- Closes SidebarsWrapper --> <div class="sidebarsB"> <div class="sidebar2"> <ul> <! [SlideBar Begin]> <li id="SlideBarID1"> <h2>Roll</h2> <ul> <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"> <h2>Panel2</h2> <ul> <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"> <h2>Panel3</h2> <ul> <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> <!-- Closes SidebarsB --> </div> <!-- Closes allsidebars --> <div class="cleared"></div> </div> <!-- Closes Main --> <div class="bottomcurvewhite"></div> <div class="topcurve"></div> <div id="footer"> <div id="credits"> <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">Flash Effect SiteBuilder</a></p> </div> <div class="cleared"></div> </div> <!-- Closes Footer --> <div class="bottomcurve"></div> </div> <!-- Closes Wrapper --> </body> </html>