projection : Design 7 « Templates « HTML / CSS






projection

  

<!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>
<title>Projection</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type='text/css'>
@charset "utf-8";
/* CSS Document */
body
  {
    margin:0px;
    padding:0px;
    background-image:url(projection-images/bg.jpg);
    background-repeat:repeat-x;
    background-color:#bbcd72;
  }
h1,h2,h3,h4,h5,h6,span
  {
    margin:0px;
    padding:0px;
  }
#main
  {
    width:904px;
    float:none;
    margin:0 auto;
    padding:0px;
  }
#contentbg
  {
    width:904px;
    float: left;
    margin:0px;
    padding:0px;
    background-image:url(projection-images/contenttxtbg.jpg);
    background-repeat: repeat-y;
  }
#contenttxtblank
  {
    width:866px;
    float: left;
    margin:0px;
    padding:0 0 40px 38px;
    background-image:url(projection-images/contentbg.jpg);
    background-repeat:no-repeat;
  }
#menu
  {
    width:828px;
    height:30px;
    float: left;
    margin:0px;
    padding:0px;
  }
#menu ul
  {
    width:778px;
    height:30px;
    float: left;
    margin:0px;
    padding:0 0 0 50px;
    display:block;
  }
#menu ul li
  {
    height:30px;
    float: left;
    margin:0px;
    padding:0px;
    display:block;    
  }
#menu ul li.menusap
  {
    width:2px;
    height:27px;
    float: left;
    margin:0px;
    padding:0px;
    background-image:url(projection-images/menusap.jpg);
    background-repeat:no-repeat;
  }
#menu ul li a.menu
  {
    height:22px;
    float: left;
    margin:0px;
    padding:5px 11px 0 11px;
    font-family: "Trebuchet MS";
    font-size:11px;
    font-weight:bold;
    color:#c5c5c5;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
  }
#menu ul li a.menu:hover
  {
    height:22px;
    float: left;
    margin:0px;
    padding:5px 11px 0 11px;
    font-family: "Trebuchet MS";
    font-size:11px;
    font-weight:bold;
    color:#99eaf5;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    background-image:url(projection-images/menuover.jpg);
    background-repeat:no-repeat;
    background-position:center bottom;
  }
/*------------------------------------------------------MENU---------------------------------------------END--------------------------------------------------------------------------------*/  
#contentleft
  {
    width:597px;
    float:left;
    margin:0px;
    padding:0px;
  }
#topbuttonsblank
  {
    width:597px;
    height:29px;
    float:left;
    margin:7px 0 0 0;
    padding:0px;
  }
#register
  {
    width:130px;
    height:29px;
    float:left;
    margin:0px;
    padding:0px;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#464646;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
  }
.register
  {
    width:117px;
    height:23px;
    float:left;
    margin:0px;
    padding:6px 0 0 13px;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#464646;
    text-decoration:none;
    text-transform:uppercase;
    background-image:url(projection-images/register.jpg);
    background-repeat:no-repeat;
  }
.register:hover
  {
    width:117px;
    height:23px;
    float:left;
    margin:0px;
    padding:6px 0 0 13px;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#464646;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    background-image: url(projection-images/registerover.jpg);
    background-repeat:no-repeat;
  }
#bookmark
  {
    width:130px;
    height:29px;
    float:left;
    margin:0 0 0 4px;
    padding:0px;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#464646;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
  }
.bookmark
  {
    width:117px;
    height:23px;
    float:left;
    margin:0px;
    padding:6px 0 0 13px;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#464646;
    text-decoration:none;
    text-transform:uppercase;
    background-image: url(projection-images/bookmark.jpg);
    background-repeat:no-repeat;
  }
.bookmark:hover
  {
    width:117px;
    height:23px;
    float:left;
    margin:0px;
    padding:6px 0 0 13px;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#464646;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    background-image: url(projection-images/bookmarkover.jpg);
    background-repeat :no-repeat;
  }
#callus
  {
    width:264px;
    height:25px;
    float:left;
    margin:229px 0 0 0;
    padding:20px 0 0 0;
    font-family:Arial;
    font-size:20px;
    color:#393939;
    background-image:url(projection-images/callus.jpg);
    background-repeat:no-repeat;
  }
#callus h3
  {
    width:264px;
    height:25px;
    float:left;
    margin:0px;
    padding:0px;
    font-family:Arial;
    font-size:20px;
    color:#393939;
  }
