ÿþ<!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" xml: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 type="text/css"> html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} body { line-height: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none;} del { text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* Clearing floats without extra markup Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */ .clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } /* Round Corners Reset */ /* \*/ * html .tlc, * html .trc { height: 1%; } /* */ body { font-family: Geneva,Helvetica,Verdana,Arial,sans-serif; font-size: 62.50%; /* Resets 1em to 10px */ color: #444; } body.font-small { font-size: 65%; } body.font-medium { font-size: 75%; } body.font-large { font-size: 85%; } /* Headings ***************************************************************************** */ h1,h2,h3,h4,h5,h6 { color: #444; font-family: Geneva,Helvetica,Verdana,Arial,sans-serif; font-weight: normal; line-height: 1.2em; color: #be261e; } h1 { font-size: 2.4em; } h2 { font-size: 2.0em; } h3 { font-size: 1.6em; } h4 { font-size: 1.2em; } h5 { font-size: 1.0em; font-weight: bold; } h6 { font-size: 0.9em; font-weight: bold; } code, pre { margin: 1em 0; font-family: "Courier New", Courier, monospace; font-size: 1em; color: #000; } pre { overflow: auto; padding: 1em; border: 1px solid #ddd; background: #f1f1f1; } pre.script { border: 1px dashed #ccd; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffdd; } blockquote { font-style: italic; padding-left: 48px; background: url(../images/icons/quote.png) 0 0 no-repeat; } acronym, abbr { font-size: 0.9em; letter-spacing: .07em; cursor: help; border-bottom: 1px dashed #999; } /* General elements ***************************************************************************** */ p { margin: .5em 0 1em 0; line-height: 1.5em; } p.last { margin-bottom: 0!important; } p img { /* margin: 0 15px 10px 0; */ padding: 0; } hr { display: none; } strong { color:#666; font-weight: bold; } em { font-style: italic; } .small { font-size: .8em; color: #666; } .large { font-size: 1.2em; } .resalted { font-weight: bold; } .highlight { background: #e7feb1; padding: 0 .25em; margin: 0 .25em; } .center { text-align: center; } .hidden { display: none; } .underlined { border-bottom: 1px solid #cdd; } /* General elements ***************************************************************************** */ input { padding: 4px 8px; border: 1px solid #cdd; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f9ffff; } input.button { float: right; padding: 4px 8px; border: 1px solid #cdd; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #26a; color: #cdd; } input.button:hover { background: #be261e; color: #fff; } input.button:active { background: #333; color: #fff; } label { padding: 0 10px; font-size: 0.8em; color: #666; } textarea { padding: 9px; border: 1px solid #cdd; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f9ffff; } /* Links ***************************************************************************** */ a { text-decoration: none; } a:link { color: #26a; } a:hover { color: #000; } a:active { color: #be261e; } a:visited { color: #26a; } a img { border: none; } .logotext a { text-decoration: none; } .logotext a:link { color: #be261e; } .logotext a:hover { color: #000; } .logotext a:active { color: #26a; } .logotext a:visited { color: #be261e; } #mainmenu ul li a:link { color: #26a; } #mainmenu ul li a:hover { color: #000; } #mainmenu ul li a:active { color: #be261e; } #mainmenu ul li a:visited { color: #444; } .post h2 a:link, .post h3.post-title a:link { color: #be261e; } .post h2 a:hover, .post h3.post-title a:hover { color: #26a; } .post h2 a:active, .post h3.post-title a:active { color: #000; } .post h2 a:visited, .post h3.post-title a:visited { color: #b7cb16; } #sidebar a:link { color: #be261e; } #sidebar a:hover { color: #26a; } #sidebar a:active { color: #444; } #sidebar a:visited { color: #be261e; } /* list ***************************************************************************** */ /* Unordered and Ordered list */ ul, ol { margin: .5em 1.5em 2em 1.7em; } ul { list-style-type: disc; } ul.check, ul.arrow, ul.cross, ul.light, ul.star { list-style: none; margin-left: 0; } ul.check li, ul.arrow li, ul.cross li, ul.light li, ul.star li { list-style-type: none; background-repeat: no-repeat; background-position: center left; padding: 4px 0 3px 25px; } ul.check li { background-image: url(../images/list/typo_check.jpg); } ul.arrow li { background-image: url(../images/list/typo_arrow.jpg); } ul.cross li { background-image: url(../images/list/typo_cross.jpg); } ul.light li { background-image: url(../images/list/typo_light.jpg); } ul.star li { background-image: url(../images/list/typo_star.jpg); } ul.check-big, ul.arrow-big, ul.cross-big, ul.light-big, ul.star-big { list-style: none; margin-left: 0; } ul.check-big li, ul.arrow-big li, ul.cross-big li, ul.light-big li, ul.star-big li { list-style-type: none; background-repeat: no-repeat; background-position: center left; padding: 11px 0 8px 50px; font-size: 1.4em; font-weight: bold; } ul.check-big li { background-image: url(../images/list/typo_check-big.jpg); } ul.arrow-big li { background-image: url(../images/list/typo_arrow-big.jpg); } ul.cross-big li { background-image: url(../images/list/typo_cross-big.jpg); } ul.light-big li { background-image: url(../images/list/typo_light-big.jpg); } ul.star-big li { background-image: url(../images/list/typo_star-big.jpg); } ol { list-style-type: decimal} /* on the search results page */ ol.list li { margin-bottom: 2em; } ol.list h4 { margin: 0 0 .2em; } /* Definiton list */ dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em; } /* Tables ***************************************************************************** */ body { margin: 0; } #page { } #wrapper { width: 940px; margin: 0 auto; } #header { height: 210px; width: 940px; } #head { height: 210px; } #menubar { position: absolute; float: left; top: 102px; width: 590px; height: 60px; margin: 0 40px 0 77px; } #mainmenu { } #search { position: absolute; float: right; top: 102px; width: 190px; margin-top: 64px; /* 37px; */ margin-left: 710px; } #wrap { } #container { margin: 0 40px 0 20px; } #content { width: 640px; float: left; margin-top: 0; margin-right: 30px; } #sidebar { width: 190px; float: right; margin: 12px 0; } #bottom { clear: both !important; height: 140px; padding: 10px 20px 0; } #footer { margin: 0 260px 0 50px; padding: 7px 0; border-top: 1px solid #cdd; } #head .logotext { font-size: 3.2em; font-weight: bold; padding: 32px 30px 0 30px; } #head .slogan { font-size: 1.4em; padding: 5px 30px 0 30px; } #head .logoimg { padding: 19px 0 0 20px; } #mainmenu { letter-spacing: .1em; font-variant: small-caps; font-weight: lighter; } #mainmenu ul, #mainmenu ul li, #mainmenu ul li a { padding-top: 19px; padding-bottom: 24px; } #mainmenu ul { margin: 0; padding-left: 0; padding-right: 0; font-size: 1.2em; list-style: none; } #mainmenu ul li { display: inline; margin-left: -7px; } #mainmenu ul li a { height: 60px; padding-left: 2em; padding-right: 2em; font-weight:normal; } #mainmenu ul li.page_item { background: url(images/mn-background.png) 0 0 no-repeat; } #mainmenu ul li.page_item:hover { background: url(images/mn-background.png) 0 -60px no-repeat; } #mainmenu ul li.page_item:active { background: url(images/mn-background.png) 0 -120px no-repeat; } #mainmenu ul li.current_page_item { background: url(images/mn-background.png) 0 -180px no-repeat; } #mainmenu ul li.page_last { background: url(images/mn-background.png) 0 0 no-repeat; } /* Wrap -> Contaniner ***************************************************************************** */ .content-header { margin: 0; padding: 0 0 0 50px; text-align: left; overflow: hidden; clear: both; } .content-header h2 { margin: .4em 0 40px; color: #999; border-bottom: 1px solid #cdd; } .post { overflow: visible; clear: both; margin-left: 1px; padding: 0 0 40px 50px; background: #fff url(images/post-label.gif) 0px 0px no-repeat; } .post hr { display: block; } .postmetadata { clear: both; margin: 0; font-size: 1.2em; line-height:1.6em; color: #888; } .postmetadata .date, .postmetadata .author, .postmetadata .comment, .postmetadata .category, .postmetadata .tag, .postmetadata .edit { margin: 0 0 0 2px; padding: 0 0 0 20px; } .postmetadata .date { background: url(images/icons/icons-normal.png) 0 0 no-repeat; } .postmetadata .date:hover { background: url(images/icons/icons-hover.png) 0 0 no-repeat; } .postmetadata .author { background: url(images/icons/icons-normal.png) 0 -16px no-repeat; } .postmetadata .author:hover { background: url(images/icons/icons-hover.png) 0 -16px no-repeat; } .postmetadata .comment { background: url(images/icons/icons-normal.png) 0 -32px no-repeat; } .postmetadata .comment:hover { background: url(images/icons/icons-hover.png) 0 -32px no-repeat; } .postmetadata .category { background: url(images/icons/icons-normal.png) 0 -48px no-repeat; } .postmetadata .category:hover { background: url(images/icons/icons-hover.png) 0 -48px no-repeat; } .postmetadata .tag { background: url(images/icons/icons-normal.png) 0 -64px no-repeat; } .postmetadata .tag:hover { background: url(images/icons/icons-hover.png) 0 -64px no-repeat; } .postmetadata .edit { background: url(images/icons/icons-normal.png) 0 -80px no-repeat; } .postmetadata .edit:hover { background: url(images/icons/icons-hover.png) 0 -80px no-repeat; } #pagenavigator { clear: both; margin: 0 0 20px 50px; width: 590px; height: 22px; font-size: 1.0em; border: 1px solid #dee; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f1f9f9; } #pagenavigator a, #pagenavigator span.current { margin: 0 .75em 0 0; padding: 3px .25em; } #pagenavigator a.page {} #pagenavigator span.current { color: #be261e; font-weight: bold; } #pagenavigator a.first {} #pagenavigator a.last {} #pagenavigator span.extend {} #pagenavigator span.pages {} .entry { font-size: 1.4em; line-height: 1.4em; margin: 20px 0 0; } .entry blockquote { font-size: .9em; } .entry blockquote blockquote { font-size: .9em; } .entry fieldset { padding: 1em 1em 1em 2em; margin-bottom: 1em; border: 1px dashed #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .entry fieldset legend { font-weight: bold; text-transform: uppercase; margin: -.25em 0 -.25em -3em; padding: .25em 1em .25em 1em; background-color: white; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .entry table { border-width: 0 1px 1px 0; border-style: solid; border-color: #ccc; font-size: 0.9em; } .entry table tr td { padding: 5px 10px; border-width: 1px 0 0 1px; border-style: solid; border-color: #ccc; } .entry table tr th { border-width: 1px 0 0 1px; border-style: solid; border-color: #ccc; padding: 5px 10px; background: #f4f4f4; color: #666; font-weight: bold; text-align: center; } .entry ol { list-style-type: decimal; } .entry ol ol { list-style-type: lower-alpha; } .entry ol ol ol { list-style-type: lower-roman; } .entry ul.links { list-style: none; margin-left: 0; } .entry ul.links li { padding: 0 0 1em; } .notice { font-size: 1.4em; line-height: 1.4em; padding: 2em 1em 1em 0; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff9f9; } .notice div#icon { float: left; margin-left: 20px; width: 48px; height: 48px; background: url(images/icons/notice.png) 0 0 no-repeat; } .notice div#box { float: right; width: 500px; } .notice div#box form { margin-bottom: 1em; } p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } /* Comments ************************************* */ #comments { font-size: 1em; line-height: 1.4em; margin: 0 0 20px 50px; padding: 20px 0 0 0; border-top: 1px solid #cdd; } #comments .browse { clear: both; width: 588px; height: 19px; margin: 0; padding-bottom: 9px; } .commentlist { margin: 10px 0; } .commentlist li { list-style: none; padding: 10px; } li.comment { border: 1px solid #cdd; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 20px; padding-top: 1em; font-size: 12px; } li.comment div, li.pingback div { } .vcard img.avatar { float: left; border: 1px solid #eee; padding: 2px; margin: 0 20px 1em 0; background: #fff; } .vcard cite { font-weight: bold; font-size: 12px; } .vcard span { font-size: 10px; } .commentmetadata { font-size: 10px; } li.comment p { clear: both; } li.comment blockquote { clear: both; font-size: 12px; min-height: 2em; } .reply { font-size: 10px; } .commentlist li.even { background: #f0f0f0; } .commentlist li.odd { background: #fff; } ul.children { margin: 1em 0 0; } ul.children li { list-style: none; margin-bottom: 10px; padding-top: 1em; } #respond { font-size: 12px; margin: 20px 0; } #respond p.small { font-size: 10px; } #respond textarea { width: 96%; } #respond div.cancel-comment-reply { padding: 10px 0 0; } #commentform { padding-bottom: 30px; } /* Search ************************************* */ #search-box { width: 190px; height: 23px; background: url(images/box-search.png) left top no-repeat; } #search-text { background: transparent none no-repeat 0 0; border: none; margin: 1px 32px 4px 4px; color: #666666; width: 122px; } /* Sidebar ************************************* */ #sidebar h2 { margin-bottom: .5em; font-size: 1.6em; border-bottom: 1px solid #cdd; color: #999; } #sidebar a { font-size: 1.2em; background: none; } #sidebar ul, #sidebar ul ol { margin: 0; padding: 0; } #sidebar ul li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; margin-bottom: 20px; } #sidebar ul p, #sidebar ul select { margin: 5px 0 8px; } #sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 0; } #sidebar ul ul ul, #sidebar ul ol { margin: .5em 0 .5em 1em; } #sidebar ul ol li { list-style: decimal outside; } #sidebar ul ul li, #sidebar ul ol li { padding: 0; margin: .5em 0 .5em 0; } /* Calendar ************************************* */ #wp-calendar { font-size: 1.2em; empty-cells: show; } #wp-calendar a { font-size: 1.0em; display: block; font-weight: bold; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar caption { margin: 8px 0; text-transform: uppercase; letter-spacing: 0.3em; font-weight: lighter; font-size: .8em; color: #444; text-align: right; } #wp-calendar th { padding: 4px 5px 4px 6px; font-weight: lighter; font-size: .8em; color: #666; text-align: right; background: #f4f4f4; } #wp-calendar td { padding: 4px 5px 4px 6px; text-align: right; } #wp-calendar td#today { background: #e0e0e0; } #wp-calendar td#prev a { padding: 0; text-align: left; font-weight: normal; } #wp-calendar td#next a { padding: 0; text-align: right; font-weight: normal; } /* Template. Auxiliary ***************************************************************************** */ .clear { clear: both; height: 0; } .alignright, .alignleft { padding: 0; margin: 6px 20px 10px 20px; display: inline; } .alignright { float:right; } .alignleft { float:left; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ccc; text-align: center; background-color: #f3f3f3; padding-top: 4px; } .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; } /* Bottom -> Footer ***************************************************************************** */ #footer { text-align: left; font-size: .9em; line-height: 1.0em; color: #888; } /* Custom ***************************************************************************** */ body { background: url(images/bg-page.png) 50% repeat; } #page { background: url(images/bg-head.png) 50% 0 repeat-x; } #head { background: url(images/head-bg.png) 50% 0 no-repeat; } #wrap { background: url(images/wrap-bg.png) 50% 0 repeat-y; width: 940px; } #bottom { background: url(images/footer-bg.png) 50% 0 no-repeat; } </style> </head> <body> <div id="page"> <div id="wrapper"> <div id="header"> <div id="head"> <div id="LayerFlash" style="position:absolute; width:1071px; height:234px; 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="1071" height="234"> <param name="movie" value="home.swf"> <param name="quality" value="autohigh"> <param name="wmode" value="transparent"> <embed src="home.swf" width="1071" height="234" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="Transparent"></embed> </object> </div> </div> </div><!-- End header --> <div id="wrap"> <div id="container"> <div id="content"> <! [Post Begin]> <div class="post" id="PostID1"> <h1>Paragraph Title Here (What's New?)</h1> <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> </div> <div class="post" id="PostID2"> <h1>Paragraph Title Here (Overview)</h1> <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> </div> <div class="post" id="PostID3"> <h1>Paragraph Title Here (What We Do)</h1> <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> </div> <!-- You can start editing here. --> </div> <div id="sidebar"> <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><!-- end #container --> <div class="clear">&nbsp;</div> </div><!-- end #wrap --> <div id="bottom"> <div id="footer"> <p class="alignleft">&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> </div><!-- end #wrapper --> </div><!-- end #page --> </body> </html>