body, p, form, ul, li, input, h1, h2, h3, h4, h5, h6, dl, dt, dd { margin: 0; padding: 0; }

body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	text-align:center;
	background-color:#e7ded0;
	color:#544539;
	}

div#container {
	width:940px;
	margin: 0 auto;
	background-image:url(../images/bkg-container.gif);
	background-repeat:repeat-y;
	padding:15px 25px 0 25px;
	position: relative; 
	text-align: left;
  }
	
a {font-weight:normal; margin: 0; padding: 0; color:#544539; text-decoration:underline; }

a:visited {color:#8a1e04; text-decoration:underline; } 

a:hover {color:#8a1e04; text-decoration:none; } 

a:active {color:#8a1e04; text-decoration:underline; } 

img, swf, object {padding:0; margin:0; display:block; border:0; }		
		
		
/*Branding  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		
div#branding {
	width:940px;
	height:150px;
	position: relative; 
	}			
	
	
/*Main Navigation  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */			

#navMain { 
	width:905px;
	height:25px;
	margin:10px 0 10px 35px;
	background-color:#f1eee9;
	position:relative;
  }
	
	#navMain a {background: url(../images/nav.gif) no-repeat; display: block; float: left; height: 25px; overflow: hidden; text-indent: -999px;}
	
#navMain a.navRentals {background-position: -36px 0; width: 110px;}
#navMain a.navRentals:hover, #rentals #navMain a.navRentals {background-position: -36px -25px;}		

#navMain ul {background-color: #fff; float:right; padding-left: 15px;}
	 
#navMain ul li { 
	padding:0; 
  margin:0;
	list-style-type:none;  
	display:inline;
	float:left;
  }
	
#navMain a.navAbout {
	background-position: -482px 0;
	width: 62px;
  }	
	
#navMain a.navAbout:hover, #about #navMain a.navAbout {
		background-position: -482px -25px;
  }
	
#navMain a.navFilms {
	background-position: -544px 0;
	width: 65px;
  }
	
#navMain a.navFilms:hover, #films #navMain a.navFilms {
		background-position: -544px -25px;
  }	
	
#navMain a.navTV {
	background-position: -609px 0;
	width:102px;
  }		
	
#navMain a.navTV:hover, #television #navMain a.navTV {
		background-position: -609px -25px;
  }	
	
#navMain a.navCommercials {
	background-position: -710px 0;
	width:120px;
  }	
	
#navMain a.navCommercials:hover, #commercials #navMain a.navCommercials {
		background-position: -710px -25px;
  }		
	
#navMain a.navContact {
	background-position: -830px 0;
	width: 76px;
}

#navMain a.navContact:hover, #contact #navMain a.navContact {
	background-position: -830px -25px;
  }	
	

/*CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/		
div#content {
	width:940px;
	margin:0;
	padding:0;
	background-image:url(../images/bkg-content.gif);
	background-repeat:no-repeat;
	background-color:#ece7dd;
	position: relative; 
	}	
	
#content .sub { padding:30px 0 0 30px; }

#home #content #slideGroup {
	padding:30px 0px 30px 57px;
}
#home #content #callouts {
	padding:10px 0px 30px 50px;
}
#home #content #callouts .gear {
	background:url(../images/hp-gear-bg.jpg) no-repeat top left;
	width:386px;
	height:276px;
	float:left;
	padding-right:26px;
	border-right:1px solid #b1a083;
	position:relative;
}
#home #content #callouts .gear .btn_gear { background:url(../images/hp-gear-bg-button.jpg) no-repeat top left; width:160px; height:40px; position:absolute; bottom:20px; left:113px; }
#home #content #callouts .gear .btn_gear:hover { background-position:bottom left; }
#home #content #callouts .production {
	background:url(../images/hp-production-bg.jpg) no-repeat top left;
	width:386px;
	height:276px;
	float:left;
	margin-left:26px;
	position:relative;
}
#home #content #callouts .production .btn_prod { background:url(../images/hp-production-bg-button.jpg) no-repeat top left; width:160px; height:40px; position:absolute; bottom:20px; left:113px; }
#home #content #callouts .production .btn_prod:hover { background-position:bottom left; }
#home #content #callouts p { margin:80px 30px 0 30px; color:#5f4f2f; font-family:Arial, "“Helvetica Neue”", Helvetica, sans-serif; font-size:13px; }

/*LEFT COLUMN~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/			

div#leftCol {
	width:335px;
	margin:0;
	padding:30px 30px 0 30px;
	position: relative; 
	float:left;
	}	
	
* html div#leftcol {
		\width: 335px; /* for IE5 and IE6 in quirks mode */
		w\idth: 335px; /* for IE6 in standards mode */
	}
	
#leftCol p {
	margin:20px 0;
	line-height:19px;
	}		

#leftCol h2,	
#leftCol h2 a {
	font-size:12px;
	color:#8a1e04;
	margin:5px 0;
	line-height:19px;
	}	
		
#leftCol ul {
	margin:0 0 15px 20px;
	}	
	
#leftCol li,
#leftCol a {
	list-style-type:none;
	list-style-image:url(../images/bullet.gif);
	color:#8a1e04;
	line-height:19px;
	}	
	
#leftCol a:hover {
	color:#544539;
	text-decoration:none;
	}	
	
