/* work_callout */

#work_callout {
    width: 377px;
    position: fixed;
    top: 104px;
}
.callout {
    display: block;
    font-size: 65px;
    width: 346px;
    margin-bottom: 12px;
    padding-left: 31px;
}

/* work_menu */

#work_menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 342px;
}
#work_menu li {
    margin-bottom: 10px;
}
#work_menu li a.network_header {
    font-family: arial, sans-serif;
    padding: 9px 11px 11px 9px;
    width: 295px;
    height: 10px;
    line-height: 10px;
    background-color: rgba(214, 214, 214, .5);
}
#work_menu li a.network_header:hover {
    background-color: #949494;
    background-color: rgba(172, 211, 79, .5);
}

/* work */
#work_container {
    float: right;
    display: block;
    margin-bottom: 190px;
}
.work {
    width: 555px;
    height: 260px;
    display: block;
    margin-bottom: 80px;
}
.work .button {
    margin: 25px 0 0 0px;
    float: right;
}
.work p {
    font-size: 12px;
    width: 453px;
    float: left;
}
.work h4 {
    margin: 11px 0 0 0;
    padding: 0 0 5px;
    width: 453px;
    border-bottom: solid 1px #393939;
}
.work_images {
    overflow: hidden;
    height: 160px;
    border: solid #676767 5px;
}
.images {
    position: relative;
    padding: 0px;
    margin: 0px;
    width: 545px;
}
.images li {
    height: 160px;
    width: 545px;
    list-style: none;
}

/* image selector */

.selector {
    float: right;
    height: 6px;
    margin-top: 6px;
}
.selector ul {
    padding: 0;
    margin: 0;
    height: 6px;
}
.selector ul li {
    float: left;
    margin-left: 6px;
    list-style: none;
}
.selector a.image_button {
    display: block;
    width: 7px;
    height: 7px;
    background-color: #d6d6d6;
}
a.image_button span {
    font-size: 6px;
    visibility:hidden;
}
.selector a.current {
    background-color: #8ed140;
}