/* -- Our work navigation -- */
#navwork ul {
    padding: 0;
    margin: 0;
    background-color: #eeeeef;
    color: #474747;
    float: right;  /* Default: left when login is ready */
    list-style-type: none;
    background: #fff url(../images/work_nav.gif) no-repeat;
    
    /* text version */
    text-align: center; 
}

#navwork ul li {
    display: block;
    float: left;
    height: 31px;
    margin: 0;

    /* image version*/
    /*padding: 0; 
      height: 31px;
    */
    
    /* text version */
    padding: 9px 0 0 0;    
}

#navwork ul li a {
    border-left: 1px solid #c8c8c8;
    color: #474747;
    display: block;
    height: 17px;
    
    /* text version*/
    padding: 0 0.65em 0 0.7em;
    margin-top: 0;
    text-decoration: none;
    
    /* image version */
    /* text-indent: -4000px; 
    margin-top: 6px; */
}

#navwork ul li a:hover { background-color: transparent;}

/* fixed widths - bad baaaad I know...just temp! */
#navwork ul li.all  { width: 65px; }
#navwork ul li.design   { width: 88px; }
#navwork ul li.digital { width: 78px;}
#navwork ul li.film { width: 78px; }

/*
#navwork ul li.all  { width: 65px; }
#navwork ul li.design   { width: 88px; }
#navwork ul li.digital { width: 78px; }
#navwork ul li.film { width: 78px; }
#navwork ul li.all a  { width: 42px; background: transparent url(../images/nav_button_all.gif) no-repeat right 5px;  }
#navwork ul li.all a:hover, #navwork ul li.all a.on  { background: transparent url(../images/nav_button_all_on.gif) no-repeat right 5px; }


#navwork ul li.design a  { width: 60px; background: transparent url(../images/nav_button_design.gif) no-repeat right 5px;  }
#navwork ul li.design a:hover, #navwork ul li.design a.on  { background: transparent url(../images/nav_button_design_on.gif) no-repeat right 5px; }


#navwork ul li.digital a  { width: 55px; background: transparent url(../images/nav_button_digital.gif) no-repeat right 5px;  }
#navwork ul li.digital a:hover, #navwork ul li.digital a.on  { background: transparent url(../images/nav_button_digital_on.gif) no-repeat right 5px; }


#navwork ul li.film a  { width: 45px; background: transparent url(../images/nav_button_film.gif) no-repeat right 5px;  }
#navwork ul li.film a:hover, #navwork ul li.film a.on  { background: transparent url(../images/nav_button_film_on.gif) no-repeat right 5px; }
*/

#navwork ul li.first { /* text-align: center; */}
#navwork ul li.first a { border-left: 0; }
#navwork ul li a:hover { color: #f10f83; }



/* -- Our work -- */

#content .workbox_left{
    float: left; width:101px; height: 32px;
    /* border: 1px solid orange; */
}

#content .workbox_right{
    float: right;
    /*width: 343px;*/
    padding: 5px 0 10px 0;
    width: 543px;
    text-align: right;
}

#content #navwork  { 
    float: right; 
    /* width: 415px; */
    width: 340px;  
    /* border: 1px solid red;  */
}


#content .content_work_row{
    width: 732px;
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid #ededed;
}

#content .work_row_left{
    float: left;
    width: 246px; /* default: 248px*/
}
#content .work_row_right{ 
    float: left;
    width: 486px; /* default: 486px*/
}

#content .row_last{ border-bottom: 0 !important; }
#content .work_top{height: 126px;}
#content .work_view_options1 { height: 24px; }

/* Key anchor style at the bottom of style css */
/*
a.work.project     { background: url(../images/button_work_project.gif) no-repeat; }

a:hover.work.project, a.work.project.on   { background: url(../images/button_work_project_on.gif) no-repeat; }
a.work.images     { background: url(../images/button_work_images.gif) no-repeat; }
a:hover.work.images, a.work.images.on   { background: url(../images/button_work_images_on.gif) no-repeat; }
a.work.www         { background: url(../images/button_work_www.gif) no-repeat; }
a:hover.work.www,a.work.www.on      { background: url(../images/button_work_www_on.gif) no-repeat; }
a.work.movie       { background: url(../images/button_work_movie.gif) no-repeat; }
a:hover.work.movie, a.work.movie.on    { background: url(../images/button_work_movie_on.gif) no-repeat; }
*/

#content .content_casestudy_top{
    width: 480px;
    padding-bottom: 5px; /* 25px */
}

/* Case study boxes */
#content .case_row_left{
    /* float: left; */
    /* width: 361px; */ /* default: 248px*/
    /* padding-right: 22px; */
}

#content .case_row_right{ 
    /* float: left; */
    /* width: 347px; *//* default: 486px*/

}

.pagination {
   text-align: center;
   display: block;
   width: 500px;
   margin: 0 auto;
}

.pagination .disabled {
   display: none;
}

.pagination .prev, .pagination .next
{
   width: 80px !important;
   border:1px solid #DDDDDD;
   color:#999999;
   margin: 0 auto;
}

.pagination a.nextprev
{
   font-weight:bold;
}

.pagination a:hover
{
   border-color:#F10F83;
   color: #474747;
}

.pagination a
{
   display: block;
   border:1px solid #9AAFE5;
   text-decoration:none;
   margin: 0 3px !important;
}

.pagination a, .pagination span
{
   background:#FFFFFF none repeat scroll 0 0;
   border:1px solid #FFFFFF;
   display: inline;
   margin-right:0.1em;
   padding:0.2em 0.5em;
   margin: 0 auto;
   width: 10px;
}

.pagination span.current {
   background:#F10F83 none repeat scroll 0 0;
   border:1px solid #F10F83;
   color:#FFFFFF;
   font-weight:bold;
   margin: 0 auto;
}

.testimonial {
   width: 813px; height: 343px; 
}

#testimonial_area {
    cursor: pointer;
    overflow:hidden;
}

#testimonial-rollover {
    position: relative;
    text-align: right;
    display:none;
    z-index: 1;
    height: 0px;
}

#content .content_home_lft {
    padding: 0 46px 10px 0;
}

#content .content_home_rht {
    width: 182px;
}

/** client name */
.work_top em {
    font-style: normal;
    color: #989898;
    margin-top: 1px;
    display: block;
}

.limitwidth{
	width: 100px;
}