/************************************ 
 *
 *          resets
 *
************************************/

/*
  blue: #92b1c3;
*/

@font-face {
  font-family: "Humnist777";
  src: url("/_font/Humanist 777 Light BT.ttf") format("truetype");
}

body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
  margin:0; padding:0;
}
fieldset, table {
  border:none;
}
html {
  font-size:100.01%;
  height: 100%;
  width:100%;
  display:table;
}
body {
  margin:0 auto;
  height:100%;
  width:100%;
  font:12px/16px "Humnist777", arial,helvetica,sans-serif;
  color:#333;
  background-color:#fff;
  display:table-cell;
  vertical-align:middle;
}

blockquote, address, pre {
  margin:.5em 2em;
}
blockquote, p, li {
  padding:0 0 .8em 0;
}
h1, h2, h3, h4, h5, h6{
  margin:3px 0;
  font-family: "Humnist777", Arial, sans-serif;
  font-weight: bold;
  line-height:1em;
  color:#000;
}
p {
  margin:0;
  line-height:1.2em;
  margin-top:5px;
}

h1 {
  font-size:1.8em;
  margin:10px 0;
}
h2 {
  font-size:1.7em;
  margin:10px 0;
}
h3 {
  font-size:1.4em;
  color:#999;
}
p, li {
  font-size:1.4em;
}
sup{
  left:1px;
  top:0;
}
.sup{
  font-size:0.5em;
  margin-left:1px;
  position:relative;
  top:-9px;
}
p .sup{
  font-size:0.75em;
  top:-4px;
}
.clear{
  clear:both;
}
.center{
  text-align:center;
}
.left{
  float:left;
}
span.required{
  color:red;
}
.hidden{
  display:none;
}

/************************************ 
 *
 *          forms
 *
************************************/
input, label {
  vertical-align:middle;
}
label {
  clear:both;
  color:#8C8C8C;
  cursor:pointer;
  display:block;
  font-size:10px;
  height:23px;
  line-height:16px;
  margin:3px 10px 0 0;
  position:relative;
}
  label input, label select, label textarea{
    display:block;
    float:left;
    margin:0 0 6px 10px;
    padding:3px 4px;
    width:70%;
  }
    label select option{
      margin:3px 4px;
    }
    label input.active{
      border:1px solid #444;
    }
      label div.inline *{
        display:inline;
        margin-right:3px;
      }
      
  label strong{
    color:#777777;
    float:left;
    font-family:"Arial",verdana,arial;
    font-size:12px;
    font-weight:bold;
    margin:3px 0;
    text-align:right;
    width:20%;
  }
input, select, textarea {
  font-size:1.2em;
  font-family:inherit;
  font-size:inherit;
  border:1px solid #cecece;
  padding:2px;
}
input, textarea {
  padding:.2em;
}
/*input.failed, select.failed, textarea.failed {*/
form .failed{
  background:#fcc9c9;
  border:1px solid red;
}
input[type="submit"], input[type="image"]{
  border:0;
  background:transparent;
}

label input.radio{
  width:auto;
}


table {
  /*table-layout:fixed;*/
  word-wrap:break-word;
  /*overflow:hidden;*/
}

a {
  text-decoration:none;
  color:#4ca8de;
  font-weight:normal;
}
a:visited {
  /*text-decoration:underline;*/
}
a:active, a:focus, a:hover {
  /*
  background:#ed9500;
  color:#53682b;*/
  text-decoration:underline;
}
a img {
  border:none;
  float:none;
  vertical-align:middle;
}
img.frame{
  padding:4px;
  border:1px solid #d8d8d8;
}





/************************************ 
 *
 *          page framework
 *
************************************/
#page-wrapper{
  width:100%;
  margin:0 auto;
  position:relative;
  top:0;
  left:0;
  height:100%;
  background:#fff;
  background-attachment: fixed;
  overflow:hidden;
}
#page{
  height: 650px;
  left: 12%;
  margin: auto;
  position: absolute;
  top: 9%;
  width: 980px;
}
#content{
  width:928px;
  margin:25px auto 10px auto;
  padding:0 10px;
  min-height:400px;
}
#pane{
  width:7015px;
  height:6363px;
  position:absolute;
}
#lines{
  width:100%;
  height:100%;
  position:absolute;
}
.line {
  position: absolute;
  height: 0px;
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: #d1d2d4;
}
.hotspot{
  position:absolute;
}
.hotspot-arrow{
  width:19px;
  height:19px;
  background:url(/_img/hotspot-arrow.png) no-repeat 0 0;
}
.hotspot-arrow:hover,
.cel:hover .hotspot-arrow,
.lft-column .services:hover .hotspot-arrow,
.lft-column .visit-us:hover .hotspot-arrow,
.lft-column .careers:hover .hotspot-arrow
{
  background-position:0 100%;
}


