/************************************ 
 *
 *          resets
 *
************************************/
/*
  orange: #ed9500;
  green: #53682b;
*/

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;
}
/* ---------- ::Document Defaults:: ---------- */
html {
  font-size:100.01%;
  height: 101%;
}
body {
  margin:0 auto;
  height:100%;
  font:.9em/14px arial,helvetica,verdana,sans-serif;
  color:#4f4e4e;
}
/* ---------- ::Typography:: ----------------- */
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: Arial, sans-serif;
  font-weight: bold;
  line-height:1em;
  color:#000;
}
p {
  margin:0;
  line-height:1.5em;
  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:.8em;
}
sup{
  left:1px;
  top:0;
  /*line-height:6px; position:relative; */
}
.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;
}

/************************************ 
 *
 *          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;
}


/* ---------- ::Tables:: --------------------- */
table {
  /*table-layout:fixed;*/
  word-wrap:break-word;
  /*overflow:hidden;*/
}
/* ---------- ::Links:: ---------------------- */
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-wrapper{
  width:100%;
  margin:5px auto 0 auto;
  position:relative;
  background:#fff;
  background-attachment: fixed;
}
#page{
  width:797px;
  margin:0 auto;
  position:relative;
  min-height:400px;
}
#content{
  width:928px;
  margin:25px auto 10px auto;
  padding:0 10px;
  min-height:400px;
}





/************************************ 
 *
 *          header
 *
************************************/
#header{
  height:90px;
  width:100%;
  position:relative;
  border-bottom:1px solid #b2b2b2;
}
  #logo{
    margin:20px 5px;
  }
  #header a{
    color:#4f4e4e;
    font-weight:normal;
  }
  ul#top-nav {
    position:absolute;
    top:18px;
    right:5px;
    list-style:none;
  }
    ul#top-nav li{
      float:left;
      font-size:15px;
      margin:0 1px;
      padding:17px 15px;
      cursor:pointer;
    }
      ul#top-nav li.nav-profile:hover, ul#top-nav li.nav-profile-selected{
        background:#e43e8f;
      }
      ul#top-nav li.nav-people:hover, ul#top-nav li.nav-people-selected{
        background:#8d62e5;
      }
      ul#top-nav li.nav-work:hover, ul#top-nav li.nav-work-selected{
        background:#4ca8de;
      }
      ul#top-nav li.nav-video:hover, ul#top-nav li.nav-video-selected{
        background:#51b41c;
      }
      ul#top-nav li.nav-results:hover, ul#top-nav li.nav-results-selected{
        background:#f7c234;
      }
      ul#top-nav li.nav-411:hover, ul#top-nav li.nav-411-selected{
        background:#b6b5b5;
      }
        ul#top-nav li:hover a, ul#top-nav li.selected a{
          color:#fff;
          text-decoration:none;
        }
        /*
        ul#top-nav li a:hover{
          color:#4599d3;
          text-decoration:none;
        }
        */
    
        
        
/************************************ 
 *
 *          flash
 *
************************************/
#flash-wrapper{
  width:797px;
  position:relative;
}
#flash{
  position:relative;
}
#flash .slide{ 
  position:absolute; 
  left:0;
}




/************************************ 
 *
 *          rounded corners
 *
************************************/
.rounded-corner-10{
  -moz-border-radius-topleft: 10px; 
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-bottomright: 10px; 
  -webkit-border-bottom-right-radius: 10px;
}
.rounded-corner-20{
  -moz-border-radius-topleft: 20px;
  -webkit-border-top-left-radius: 20px;
  -moz-border-radius-bottomright: 20px; 
  -webkit-border-bottom-right-radius: 20px;
}

    



