@charset "UTF-8";
/* CSS Document */

body{
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
background:url(images/bkg.png) repeat-x top #1A232C;

}

h1{
font-size:15px;
}

h2{
font-size:25px;
}

/*#header,#navi, #vidHolder, #cont01{
width:950px;
margin:10px auto 0px auto;


}
*/
#header{
height:65px;
width:950px;
margin:10px auto 0px auto;
background:url(images/headerImage.png) no-repeat ;
}


#header p{
float:right;
font-size:12px;
color:#FFFFFF;
margin:8px 155px 0px 0px;
}


/* navigation/////////////////////////////*/

a:link img, a:active img, a:visited img{
border:none;
}

#navi p{
float:right;
font-size:10px;
color:#FFFFFF;
margin:8px 20px 0px 0px;

}

#navi{
height:42px;
width:950px;
margin:10px auto 0px auto;
background: url(images/naviBar.png) no-repeat ;

}

.btn{
float:left
}

#btn_reel{
background:url(images/btn_3dReel.png) no-repeat;
margin:8px 0px 0px 10px;
}

#homePage #btn_reel{
background:url(images/btn_3dReel_hit.png) no-repeat;
margin:8px 0px 0px 10px;

}
#btn_reel:hover{
background:url(images/btn_3dReel_hvr.png) no-repeat;
margin:8px 0px 0px 10px;

}



/* btn mograph/////////////////////////////*/

#btn_mograph{
background:url(images/btn_mograph.png) no-repeat;
margin:8px 0px 0px 10px;
}

#mographPage #btn_mograph{
background:url(images/btn_mograph_hit.png) no-repeat;
margin:8px 0px 0px 10px;

}


#btn_mograph:hover{
background:url(images/btn_mograph_hvr.png) no-repeat;
margin:8px 0px 0px 10px;

}

/* btn gallery/////////////////////////////*/

#btn_gallery{
background:url(images/btn_gallery.png) no-repeat;
margin:8px 0px 0px 10px;
}

#galleryPages #btn_gallery{
background:url(images/btn_gallery_hit.png) no-repeat;
margin:8px 0px 0px 10px;
}

#btn_gallery:hover{
background:url(images/btn_gallery_hvr.png) no-repeat;
margin:8px 0px 0px 10px;
}

/* btn sketches/////////////////////////////*/

#btn_sketches{
background:url(images/btn_sketches.png) no-repeat;
margin:8px 0px 0px 10px;
}

#sketchesPage #btn_sketches{
background:url(images/btn_gallery_hit.png) no-repeat;
margin:8px 0px 0px 10px;

}


#btn_sketches:hover{
background:url(images/btn_sketches_hvr.png) no-repeat;
margin:8px 0px 0px 10px;

}

/* btn unreleased /////////////////////////////*/

#btn_unreleased{
background:url(images/btn_unreleased.png) no-repeat;
margin:8px 0px 0px 125px;
}

#unreleasedPage #btn_unreleased{
background:url(images/btn_unreleased_hit.png) no-repeat;
margin:8px 0px 0px 125px;

}


#btn_unreleased:hover{
background:url(images/btn_unreleased_hvr.png) no-repeat;
margin:8px 0px 0px 125px;

}


/*//////////////////////////////////////*/
#vidHolder{
width:950px;
height:553px;
margin:10px auto 0px auto;
padding:75px 0px 0px 0px;
background: url(images/vidBox.png) no-repeat ;
}


#myFlv {
width:800px;
height:500px;
text-align:center;
margin:auto;
}
 
#cont01{
width:950px;
height:922px;
margin:10px auto 0px auto;
background: url(images/ContBox.png) no-repeat;
padding:20px 0px 0px 0px;
}

.textBox1{
width:800px;
height:850px;
margin:auto;
overflow:scroll;
}

.textBox{
width:800px;
height:850px;
margin:auto;
overflow:scroll;
}

#sketchesPage .textBox{
width:925px;
height:850px;
margin:auto;
overflow:hidden;
}





.textBox1 ul li{

margin: 10px auto  10px auto  ;
padding:0px;
list-style:none;

}

.textBox ul li{
float:left;
margin: 0px 10px 10px 0px ;
padding:0px;
list-style:none;
}