/************************************ 
 *
 *          generic details
 *
************************************/
.detail{
  margin:5px 0 0 0;
  float:left;
  position:relative;
  width:480px;
}
.detail-wrapper{
  position:relative;
}
.detail-pic{
  position:absolute;
  width:482px;
  height:590px;
  background-repeat:no-repeat;
  background-position:50% 50%;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius:10px;
}
.detail-details{
  left: 0;
  position: absolute;
  top: 600px;
  width:480px;
  height:40px;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius:10px;
  border:1px solid #c1c2c4;
}
.detail-details-content{
  z-index:100;
  position:relative;
  padding:10px 18px;
}
  .detail-details-content p{
    margin:0;
    padding:0;
    float:left;
    font-size:12px;
  }
  .detail-details-content .name{
    font-weight:bold;
    padding-right:10px;
    border-right:1px solid #c1c2c4;
  }
  .detail-details-content .description{
    padding-left:10px;
  }
  .detail-details-content .img-nav{
    float:right;
  }
    .detail-details-content .img-nav a{
      cursor:pointer;
      padding:0 5px 0 0;
    }
  
  
  
/************************************ 
 *
 *          generic thumbs
 *
************************************/
.thumbs{
  position:absolute;
  right:1px;
  top:1px;
  list-style:none;  
  width:310px;  
}
  .thumbs li{
    width:auto;
    height:auto;
    float:left;
    padding:0;
    margin:0 5px 4px 5px;
    font-size:1.1em;
  }
    .thumbs li a{
      -moz-border-radius: 6px; 
      -webkit-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius:6px;
      border:1px solid #d3d4d5;
      display:block;
      width:86px;
      height:86px;
      background-repeat:no-repeat;
      background-position:0 0;
    }
  
  

/************************************ 
 *
 *          home
 *
************************************/
#home{
  position:absolute;
  top:2942px;
  left:2930px;
}
#home .cel{
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius:10px;
  width:127px;
  height:127px;
  border:1px solid #d1d2d4;
  padding:20px;
  position:absolute;
  background-color:#fff;
  background-position:90% 90%;
  background-repeat:no-repeat;
  cursor:pointer;
}
#home .cel h2{
  margin:10px 0 5px 0;
}
#home .cel p{
  color:#92b1c3;
  margin:0;
}
#home .home{
  background-image:url(/_img/logo.png);
  background-position:50% 50%;
  top:245px;
  left:400px;
}
#home .people{
  top:50px;
  left:400px;
}
#home .work{
  top:50px;
  left:596px;
}
#home .hispanic{
  background-image:url(/_img/home-hispanic-n.png);
  top:245px;
  left:596px;
}
#home .vsbytes{
  background-image:url(/_img/home-vsbytes-globe.png);
  top:440px;
  left:400px;
}
#home .inspira{
  background-image:url(/_img/home-clapboard-inspira.png);
  top:440px;
  left:203px;
}

#home .home .hotspot{
  left:-10px;
  top:74px;
}
  #home #line-home-people{
    position:absolute;
    left:50%;
    top:3px;
  }
  #home #line-home-work{
    position:absolute;
    left:99%;
    top:3px;
  }
  #home #line-home-hispanic{
    position:absolute;
    left:99%;
    top:50%;
  }
  #home #line-home-vsbytes{
    position:absolute;
    left:50%;
    top:99%;
  }
  #home #line-home-inspira{
    position:absolute;
    left:3px;
    top:99%;
  }
  
#home .work .hotspot{
  top:-10px;
  left:157px;
}

#home .people .hotspot{
  top:-10px;
  left:74px;
}
  #home #line-people-home{
    position:absolute;
    left:50%;
    bottom:0;
  }
  
#home .hispanic .hotspot{
  left:158px;
  top:74px;
}
  #home #line-hispanic-home{
    position:absolute;
    left:1px;
    top:50%;
  }
  
