* {margin:0; padding:0; border:0;}
html {background: #5E80DA url(images/goldlion-bg.jpg) bottom right no-repeat;}
body {background:  url(images/goldlion-cloud.jpg) top left no-repeat;
     text-align:center;
     font-family: verdana, Helvetica, arial;
     text-align:center;
     font-size:62.5%;
     line-height:2.2em;
     color: #555;
     border-top: 1px solid #5e80da;}

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

h1 {background:  url(images/goldlion-title.gif) top center no-repeat;
   margin : 50px auto;
   width: 437px;
   height: 150px;
   text-indent: -5000px;}

.wrapper {width:800px;
          font-size:1.8em;
          margin: 0 auto;
          text-align: left;
          }
.clear {clear:both}          




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

.page {width: 700px;
      background: url(images/page.png) 0 0 repeat; 
      margin: 30px auto;}
.page p, .page h3, .page h4 {padding: 20px 60px 10px 60px;         }
img {margin:5px 10px 5px 60px;
    float:left;}

.page h2 {padding: 50px 10px 20px 60px;
          /*background: url(images/bps-page-t.jpg) -1px 0 no-repeat; */}

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


ul {list-style-type:none;
   float:right;
   margin-right: -32px;
   margin-top: 40px;
   width:219px;
   display:block;}
li * {display:block;
      width:222px;
      height:162px;}
li a {text-indent: -5000px;}

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

li#photo1 a  {background: url(images/bps-photo1.jpg) 0 0 no-repeat;}
li#photo1 a:hover {background: url(images/bps-photo1.jpg) 0 -3px no-repeat;}
li#photo2 a  {background: url(images/bps-photo2.jpg) 0 0 no-repeat;}
li#photo2 a:hover {background: url(images/bps-photo2.jpg) 0 -3px no-repeat;}
li#photo3 a  {background: url(images/bps-photo3.jpg) 0 0 no-repeat;}
li#photo3 a:hover {background: url(images/bps-photo3.jpg) 0 -3px no-repeat;}
li#photo4 a  {background: url(images/bps-photo4.jpg) 0 0 no-repeat;}
li#photo4 a:hover {background: url(images/bps-photo4.jpg) 0 -3px no-repeat;}