.callus
  {
    font-family:Arial;
    font-size:24px;
    color:#c6891e;
    padding:0 0 0 34px;
  }
#leftheading
  {
    width:471px;
    height:42px;
    float:left;
    margin:44px 0 0 0;
    padding:4px 0 0 58px;
    font-family:Arial;
    font-size:30px;
    color:#13819a;
    background-image: url(projection-images/leftheading.jpg);
    background-repeat:no-repeat;
  }
#leftheading h2
  {
    width:471px;
    float:left;
    margin:0px;
    padding:0px;
    font-family:Arial;
    font-size:30px;
    font-weight:normal;
    color:#13819a;
  }
#lefttxtblank
  {
    width:509px;
    float:left;
    margin:0px;
    padding:27px 0 0 20px;
  }
#leftredtxt
  {
    width:509px;
    float:left;
    margin:0px;
    padding:0px;
    font-family:Arial;
    font-size:18px;
    color:#cf7d09;
  }
#lefttxt
  {
    width:509px;
    float:left;
    margin:0px;
    padding:31px 0 0 0;
    font-family:Arial;
    font-size:12px;
    color:#4a513d;
    line-height:20px;
  }
.leftboldtxt
  {
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#4a513d;
  }
.lefttxt
  {
    font-family:Arial;
    font-size:12px;
    color:#4a513d;
    background-color:#cee181;
  }
.lefttxt02
  {
    font-family:Arial;
    font-size:12px;
    color:#4a513d;
    background-color:#cee181;
    padding:0 27px 0 3px;
  }
#buttonbg
  {
    width:501px;
    height:25px;
    float:left;
    margin:10px 0 0 0;
    padding:0px;
    background-image:url(projection-images/hline.jpg);
    background-repeat:repeat-x;
    background-position:center;
  }
.more
  {
    width:82px;
    height:20px;
    float: right;
    margin:0px;
    padding:5px 0 0 0;
    font-family:"Trebuchet MS";
    font-size:10px;
    font-weight:bold;
    color:#414141;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    background-image: url(projection-images/morebutton.jpg);
    background-repeat: no-repeat;
  }
.more:hover
  {
    width:82px;
    height:20px;
    float: right;
    margin:0px;
    padding:5px 0 0 0;
    font-family:"Trebuchet MS";
    font-size:10px;
    font-weight:bold;
    color:#414141;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;    
    background-image: url(projection-images/morebutton.jpg);
    background-repeat: no-repeat;
  }  
/*-----------------------------------------------------CONTENTLEFT-------------------------------------------------------------------------------------------------------------END----------*/  
#contentright
  {
    width:229px;
    float:left;
    margin:0px;
    padding:95px 0 0 0;
  }
#search
  {
    width:229px;
    height:78px;
    float:left;
    margin:0px;
    padding:0px;
    background-image:url(projection-images/search.jpg);
    background-repeat:no-repeat;
  }
#searchblank
  {
    width:179px;
    height:56px;
    float:left;
    margin:0px;
    padding:22px 0 0 50px;
  }
#searchinput
  {
    width:103px;
    height:22px;
    float:left;
    margin:0px;
    padding:0px;
  }
.searchinput
  {
    width:97px;
    height:18px;
    float:left;
    margin:0px;
    padding:4px 0 0 6px;
    font-family: Arial;
    font-size:10px;
    color:#070808;
  }
#searchbutton
  {
    width:51px;
    height:21px;
    float:left;
    margin:1px 0 0 10px;
    padding:0px;
  }
.search
  {
    width:51px;
    height:18px;
    float:left;
    margin:0px;
    padding:3px 0 0 0;
    font-family: Arial;
    font-size:10px;
    color:#070808;
    text-align:center;
    text-decoration:none;
    background-image:url(projection-images/searchbutton.jpg);
    background-repeat:no-repeat;
  }
.search:hover
  {
    width:51px;
    height:18px;
    float:left;
    margin:0px;
    padding:3px 0 0 0;
    font-family: Arial;
    font-size:10px;
    color:#070808;
    text-align:center;
    text-decoration:none;
    background-image:url(projection-images/searchbutton.jpg);
    background-repeat:no-repeat;
  }
#advancesearch
  {
    width:103px;
    height:22px;
    float:left;
    margin:0px;
    padding:0px;
  }
