|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- layout by 404 creative studios. http://www.404creative.com -->
<html>
<head>
<title>Bold Blue Rounded Layout 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="Layout2, 404 creative studios" />
<meta name="description" content="simple css driven layout" />
<style type="text/css">
<!--
body {margin:0px; background-color:#D8D8D8;}
body,td {font-family:verdana,arial,sans-serif; font-size:11px; }
h1,h2,h3,h4,h5,h6 {font-family:"Trebuchet MS",helvetica,sans-serif; color:#FF8000; letter-spacing:1px; }
h1 {font-size:22px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:14px;}
blockquote {font-family:"Trebuchet MS",helvetica,sans-serif; color:#004A66; font-size:16px; font-style:italic; font-weight:bold; border-top:1px dashed #CCC; border-bottom:1px dashed #CCC; margin:10px; padding:30px 10px 30px 10px; text-align:center; background-color:#EEE; margin-left:0px; }
/* styles for tabbed navigation */
#navlist { padding: 3px 0; margin-left: 0; border-bottom: 1px solid #778; font: bold 12px "Trebuchet MS", sans-serif; text-align:center; }
#navlist li { list-style: none; margin: 0; display: inline; }
#navlist li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #EEE; text-decoration: none; }
#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }
#navlist li a:hover { color: #FFF; background: #336699; border-color: #227; }
#navlist li a#current { background: white; border-bottom: 1px solid white; }
#navlist li a:hover#current { background: white; border-bottom: 1px solid white; color:#448; }
#pageHeader {height:50px; line-height:50px; color:#80FF00; font-family:"Trebuchet MS",helvetica,sans-serif; font-size:24px; padding:10px 16px 10px 16px; background-color:#004A66; border-bottom:1px solid #FFF; }
#topNav {background-color:#0f0;}
#divBaseLinks {height:30px; background-color:#004A66; border-top:1px solid #FFF; padding:0px 10px 0px 10px; line-height:30px; color:#FFF;}
#divBaseLinks a:link {color:#FFF; text-decoration:none;}
#divBaseLinks a:visited {color:#FFF; text-decoration:none;}
#divBaseLinks a:hover {color:#FFF; text-decoration:none;}
#divBaseLinks a:active {color:#FFF; text-decoration:none;}
#container {margin:20px; background-color:#FFF; min-width:760px;}
#divPageContent {border-top:3px solid #FF8000; border-bottom:3px solid #FF8000; padding:0px 0px 10px 0px; }
#sideBarNewsContent {background-color:#EEE; padding:10px; }
#newsHeader {height:22px; line-height:22px; color:#80FF00; font-family:"Trebuchet MS",helvetica,sans-serif; font-size:14px; padding:0px 5px 0px 5px; background-color:#004A66; border-bottom:1px solid #FFF; }
.leftColumn { padding:0p 5px 0px 5px; width:170px;}
.rightColumn {padding:0px 10px 10px 10px; border-left:1px dashed #CCC;}
.subHeader {font-family:"Trebuchet MS",helvetica,sans-serif; color:#004A66; font-size:16px; letter-spacing:1px; font-weight:bold; margin:10px 0px 10px 0px; border-bottom:1px solid #004A66;}
.note {font-weight:bold; color:#800000; font-style:italic; background-color: #FFF0B7; padding:5px; border:1px solid #FFB96C; }
.newsItem {margin-bottom:5px; font-size:9px; }
.readNewsLink {margin-bottom:10px; font-size:9px; }
/* styles for rounded corners */
b.rtop, b.rbottom{display:block;background: #D8D8D8}
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #004A66}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
-->
</style>
</head>
<body>
<div id="container">
<!-- begin top rounded corner styles -->
<b class="rtop"><b class="r1"></b><b class="r2"></b> <b class="r3"></b> <b class="r4"></b></b>
<!-- end top rounded corner styles -->
<div id="pageHeader">Bold Blue Rounded Layout 2</div>
<div id="divPageContent">
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="index.html" id="current">Item one</a></li>
<li><a href="index.html">Item two</a></li>
<li><a href="index.html">Item three</a></li>
<li><a href="index.html">Item four</a></li>
<li><a href="index.html">Item five</a></li>
<li><a href="index.html">Item six</a></li>
<li><a href="index.html">Item seven</a></li>
<li><a href="index.html">Item eight</a></li>
</ul>
</div>
<table border="0" cellpadding="5" cellspacing="0">
<tr>
<td valign="top" class="leftColumn"><div id="sideBarNews">
<div id="newsHeader">News</div>
<div id="sideBarNewsContent">
<div class="newsItem">A re-engineering of your current world view will reaffirm your online presence enabling a more effervescent solution.</div>
<div class="readNewsLink"><a href="index.html">Read More</a></div>
<div class="newsItem">A re-engineering of your current world view will reaffirm your online presence enabling a more effervescent solution.</div>
<div class="readNewsLink"><a href="index.html">Read More</a></div>
<div class="newsItem">A re-engineering of your current world view will reaffirm your online presence enabling a more effervescent solution.</div>
<div class="readNewsLink"><a href="index.html">Read More</a></div>
</div>
</div></td>
<td valign="top" class="rightColumn"><h2>Welcome to Bold Blue Rounded Layout 2</h2>
<p class="subHeader">Subheading</p>
<p>This layout includes the index.html file and a supporting css file. The size for both is only 9k. A re-engineering of your current world view will reaffirm your online presence enabling a more effervescent solution. Upscaling voluminous networking exchange solutions will result in your achieving an excellent systemic electronic data interchange synchronization, thereby exploiting technical environments for mission critical broad-based capacity-constrained systems. This will fundamentally cause a morphing into a well designed and actionable information infrastructure whose semantic content is downright null. To more fully clarify the current concept, a few aggregate issues will require addressing to facilitate a distributed communication venue. In integrating non-aligned structures into existing legacy systems, an even more effervescent (bubbly) gateway blueprint in a backward compatible package of tangible and immeasurable strategic value will result in right-sizing the conceptual frameworks, but only when thinking outside the box. This being said, the ownership issues inherent in dominant thematic implementations cannot be understated vis-a vis David Bowie, for instance.</p>
<blockquote>“Designers must do two seemingly contradictory things at the same time: They must design for perfection, and they must design as though errors are inevitable. And they must do the second without compromising the first..”<br />
Bob Colwell</blockquote>
<p>A re-engineering of your current world view will reaffirm your online presence enabling a more effervescent solution. Upscaling voluminous networking exchange solutions will result in your achieving an excellent systemic electronic data interchange synchronization, thereby exploiting technical environments for mission critical broad-based capacity-constrained systems. This will fundamentally cause a morphing into a well designed and actionable information infrastructure whose semantic content is downright null. To more fully clarify the current concept, a few aggregate issues will require addressing to facilitate a distributed communication venue. In integrating non-aligned structures into existing legacy systems, an even more effervescent (bubbly) gateway blueprint in a backward compatible package of tangible and immeasurable strategic value will result in right-sizing the conceptual frameworks, but only when thinking outside the box. This being said, the ownership issues inherent in dominant thematic implementations cannot be understated vis-a vis David Bowie, for instance.</p>
<p><a href="http://validator.w3.org/check?uri=referer">This page validates as XHTML 1.0 Transitional</a></p>
<div class="note">While this layout is free for use. A link back to the author's website would be apprceciated. www.404creative.com</div></td>
</tr>
</table>
</div>
<div id="divBaseLinks"><a href="index.html">Home</a> | <a href="index.html">Sitemap</a></div>
<!-- begin bottom rounded corner styles -->
<b class="rbottom"><b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b></b>
<!-- end bottom rounded corner styles -->
</div>
<div class="spacer"> </div>
</body>
</html>
|
