*{padding:0;margin:0;}
html{background-color:#fff;font:62.5%;}
body{width:100%;height:100%;background:#fff url(images/gradient_bg.jpg) repeat-x left top;font: normal 12px 'Lucida Grande',Verdana,Arial,sans-serif;}

a img{border:0;}

/* ----- splash ----- */

#splash, #home{
	position:relative;
	width:100%;
	height:100%;
	background: url(images/splash_hero.jpg) no-repeat 50% top;
}
#splash #splash_content{
	position:relative;
	padding-top:515px;
	width:545px;
	margin:0 auto;
}
#splash h1{
	position:relative;
	width:500px;
	height:0 !important;
	padding:150px 0 0 0;
	margin-left:23px;
	overflow:hidden;
	background: url(images/ccl_logo.jpg) no-repeat left top;
	display:block;
}
#splash h2{
	position:relative;
	width:545px;
	height:0 !important;
	padding:85px 0 0 0;
	margin:30px auto;
	overflow:hidden;
	background: url(images/film_credits.gif) no-repeat left top;
	display:block;
}
#splash #buttons{
	position:absolute;
	top:400px;
	left:55px;
	width:436px; 
	height:49px;
}
	#splash #buttons a{float:left;}
	#splash #buttons a img{border:0;}
	
#splash #ratings{
	text-align: center;
	font-size:12px;
	padding-bottom:20px;
	color:#999;
}
	#splash #ratings a{
		color:#999;
	}
	#splash #ratings a:hover{
		text-decoration:none;
	}
#splash #laurals{
	text-align: center;
	padding-bottom:30px;
}
	
/* ----- home ---- */

#content{
	width:840px;
	margin:0 auto;
	background-color:#fff;
	position:relative;
}
#main{
	width:507px;
	float:left;
}
	.secondary #main{
		width:607px;
	}
#sidebar{ 
	width:330px;
	float:left; 
}
	.secondary #sidebar{
		width:220px;
	}
.read_more{
	font: italic 11px Georgia,Times,'Times New Roman',serif;
	float:right;
	color:#fff;
	text-decoration:none;
	padding:8px 26px 0 0;
}
#home h1 a, #content h1 a{
	display:block;
	position:relative;
	width:803px;
	height:0 !important;
	padding:83px 0 0 0;
	overflow:hidden;
	background: url(images/ccl_horizontal.gif) no-repeat left top;
	margin:0 10px 5px;
	top:5px;
}
#home #video{
	position:relative; /*PB*/
	width:500px;
	height:350px;
	left:20px;
	z-index:5;
}
	#video h2{
		position:relative;
		width:229px;
		height:0 !important;
		padding:39px 0 0 0;
		overflow:hidden;
		background: url(images/title_trailer.gif) no-repeat left top;
	}
	#home #video_holder{
		width:500px;
		background: url(images/home_video_corner.gif) no-repeat right top;
		padding-top:10px;
	}
	#home #video #flash{
		width:500px;
		height:301px;
		background-color:#ccc;
	}
#home #photos{
	position:relative;
	padding:0;
	margin:15px 0 0 17px;
	height:325px;
	width:487px;
}
	#photos h2{
		position:relative;
		width:84px;
		height:0 !important;
		padding:19px 0 0 0;
		overflow:hidden;
		background: url(images/title_photos.gif) no-repeat left top;
	}
	#home #photos a{
		position:relative;
	}
	#home #photos span.read_more{
		position:absolute;
		/*display:block;*/
		z-index:6;
		left:50px;
		top:230px;
	}