.advancesearch
  {
    width:97px;
    height:18px;
    float:left;
    margin:0px;
    padding:4px 0 0 6px;
    font-family: Arial;
    font-size:11px;
    font-weight:bold;
    color:#ce932b;
    text-decoration:none;
  }
.advancesearch:hover
  {
    width:97px;
    height:18px;
    float:left;
    margin:0px;
    padding:4px 0 0 6px;
    font-family: Arial;
    font-size:11px;
    font-weight:bold;
    color:#ce932b;
    text-decoration:underline;
  }
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/  
#rightnav
  {
    width:230px;
    height:54px;
    float:left;
    margin:11px 0 0 0;
    padding:0px;
  }
#rightnav ul
  {
    width:230px;
    height:54px;
    float:left;
    margin:0px;
    padding:0px;
    display:block;
  }
#rightnav ul li
  {
    width:45px;
    height:54px;
    float:left;
    margin:0 1px 0 0;
    padding:0px;
    display:block;    
  }
#rightnav ul li a.login
  {
    width:45px;
    height:54px;
    float:left;
    margin:0px;
    padding:0px;
    background-image:url(projection-images/login.jpg);
    background-repeat:no-repeat;
  }
#rightnav ul li a.login
  {
    width:45px;
    height:54px;
    float:left;
    margin:0px;
    padding:0px;
    background-image:url(projection-images/login.jpg);
    background-repeat:no-repeat;
  }
#rightnav ul li a.check
  {
    width:45px;
    height:54px;
    float:left;
    margin:0px;
    padding:0px;
    background-image: url(projection-images/check.jpg);
    background-repeat:no-repeat;
  }
#rightnav ul li a.check:hover
  {
    width:45px;
    height:54px;
    float:left;
    margin:0px;
    padding:0px;
    background-image: url(projection-images/check.jpg);
    background-repeat:no-repeat;
  }
#rightnav ul li a.chat
  {
    width:45px;
    height:54px;
    float:left;
    margin:0px;
    padding:0px;
    background-image: url(projection-images/chat.jpg);
    background-repeat:no-repeat;
  }
#rightnav ul li a.chat:hover
  {
    width:45px;
    height:54px;
    float:left;
    margin:0px;
    padding:0px;
    background-image: url(projection-images/chat.jpg);
    background-repeat:no-repeat;
  }
#rightnav ul li a.idea
  {
    width:45px;
    height:54px;
    float:left;
    margin:0px;
    padding:0px;
    background-image: url(projection-images/idea.jpg);
    background-repeat:no-repeat;
  }
#rightnav ul li a.idea:hover
  {
    width:45px;
    height:54px;
    float:left;
    margin:0px;
    padding:0px;
    background-image: url(projection-images/idea.jpg);
    background-repeat:no-repeat;
  }
#rightnav ul li a.privecy
  {
    width:45px;
    height:54px;
    float:left;
    margin:0px;
    padding:0px;
    background-image: url(projection-images/privecy.jpg);
    background-repeat:no-repeat;
  }
#rightnav ul li a.privecy:hover
  {
    width:45px;
    height:54px;
    float:left;
    margin:0px;
    padding:0px;
    background-image: url(projection-images/privecy.jpg);
    background-repeat:no-repeat;
  }
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/    
#morelinksheading
  {
    width:229px;
    height:41px;
    float:left;
    margin:25px 0 0 0;
    padding:0px;
    background-image: url(projection-images/morelinksheading.jpg);
    background-repeat:no-repeat;
  }
#morelinksheading h5
  {
    width:177px;
    height:31px;
    float:left;
    margin:0px;
    padding:10px 0 0 52px;
    font-family:Arial;
    font-size:18px;
    font-weight:normal;
    color:2a2a2a;
  }
#morelinks
  {
    width:211px;
    float:left;
    margin:0px;
    padding:23px 0 34px 18px;
    background-color:#c7da79;
  }
.date
  {
    width:47px;
    height:15px;
    float:left;
    margin:0px;
    padding:2px 0 0 17px;
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    color:#FFF;
    background-image:url(projection-images/datebg.jpg);
    background-repeat:no-repeat;
  }
.linkblank
  {
    width:200px;
    height:12px;
    float:left;
    margin:8px 0 12px 0;
    padding:0 0 0 11px;
    font-family:Arial;
    font-size:11px;
    color:#FFF;
    background-image: url(projection-images/arrow.jpg);
    background-repeat:no-repeat;
    background-position:left 5px;
  }
.linkblank02
  {
    width:200px;
    height:12px;
    float:left;
    margin:11px 0 8px 0;
    padding:0 0 0 11px;
    font-family:Arial;
    font-size:11px;
    color:#FFF;
    background-image: url(projection-images/arrow.jpg);
    background-repeat:no-repeat;
    background-position:left 5px;
  }
.linkblank03
  {
    width:200px;
    height:12px;
    float:left;
    margin:0 0 8px 0;
    padding:0 0 0 11px;
    font-family:Arial;
    font-size:11px;
    color:#FFF;
    background-image: url(projection-images/arrow.jpg);
    background-repeat:no-repeat;
    background-position:left 5px;
  }
.linkblank04
  {
    width:200px;
    height:12px;
    float:left;
    margin:0 0 14px 0;
    padding:0 0 0 11px;
    font-family:Arial;
    font-size:11px;
    color:#FFF;
    background-image: url(projection-images/arrow.jpg);
    background-repeat:no-repeat;
    background-position:left 5px;
  }
.link
  {
    width:200px;
    height:12px;
    float:left;
    margin:0px;
    padding:0px;
    font-family:Arial;
    font-size:11px;
    color:#FFF;
    text-decoration: underline;
  }
.link:hover
  {
    width:200px;
    height:12px;
    float:left;
    margin:0px;
    padding:0px;
    font-family:Arial;
    font-size:11px;
    color:#FFF;
    text-decoration: none;
  }
#morelinksbot
  {
    width:229px;
    height:8px;
    float:left;
    margin:0px;
    padding:0px;
    overflow:hidden;
    background-image: url(projection-images/morelinksbot.jpg);
    background-repeat:no-repeat;
  }
/*--------------------------------------------------------------RIGHTPART------------------------------------------------------------------------------------------------------END----------*/
#testimonialbg
  {
    width:825px;
    height:202px;
    float:left;
    margin:36px 0 0 0;
    padding:0px;
    background-image:url(projection-images/testmonialbg.jpg);
    background-repeat:no-repeat;
  }
#testimonialtxtblank
  {
    width:806px;
    height:184px;
    float:left;
    margin:0px;
    padding:18px 0 0 19px;
  }
#testimonialheading
  {
    width:742px;
    height:40px;
    float:left;
    margin:0px;
    padding:0 0 0 64px;
    font-family:Arial;
    font-size:30px;
    color:#33b0cd;
    background-image:url(projection-images/testimonial.jpg);
    background-repeat:no-repeat;
  }
#testimonialheading h2
  {
    width:806px;
    height:40px;
    float:left;
    margin:0px;
    padding:0px;
    font-family:Arial;
    font-size:30px;
    color:#33b0cd;
  }
#testimonialdate
  {
    width:56px;
    height:38px;
    float:left;
    margin:11px 0 0 0;
    padding:26px 0 0 0;
    font-family:Arial;
    font-size:28px;
    font-weight:bold;
    color:#829241;
    text-align:center;
    background-image: url(projection-images/testimonial-date.jpg);
    background-repeat:no-repeat;
  }
#testimonialtxt
  {
    width:417px;
    float:left;
    margin:11px 0 0 0;
    padding:0 0 0 17px;
    font-family:Arial;
    font-size:14px;
    font-style:italic;
    color:#a9a9a9;
    line-height:20px;
  }
#testimonialname
  {
    width:417px;
    float:left;
    margin:11px 0 0 0;
    padding:0 0 0 73px;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    color:#FFF;
    text-align:right;
  }
#testimonialbutton
  {
    width:116px;
    height:38px;
    float:left;
    margin:0 0 0 135px;
    padding:0px;
  }
.testimonialbutton
  {
    width:116px;
    height:32px;
    float:left;
    margin:0px;
    padding:6px 0 0 0;
    font-family:Arial;
    font-size:20px;
    font-weight:bold;
    color:#2e2e2e;
    text-align:center;
    text-decoration:none;
    background-image:url(projection-images/detailsbutton.jpg);
    background-repeat:no-repeat;
  }
