intelligent-studios
<!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=iso-8859-1" />
<title>Business Template</title>
<style type='text/css'>
body,td,th {
font-family: Trebuchet MS;
font-size: 11px;
color: #666;
line-height:20px;
}
body {
background-color: #333;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align:center;
}
a{
color:#315E88
}
a:link{
color:#315E88;
}
a:visited{
color:#315E88;
}
a:hover {
color:#01509B;
text-decoration:none;
}
.wrapper{
width:794px;
margin:0 auto;
border-left:3px solid #ededed;
border-right:3px solid #ededed;
text-align:left;
background:#fff;
}
.upperhead{
width:100%;
background:url(intelligent-studios-images/toprepeatx_02.jpg) repeat-x top;
height:51px;
}
.tel{
float:right;
background:url(intelligent-studios-images/tel_04.jpg) center top no-repeat;
margin-right:10px;
padding-top:18px;
padding-left:46px;
font-size:12px;
width:200px;
}
.banner{
text-align:center;
background:url(intelligent-studios-images/banner-repeat_06.jpg) repeat-x top;
height:124px;
padding-top:64px;
width:100%;
}
.underbanner{
width:90%;
padding-top:3px;
padding-bottom:3px;
text-align:left;
padding-left:10%;
background:#F8F8F8;
border-top:1px solid #ededed;
border-bottom:1px solid #ededed;
}
.underbanner2{
width:97%;
padding-top:2px;
padding-bottom:2px;
text-align:left;
padding-left:2%;
font-size:11px;
background:#F8F8F8;
border:1px solid #ededed;
}
.article{
padding-top:5px;
padding-bottom:10px;
border-bottom:1px solid #ededed;
margin-bottom:30px;
}
.underbanner2 a:link,.underbanner a,.underbanner a:visited{
color:#666;
}
.input{
outline:none;
border:1px solid #D4D4D4;
padding-left:2px;
font-family:"Trebuchet MS";
font-size:11px;
color:#666666;
padding-top:4px;
height:17px;
}
.button{
background:url(intelligent-studios-images/buttontopleft_12.jpg) top left no-repeat #00488C;
border:1px solid #05396A;
height:21px;
font-size:10px;
font-weight:bold;
color:#FFF;
font-family:verdana;
text-align:center;
}
.content{
width:100%;
padding-top:10px;
}
.leftcolumn{
width:244px;
float:left;
padding-left:9px;
padding-right:31px;
}
.clear {
width: 100%;
height: 1px;
margin: 0 0 -1px;
clear: both;
}
.rightcolumn{
width:480px;
float:right;
padding-right:10px;
}
#navvy
{
width:244px;
font-size:12px;
font-weight:bold;
padding: 0;
text-align:left;
font-family:Verdana;
}
ul#navvylist
{
text-align: left;
list-style: none;
margin: 0;
padding: 0;
width:244px;
}
ul#navvylist li
{
width:244px;
display: block;
margin: 0;
padding: 0;
}
ul#navvylist li a
{
display: block;
margin:0;
width:194px;
padding-top:6px;
padding-bottom:7px;
padding-left:40px;
padding-right:10px;
color: #315E88;
text-decoration: none;
background:url(intelligent-studios-images/link_13.jpg) no-repeat left top;
}
#navvy>ul#navvylist li a { width: auto; }
ul#navvylist li a:hover, ul#navvylist li#active a:hover
{
color: #315E88;width:174px;
padding-left:60px;
background:url(intelligent-studios-images/hover_13.jpg) no-repeat left top;
}
.box{
width:224px;
background:#E2EBF4 url(intelligent-studios-images/bgbottomright_22.jpg) bottom right no-repeat;
border:1px solid #A5CAEF;
padding:10px;
color:#315E88;
font-size:11px;
margin-top:20px;
}
h2{
font-size:20px;
color:#6A6A6A;
font-weight:normal;
margin:0;
width:92%;
padding-left:8%;
background:url(intelligent-studios-images/bullet_16.jpg) no-repeat bottom left;
padding-bottom:5px;
padding-top:3px;
text-decoration:none;
}
h2 a, h2 a:link, h2 a:visited{
font-size:20px;
color:#6A6A6A;
font-weight:normal;
text-decoration:none;
}
h2 a:hover{
font-size:20px;
color:#333;
font-weight:normal;
text-decoration:underline;
}
.footer{
padding-top:18px;
padding-bottom:20px;
background:#F8F8F8;
border-top:2px solid #ededed;
text-align:center;
}
.footer a:link, .footer a, .footer a:visited{
color:#666;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="upperhead">
<div class="tel">Tel: 01875 340 573</div>
</div>
<div class="banner"><a href="http://www.free-css.com/"><img src="intelligent-studios-images/logo_10.jpg" alt="free css template" width="279" height="73" border="0" /></a></div>
<div class="underbanner">
<label>
<input name="textfield" type="text" class="input" value="Search" />
</label>
<label>
<input type="submit" name="Submit" class="button" value="GO" >
</input>
</label>
</div>
<div class="content">
<div class="leftcolumn">
<div id="navvy">
<ul id="navvylist">
<li><a href="http://www.free-css.com/">Homepage</a></li>
<li><a href="http://www.free-css.com/">Services</a></li>
<li><a href="http://www.free-css.com/">About</a></li>
<li><a href="http://www.free-css.com/">Contact</a></li>
<li><a href="http://www.free-css.com/">News Updates </a></li>
</ul>
</div>
<div class="box">Welcome to the latest template release from <a href="http://www.freecss.info">freecss.info</a>. This template is a nice sleek business or portfolio design but can really be used for pretty much any site. This box could be used to display a photo or a latest news update. The template has a sleek banner and a nice CSS navigation. You can downlod this template and many more from <a href="http://www.freecss.info">Frecss.info</a>. Visit the site and post a comments.</div>
</div>
<div class="rightcolumn">
<h2><a href="http://www.free-css.com/">News Update </a></h2>
<div class="underbanner2">Posted in <a href="http://www.free-css.com/">News Update</a>s on 25th May ,2007</div>
<div class="article">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent id enim rhoncus libero interdum luctus. Nam id nunc. Nullam pharetra elit quis ipsum. Phasellus sed enim. Nulla facilisi. Ut pellentesque risus eget felis. Aliquam egestas nibh id metus. Phasellus eleifend nisi at ante. In hac habitasse platea dictumst. Nunc auctor ligula eget felis. Phasellus posuere, tellus nec nonummy venenatis, felis elit porttitor mauris, vitae tincidunt enim magna a eros. Mauris elit est, aliquam et, porttitor eu, dapibus interdum, augue. Morbi aliquet rutrum sem. Nam sollicitudin odio hendrerit mauris ornare ultricies. Sed turpis velit, mollis pulvinar, laoreet non, tincidunt vel, urna.</p>
<p>Duis sed urna a nisl sodales mollis. Nullam pretium, nulla ac pharetra ultrices, purus augue malesuada augue, et iaculis tortor libero condimentum purus. Aliquam aliquet justo eget sapien. Nunc cursus. Maecenas euismod eros id nisi. Etiam convallis imperdiet sem. Maecenas in metus vel mi viverra egestas. Etiam dapibus metus sed nunc. Aenean condimentum. </p>
</div>
<h2><a href="http://www.free-css.com/">News Update 2 </a></h2>
<div class="underbanner2">Posted in <a href="http://www.free-css.com/">News Update</a>s on 25th May ,2007</div>
<div class="article">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent id enim rhoncus libero interdum luctus. Nam id nunc. Nullam pharetra elit quis ipsum. Phasellus sed enim. Nulla facilisi. Ut pellentesque risus eget felis. Aliquam egestas nibh id metus. Phasellus eleifend nisi at ante. In hac habitasse platea dictumst. Nunc auctor ligula eget felis. Phasellus posuere, tellus nec nonummy venenatis, felis elit porttitor mauris, vitae tincidunt enim magna a eros. Mauris elit est, aliquam et, porttitor eu, dapibus interdum, augue. Morbi aliquet rutrum sem. Nam sollicitudin odio hendrerit mauris ornare ultricies. Sed turpis velit, mollis pulvinar, laoreet non, tincidunt vel, urna.</p>
<p>Duis sed urna a nisl sodales mollis. Nullam pretium, nulla ac pharetra ultrices, purus augue malesuada augue, et iaculis tortor libero condimentum purus. Aliquam aliquet justo eget sapien. Nunc cursus. Maecenas euismod eros id nisi. Etiam convallis imperdiet sem. Maecenas in metus vel mi viverra egestas. Etiam dapibus metus sed nunc. Aenean condimentum. </p>
</div>
</div>
<div class="clear"></div>
</div>
<div class="footer">Template By <a href="http://www.freecss.info">FreeCSS.info </a></div>
</div>
<div style="font-size: 0.8em; text-align: center; margin-top: 1.0em; margin-bottom: 1.0em;"> Design downloaded from <a href="http://www.freewebtemplates.com/">Free Templates</a> - your source for free web templates </div>
</body>
</html>
Related examples in the same category