#home #photos2{
	position:relative;
	padding:0;
	margin-left:17px;
	height:196px;
	width:487px;
}
#home #photos2 a{
	position:relative;
}
#home #photos2 span.read_more{
	position:absolute;
	z-index:6;
	left:50px;
	top:155px;
	cursor: pointer;
}
#contact{
	width:495px;
	/*height:206px;*/
	padding-top:10px;
	margin-left:7px;
	background:#f2f5eb url(images/home_contact_top.gif) no-repeat left top;
	color:#7b7d80;
	position:relative;
	display:block;
}
	#contact #email-signup{
		margin:0 20px;
		padding:20px 0;
		border-top:1px solid #fff;
	}
	#contact h2{
		margin:10px 18px 18px;
		position:relative;
		width:94px;
		height:0 !important;
		padding:19px 0 0 0;
		overflow:hidden;
		background: url(images/title_contact.gif) no-repeat left top;
		display:block;
	}
	#contact p{
		/*float:left;
		display:inline;*/
		padding:0 18px;
	}
	#contact a{
		color:#7b7d80;
		text-decoration:none;
	}
	#contact p#address{
		width:200px;
		line-height:150%;
	}
	#contact a#facebook_btn{
		display:block;
		margin-top:8px;
	}
	#contact a span{
		float:left;
		padding-top:7px;
	}
	#contact a span#facebook{
		position:relative;
		width:76px;
		height:0 !important;
		padding:28px 0 0 0;
		overflow:hidden;
		background: url(images/facebook.gif) no-repeat left top;
		display:block;
		margin-left:5px;
	}
	#contact #copyright{
		position:relative;
		padding:18px 0;
		width:485px;
		font:italic 11px/150% Georgia,Times,'Times New Roman',serif;
	}
	#contact #copyright p{
		/* float:left; */
	}
	#contact #credit{
		float:right;
		text-align:right;
	}
#home #tickets a{
	position:relative;
	display:block;
	width:295px;
	height:0 !important;
	padding:37px 0 0 0;
	overflow:hidden;
	background: url(images/home_buy_tix.gif) no-repeat left top;
}
#home #synopsis{
	width:295px;
	background-color: #1ea6b7; /* url(images/home_synopsis_top.gif) no-repeat left top; */
	padding:9px 0 14px;
	color:#fff;
}
	#synopsis h2{
		position:relative;
		width:110px;
		height:0 !important;
		padding:24px 0 0 0;
		overflow:hidden;
		background: url(images/title_synopsis.gif) no-repeat left top;
		float:left;
		margin:5px 0 5px 26px;
	}
	* html #synopis h2{
		margin:5px 0 !important;
	}
	#synopsis p{
		clear:both;
		margin-top:15px;
		line-height:150%;
		padding:10px 26px 0;
	}
#home #cast, #home #playing{
	width:302px;
	background: #839f3d url(images/white5.gif) repeat-y left top;
}
	#home #cast .top, #home #playing .top{
		width:302px;
		height:20px;
		margin-bottom:10px;
		background: url(images/home_cast_top.gif) no-repeat left top;
	}
	#cast h2{
		margin:0 26px 5px 26px;
		position:relative;
		width:53px;
		height:0 !important;
		padding:20px 0 0 0;
		overflow:hidden;
		background: url(images/title_cast.gif) no-repeat left top;
		float:left;
	}
	#playing h2{
		margin:0 26px 5px 26px;
		position:relative;
		width:384px;
		height:0 !important;
		padding:24px 0 0 0;
		overflow:hidden;
		background: url(images/title_playing.gif) no-repeat left top;
		float:left;
	}
	#spread_message h2{
		margin:0 26px 5px 26px;
		position:relative;
		width:247px;
		height:0 !important;
		padding:24px 0 0 0;
		overflow:hidden;
		background: url(images/title_spread_message.gif) no-repeat left top;
	}
	#home #cast img{
		clear:both;
		padding:0;
		margin:0;
		display:block;
	}
#home #crew{
	background-color:#d2edf1;
	width:297px;
	padding-top:5px;
}
#home #news{
	background-color:#d2edf1;
	width:487px;
	padding-top:20px;
	color:#7b7d80;
	margin:-10px 0 0 17px;
}
	#home #news h3{
		clear:both;
		margin:20px 0 0 25px;
	}
	#home #news p{
		padding:0 25px 10px;
	}
	#home #news a{
		color:#7b7d80;
	}
	#home #news li{
		margin-bottom:10px;
	}
	#home #news ul{
		padding-bottom:5px;
	}
	/*
#home #news #news-holder{
		clear:both;
		height:200px;
		overflow: auto;
	}
*/
	#crew h2{
		margin:5px 26px 10px;
		position:relative;
		width:63px;
		height:0 !important;
		padding:19px 0 0 0;
		overflow:hidden;
		background: url(images/title_crew.gif) no-repeat left top;
		float:left;
	}
	#news h2{
		margin:5px 26px 10px;
		position:relative;
		width:149px;
		height:0 !important;
		padding:18px 0 0 0;
		overflow:hidden;
		background: url(images/title_news.gif) no-repeat left top;
		float:left;
	}
	#resources h2{
		margin:10px 26px 4px;
		position:relative;
		width:253px;
		height:0 !important;
		padding:24px 0 0 0;
		overflow:hidden;
		background: url(images/title_resources.gif) no-repeat left top;
		float:left;
	}
	#crew a.read_more, #news a.read_more{color:#7b7d80;}
	#crew ul, #news ul{
		clear:both;
		padding:0 26px 26px;
		list-style-type:none;
		line-height:150%;
		color:#7b7d80;
	}
	
