- CSS TASARIM,GALERİLİ CSS TASARIMLAR

CSS TASARIM,GALERİLİ CSS TASARIMLAR

TASARIMIN ÜSTÜNE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Welcome » RS18 Template </title>
<link href="http://img43.xooimage.com/files/7/b/8/slider-188de18.css" rel="stylesheet" type="text/css" />
   <script type="text/javascript" src="http://img4.xooimage.com/files/a/9/3/jquery-b17397.js"></script>

</head>

<div id="header">
<h1 id="sitename">BusinessPortfolio<span id="description">Free CSS Template by RamblingSoul</span></h1>
<div id="topnav">
<ul>
<li id="first" class="active"><a href="/">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Products</a></li>
<li><a href="portfolio">Portfolio</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Design Resources</a></li>

<li><a href="#">Blog</a></li>
<li><a href="#">Contact Us</a></li>

</ul>

</div>
<div class="clear"></div>
<div id="headercolumn1">
<p class="description">
We design, develop and promote beautiful & accessible websites and web apps.
Checkout our <a href="portfolio">portfolio</a> or learn more about our <a href="/#">products</a> & <a href="#">services</a></p>

</div>

</form>
</div>
<div id="subscribe"><a href="#">Subscribe

</a></div>
</div>

</div>
<div id="contents">
<div id="topbar">
<div class="columns">
<h2>First Title</h2>
<p>Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis. Donec euismod, felis non auctor tempus, ante metus  sollicitudin ante</p>
</div>
<div class="columns">

<h2>Second Title</h2>
<p>Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis. Donec euismod, felis non auctor tempus, ante metus  sollicitudin ante</p>

</div>
<div class="columns">

<h2>Third Title</h2>
<p>Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis. Donec euismod, felis non auctor tempus, ante metus  sollicitudin</p>

</div>
<div class="clear"></div>
</div>
<div id="homepage">
<div class="services">
<h2 class="subhead">What we do ?</h2>
<ul>

<li class="idea">Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis.</li>
<li class="design">Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis.</li>
<li class="apps">Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis.</li>
<li class="mobile">Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis.</li>
</ul>
</div>

<div class="panel" title="Panel 1">
               <div class="wrapper">
                 <img src="http://img29.xooimage.com/files/1/f/2/kre8ivity-188dd1c.jpg" alt="temp" width="501" height="158" />
                 <div class="photo-meta-data">
                     Project : kre8ivity.com(Under Development)<br />
                     <span>Scope of work : PHP, MySQL, User Interface Design, Marketing and SEO</span>                 </div>
              </div>

</div>
            <div class="panel" title="Panel 2">
               <div class="wrapper">
                 <img src="http://img43.xooimage.com/files/6/0/7/real2-188dd4a.jpg" alt="temp" width="501" height="158" />
                  <div class="photo-meta-data">
                     Project : RealOne Template (Under Development)<br />
                     <span>Scope of work : PHP, MySQL, User Interface Design, Marketing and SEO</span>                  </div>

</div>
           </div>     
            <div class="panel" title="Panel 3">
               <div class="wrapper">
                 <img src="http://img41.xooimage.com/files/4/c/6/ramblingsoul-188dd5c.jpg" alt="scotch egg" width="501" height="158" />
                        <div class="photo-meta-data">
                     Project : RamblingSoul.com <br />
                     <span>Scope of work : PHP, MySQL, WebDesign, Wordpress and SEO</span>                  </div>

</div>
           </div>
           
                   <div class="panel" title="Panel 4">
               <div class="wrapper">
                 <img src="http://img43.xooimage.com/files/6/0/7/real2-188dd4a.jpg" alt="temp" width="501" height="158" />
                  <div class="photo-meta-data">
                     Project : RealOne Template (Under Development)<br />
                     <span>Scope of work : PHP, MySQL, User Interface Design, Marketing and SEO</span>                  </div>

</div>
           </div>     
            <div class="panel" title="Panel 5">
               <div class="wrapper">
                 <img src="http://img41.xooimage.com/files/4/c/6/ramblingsoul-188dd5c.jpg" alt="scotch egg" width="501" height="158" />
                        <div class="photo-meta-data">
                     Project : RamblingSoul.com <br />
                     <span>Scope of work : PHP, MySQL, WebDesign, Wordpress and SEO</span>                  </div>

