<html>
<head>
<title>Design 13</title>
<style type='text/css'>
body {
font-family: Arial, Verdana, Geneva, helvetica, sans-serif;
margin: 0px;
background-image: url(designgalo-images/back.gif);
background-repeat: repeat-x;
background-color: #777E0B;
font-size: 12px;
color: #222;
}
table {
font-size: 12px;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #546c00;
font-weight: normal;
margin: 0px;
padding: 0px;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 19px;
color: #0a547d;
font-weight: normal;
margin: 0px;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #fff;
font-weight: normal;
margin: 0px;
}
a:link {
color: #546c00;
text-decoration: none;
}
a:visited {
color: #546c00;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: underline;
}
#container_big {
width: 829px;
padding: 0px;
margin: 0px;
}
#container {
float: left;
position: relative;
width: 829px;
text-align: left;
padding: 0px;
}
#header {
float: left;
position: relative;
width: 829px;
height: 105px;
text-align: left;
background-image: url(designgalo-images/header.gif);
background-repeat: no-repeat;
overflow: hidden;
font-family: Arial, Helvetica, sans-serif;
}
#menu {
float: left;
position: absolute;
width: 850px;
height: 29px;
left: 0px;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
overflow: hidden;
text-align: center;
top: 65px;
}
#menu a {
margin-left: 0px;
margin-right: 6px;
text-decoration: none;
display: block;
float: left;
height: 29px;
background-image: url(designgalo-images/a_link.gif);
background-repeat: repeat-x;
padding-top: 8px;
padding-left: 28px;
padding-right: 27px;
color: #000;
}
#menu a:hover {
margin-left: 0px;
margin-right: 6px;
text-decoration: none;
display: block;
float: left;
height: 29px;
background-image: url(designgalo-images/a_hover.gif);
background-repeat: repeat-x;
padding-top: 8px;
padding-left: 28px;
padding-right: 27px;
color: #2291d0;
}
#steps {
float: left;
position: relative;
width: 829px;
height: 210px;
left: 0px;
background-image: url(designgalo-images/banner.jpg);
background-repeat: no-repeat;
color: #000;
top: 0px;
margin-bottom: 0px;
overflow: hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.box {
float: left;
position: relative;
width: 265px;
left: 9px;
margin-top: 5px;
background: url(designgalo-images/box_back.gif);
margin-bottom: 9px;
margin-right: 8px;
}
#content {
float: left;
position: relative;
width: 829px;
text-align: left;
padding: 0px;
overflow: hidden;
background-image: url(designgalo-images/content_back.gif);
background-repeat: repeat-y;
background-color: #FFFFFF;
}
#left {
width: 188px;;
float: left;
position: relative;
left: 6px;
background: #CCCC66;
top: 4px;
color: #080808;
}
#main {
float: right;
position: relative;
width: 590px;
right: 6px;
}
#footer {
float: left;
position: relative;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 829px;
background-image: url(designgalo-images/footer.gif);
background-repeat: no-repeat;
vertical-align: middle;
text-align: center;
color: #eaeaea;
padding-top: 5px;
}
#footer img {
margin: 2px;
border: solid 3px #F2D2A8;
}
#footer a:hover {
color: #111;
text-decoration: none;
}
input, textarea, button {
background-color: #fff;
color: #94C00D;
border: solid 2px #94C00D;
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size: 10px;
height: 20px;
margin-top: 4px;
}
.btn {
border: 0px;
margin-top: 4px;
margin-bottom: 0px;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
height: 20px;
position: absolute;
}
ul {
list-style-type: square;
}
#ttitle {
background-color: #900000;
color: #FFFFFF;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
#logo { font-size:30px; padding:20px 0 0px 50px ; background:url(designgalo-images/logo2.gif) no-repeat 10px 20px}
</style>
<meta name="description" content="Description goes here">
<meta name="keywords" content="keywords, go, here">
</head>
<body>
<div align="center">
<div id="container_big">
<div id="container">
<div id="header">
<a href="./" title="Homepage ?><img src="designgalo-images/logo.gif" border="0" height="55" width="290"></a>
<div id="logo">Brightness</div>
<div id="menu">
<a href="#">Home</a>
<a href="#">Financial Services</a>
<a href="#">Technology</a>
<a href="#">Business Ideas</a>
<a href="#">Publications</a>
<a href="#">Site Map</a>
<a href="#">Contacts</a>
</div>
</div>
<!-- content begin -->
<div id="steps">
<div style="float: left; position: relative; width: 210px; left: 60px; top: 130px;">
<h2>Small, Home Office</h2>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br />
</div>
<div style="float: left; position: relative; width: 200px; left: 135px; top: 130px;">
<h2>Medium-Sized
Enterprises</h2>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed.<br />
</div>
<div style="float: left; position: relative; width: 190px; left: 215px; top: 130px;">
<h2>Large Organisation</h2>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br />
</div>
</div>
<div id="content">
<div class="box"><div><img src="designgalo-images/box_top.gif"></div>
<div style="margin: 4px;">
<h1>Free CSS Templates</h1>
This is Brightness, a free, fully standards-compliant CSS template designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>.
This free template is released under a Creative Commons Attributions 2.5 license, so you¡¦re pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :)
<br>
<strong><a href="#">Read more »</a></strong>
</div><div><img src="designgalo-images/box_bottom.gif"></div>
</div>
<div class="box"><div><img src="designgalo-images/box_top.gif"></div>
<div style="margin: 4px;">
<h1>Content item title</h1>
This is Brightness, a free, fully standards-compliant CSS template designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>.
This free template is released under a Creative Commons Attributions 2.5 license, so you¡¦re pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :)
<br>
<strong><a href="#">Read more »</a></strong>
</div><div><img src="designgalo-images/box_bottom.gif"></div>
</div>
<div class="box"><div><img src="designgalo-images/box_top.gif"></div>
<div style="margin: 4px;">
<h1>Content item title</h1>
This is Brightness, a free, fully standards-compliant CSS template designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>.
This free template is released under a Creative Commons Attributions 2.5 license, so you¡¦re pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :)
<br>
<strong><a href="#">Read more »</a></strong>
</div><div><img src="designgalo-images/box_bottom.gif"></div>
</div>
<br clear="all">
</div>
</div>
<!-- content end -->
<div id="footer">
© 2007 <a href="#"><strong>SiteName.com</strong></a>
<br/> <a href="http://www.templatesold.com/" target="_blank">Website Templates</a> by <a href="http://www.free-css-templates.com/" target="_blank">Free CSS Templates</a>
</div>
</div>
</div>
</div>
</div>
</body></html>
|