#leftCol a#hit {
	color:#544539;
	text-decoration:none;
  }				

#leftCol .btnTrailer{
	background:url(../images/btn-trailer.png) no-repeat top left;
	width:293px;
	height:44px;
	overflow:hidden;
}
#leftCol .btnTrailer:hover { background-position:bottom left; }


/*QUOTEBOX - SUB PAGES~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#quotebox {
	width:335px;
	margin:30px 0;
	padding:0;
	background-color: #e3dac7;
	}
	
	
#quotebox blockquote {
	font-family: Helvetica, Arial, sans-serif;
	margin:8px 20px;
	padding:0;
	line-height:18px;
	}			


/*QUICKLINKS - HOME PAGE~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/			
#quicklinks ul {
	width:335px;
	height:159px;
	margin:30px 0;
	padding-left:30px;
	background-image:url(../images/quiklinkBkg.gif);
	background-repeat:no-repeat;
	}	
#quicklinks ul li { 
	padding:0; 
  margin:0;
	float:left;
	list-style-type:none;  
	display:inline;
  }
#quicklinks a {
  display:block;
	margin:80px 0 0 0;
  } 
.qlFilms a {
	width:60px;
	height:15px;
  background:url(../images/qlFilms.gif) 0 0 no-repeat;
  }	
.qlTV a {
	width:110px;
	height:15px;
  background:url(../images/qlTV.gif) 0 0 no-repeat;
  }
.qlCommercials a {
	width:119px;
	height:15px;
  background:url(../images/qlCommercials.gif) 0 0 no-repeat;
  }		
.qlFilms a:hover {
  background:url(../images/qlFilms.gif) 0 -15px;
  }	
.qlTV a:hover {
  background:url(../images/qlTV.gif) 0 -15px;
  }			
.qlCommercials a:hover {
  background:url(../images/qlCommercials.gif) 0 -15px;
  }	
		

/*END ~~~~~~~~~~~~~~~*/					
	
	
	
/*RIGHT COLUMN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */			
	
div#rightCol {
	width:545px;
	margin:0;
	padding:30px 0;
	position: relative; 
	float:left;
	}		
	
#rightCol h1,
#rightCol h2,
#rightCol p {
	line-height:18px;
	margin-left:0;
	margin-right:80px;
	padding:0;
	}	
	
#rightCol h1 {
	font-size:18px;
	font-weight:normal;
	font-weight:100;
	letter-spacing:2px;
	color:#660000;
	margin-top:15px;
	margin-bottom:3px;
	}
	
#rightCol h2 {
	font-size:15px;
	font-weight:normal;
	color:#660000;
	margin-top:0px;
	margin-bottom:8px;
	}		
	
#rightCol p {
	margin-top:0px;
	margin-bottom:8px;
	}		
	
#rightCol swf,
#rightCol object,
#rightCol img {
	margin-top:0px;
	margin-bottom:10px;
	}	

#rightCol embed {
	margin-top:0px;
	margin-bottom:10px;
	cursor:pointer;
	}	
	
#rightCol a,
#rightCol a:visited {
	color:#544539; 
	text-decoration:underline; 
	}

#rightCol a:hover {
	color:#8a1e04; 
	text-decoration:none; 
	} 
	
#rightCol a:active {
	color:#FFF; 
	text-decoration:underline; 
	}							
		
	
	
/*FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		
div#footer {
	width:940px;
	height:35px;
	background-color:#e1d8c7;
	position:relative; 
 	clear:both;
	padding-top: 10px;
  }
	
	div#footer a {background: url(../images/facebook.png) 0 0 no-repeat; display: block; height: 29px; margin-left: 250px; padding: 8px 0 0 85px;}
	
	
div#footer img {
	width:990px;
	height:23px;
	top:45px;
	left:-25px;
	position:absolute; 
  }	

#footer p {
	width:940px;
	top:15px;
	font-size:11px;
	text-align:center;
	position:absolute;
	}		

#footer a,
#footer a:visited {
	color:#544539; 
	text-decoration:none; 
	}

#footer a:hover {
	color:#8a1e04; 
	text-decoration:none; 
	} 
	
#footer a:active {
	color:#FFF; 
	text-decoration:none; 
	}	
	
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

#footernav ul { 
	text-align:center;
	padding: 15px 0 0 0; 
	margin: 30px 0 0 0; 
	}
#footernav li { 
	margin: 0px; 
	padding: 5px 0 0 0; 
	list-style-type: none; 
	display:inline; 
	}
#footernav li a { 
	padding: 0px 4px 0px 6px; 
	margin: 0px; 
	}	



/*SLIDES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		

.slides-one, .slides-two, .slides-three {float: left; margin-right: 4px; width: 268px;}

/*
			Load CSS before JavaScript
		*/
		
		/*
			Slides container
			Important:
			Set the width of your slides container
			Set to display none, prevents content flash
		*/
		.slides_container {
			width:268px;
			display:none;
		}

		/*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/
		.slides_container div {
			width:268px;
			height:170px;
			display:block;
		}
		
		/*
			Optional:
			Reset list default style
		*/
		.pagination {
			list-style:none;
			margin:0;
			padding:0;
		}
		
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
/*.ir { border:0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }*/

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }