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:14px;
    font-weight:lighter;
}
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;}

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;*/
}
#favlink {
   position: fixed;
   top:72px;
   right:24px;
   text-align:center;
   z-index:1001;
}
#homelink {
   position:fixed;
   top:22px;
   right:27px;
   text-align:center;
   z-index:1002;
}
#scroll-movement {
   position:fixed;
   bottom:24px;
   right:27px;
   text-align:center;
   z-index:1003;
   cursor:pointer;
}
#mainmenu {
    text-align:center;
    position:relative;
    margin:auto;
    height:720px;
    width:920px;
}
.director-menu {
    list-style-type:none;
    position:relative;
    margin-bottom:60px;
    font-size:12px;
    line-height:16px;
}
#littleminx-head {
    margin-top:100px;
    margin-bottom:28px;
}
#rsa-img {
    position:absolute;
    bottom:146px;
    left:180px;
}
#littleminx-logo{
    position:absolute;
    bottom:142px;
    left:120px;
}
#navigate-cont {
    position:absolute;
    bottom:142px;
    right:110px;
    width:200px;
}
#navigate-text {
    position:absolute;
    left: 0; 
    bottom: 0;
}
#keyboard {
    position: absolute;
    left:80px;
    bottom:0;
}


/* director styles */
.dirbox {
    width:920px;
    height:720px;
    margin:auto;
}
.dirbox .name {
    font-size:14px;
    margin-bottom:2px;
}
.projectlist {
    position:relative;
}
.projectlist-next {
    position: absolute;
    top: 20px;
    right: 14px;
}
.projectbox {
    width: 920px;
    height: 480px;
    margin-top: 14px;
    margin-bottom: 28px;
    clear:both;
}
.mediabox {
    /*background-color: #000000;*/
    background-image:url('../img/video-placeholder.gif');
    background-repeat:no-repeat;
    background-position:center center;
    float:left;
    width:640px;
    height:480px;
}
.projmeta {
    float:right;
    width:245px;
    height:480px;
    font-size:12px;
}
.projmeta td {
    vertical-align:bottom;
    height:100%;
}
.projtitle, .projclient {
    font-size:14px;
    line-height:18px;
}
.projclientsmall, .projtitlesmall {
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    word-wrap:break-word;
}
.categories {
    list-style-type:none;
    margin:0;
    padding:0;
    padding-bottom:2px;
    padding-top:14px;
/*    border-bottom: 1px solid #fff;*/
}
.projabout {
    padding-top:14px;
    padding-bottom:14px;
}
.favadd {
    padding-bottom:7px;
    font-size:12px;
/*    border-bottom: 1px solid #fff; */   
}
.fav-small { /*thehear*/
    position: relative;
    top: 2px;
    margin-right: -7px;
}
.smallthumb {
    width:125px;
    height: 84px;  
    background-color: #000000;
    background-repeat:no-repeat;
    background-position:center center;
} 
.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: 14px;
    margin-bottom: 14px;
    width:125px;
}
.backbutton {
    margin-top: 7px;
    text-align: right;
}

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

.active-category {
    display:none;
}
.active {
    display:inline;
}

/* VIDEOS */
.vid-title {
    text-transform: uppercase;
}
.sm2-general, .sm2-container, .vid-box {
    width:640px; 
    height:400px;
    /* background-color: #000;*/
   /* background-image: url(../img/ajax-loader.gif);*/
   text-align:center;
}
.playbtn {
    position:relative;
    top: 175px;
}
.vid-menu {
    margin-top: 0px;
    width: 640px;
}
.vid-loading {
    width: 640px;
    text-align:center;
    position:relative;
    top: 170px;
}
.progress-meta {
    height:6px;
    position:relative;
    margin-bottom:4px;
}
.loaded-container {
    background-color:#404040;
    height:6px;
    position:relative;
    top:0; left:0;
}
.loaded-pos {
    background-color:#6a6a6a;
    height:6px;
}
.position-container {
    /*background-color: #555;*/
    height:6px;
    position:relative;
    top:-6px; left:0;    
}
.position-pos {
    background-color: #ffffff;
    height:6px; 
    opacity: .50;
    filter: Alpha(Opacity=50);    
}

/* favorites */
#favorites {
    text-align: center;
    position: relative;
}
#favorites-head {
    margin-bottom: 35px;
    margin-top: 28px;
    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 {
    list-style-type: none;
    /*width: 850px;*/
    text-align: left;
    position: relative;
    left: 21px;  
}
#favorites-list li {
    display: inline;
    float: left;
    margin-right: 34px;
    margin-bottom: 28px;
    font-size:12px;
    height: 130px;
    width:125px;
}

/* contact */
#contact {
    text-align: center;
    height: 700px;
    width:920px;
    padding-top: 21px;
    margin:auto;
}
#contact-content {
    text-align: center;
    width: 830px;
    margin:auto;
}
#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;
}