.testimonialbutton:hover
  {
    width:116px;
    height:32px;
    float:left;
    margin:0px;
    padding:6px 0 0 0;
    font-family:Arial;
    font-size:20px;
    font-weight:bold;
    color:#2e2e2e;
    text-align:center;
    text-decoration:none;
    background-image: url(projection-images/detailsbuttonover.jpg);
    background-repeat:no-repeat;
  }
/*------------------------------------------------------------------CONTENTPART-------------------------------------------------------------------------------------END---------------------*/  
#footerbg
  {
    width:904px;
    height:135px;
    float: left;
    margin:0px;
    padding:0px;
    background-image:url(projection-images/footerbg.jpg);
    background-repeat:no-repeat;
  }
#footerlinks
  {
    width:904px;
    height:13px;
    float: left;
    margin:19px 0 0 0;
    padding:0px;
    font-family:"Trebuchet MS";
    font-size:10px;
    color:#FFF;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
  }
.footerlinks
  {
    font-family:"Trebuchet MS";
    font-size:10px;
    color:#FFF;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    padding:0 5px 0 5px;
  }
.footerlinks:hover
  {
    font-family:"Trebuchet MS";
    font-size:10px;
    color:#FFF;
    text-align:center;
    text-decoration: underline;
    text-transform:uppercase;
    padding:0 5px 0 5px;
  }
#copyrights
  {
    width:904px;
    height:13px;
    float: left;
    margin:5px 0 0 0;
    padding:0px;
    font-family: Arial;
    font-size:10px;
    color:#2d2d2d;
    text-align:center;
  }
#validation
  {
    width:534px;
    float: left;
    margin:5px 0 0 0;
    padding:0 0 0 370px;
  }
.xhtml
  {
    width:70px;
    height:20px;
    float: left;
    margin:0px;
    padding:5px 0 0 12px;
    font-family:"Trebuchet MS";
    font-size:10px;
    font-weight:bold;
    color:#414141;
    text-decoration:none;
    text-transform:uppercase;
    background-image: url(projection-images/xhtml.jpg);
    background-repeat: no-repeat;
  }
.xhtml:hover
  {
    width:70px;
    height:20px;
    float: left;
    margin:0px;
    padding:5px 0 0 12px;
    font-family:"Trebuchet MS";
    font-size:10px;
    font-weight:bold;
    color:#414141;
    text-decoration:none;
    text-transform:uppercase;    
    background-image: url(projection-images/xhtml.jpg);
    background-repeat: no-repeat;
  }  
.css
  {
    width:62px;
    height:20px;
    float: left;
    margin:0 0 0 3px;
    padding:5px 0 0 20px;
    font-family:"Trebuchet MS";
    font-size:10px;
    font-weight:bold;
    color:#414141;
    text-decoration:none;
    text-transform:uppercase;
    background-image: url(projection-images/css.jpg);
    background-repeat: no-repeat;
  }
.css:hover
  {
    width:62px;
    height:20px;
    float: left;
    margin:0 0 0 3px;
    padding:5px 0 0 20px;
    font-family:"Trebuchet MS";
    font-size:10px;
    font-weight:bold;
    color:#414141;
    text-decoration:none;
    text-transform:uppercase;    
    background-image: url(projection-images/css.jpg);
    background-repeat: no-repeat;
  }  
#designedby
  {
    width:904px;
    height:13px;
    float: left;
    margin:5px 0 0 0;
    padding:0px;
    font-family: Arial;
    font-size:12px;
    font-weight:bold;
    color:#9b5b01;
    text-align:center;
  }
.designedby
  {
    font-family: Arial;
    font-size:12px;
    font-weight:bold;
    color:#faf56d;
    text-align:center;
    text-decoration:none;
  }
.designedby:hover
  {
    font-family: Arial;
    font-size:12px;
    font-weight:bold;
    color:#faf56d;
    text-align:center;
    text-decoration:none;
  }
  

</style>