</div>
           </div>
           
           
           </div>
      </div>

<div></div>
        </div>
</div>
</div>
</div>
<div class="clear">
</div>
<br />
<div class="blog_column">
<h2 class="subhead">From The Blog</h2>
<div class="post">
<div class="post_head">
<h3><a href="#">Lorem Ipsum Dolor Sit</a></h3>

<span class="meta">Posted on 12 December 2008</span>
<span class="meta"><a href="#">Roshan</a> Blogs about <a href="#">CSS Templates</a></span></div>
  <p>Ut ante dolor, eleifend viverra, adipiscing elementum, interdum sit  amet, felis. Donec euismod, felis non auctor tempus, ante metus  sollicitudin ante, in rutrum orci massa ac urna. Cras nisi. Sed ornare  nulla ac odio. Quisque ac nisl non quam feugiat porttitor. Aliquam et  dolor. Curabitur ipsum eros, aliquam eget, ultrices et, semper nec,  ipsum. Mauris fringilla vulputate massa. </p>
  <p>Aenean felis metus, interdum  a, pretium vel, rutrum nec, enim. Cras eget augue. Suspendisse dolor.  Duis leo eros, posuere ac, volutpat vitae, pulvinar sit amet, purus.  Praesent nibh arcu, gravida et, ullamcorper quis, suscipit vitae,  turpis. </p>
</div>

</div>
<div class="right_column">

<h2 class="subhead">Resources</h2>
<ul class="resourcelist">
  <li><a href="#">Free CSS Templates</a></li>
  <li><a href="#">CSS Menus</a></li>
  <li><a href="#">Free Graphics</a></li>
  <li><a href="#">Free Icons</a></li>
  <li></li>

</ul>
</div>
<div class="narrow_column">

<h2 class="subhead">Products</h2>
<ul class="products_list">
<li> <a href="#"><img src="http://img42.xooimage.com/files/f/a/c/product-omcms-18a1ca7.gif" alt="OM Opensource CMS" /></a> </li>
<li> <a href="#"><img src="http://img28.xooimage.com/files/d/6/c/product-real2-18a1c86.gif" alt="Real 2 , Real Estate Website , Real Estate Direcotry" /></a> </li>
<li> <a href="#"><img src="http://img26.xooimage.com/files/e/f/9/product-kre8ivity-18a1c74.gif" alt="Kre8ivity - Social Networking" /></a> </li>

</ul>
<br />
<p> <a href="/products"><img src="http://img40.xooimage.com/files/e/9/8/viewmore-18a1c68.jpg" alt="View more" /></a> </p>

</div>

TASARIMIN ALTINA

<div class="columns">
<h3>Chat with us</h3>
  <p>
  <strong><img src="images/irc_protocol.png" alt="Gtalk" width="16" height="16" /> Gtalk :</strong> gtalk( at )gtalk.com    </p>

<p>
  <strong><img src="images/yahoo_protocol.png" alt="Yahoo" width="16" height="16" /> Yahoo :</strong> yahoo( at )yahoo.com</p>

<p>
  <strong><img src="images/msn_protocol.png" alt="MSN" width="16" height="16" /> MSN :</strong> msnmessenger</p>
   
      <p>
  <strong><img src="images/skype.png" alt="Skype" width="16" height="16" /> Skype:</strong> skypeout</p>
</div>

<div class="columns">
<h3>Contact Us</h3>
<p>
<img src="images/telephone.png" alt="Call" width="16" height="16" /> Call : +91 9124563789</p>
<p>
<img src="images/mail_generic.png" alt="email" width="16" height="16" /> General Emails : email( at )server.com</p>
<p>
<img src="images/mail_generic.png" alt="email" width="16" height="16" />  Careers Related Enquiries : hr( at )server.com</p>
<p>
<img src="images/mail_generic.png" alt="email" width="16" height="16" /> Partnership enquiries : Partners( at )server.com</p>

</div>
<div class="columns">
<h3>Reach Us</h3>
<p>1st Floor</p>
<p>ABCD Building, XYZ Street</p>
<p>City of God, State</p>
<p>Country, Zip Code - 123456</p>