/* ----- secondary pages ----- */

.secondary h2{
	margin:20px;
}
.secondary #photos, .secondary #synopsis, .secondary #cast, .secondary #crew, .secondary #news, .secondary #playing, .secondary #spread_message, .secondary #resources{
	display:block;
	position:relative;
	margin-left:20px;
	padding:5px 0 20px;
	width:587px;
}
.secondary #photos, .secondary #synopsis{
	background:#1ea6b7 url(images/top_blue.gif) no-repeat left top;
}
.secondary #cast, .secondary #playing, .secondary #spread_message{
	background:#839f3d url(images/top_green.gif) no-repeat left top;
	padding-top:10px;
	color:#fff;
}
	.secondary #cast h2, .secondary #playing h2, .secondary #spread_message h2{
		float:none;
		margin-top:5px;
		margin-bottom:20px;
	}
	.secondary #cast h3, .secondary #playing h3, .secondary #spread_message h3{
		/*clear:both;*/
		padding:0 26px 10px 10px;
	}
	.secondary #cast p, .secondary #playing p, .secondary #spread_message p{
		padding:0 26px 10px;
	}
	.secondary #playing p.item{
		padding-bottom:30px;
	}
	.secondary #playing p.item a, .secondary #spread_message a{
		color:#fff;
	}
	.secondary #cast img{
		border:4px solid #fff;
		margin:0 15px 15px 26px;
		float:left;
	}
	.secondary #cast hr, .secondary #playing hr, .secondary #spread_message hr{
		height:1px;
		background:#aec152;
		background-color:#aec152;
		border:0;
		padding:0;
		margin:15px 26px;
		clear:both;
	}
	.secondary #playing ul{
		margin-left:40px;
	}
	.secondary #playing li{
		margin-bottom:5px;
	}
	.secondary #playing li a{
		line-height:180%;
		color:#fff;
		padding-bottom:2px;
		border-bottom:1px solid #c1cf9e;
		text-decoration:none;
	}
		.secondary #playing li a:hover{
			border-bottom:0;
		}
.secondary #synopsis{
	padding-top:20px;
	color:#fff;
}
.secondary #crew, .secondary #news, .secondary #resources{
	background:#d2edf1 url(images/top_light_blue.gif) no-repeat left top;
	padding:10px 0 20px;
	color:#7b7d80;
}
	.secondary #crew h2, .secondary #news h2, .secondary #resources h2{
		float:none;
		margin-bottom:20px;
	}
	.secondary #crew hr, .secondary #news hr, .secondary #resources hr{
		background-color:#e9f6f8;
		background:#e9f6f8;
		border:0;
		height:1px;
		margin:15px 26px;
	}
	.secondary #crew h3, .secondary #crew p, .secondary #news h3, .secondary #news p, .secondary #resources p{
		margin:10px 26px;
	}
.secondary #contact{
	background-image:none;
	margin:0;
	background-color:#f2f5eb;
	width:220px;
	height:auto;
}
	.secondary #contact p{
		float:none;
		display:block;
		/*padding-bottom:15px;*/
	}
	.secondary #contact #address{
		margin-bottom:10px;
	}
	.secondary #contact #facebook_btn{
		display:block;
		margin:10px 0;
	}
	.secondary #contact #copyright{
		display:block;
		clear:both;
		position:relative;
		width:200px;
		line-height:140%;
	}
	.secondary #contact #credit{
		float:none;
	}
	.secondary #contact #email_btn{
		margin-left:-13px;
	}
.secondary #news a{
	color:#666;
}
	.secondary #news a:hover{
		text-decoration: none;
	}


/* ----- sidebar ----- */

#nav{
	margin-top:20px;
}
#nav li{
	border-bottom:1px solid #f2f5eb;
	list-style-type:none;
}
	#nav li a{
		padding:10px 20px;
		color:#1ea6b7;
		display:block;
		text-decoration:none;
	}
	#nav li a:hover{
		color:#fff;
		background-color:#839f3d;
	}

/* ----- clearfix ----- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { 
	display: inline; 
}
* html>body .clearfix {
	display: inline; 
	width: 100%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */