@import url('zero0000.css');
@import url('jquery00.css');




h2 { font-size: 140%; font-family: Georgia, serif; margin: 0.8em 0 0.6em 0; }

p { margin: 0.5em 0; }

img { 
	border: 0; 
	cursor:pointer;
	}

address { display: block; font-size: 10px; }



a { text-decoration: none; color: #A33532; }
a:hover { 
	color: #646464; 
	}

span.separator { color: #E7234E; }

.first { margin-top: 0 }
.icon { vertical-align: middle; }

.jam { font-weight: bold; text-transform: uppercase; color: black; }
.hot { font-weight: bold; text-transform: uppercase; color: #E4073A; }

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

.buttons { text-align: right; }

#container { position: relative; width: 770px; margin: 0px auto; }

#header { height: 65px; position: relative; margin: 0 0 5px 0; }
	#logo { position: absolute; left: 0; top: 0; width: 92px; height: 65px;   }
		#logo a { width: 92px; height: 65px; display: block; background: url(../images/logo0000.gif); text-indent: -5000px; }
	#nav { position: absolute; left: 100px; bottom: 0; width: 600px; color: #E7234E; font-size: 11px; font-weight: bold; line-height: 1; }
		#nav a { text-transform: uppercase; color: black; text-decoration: none; margin: 0 0.3em; }
			#nav a.selected { color: #E7234E; }
	
	#content { margin-left: 385px; }

#new-movie { position: absolute; top: 70px; }

#contact { padding: 0 0 0 0; }
	#contact #movie { float: left; }
	#contact #content { margin-left: 290px; padding-top: 160px; }
	#contact address { margin: 0 0 3em 0; }
	table#contact-details { margin: 0 0 1.5em 0 }
		#contact-details th { width: 6em; }

#portfolio { margin: 25px 0 0 0; }
	#portfolio td { padding: 10px 0 10px 0; font-size: 90%; width: 160px; padding-right: 20px; }
		#portfolio td.last { padding-right: 0; }
	#portfolio .wrapper { width: 160px; height: 120px; position: relative; margin-bottom: 5px; }
	#portfolio a.thumb { display: block; position: absolute; top: 0; left: 0; overflow: hidden; }
		#portfolio a.thumb img { display: block; }
		#portfolio a.thumb img.alt { position: absolute; display: none; }
	#portfolio .caption { background: url(portfoli.gif) repeat-x bottom; padding-bottom: 0.7em; }
	#portfolio .title { font-weight: bold; font-family: Georgia, serif; text-transform: uppercase; }
	
#portfolio-item-heading { margin: 35px 0 0 0; font-size: 110%; }
	#portfolio-item-heading .title { text-transform: uppercase; color: #E7234E; font-family: Georgia, serif; }
	
#portfolio-item-link { height: 19px; }	
	#portfolio-item-link a { float: right; font-weight: bold; font-family: Georgia, serif; display: block; border: 1px dotted black; border-bottom: none; line-height: 1; font-size: 11px; padding: 3px 5px; }

#portfolio-item { 
	padding: 0px; 
	margin: 0 0 0 0; 
	position: relative; 
	border:1px solid #111111;
	}
#portfolio-item img { 
	display: block; 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	}
#portfolio-item ul { 
	width: 770px; 
	height: 205px; 
	position: relative; 
	overflow: hidden; 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	}

#portfolio-item li { width: 696px; height: 401px; position: absolute; left: 0; top: 0; display: none; }
#portfolio-item a { display: block; position: absolute; height: 34px; width: 34px; top: 90px;}

#portfolio-item a.prev { 
	left: -40px; 
	background: url(/shop/images/back2.gif); 
	}

#portfolio-item a.next { 
	right: -40px; 
	background: url(/shop/images/goto2.gif); 
	}
		
	#portfolio-item a:hover.prev { 
		left: -40px; 
		background: url(/shop/images/back.gif); 
		}

	#portfolio-item a:hover.next { 
		right: -40px; 
		background: url(/shop/images/goto.gif); 
		}

#portfolio-pager { 
	position:absolute;
	right:0px;
	font-size: 11px; 
	font-weight: bold; 
	float:right;
	margin: 1px 0 0 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	}
#portfolio-pager span{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}	
#portfolio-pager a.selected { 
		color: #fff; 
		font-size: 12px; 
		}
	
#portfolio-blurb { 
	color:#F0EDED;
	font-size:10px;
	min-height:21px;
	position:absolute;
	top:650px;
	width:165px;
	left:0px;
	}
	
#service-list { text-transform: uppercase; }
	#service-list a { color: black; }
		#service-list a:hover,
		#service-list a.selected { text-decoration: none; font-weight: bold; }
	
#showreel { position: absolute; top: 70px; width: 900px; margin-left: -100px; margin-top: 50px; height: 263px; background: url(../images/showreel.gif); }


/*new*/