#home .vsbytes .hotspot{
  bottom:-10px;
  left:74px;
}
  #home #line-vsbytes-home{
    position:absolute;
    left:50%;
    top:3px;
  }

#home .inspira .hotspot{
  bottom:-10px;
  left:-10px;
}
  #home #line-inspira-home{
    position:absolute;
    left:99%;
    top:3px;
  }




/************************************ 
 *
 *          people
 *
************************************/
#people{
  position:absolute;
  top:522px;
  left:2600px;
  width:980px;
  height:650px;
}
#people .hotspot{
  bottom:68px;
  left:81%;
}
#people p{
  margin-top:5px;
}

#people .thumbs{
  position:relative;
  width:495px;
  float:left;
}
  #people .thumbs li{
    margin:4px 5px;
  }
  #people .thumbs li a{
    width:95px;
    height:93px;
    font-size:1.1em;
    padding:7px;
  }
    #people .thumbs li .img{
      display:block;
      width:93px;
      height:66px;
      background-repeat:no-repeat;
      background-position:0 0;
    }
    #people .thumbs li .position{
      font-size: 10px;
      line-height: 10px;
      margin: 0;
      padding: 0;
    }
    #people .thumbs li h4{
      font-size:11px;
      font-weight:bold;
    }
    #people .thumbs li a:hover{
      text-decoration:none;
    }
    #people .thumbs li a:hover .img{
      background-position:0 100%;
    }
    #people .thumbs li a:hover h4, #people .thumbs li a:hover .position{
      text-decoration:none;
    }
.person .back{
  display:block;
  margin:10px 0 0 0;
}
.person h2{
  color:#666666;
  font-size:1.2em;
  margin:5px 0;
}
.person h4{
  font-size:1em;
  font-weight:normal;
}
.person a{
  font-weight:normal;
}
.person p{
  margin:20px 0;
}

#person{
  margin:10px 0 0 0;
  float:left;
  position:relative;
}
  #people .detail .detail-pic{
    position:absolute;
    width:573px;
    height:566px;
    background-repeat:no-repeat;
    background-position:0 0;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius:10px;
    border:1px solid #c1c2c4;
  }
  #people .detail .detail-details{
    left: 20px;
    position: absolute;
    top: 420px;
    width:533px;
    height:125px;
  }
  #people .detail  .detail-details .detail-details-bg{
    position:absolute;
    width:100%;
    height:100%;
    opacity:.8;
    background-color:#fff;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius:10px;
  }
  #people .detail .detail-details .detail-details-content{
    z-index:100;
    position:relative;
    padding:10px;
  }
  #people .detail .detail-details .detail-details-content h2{
    font-size:14px;
    font-weight:bold;
    margin:0;
    padding:0;
  }
  #people .detail .detail-details .detail-details-content h4{
    
  }
  #people .detail .detail-details .detail-details-content a{
    color:#ed5d97;
  }


/************************************ 
 *
 *          work
 *
************************************/
#work{
  position:absolute;
  top:0;
  left:6035px;
  width:800px;
  height:650px;
}
#work .hotspot{
  bottom:54px;
  left:-10px;
}
#line-work-home{
  position:absolute;
  bottom:3px;
  left:3px;
}

#work #detail{
  margin:0;
  float:left;
  position:relative;
  width:480px;
}
#work #detail .detail-wrapper{
  position:relative;
}
  #work .detail .detail-pic{
    margin:0;
    border:1px solid #c1c2c4;
  }
  #work .thumbs{
    top:6px;
    width:300px;
  }
  


    



/************************************ 
 *
 *          hispanic
 *
************************************/
#hispanic{
  position:absolute;
  top:2870px;
  left:7035px;
  width:880px;
  height:650px;
}
#hispanic .hotspot{
  top:60%;
  left:-10px;
}
#hispanic .about-this-page{
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius:10px;
  border:1px solid #c1c2c4;  
  padding: 12px 20px;
  width: 126px;
  margin: 8px 0;
  position:absolute;
  right:0;
  top:0;
}
#hispanic .thumbs{
  right:165px;
  width:220px;
}
#hispanic .thumbs li{
  margin:7px;
}
#hispanic .detail-pic{
  border:1px solid #c1c2c4;
}



/************************************ 
 *
 *          vsbytes
 *
************************************/
#vsbytes{
  position:absolute;
  top:6054px;
  left:3162px;
  width:815px;
  height:650px;
}
#vsbytes .hotspot{
  top:-5px;
  left:30%;
}
#vsbytes .thumbs{
  left: 510px;
  top: 5px;
  width: 100px;
}
#vsbytes .thumbs li{
  margin:0 0 8px 0;
}
#vsbytes .detail-pic{
  border:1px solid #c1c2c4;
}


/************************************ 
 *
 *          inspira
 *
************************************/
#inspira{
  position:absolute;
  top:5713px;
  left:0;
  width:730px;
  height:400px;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius:10px;
  border:1px solid #c1c2c4;
}
#inspira .hotspot{
  top:-10px;
  left:722px;
}
#inspira h3{
  font-size:18px;
}
#inspira p{
  font-size:16px;
}


/************************************ 
 *
 *          about
 *
************************************/
#about{
  position:absolute;
  top:3040px;
  left:0;
  width:780px;
  height:710px;
}
#about .hotspot{
  top:35.5%;
  right:-5px;
}
#about-banner{
  height:319px;
  width:774px;
  background-repeat:no-repeat;
  background-position:0 0;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius:10px;
  border:1px solid #c1c2c4;
}
#about-banner > div{
  display:none;
}
#about-banner > div.active{
  display:block;
}

#map-frame{
  width:774px;
  height:319px;
  padding:0;
  border:0;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius:10px;
}
 
#manifesto{
  background:#e6008d url(/_img/manifesto_revised.jpg) no-repeat 0 0;
  color:#fff;
  width:100%;
  height:100%;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius:10px;
}
  #manifesto .manifesto-content{
    padding:7%;
    font-size:18px;
    display:none;
  }
  #manifesto p{
    margin:15px 0;
    padding:0;
  }

#services{
  font-size: 13px;
  line-height: 10px;
  background:transparent url(/_img/services.png) no-repeat 0 0;
  width:100%;
  height:100%;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius:10px;
}
#services *{
  display:none;
}
#services p{
  padding:3px 0;
}
#services ul{
  list-style-position:inside;
}
#services ul li{
  font-size:13px;
  padding:4px 0;
}

#careers{
  background:#25aae1 url(/_img/careers.png) no-repeat 0 0;
  color:#fff;
  width:100%;
  height:100%;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius:10px;
}
  #careers .careers-content{
    padding:7%;
    font-size:18px;
  }
  #careers form{
    margin:20px 0 0 300px;
    padding:0;
  }
    #careers form input{
      width:380px;
    }
    form input.error, form select.error, form textarea.error{
      background:#fcc9c9;
      border:1px solid red;
    }
    form label.error{
      color:#fcc9c9;
      font-size:12px;
      display:block;
      height:15px;
      margin:0;
      padding:0;
    }
    #careers form textarea{
      width:380px;
      height:30px;
      font-size:14px;
      margin:5px 0 0 0;
    }
    #careers form input[type="text"]{
      display:block;
      margin:5px 0 0 0;
      font-size:14px;
      height:15px;
    }
    #careers form .btn{
      width:140px;
      height:29px;
      background:#f8b808;
      -moz-border-radius: 6px; 
      -webkit-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius:6px;
      display:block;
      font-size:14px;
      margin-top:5px;
      border:0;
      cursor:pointer;
    }
    #careers form .btn:hover{
      background:#f18500;
    }
    #careers form .btn:active{
      background:#f18500;
    }
    #resume-picker-wrapper{
      margin-top:8px;
      display:none;
    }
      #careers #resume-picker{
        font-size:12px;
        display:inline;
        width:215px;
      }
      #resume-picker-wrapper .cancel{
        font-size:12px;
        color:#fff;
      }
  input.rounded,textarea.rounded{
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius:6px;
  }
  
