html{ background: #ffffff url('http://selans.com/bg.jpg') }
   body{
      color:#4c2110;
      font-family:Georgia,Arial,Verdana,Helvetica, sans-serif;
      font-size:13px;
      margin:0;padding:0;
   }
   a{
     
      text-decoration:none;
      color:#666666;
   }
      a:hover{
         background-color:#ffffff;
         color:#666666;
      }
   a.mail{
      font-weight:bold;
      background-color:#1aabd9;
      color:#fff;
      display:block;
      float:left;
      padding:0.2em;
   }
      a.mail:hover{text-decoration:underline;}
    
   h1{
      margin:0 0 0 -10px;
      padding:10px 0 0 0;
   }
   h2{
      color:#846d55;
      font-size:18px;
      margin:0;
      padding:10px 0;
   }
   p{ line-height:170%; }

/** 
 * Default layout elements
 **/
   #page{
     

      margin-left:8px;
      margin-top:28px;
      width:100%x;
      padding:0 20px 0 20px;
      border-right:0px solid #ece9e4; 
   }

      div.dottedline{
         background:url(../img/dots.jpg) repeat-x top left;
         padding:10px 0 0 0;
         margin:0;
         clear:both;
      }
   
   #intro{ 
      font-family: Georgia, Helvetica, Verdana, Arial, sans-serif; 
      float:center;
      width:99%;
      padding-top:20px;
      padding-left:10px;
   }
      #intro h1{
         float:left;
         width:16%;
      }
      #intro p{
         float:left;
         width:83%;
         line-height: 150%;
         padding:10px 0;
         font-size:18px;
         background-color:#f5f5ed;
      }
         #intro p a{ border-bottom:2px solid #1aabd9; }
.brech 
{
                  font-size:13px;
         color:#333333;
      }



/** 
 * Portfolio
 **/
   div#portfolio{
      overflow:hidden;
      margin:5px 0 0 0;
      padding:0;
        width:1119px;
 }
      div.item {
         background:url(../img/shadow.jpg) no-repeat 1px 240px ;
         overflow:hidden;
         padding:15px 0 20px 0;
         width:342px;
         float:left;
         margin-right:15px;
      }
         div.item h3{ 
            font-weight:bold; 
            color:#1d1d1d;
            font-size:18px;

         }
         
      div.information{
         padding:5px 20px 20px 20px;
         height:300px;
         background:url(../img/dots.jpg) repeat-x bottom left;
         margin:0 3px;
         float:left;
      }
         div.information p{ 
            color:#6e6e6e;
            font-size:12px;
            margin-top:-10px;
            padding-top:0;
            float:left;
         }
         div.information em{ color:#663300; }





      div.information2{
         padding:5px 20px 20px 20px;
         height:200px;
         background:url(../img/dots.jpg) repeat-x bottom left;
         margin:0 3px;
         float:left;
      }
         div.information2 p{ 
            color:#6e6e6e;
            font-size:12px;
            margin-top:-10px;
            padding-top:0;
            float:left;
         }
         div.information2 em{ color:#663300; }



   
      div.image{
         float:left;
         margin-bottom:10px;
         border:1px solid #fff;
      }
         div.image a{
            padding:5px;                        
            border:1px solid #e9e5df;
            background-color:#fff;
            float:left;
         }
            div.image a:hover{ background-color: #e9e5df; }
            div.image img{ border:0; }