<link rel="icon" href="projection-images/icon.ico" />
</head>
<body>
<div id="main">
  <div id="contentbg">
    <div id="contenttxtblank">
      <div id="menu">
        <ul>
          <li><a href="http://www.free-css.com/" class="menu">Home</a></li>
          <li class="menusap"></li>
          <li><a href="http://www.free-css.com/" class="menu">About Us</a></li>
          <li class="menusap"></li>
          <li><a href="http://www.free-css.com/" class="menu">Solutions</a></li>
          <li class="menusap"></li>
          <li><a href="http://www.free-css.com/" class="menu">Services</a></li>
          <li class="menusap"></li>
          <li><a href="http://www.free-css.com/" class="menu">Blog</a></li>
          <li class="menusap"></li>
          <li><a href="http://www.free-css.com/" class="menu">Our Client</a></li>
          <li class="menusap"></li>
          <li><a href="http://www.free-css.com/" class="menu">Sponsors Link</a></li>
          <li class="menusap"></li>
          <li><a href="http://www.free-css.com/" class="menu"> Testimonials</a></li>
          <li class="menusap"></li>
          <li><a href="http://www.free-css.com/" class="menu">Contact Us</a></li>
        </ul>
      </div>
      <div id="contentleft">
        <div id="topbuttonsblank">
          <div id="register"><a href="http://www.free-css.com/" class="register">Registration</a></div>
          <div id="bookmark"><a href="http://www.free-css.com/" class="bookmark">Bookmark</a></div>
        </div>
        <div id="callus">
          <h3>Call Us<span class="callus">+01-3345-6678</span></h3>
        </div>
        <div id="leftheading">
          <h2>Consectetuer adipiscing elit...... </h2>
        </div>
        <div id="lefttxtblank">
          <div id="leftredtxt">Sed augue massa semper acmolestie sedeuismod at felisdeuis curabitur sodaleeros uttincidunt luctus</div>
          <div id="lefttxt"><span class="leftboldtxt">porttitor non, lectus.</span> Sed tincidunt lacus at dolor. Mauris ullamcorper pulvinar quam. Class aptent taciti socid litora torquent . <br />
            Etiam erat mauris, accumsan id, blandit nec, commodo non, quam. <span class="lefttxt02">Phasellus gravida </span>vehicula massa. Suspende lacinia purus at nisi. Donec dictum hendrerit turpis. Phasellus lobortis odio in lacus. <span class="lefttxt">Etiam vitae elit.</span> Nam et purusit amet odio ultrices tincidunt. Nam gravida augue vel purus. Sed hendrerit lectus ac libero.</div>
          <div id="buttonbg"><a href="http://www.free-css.com/" class="more">readmore</a></div>
        </div>
      </div>
      <div id="contentright">
        <div id="search">
          <div id="searchblank">
            <div id="searchinput">
              <label>
              <input name="textfield" type="text" class="searchinput" id="textfield" value="Enter Keyword" />
              </label>
            </div>
            <div id="searchbutton"><a href="http://www.free-css.com/" class="search">Search</a></div>
            <div id="advancesearch"><a href="http://www.free-css.com/" class="advancesearch">Advance Search</a></div>
          </div>
        </div>
        <div id="rightnav">
          <ul>
            <li><a href="http://www.free-css.com/" class="login"></a></li>
            <li><a href="http://www.free-css.com/" class="check"></a></li>
            <li><a href="http://www.free-css.com/" class="chat"></a></li>
            <li><a href="http://www.free-css.com/" class="idea"></a></li>
            <li><a href="http://www.free-css.com/" class="privecy"></a></li>
          </ul>
        </div>
        <div id="morelinksheading">
          <h5>More Newslinks</h5>
        </div>
        <div id="morelinks">
          <div class="date">12.01.08</div>
          <div class="linkblank"><a href="http://www.free-css.com/" class="link">Scelerisque amassa suspendisse</a></div>
          <div class="date">16.01.08</div>
          <div class="linkblank02"><a href="http://www.free-css.com/" class="link">Praesent tincidunt mattis ipsum cras </a></div>
          <div class="linkblank03"><a href="http://www.free-css.com/" class="link">Varius tempor dolor In sit amet lectu</a></div>
          <div class="linkblank03"><a href="http://www.free-css.com/" class="link">Lorem ipsum dolo</a></div>
          <div class="linkblank04"><a href="http://www.free-css.com/" class="link">Consectetuer adipiscing elitverdiet</a></div>
          <div class="date">16.01.08</div>
          <div class="linkblank02"><a href="http://www.free-css.com/" class="link">Praesent tincidunt mattis ipsum cras</a></div>
          <div class="linkblank04"><a href="http://www.free-css.com/" class="link">Varius tempor dol</a></div>
          <div class="date">16.01.08</div>
          <div class="linkblank02"><a href="http://www.free-css.com/" class="link">Hendrerit fringilla urna donec a felis</a></div>
        </div>
        <div id="morelinksbot"></div>
      </div>
      <div id="testimonialbg">
        <div id="testimonialtxtblank">
          <div id="testimonialheading">Testimonials</div>
          <div id="testimonialdate">03</div>
          <div id="testimonialtxt">Vestibulum risus. Quisque orci ligula, euismod a, pulvinar vitae, gravida nec, arcu. Maecenas eget risus sed felis dignissim semper. Praesent tempus augue eget nunc. Morbi sollicitudin mauris lacinia nisl.</div>
          <div id="testimonialname">....K Martin</div>
          <div id="testimonialbutton"><a href="http://www.free-css.com/" class="testimonialbutton">Details</a></div>
        </div>
      </div>
    </div>
  </div>
  <div id="footerbg">
    <div id="footerlinks"><a href="http://www.free-css.com/" class="footerlinks">Home</a> | <a href="http://www.free-css.com/" class="footerlinks">About Us</a> | <a href="http://www.free-css.com/" class="footerlinks">Solutions</a> | <a href="http://www.free-css.com/" class="footerlinks">Services</a> |<a href="http://www.free-css.com/" class="footerlinks"> Blog</a> | <a href="http://www.free-css.com/" class="footerlinks">Our Client</a> | <a href="http://www.free-css.com/" class="footerlinks">Sponsors Link</a> | <a href="http://www.free-css.com/" class="footerlinks">Testimonials</a> | <a href="http://www.free-css.com/" class="footerlinks">Contact Us</a></div>
    <div id="copyrights"> Copyright Information Goes Here. All Rights Reserved.</div>
    <div id="designedby">Designed by <a href="http://www.templateworld.com" class="designedby">TemplateWorld </a>and brought to you by <a href="http://www.smashingmagazine.com" class="designedby">SmashingMagazine</a></div>
    <div id="validation"><a href="http://validator.w3.org/check?uri=referer" class="xhtml">xhtml valid</a><a href="http://jigsaw.w3.org/css-validator/check/referer" class="css">css valid</a></div>
  </div>