</div>
<div class="clear"></div>
</div>
<div id="midbottom"></div>
</div>

<a href="http://www.ramblingsoul.com"> CSS Template</a> by RamblingSoul | Plantilla adaptada por <a href="http://www.kilometro6.es.tl">kilometro6</a </p>
</div>
</div>

</div>
</body>
</html>

CSS BÖLÜMÜNE

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

* { padding:0; margin:0;
}
a {
   color: #194896;
   text-decoration: none;
}

ul {list-style:none;}
body {background:url(http://img24.xooimage.com/files/1/8/7/bg-188d53c.jpg) repeat; font:11px Verdana, Arial, Helvetica, sans-serif; color:#333;}
#wrap { width:894px; margin:auto;}
.hide {
   display: none;
}

#header {background:url(http://img28.xooimage.com/files/f/5/3/header-188d55a.jpg) no-repeat; height:273px; }
#contents {background:url(http://img44.xooimage.com/files/6/a/6/contentbg-188d569.jpg) repeat-y; padding:1px 5px 0 5px;}
.clear {clear:both;}
#bottom {background:url(http://img42.xooimage.com/files/c/d/4/bottombg-188d582.jpg) repeat-x; height:126px;}
#footer {background:url(http://img42.xooimage.com/files/0/e/5/footer-188d593.jpg) no-repeat; height:81px;}
#topbar {background:url(http://img24.xooimage.com/files/a/3/8/topbarbg-188d5a0.jpg) left bottom no-repeat; height:129px;
}
#homepage {padding:15px 0;}
#homepage .services {width:300px; padding:0 5px; float:right;}
#homepage .portfolio_preview { width:565px; height:260px; float:left; background:url(http://img24.xooimage.com/files/7/6/e/featuredprojectbg-188d5b1.jpg) repeat-x;}

h1, h2, h3, h4 {font-family:"Trebuchet MS", halvetica, Verdana, sans-serif; font-weight:bold;}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
.subhead {display:block; background:url(http://img40.xooimage.com/files/c/7/0/subheadbg-188d5be.jpg) repeat-x; height:25px; padding:3px 5px 0 5px;}
.portfolio_preview h2 {display:block; padding:3px 3px 0 5px; color:#fff; height:25px;}
.services li {display:block; padding:3px 5px 3px 40px; margin:5px 0 3px; height:46px; border-bottom:solid 1px #ccc;}
.services li.idea {background:url(http://img42.xooimage.com/files/d/7/e/ideaicon-188d5c7.jpg) no-repeat; }
.services li.design {background: url(http://img42.xooimage.com/files/e/0/a/designicon-188d5e4.jpg) no-repeat; }
.services li.apps {background: url(http://img40.xooimage.com/files/7/4/4/interneticon-188d5f3.jpg) no-repeat; }
.services li.mobile {background: url(http://img40.xooimage.com/files/0/9/d/mobileicon-188d610.jpg) no-repeat; }
#sitename {
   display: block;
   padding-top: 35px;
   height: 73px;
   padding-left: 10px;
   font:bold italic 30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-shadow:#000 1px 1px 1px;
}
#sitename #description {display:block; font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif!important;}
#topnav{height:56px;}
#topnav ul {padding:14px 15px 0; font: bold 14px "Trebuchet MS", halvetica, Verdana, sans-serif; text-transform:uppercase;}
#topnav li {
   display:block;
   float:left;
   height: 41px;
   background: url(http://img46.xooimage.com/files/3/f/2/menu_line-188d61c.gif) no-repeat left top;
   padding-left: 5px;
}
#topnav  a {
   display: block; height:38px; padding:3px 10px 0 10px; text-decoration:none; color:#7098c6; float:left;}
#topnav li#first {background:none!important;}
#topnav .active a {background:url(http://img40.xooimage.com/files/1/2/c/menuactive-188d62f.gif) no-repeat center 27px; color:#184896;}
#topnav a:visited, #topnav a:active {color:#7098c6; text-decoration:none;}
#topnav a:hover {color:#184896;}
#headercolumn1 {
   width: 550px;
   padding-left: 15px;
   float: left;
}
#headercolumn2 {
   width: 290px;
   float: right;
   padding-right: 15px;
}
.description {
   color:#d2e7ff;
   font:14px "Trebuchet MS", halvetica, Verdana, sans-serif;
   display:block;
   padding-top: 25px;
}
.description a {color:#fff; text-decoration:none; border-bottom: dashed 1px #fff;}#search_top {
   background: url(http://img42.xooimage.com/files/f/d/8/searchbg-188d643.gif) no-repeat;
   height: 36px;
   width: 278px;
   margin-right: auto;
   margin-bottom: 10px;
   margin-left: auto;
}
#search_top p {
   display:block;
   float: left;
}
#search_top .keyword {
   background: transparent;
   border-style: none;
   display: block;
   width: 125px;
   float: left;
   padding: 5px;
}
#search_top .button {
   padding-top: 3px;
   display: block;
   float: left;
   padding-left: 5px;
}
#search_top form {
   display: block;
   background: url(http://img46.xooimage.com/files/b/6/6/searchfield-188d65d.gif) no-repeat;
   height: 30px;
   margin-top: 3px;
   float: right;
   width: 170px;
   margin-right: 5px;
}
#subscribe {
   background: url(http://img44.xooimage.com/files/0/e/2/rss-188d675.gif) no-repeat;
   padding: 10px 5px 5px 40px;
   height: 20px;
   width: 233px;
   margin: auto;
}
#subscribe a {
   color: #FFFFFF;
   text-decoration: none;
   border-bottom: 1px dashed #FFFFFF;
}
#topbar .columns {
   width: 32%;
   float: left;
   padding: 3px;
   margin: 1px;
   color:#999999;
}
.columns .by {
   font-weight: bold;
}
#topbar .columns p {
   line-height: 16px;
   padding: 10px;
}
.blog_column {
   width: 400px;
   float: left;
   padding: 5px;
}
.right_column {
   width: 240px;
   float: right;
   padding: 5px;
}
.narrow_column {
   margin-right: 255px;
   margin-left: 415px;
   padding: 5px;
}
.post p {
   line-height: 16px;
   margin-bottom: 15px;
   padding-right: 5px;
   padding-left: 5px;
}
.post_head .meta {
   font-size: 10px;
   color: #999999;
   display: block;
   margin-top: 3px;
}
.post .post_head {
   background: url(http://img40.xooimage.com/files/5/a/a/blogicon-188d67d.jpg) no-repeat right top;
   height: 50px;
   margin-bottom: 10px;
   padding: 5px;
}
#bottom .columns {
   padding: 5px;
   float: left;
   width: 32%;
}
#footer .footercontent {
   text-align: center;
   padding-top: 15px;
   color: #FFFFFF;
}
.footercontent a {color: #fff;}
.footercontent a:visited, .footercontent a:active  {color: #fff;}
.footercontent p {
   margin-bottom: 5px;
}
.portfolio_preview .imageholder {
   padding: 35px 5px 5px 15px;
   height: 154px;
   width: 334px;
   float: left;
}
.portfolio_preview .clientinfo {
   width: 180px;
   float: right;
   padding-top: 40px;
   padding-left: 15px;
   padding-right: 10px;
   background: url(http://img46.xooimage.com/files/f/5/d/portfoliodevider-188d696.png) no-repeat left 25px;
}
.portfolio_preview .imageholder img {
   background: #194896;
   padding: 3px;
   display: block;
   border: 1px solid #000000;
}
.clientinfo a {
   color: #FFFFFF;
   border-bottom: 1px dashed #fff;
}

.clientinfo .label {
   color: #FFFFFF;
   width: 100px;
   display: block;
}
.clientinfo p {
   display: block;
   padding: 3px;
   margin-bottom: 8px;
   color: #FFFFFF;
}
#contents #left {
   padding: 8px;
   width: 550px;
   float: left;
}
#contents #sidebar {
   width: 290px;
   float: right;
   padding: 8px;
}
#left p {
   line-height: 16px;
   margin-bottom: 15px;
}
.service_img {
   display: block;
   float: left;
   border-style: none;
   margin-right: 5px;
   margin-left: 5px;
}
#wrap #contents #left ul li {
   display: block;
   background: url(http://img44.xooimage.com/files/3/5/b/bullet-188d6a4.jpg) no-repeat 0px 3px;
   padding: 5px 5px 5px 10px;
   margin-left: 15px;
   margin-bottom: 3px;
}
.devider {
   background: #FFFFFF;
   border-bottom: 1px solid #ccc;
   display: block;
   color: #FFFFFF;
   margin-bottom: 15px;
}

#left .servicetitle {
   display: block;
   margin-bottom: 10px;
   color: #194896;
}
#left .service_p {
   padding-left: 60px;
}
#sidebar p {
   line-height: 16px;
   margin-bottom: 16px;
}
a img {
   border : none;
}
a:hover img {border:none;}
a:visited img, a:active img {border:none;}#getaquote #fcf2 .r .f {
   display: block;
}
.f input {
   display: block;
   border: 1px solid #999999;
   padding: 5px;
}
#getaquote #fcf2 .r .f #comments {
   border: 1px solid #999999;
   padding: 5px;
}
.products_list li {display:block; height:70px; width:201px; margin-bottom:3px;}
.products_list a {display:block; background:url(http://img44.xooimage.com/files/2/7/7/productbg1-188d6b7.gif) no-repeat; height:56px; width:201px; text-align:center; padding:12px 0 0 0; text-decoration:none;}
.products_list {padding-top:5px;}
.products_list a:hover {background:url(http://img42.xooimage.com/files/e/c/d/productbg2-188d6c8.gif) no-repeat;}#quote_request {
   background-image: url(http://img40.xooimage.com/files/9/8/4/formbg-188d6e0.gif);
   background-repeat: repeat;
   padding-right: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
}
#quote_request h2 {
   display: block;
   background: url(http://img46.xooimage.com/files/0/3/f/quote-188d6e8.gif) no-repeat;
   height: 61px;
   padding-left: 61px;
   padding-top: 8px;
}
#quote_request form  p {
   display: block;
   padding-left: 12px;
}
#quote_request .commentarea {
   display: block;
   height: 140px;
   width: 257px;
   border: solid 1px #e0dccb;
}
#quote_request .commentarea:hover {border:solid 1px #908b72;}
#quote_request label {
   display: block;
   padding: 3px;
   font: bold 12px "Trebuchet MS", halvetica, Verdana, sans-serif;
}
#quote_request .textfield {
   background: transparent url(http://img44.xooimage.com/files/3/3/3/textfield1-188d6f0.gif) no-repeat;
   display: block;
   border-style: none;
   height: 28px;
   width: 241px;
   padding:7px 8px 0 8px;
   font: bold 14px "Trebuchet MS", halvetica, Verdana, sans-serif; color:#655045;
   }
#quote_request .textfield:hover {
   background: transparent url(http://img40.xooimage.com/files/a/3/8/textfield2-188d6f9.gif) no-repeat;
}
#quote_request label .info {
   font: normal 10px Verdana, Arial, Helvetica, sans-serif;
   display: block;
}
.success {
   background: #d9e7f3 url(http://img26.xooimage.com/files/2/8/2/success-188d709.gif) no-repeat 3px 3px;
   display: block;
   padding: 5px 5px 5px 55px!important;
   height: 60px;
}
.error {
   background: #ead2a8 url(http://img44.xooimage.com/files/b/d/b/error-188d711.gif) no-repeat 3px 3px;
   display: block;
   padding: 5px 5px 5px 55px!important;
   height: 60px;
}
.progress {
   background: url(http://img40.xooimage.com/files/6/2/f/loading-188d717.gif) no-repeat 3px 3px;
   padding: 5px 5px 5px 55px!important;
   height: 50px;
}
.bordered {
   border-bottom: 1px dashed #999999;
   margin-bottom: 15px;
   padding-bottom: 10px;
   display: block;
}
#midbottom {
   background: #333 url(http://img24.xooimage.com/files/d/4/0/footerbg-188d726.png) no-repeat center center;
   height: 100px;
   padding-bottom: 3px;
   border-bottom: 1px solid #FFFFFF;
}
#bottom p {
   display: block;
   padding: 3px;
}
#bottom .columns h3 {
   font-weight: bold;
   font-size: 12px;
   text-transform: uppercase;
   color: #194896;
   display: block;
}
#midbottom img {
   display: block;
   float: left;
   padding-top: 30px;
   padding-left: 25px;
   padding-right: 15px;
}
.resourcelist li {
   display: block;
   height: 25px;
}
.resourcelist a {
   display: block;
   height: 18px;
   padding-top: 6px;
   padding-right: 4px;
   padding-left: 15px;
   background: url(http://img44.xooimage.com/files/3/5/b/bullet-188d6a4.jpg) no-repeat 0px 7px;
   border-bottom:dashed 1px #ccc;}

.resourcelist a:hover {color:#000;}.theme_image {
   display: block;
   margin: auto;
   padding: 5px;
   background: #f4f4f4;
   border: 1px solid #ccc;
}
#widecolumn {
   padding: 8px;
}
.nrwcolumn {
   float: left;
   width: 23%;
   margin: 4px;
   padding: 4px;
}
#widecolumn #real2 {
   background: url(http://img40.xooimage.com/files/1/d/4/real2logo-188d740.jpg) no-repeat center top;
   padding-top: 105px;
}
#widecolumn #omcms {
   background: url(http://img44.xooimage.com/files/b/7/8/omlogo-188d74d.jpg) no-repeat center top;
   padding-top: 105px;
}
#widecolumn #kre8ivity {
   background: url(http://img26.xooimage.com/files/c/6/2/kre8ivitylogo-188d75b.jpg) no-repeat center top;
   padding-top: 105px;
}
#widecolumn #oet {
   background: url(http://img26.xooimage.com/files/f/b/5/oetlogo-188d765.jpg) no-repeat center top;
   padding-top: 105px;
}
#widecolumn  p {
   line-height: 16px;
   margin-bottom: 16px;
}
.blue {
   color: #194896;
   padding-bottom: 10px;
}
.lists li {
   display: block;
   background: url(http://img44.xooimage.com/files/3/5/b/bullet-188d6a4.jpg) no-repeat 3px 5px;
   padding: 5px 5px 5px 20px;
   margin-bottom: 5px;
}
#portfolio .site {
   padding: 15px 5px 5px;
   background: #E0EEFC url(http://img44.xooimage.com/files/5/c/1/portfoliobg-188d77a.gif) repeat-x left bottom;
   border: 1px solid #BDDBF9;
   position: relative;
   margin-bottom: 5px;
}
.portfolio_image {
   display: block;
   padding: 9px;
   margin: auto;
   background: #FFFFFF;
   border: 1px solid #B9D9F9;
}
#portfolio .site .layer span {
   display: block;
   padding-top: 40px;
   font: bold 14px Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   text-align: center;
   padding-left: 40px;
}
.site .layer {
   display: block;
   background: url(http://img24.xooimage.com/files/b/7/7/portfoliolayer-188d787.gif) no-repeat;
   height: 88px;
   width: 80px;
   position: absolute;
   float: right;
   z-index: 99;
   right: 8px;
   top: 114px;
}
#portfolio .site p {
   display: block;
   margin: 0px 10px 8px;
   padding: 0px 5px 5px;
}
.portfolio_image:hover {
   display: block;
   padding: 9px;
   margin: auto;
   background: #ffe;
   border: 1px solid #194896;
}
.testimonails blockquote {
   background: url(http://img46.xooimage.com/files/2/c/4/dblquotes-188d791.gif) no-repeat 3px 3px;
   padding-left: 30px;
}
#results .description {
   color: #333333;
   padding: 5px;
   margin-bottom: 10px;
   border-bottom: 1px dashed #ccc;
}
#results .url {
   padding: 5px;
   background: #f4f4f4;
}
#results {
   padding: 5px;
}
#result_report {
   padding: 3px;
   background: #4891ED;
   color: #FFFFFF;
}
.columns h2 {
   display: block;
   padding-left: 10px;
   padding-top: 3px;
   height: 20px;
   text-shadow:#000 1px 1px 1px;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold;
   color: #FFF;
}
.portfolio_preview h2 img {
   display: block;
   padding-left: 12px;
   padding-top: 3px;
}

br.clear {
   display: block;
   clear: both;
   height: 1px;
}