/************************************ 
 *
 *          columns
 *
************************************/
#columns{
  list-style:none;
  margin:0;
  padding:35px 0 0 0;
  border-top:1px solid #b2b2b2;
}
  #columns a{
    font-size:.9em;
  }
  #columns h2{
    margin:0 0 20px 0;
  }
  #columns td {
    border-left:1px solid #C9C9C9;
    padding:0 10px 14px 10px;
    vertical-align:top;
    width:33%;
  }
  #columns td:first-child{
    border:0;
  }
    #columns #last-word{
      border:0;
      width:66%;
    }
      #columns #last-word td:first-child{
        padding:0;
      }
      #columns #last-word h2{
        font-size:1.3em;
        padding:3px 5px;
        background:#f19ec7;
        margin:0 0 5px 0;
      }
      #columns #last-word h3{
        font-size:1.2em;
        font-weight:normal;
        color:#383838;
      }
  #columns .post .time{
    /*color:#137DC7;*/
    color:#999;
    font-size:.7em;
    margin:0;
    padding:0;
  }
  #columns .post a{
    font-size:12px;
  }
  .post-wrapper{
    margin:22px 0;
  }
  .post h5.postTitle{
    line-height:1.2em;
    color:#137DC7;
    margin:0;
  }
  .post p{
    margin:3px 0 0 0;
    padding:0;
  }


  #hispanic h2{
    color:#137DC7;
    font-size:1.3em;
    background:#fbe099;
    padding:3px 5px;
  }
    #hispanic h2 a{
      color:#000;
    }
  #results img{
    border:1px solid #B2B2B2;
  }
  
  .tweet{
    margin:22px 5px 0 0;
  }
    .tweet .profile-img{
      margin:5px 5px 0 0;
    }
    .tweet h4{
      color:#137DC7;
      font-size:.9em;
    }
    .tweet p{
      margin:0;
      padding:0;
    }
    .tweet .time{
      margin:0;
      font-size:.7em;
    }


#loading{
  position:absolute;
}

.content{
  padding:15px 0 0 10px;
  position:relative;
}
  .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;
  }


/************************************ 
 *
 *          people
 *
************************************/ 
ul#peoples{
   margin:30px 0 0 0;
  list-style:none;
}
  ul#peoples li{
    float:left;
    margin:0 7px;
    width:22%;
    background:white;
  }
    ul#peoples li img{
      display:block;
    }
.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;
}


/************************************ 
 *
 *          results
 *
************************************/ 
ul#results{
   margin:30px 0 0 0;
  list-style:none;
}
  ul#results li{
    float:left;
    margin:0 7px;
    width:45%;
    border-right:1px solid #999;
    font-size:1.1em;
  }
  ul#results li.no-border{
    border:0;
  }
    ul#results li p{
      margin:0;
      padding:0;
    }
    ul#results li a{
      font-weight:normal;
    }
    

/************************************ 
 *
 *          work
 *
************************************/
#categories{
  width:290px;
}
#portfolio{
  position:absolute;
  top:30px;
  right:0;
  width:485px;
}
#profile{
  position:absolute;
  top:65px;
  right:0;
  width:510px;
}
  #profile h3{
    margin-bottom:2px;
  }
  
#copy{
  width:220px;
}
#people{
  position:absolute;
  top:35px;
  right:0;
  width:520px;
}
  #people-list{
    position:absolute;
    top:0;
    right:0;
    width:520px;
  }
#target{
  vertical-align:middle;
}
  #target p{
    font-size:1.1em;
  }
  #results li, #results p{
    font-size:.9em;
  }
  


ul#work{
  margin:0;
  list-style:none;
  position:absolute;
  right:0;
}
  ul#work li{
    float:left;
  }
  ul#work li.cat{
    margin:5px 10px;
  }
  ul#work.portfolio{
    
  }
  ul#work.portfolio li{
    
  }
.cats ul{
  list-style:none;
  margin-left:60px;
}
  .cats h2{
    margin-left:20px;
    font-size:1.2em;
  }
  .cats ul li{
    font-size:1.1em;
  }
  .cats ul li a{
    font-weight:normal;
    color:#333;
  }
  .cats ul li a:hover{
    color:#4599d3;
    text-decoration:none;
  }
  .cats ul li.here a{
    color:#137DC7;
  }
  .cats ul li .arrow{
    display:none;
    font-size:1.1em;
    padding-left:7px;
    color:#137DC7;
  }
  .cats ul li.here .arrow{
    display:inline;
  }
  #target .pnav{
    position:absolute;
    top:215px;
  }
    #target .next{
      right:0;
    }
    #target .back{
      left:290px;
    }
.portpiece{
  position:relative;
}
  .portpiece .enlarge{
    position:absolute;
    bottom:5px;
    right:10px;
    color:#137DC7;
  }
  .portpiece h4{
    margin:8px 0 0 10px;
  }
    .portpiece h4 span{
      font-weight:normal;
      padding-left:5px;
    }


#markup{
  display:none;
}


/************************************ 
 *
 *          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;
}