</div>
</body>
</html>

   
    
  








Related examples in the same category

1.SimpleSimple
2.simplestyle_1
3.simplestyle_2
4.simplestyle_3
5.simplestyle_4
6.simplestyle_5
7.simplestyle_6
8.pomodoro
9.portcentral
10.portfolio-extended
11.portfolio
12.postscriptum
13.powderpuff
14.power
15.precision
16.predilection
17.premiumseries
18.prepaid
19.presented
20.pressurized
21.prideandprejudice
22.primitiveelement
23.printing
24.pristine
25.private-lawyer-co
26.product-landing-page
27.production
28.ProductPackage
29.programme
30.progress
31.proofing
32.Prosperity
33.province
34.purensimple
35.purgatory_shuffle
36.puzzled
37.quadrangle
38.quartz-istorage
39.quatrain
40.racetrackplaya
41.radiance
42.rainonleaves
43.ramblingsoul-2
44.ramblingsoul-9
45.ramblingsoul3
46.ramblingsoul4
47.ramblingsoul5
48.ramblingsoul7
49.ramblingsoul_2
50.ramblingsoul_3
51.random
52.rational
53.realize
54.realone
55.rebel-magazine
56.reckoning
57.recreations
58.reference
59.regeneracy
60.rehabilitation
61.reinvent
62.replenish
63.republic
64.resizeme
65.resplendissant
66.revolt-01
67.ridinghood
68.rockband
69.rogue
70.Rothko
71.route66
72.rust
73.safe-as-houses
74.sahara
75.sampling
76.Sapphire
77.schemermag
78.scotchmark
79.scribbled
80.secretlab
81.seduction
82.selcouth
83.sensa
84.settings
85.shallowgrunge
86.shalom-typo
87.shape
88.she
89.showcase
90.sifiso
91.silenceandharmony
92.SILK
93.Simpatico
94.sindromk
95.singapore
96.sinorcaish
97.six-oh-six
98.sixpence
99.sixties_style
100.skipopia
101.skitemplate
102.sky
103.sliced
104.slight_amnesia
105.socialnet
106.softenedcells
107.solemnity
108.solitude
109.soloss
110.solutions
111.somewhere-peaceful
112.soniatemplate
113.space
114.spaced
115.spasaloon
116.spatter
117.speedracing
118.spheroids
119.spidercity
120.splash
121.splatt
122.spontaneous