body {
    background-color: #333333;
    background-image: url('../img/bg.jpg');
    background-repeat:repeat;
    background-position:left top;
    color:#ffffff;
    padding:256px;
    font-family:'Courier New', Courier, monospace;
    line-height:18px;
}
a, a:link {
    color: #ffffff;    
    text-decoration:none;
}
a:visited{color:#eeeeee;}
a:hover{color:#cccccc;}
a:active{color:#dddddd;}
a:focus{outline:0px solid #000;}

img{display:inline;}
h2{color:#fff}

p, p+p {text-indent:0;}
.container{
/*    overflow:hidden;
*//*    background-color:#333333;
    background-image:url('../img/bg.jpg');
    background-repeat:repeat;
    background-position:left top;
    width:100%;
    height:100%;*/
}

.grid-item {
    height:720px;
    margin-bottom:256px;
    /*background-color: #565656;*/
}
#index {
    position:relative;
    margin:auto;
    height:720px;
    width:920px;
    text-align:left;
    font-size:14px;
    line-height:18px;
}
#index .left-col {
    position:absolute;
    width:300px;
    left:20px;
}
#index .right-col {
    position:absolute;
    left:320px;
    width:534px;
    height:628px;
}
#favlink {
    position:fixed;
    top:72px;
    right:24px;
    text-align:center;
    z-index:1001;
    width:35px;
}
#homelink {
    position:fixed;
    top:22px;
    right:27px;
    text-align:center;
    z-index:1002;
}

#featured-project {
    margin-bottom:48px;
}
#featured-header {
  margin-left:1px;
}
#featured-project .video {
    margin-bottom:0;
    /*width:350px;height:258px;*/
    background-color:#000;
    background-position:center center;
    margin-bottom:16px;

}
#featured-project .client {}
#featured-project .desc {margin-top:6px;}
#featured-project .name,
#featured-project .desc,
#featured-project .client,
#featured-project .title {
    display:inline;
    font-size:12px;
    line-height:14px;   
}
#scroll-movement {
    position:fixed;
    bottom:24px;
    right:27px;
    text-align:center;
    z-index:1003;
    cursor:pointer;
}
.menu-heading {
    /*border-bottom:2px solid #999999;*/
    padding-bottom:0em;
    margin-bottom:12px;
}
#news-header {
   margin-bottom:8px;
   margin-left:-2px;
}
/*#featured-project .menu-heading {
    margin-top:0;
    margin-bottom:18px;
}*/
.director-menu {
    list-style-type:none;
    position:relative;
    padding:0;
    margin:0;
    margin-bottom:56px;
}
#littleminx-head {
    position:relative;
    margin-bottom:1em;
    left:-8px;
}
#contact-link {
   margin-left:-4px;
    position:absolute;
    bottom:213px;
    left:18px;
}
#rsa-img {
    position:absolute;
    bottom:123px;
    left:89px;
}
#littleminx-logo{
    position:absolute;
    bottom:117px;
    left:11px;
}
#osk-logo {
    position:absolute;
    bottom:92px;
    left:13px;
}
#navigate-cont {
    position:absolute;
    bottom:92px;
    right:15px;
    width:200px;
}

#navigate-text {
    position:absolute;
    left: 0; 
    bottom: 0;
}
#keyboard {
    position: absolute;
    left:80px;
    bottom:0;
}
#recent {
    width:420px;
    position:absolute;
    bottom:0;
}
#recent ul {
    list-style-type:none;
/*   list-style-image: url(../img/recent-bullet.png);*/
    margin-bottom:0;
    margin-left:0;
}
#recent .see-more {
   /*border-top:2px solid #999999;*/
   padding-top:.5em;
}
/* director styles */
.dirbox {
    width:873px;
    height:720px;
    margin:auto;
}
.dirbox .name {
    font-size:18px;
    margin-bottom:0px;
}
.projectlist {
    position:relative;
}
.projectlist-next {
    position:absolute;
    bottom:30px;
    right:4px;
}
.projectbox {
    width:800px;
    height:400px;
    margin-top:15px;
    margin-bottom:18px;
    clear:both;
}
.mediabox {
    /*background-color: #000000;*/
    background-image:url('../img/video-placeholder.gif');
    background-repeat:no-repeat;
    background-position:center center;
    float:left;
    width:534px;
    height:392px;
}
.new-window-icon {
   margin-bottom:-2px;
   padding-left:4px;
}