#about .about-content{
  margin-top:11px;
}
#about .lft-column{
  float:left;
  width:155px;
}
  #about .lft-column > div{
    position:relative;
    width:100%;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius:10px;
    border:1px solid #c1c2c4;
    margin-bottom:11px;
    padding:11px 15px;
  }
  #about .lft-column div h2{
    font-size:1.3em;
    margin:0 0 5px 0;
    padding:0;
  }
  #about .lft-column div p{
    color:#9bb7c8;
    padding-bottom:0;
  }
  #about .lft-column .services{
    
  }
    #about .lft-column .services .hotspot{
      position:absolute;
      top:-10px;
      left:47%;
    }
    #about .lft-column .services a.services{
      display:block;
      height:100%;
      width:100%;
      text-transform:uppercase;
      font-size:18px;
      text-decoration:none;
      text-align:center;
      padding: 5px 0;
      font-weight: bold;
    }
      #about .lft-column .services a:hover{
        text-decoration:none;
      }
  #about .lft-column .careers{
    
  }
    #about .lft-column .careers .hotspot{
      position:absolute;
      top:-10px;
      left:47%;
    }
    #about .lft-column .careers a.careers{
      display:block;
      height:100%;
      width:100%;
      text-transform:uppercase;
      font-size:18px;
      text-decoration:none;
      text-align:center;
      padding: 5px 0;
      font-weight: bold;
    }
      #about .lft-column .careers a:hover{
        text-decoration:none;
      }
  #about .lft-column .visit-us{
    cursor:pointer;
  }
    #about .lft-column .visit-us .hotspot{
      position:absolute;
      top:-10px;
      left:47%;
    }
  #about .lft-column .contact-us{
    
  }
  #follow-us{
    
  }
  #follow-us a{
    display:block;
    text-indent:-9999px;
    float:left;
    width:25px;
    height:26px;
    margin:0 5px 0 0;
  }
  #follow-us a.facebook{
    background:transparent url(/_img/facebook.png) 50% 50% no-repeat;
  }
  #follow-us a.linkedin{
    background:transparent url(/_img/linkedin.png) 50% 50% no-repeat;
  }
  #follow-us a.twitter{
    background:transparent url(/_img/twitter.png) 50% 50% no-repeat;
  }
  #follow-us a.youtube{
    background:transparent url(/_img/youtube.png) 50% 50% no-repeat;
  }
#about .vsnews{
  padding:10px 10px 10px 83px;
  background:transparent url(/_img/title-vsnews.png) 15px 24px no-repeat;
  margin:0 0 0 200px;
  width:482px;
  height:355px;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius:10px;
  border:1px solid #c1c2c4;
}
#about .vsnews .scroll{
  width:100%;
  height:100%;
  overflow:auto;
}
#about .vsnews .scroll li{
  width:97%;
}
#about .vsnews p{
  font-size:16px;
  border-bottom:1px solid #e0e1e2;
}



#loading{
  position:absolute;
}

.content{
  padding:0;
  position:relative;
  width:100%;
  height:100%;
}
  .sect .loading{
    background: url("/_img/ajax-loader.gif") no-repeat scroll 50% 50% transparent;
  }
  .content table{
    
  }
  .content table td{
    vertical-align:top;
    padding:10px;
  }
  .content h3{
    font-size:1.2em;
    margin:0 0 22px 0;
  }
  .content h4{
    color:#666;
    width:102%;
  }
  .content p{
    font-size:1em;
  }


/************************************ 
 *
 *          footer
 *
************************************/ 
#footer{
  color:#4f4e4e;
  line-height:15px;
  height:80px;
  position:relative;
  text-align:center;
  margin:40px 0 60px 0;
}
  #footer .sup{
    font-size:0.75em;
    top:-4px;
    line-height:8px;
  }
  #footer p{
    margin:5px 0;
    padding:0;
  }
  #footer #memberof{
    position:absolute;
    right:20px;
    top:5px;
  }
    #footer-nav{
      list-style:none;
      width:70%;
      margin:0 auto;
      padding-bottom:15px;
      border-bottom:1px solid #b2b2b2;
    }
      #footer-nav li{
        display:inline;
      }
        #footer-nav li a{
          color:#5b5a5a;
          margin:0 15px;
          padding:0 5px;
          font-weight:normal;
        }
  
  
  
/************************************ 
 *
 *          partials
 *
************************************/
.partials{
  clear:both;
  margin:15px 0 0 0;
}
  tr.partials td{
  }
.partial{
  margin:10px 2%;
  width:96%;
}
.p1{
  width:678px;
}
.p2{
  width:224px;
}
.p3{
  width:900px;
  padding:5px 10px;
}
.p4{
  width:46%;
}




