* {margin:0; padding:0; border:0;}
body {background: #fff; text-align:center;
     font-family: "Trebuchet MS", verdana, Helvetica, arial;
     text-align:center;
     font-size:62.5%;
     line-height:2.2em;
     color: #777;}

a {color: #de4253;
   text-decoration:none}
a:hover {color: white;
         background-color: #dd2233;
   text-decoration:none}

h1 {position: absolute;
   margin : 0 auto;
   width: 100%;
   height: 254px;
   font-size: 3em;
   z-index: 30;
   top:0; left:0;
   }
h1 b {display:block;
        width:800px;
        margin:0 auto;
        margin-top:25px;
        padding: 15px 0;
        background:  url(../images/trans.png) top right repeat-y;
        border-top: 1px solid #de4253;
        border-bottom: 1px solid #de4253;
        }
h1 span {display:block;
        width:800px;
        margin:0 auto;
        padding: 5px 0;
         font-size: 0.5em;
        background:  url(../images/trans.png) top right repeat-y;
        border-bottom: 1px solid #de4253;}
#corner {
   background:  url(../images/heading.png) top right no-repeat;
   position:absolute;
   top:0; right:0;
   width:345px; height: 254px;
   z-index: 20;
   }

.wrapper {position:relative;
          width:800px;
          font-size:1.8em;
          margin: 0 auto;
          text-align: left;
          z-index: 10;
   
          }
.more a {border-bottom: 1px solid #de4253;}
.clear {clear:both;}


h2, h3, h4 {font-family: Trebuchet MS;
           font-weight:bold;
           line-height: 1.2em;
           color: #bb2222}

.page {width: 600px;
      float:right;
      margin:0;
      margin-top: 100px;
      background: url(../images/luvc-page-m.jpg) top left repeat-y;
      }
.page p, .page h3, .page h4 {padding: 20px 10px 10px 60px;         }

.page h2 {padding: 0px 0px 30px 0px;
          background: url(../images/luvc-page-t.jpg) -1px 0 no-repeat;
          position:relative; }

.page h2 span {padding: 0px;
              display:block;
              width: 564px; height: 437px;
          position:relative;
          top:25px; left:35px;
          background: url(../images/intro.jpg) 0 0 no-repeat; }

.page h2 span b {padding: 0px;
              display:block;
              width: 564px; height: 437px;
          background: url(../images/intro-cloud.png) 100% 100% no-repeat; }

.page .design {font-size:0.6em;
               background: url(../images/luvc-page-b.jpg) bottom left no-repeat;
               padding-bottom:50px;}


ul {list-style-type:none;
   float:right;
   margin-right: -35px;
   margin-top: 290px;
   width:222px;
   display:block;
   font-size: 2em;
   line-height:1.2em;
   text-align:center;
   }
li a {display:block;
      width:222px;
      height:162px;}

li#contact a   {height: 100px;
               background: url(../images/luvc-contact.jpg) 0 0 no-repeat;text-indent: -5000px;}
li#contact a:hover {background: url(../images/luvc-contact.jpg) 0 -3px no-repeat;}

li.tab a  {background: url(../images/luvc-tab.jpg) 0 0 no-repeat;
           }
li.tab a:hover {background: url(../images/luvc-tab.jpg) 0 -3px no-repeat;
                color: #900}
li.tab a span  {padding: 30px 0 0 30px;
                display:block;}
li.tab a:hover span  {padding-top: 27px;}


.portfolio {text-align: center;}
.portfolio p, .portfolio h2, .portfolio h3, .portfolio h4 {text-align: left;}
.portfolio a:hover.thumb{background: none;}
.portfolio img {margin:5px; width: 500px; padding:0; border: 1px solid white;}

ul.thumbs { width: 550px;
            border: 1px solid white;
            margin:0; padding:0;}
ul.thumbs li {border: 1px solid white; margin:0; padding:0; height: auto;}            
.portfolio a.mini  {display: table-cell; border:1px solid white; margin:0; padding:0;}
.portfolio .mini img {width:190px; margin:0px auto; display:block; float: none}