.projmeta {
    float:right;
    width:245px;
    height:392px;
    font-size:12px;
}
.projmeta table {
    height:402px;
    padding:0;margin:0;
}
.projmeta td {
    vertical-align:bottom;
    height:100%;
    font-size:14px;
    padding:0;
    margin:0;
}
.projtitle, .projclient, .projdesc {
    display:block;
}
.projtitle{margin-bottom:1em;}
.projclientsmall, .projtitlesmall {
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    word-wrap:break-word;
    width:125px;
    display:block;
}
.projdesc{
    margin-bottom:1em;
    margin-top:1em;
}
.categories{font-size:14px;}
.categories ul {
    list-style-type:none;
    margin:0;
    padding:0;
    padding-bottom:15px;
/*    padding-top:14px;*/
/*    border-bottom: 1px solid #fff;*/
}
.categories .spacer{font-size:9px;padding:0 8px 0 10px;line-height:14px;}
.categories li{display:inline; margin:0; padding:0;}
.categories a .active{color:#fff;cursor:default;}
.categories a{color:#666666;}
.categories a:hover{color:#aaaaaa;}
/*.active-category {
    display:none;
}
.active {
    display:inline;
}*/

.projabout {}
.favadd {
    padding-top:14px;
    padding-bottom:14px;
   /* font-size:12px;*/
/*    border-bottom: 1px solid #fff; */
}
.fav-small { /*thehear*/
    position: relative;
    top:2px;
    margin-right:-7px;
}
.smallthumb {
    width:125px;
    height:84px;  
    margin-bottom:3px;
    background-color: #000000;
    background-repeat:no-repeat;
    background-position:center center;
} 
#gallery .smallthumb {
    width:219px;
    height:146px;  
    margin-bottom:10px;
    background-color: #000000;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    opacity:.75;
    filter: Alpha(Opacity=75);
}
.gallery-caption {
    position:absolute;
    width:120px;
    height:auto;
    top:40px;
    padding:12px 12px 12px 14px;
    display:block;
    background-color:#000;
    opacity:0;
    filter: Alpha(Opacity=0);
}
.projrow { /* ul */
    list-style-type: none;
    margin:0;
    padding:0;
    font-size:12px;
    line-height:12px;
    clear:both;
}
.projrow li{
    display:inline;
    float:left;
    margin-right:12px;
    margin-bottom:12px;
    width:125px;
}
.backbutton {
    margin-top: 7px;
    text-align: right;
}

.project-image {
    background-color: #000000;
    background-repeat: no-repeat;
    background-position: center center;
    width:534px;
    height:392px;
}



/* VIDEOS */
.vid-title {
    text-transform: uppercase;
}
.vid-box, #vid-box-featured {
    width:534px; 
    height:392px;
    text-align:center;
    background-repeat:no-repeat;
    background-position:center center;
}
#vid-box-featured {
   /*width:350px;height:258px;*/
   position:relative;
   overflow:hidden;
}
#vid-box-featured-thumb {
  /* width:350px; height:258px;*/
   position:absolute;
   top:0;
   left:0;
}
.playbtn {
    position:relative;
    top:150px;
    cursor:pointer;
}
/*#vid-box-featured .playbtn {
    top:100px;
    width:97px;
    height:65px;
}*/
.vid-menu {
    margin-top: 0px;
    width: 534px;
}
.vid-loading {
    width:534px;
    text-align:center;
    position:relative;
    top: 170px;
}
.progress-meta {
    height:6px;
    position:relative;
    margin-bottom:4px;
}
/* favorites */
#favorites {
    text-align: center;
    position: relative;
}
#favorites-head {
    margin-bottom: 35px;
    margin-top: 18px;
    position: relative;
/*    left: -60px;*/
}

#favorites .backbutton {
    padding-right: 160px;
    text-align: right;
}
#favorites-instructions{
    position: relative;
/*    left: -60px;*/
    margin: 28px 0;
}
#favorites-email {
    position: relative;
/*    left: -60px;   */ 
}
#favorites .smallthumb {
    margin-bottom:7px;
}
#favorites-list {
  width:920px;
    list-style-type:none;
    text-align:left;
    position:relative;
    left:65px;
    font-size:11px;
    line-height:12px;
}
.gallery-list {
    list-style-type:none;
    text-align:left;
    position:relative;
    left:21px;
    font-size:11px;
    line-height:12px;
}
.gallery-list {left:0px; margin:0;padding:0; width:940px;}
#favorites-list li,
.gallery-list li {
    display: inline;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}
#favorites-list li {
     /*    height:146px;
         width:219px; */
    height:140px;
    margin-right:20px;
    overflow:hidden;
}
.gallery-list li {
     height:146px;
    width:219px; 
}
#gallery {padding-left:24px; margin-top:-40px;}
#gallery-heading {margin-left:-5px;}
.gallery-list .last {margin-right:0px;}
#gallery-sl {clear:both; text-align:center; margin:0 auto; margin-top:24px;}
#gallery-next {clear:both; z-index:1000; font-size:16px;cursor:pointer;text-align:right;padding-right:91px;}

/* contact */
#contact {
    text-align:center;
    height:700px;
    width:920px;
    padding-top:0px;
    margin:auto;
}
#contact-content {
    text-align: center;
    width:830px;
    margin:auto;
    margin-left:0px;
    margin-top:-30px;
}
#contact-content table {
    position:relative;
    left:20px;
}
#contact-content td {
    vertical-align:top;
}
#aboutus {
    margin:28px auto 0 auto;
    width:600px;
}
#about-header{
    margin-bottom:14px;
}