body {
	text-align:center;
	padding:0px;
	margin:0px;
	font: 12px Georgia, Palatino, "Times New Roman", serif;
	color: #767267;
	line-height: 1.2em;
	background-image: url(assets/images/bg.jpg);
}

a {
	margin: 0px;
	font: 12px Georgia, Palatino, "Times New Roman", serif;
	color: #49463f;
	font-style: italic;
	text-align:left;
	text-decoration: underline;
	outline: none;
	border:none;
}

a img {
	border: none;
	outline: none;
}

p {
	margin: 10px 5px;
	text-align:left;
}

a:hover {
	color: #57737c;
}

h1 {
	font: 16px Georgia, Palatino, "Times New Roman", serif;
	text-align:left;
}

.smalltext {
	margin: 8px 5px 16px;
	font: 11px Georgia, Palatino, "Times New Roman", serif;
	text-align:left;
}

#wrapper {
	text-align:center;
	margin: 0px auto;
	margin-top: 20px;
	width: 920px;
}

#nav {
	width: 240px;
	height: 200px;
	float:left;
}

#content {
	width: 664px;
	float:right;
}

#contenttop {
	height: 88px;
	background-image: url(assets/images/frame_top.jpg);
}

#contentmain {
	background-image: url(assets/images/frame_tile.jpg);
}

#contentfooter {
	height: 88px;
	background-image: url(assets/images/frame_footer.jpg);
}

#reeltop {
	height: 88px;

}

#copy {
	margin: 0px 80px;
}

.spacer {
	height: 30px;
}

.spacer2 {
	height: 105px;

}

.contactleft{
	float:left;
	width: 220px;
}

.contactright{
	float: right;
	width: 220px;

}

.presscap{
	text-align: left;
	margin-left: 215px;

}

.floatleft{
	float:left;
	margin-left: 6px;
}

.clear {
	clear: both;
}

/* <------------------------      button rollover actions     ------------------------> */


.highlight {
  background-position: -240px 0px!important;
}


#philosophy {
  display: block;
  width: 240px;
  height: 24px;
  background: url("assets/images/button_1.jpg") no-repeat 0 0;
}

#about {
  display: block;
  width: 240px;
  height: 24px;
  background: url("assets/images/button_2.jpg") no-repeat 0 0;
}

#films {
  display: block;
  width: 240px;
  height: 24px;
  background: url("assets/images/button_3.jpg") no-repeat 0 0;
}

#details {
  display: block;
  width: 240px;
  height: 24px;
  background: url("assets/images/button_4.jpg") no-repeat 0 0;
}

#testimonials {
  display: block;
  width: 240px;
  height: 24px;
  background: url("assets/images/button_5.jpg") no-repeat 0 0;
}

#contact {
  display: block;
  width: 240px;
  height: 24px;
  background: url("assets/images/button_6.jpg") no-repeat 0 0;
}

#press {
  display: block;
  width: 240px;
  height: 24px;
  background: url("assets/images/button_7.jpg") no-repeat 0 0;
}

#philosophy:hover
{ 
  background-position: -240px 0px;
}

#about:hover
{ 
  background-position: -240px 0px;
}

#films:hover
{ 
  background-position: -240px 0px;
}

#details:hover
{ 
  background-position: -240px 0px;
}

#testimonials:hover
{ 
  background-position: -240px 0px;
}

#contact:hover
{ 
  background-position: -240px 0px;
}

#press:hover
{ 
  background-position: -240px 0px;
}

#philosophy span
{
  display: none;
}

#about span
{
  display: none;
}

#films span
{
  display: none;
}

#details span
{
  display: none;
}

#testimonials span
{
  display: none;
}

#contact span
{
  display: none;
}

#press span
{
  display: none;
}


/* <------------------------      film menu actions     ------------------------> */

.filmstop{
	height: 56px;
}

.filmsback{
  display: block;
  margin: 0px auto;
  width: 47px;
  height: 24px;
  background: url("assets/images/back_button.jpg") no-repeat 0 0;
}

.filmsback:hover{
	background-position: -47px 0px;	
}

.filmmenu{
	width:260px;
	margin: 0px auto;
	text-align: center;
}

#films1{
  display: block;
  width: 260px;
  height: 43px;
  background: url("assets/images/films1.jpg") no-repeat 0 0;	
}

#films1:hover{
background-position: -260px 0px;
}


#films2{
  display: block;
  width: 260px;
  height: 69px;
  background: url("assets/images/films2.jpg") no-repeat 0 0;	
}

#films2:hover{
background-position: -260px 0px;
}

#films3{
  display: block;
  width: 260px;
  height: 67px;
  background: url("assets/images/films3.jpg") no-repeat 0 0;	
}

#films3:hover{
background-position: -260px 0px;
}

#films4{
  display: block;
  width: 260px;
  height: 43px;
  background: url("assets/images/films4.jpg") no-repeat 0 0;	
}

#films4:hover{
background-position: -260px 0px;
}