/************************************ 
 *
 *          partial overrides
 *
************************************/
.news{
  margin:10px 0;
  width:100%;
}
  .news h3,.news h2{
    background:#ccc;
    color:#53682b;
    padding:5px 10px;
    text-transform:uppercase;
    position:relative;
  }
  .news .news-wrapper{
    border-right:1px dashed #999;
    padding:5px 10px;
  }
  .partials td:last-child .news .news-wrapper{
    border:0;
  }
    .news .news-wrapper li{
      margin:0 0 10px 0;
    }
    .news .news-wrapper a{
      color:#333333;  
    }
    .news .news-wrapper h4{
      margin-bottom:0;
    }
    .news .news-wrapper .author, .news .news-wrapper .date{
      font-size:11px;
      margin:0; 
      padding:0;
    }
    .news .news-wrapper p{
      font-size:12px;
      margin:0; padding:3px 0;
    }
    .news .news-wrapper a.readmore{
      -moz-border-radius-topleft: 5px;
      -webkit-border-top-left-radius: 5px;
      -moz-border-radius-bottomright: 5px;
      -webkit-border-bottom-right-radius: 5px;
      background:#ed9500;
      color:#fff;
      font-size:10px;
      padding:3px 5px;
    }
    .news .news-wrapper a.readmore:hover{
      text-decoration:none;
      background:#53682b;
    }
  .news .noborder{
    border:0;
  }
  .news ul{
    list-style:none;
  }



  
/************************************ 
 *
 *          alert system
 *
************************************/
#alrt{
  background:#FCC9C9; /* url(/_img/btn-alrt-close.png) no-repeat scroll 99% 18%;  */
  border:1px solid red;
  border-left:0; border-right:0;
  height:68px;
  width:100%;
  position:fixed;
  z-index:1100;
  top:0;
  text-align:center;
  display:none;
}
  #alrt p{
    font-size:16px;
    font-weight:bold;
    margin-top:23px;
    color:#c51640;
  }
  #alrt .close{
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;
  }

  
  
ul.paginate{
  position:absolute;
  top:5px;
  right:5px;
}
  ul.paginate li{
    float:left;
    margin:0 3px;
  }

 







/* ############################################################# */
/*                                                                          TOOLTIP                                                                             */
/* ############################################################# */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 0;
	background-color: transparent;
	opacity: 0.95;
  color:#333;
  width:375px;
}
  #tooltip p, #tooltip td{
    color:#333;
  }
  #tooltip .about-restaurant{
    background:#fff2ca;
  }
  #tooltip .pop-body-wrapper{
    padding:4px;
  }
  #tooltip .pop-body{
    background:white;
    padding:5px;
    border:1px solid #ccc;
  }
  #tooltip .pop-wrapper .top .start, #tooltip .pop-wrapper .top .end, #tooltip .pop-wrapper .bottom .start, #tooltip .pop-wrapper .bottom .end {
    background:url(/_img/pop_shadows.png) 0 0 no-repeat;
  }
    #tooltip .pop-wrapper .top{
      height:10px;
      width:100%;
    }
      #tooltip .pop-wrapper .top .start{
        height:10px;
        background-position:0 0;
        width:80%;
      }
      #tooltip .pop-wrapper .top .end{
        float:right;
        height:10px;
        background-position:99% -1px;
        width:20%;
      }
    #tooltip .pop-wrapper .bottom{
      height:10px;
      width:100%;
    }
      #tooltip .pop-wrapper .bottom .start{
        height:10px;
        background-position:-1px 95%;
        width:80%;
      }
      #tooltip .pop-wrapper .bottom .end{
        float:right;
        height:10px;
        background-position:98% 95%;
        width:20%;
      }
    #tooltip .pop-body-wrapper{
      padding:0 10px;
      position:relative;
      overflow:hidden;
    }
      #tooltip .pop-body-wrapper .left{
        background:url(/_img/pop_shadows_ends.png) -1px 0 repeat-y;
        height:500px;
        left:0;
        position:absolute;
        width:10px;
      }
      #tooltip .pop-body-wrapper .right{
        background:url(/_img/pop_shadows_ends.png) -10px 0 repeat-y;
        height:500px;
        right:0;
        top:0;
        position:absolute;
        width:10px;
      }
      #tooltip hr.rest{
        color:#e96c00;
      }
      

  #tooltip h3, #tooltip div { margin: 0; font-weight:bold; }

/*  form validation messages  */
#tooltip.failed {
	position: absolute;
	z-index: 3000;
	border:1px solid red;
	background-color:#fcc9c9;
	padding: 5px;
	opacity: 0.85;
  color:#c51640;
}