@charset "iso-8859-1";
/* CSS Document */
 
@import url("reset.css");


header, section, footer, aside, nav, article, figure {
	display : block;
}

body {
	margin:0 auto;
	font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size : 14px;
	color : #fff;
	background : #000 url(../images/miracle/bk.jpg) no-repeat top center;
}

a {
	text-decoration : none;
	color : #c0c0c0;
}

a:hover {
	text-decoration : none;
}

a:active {
	text-decoration : none;
}

strong {
	font-size : 16px;
	letter-spacing : 2px;
	color : #cdcaca;
}

p {
	margin : 10px;
	line-height : 20px;
}


#container {
	margin: 0 auto;
	width : 1300px;

	

}

header {
	margin:0 auto;
	position : absolute;
	z-index : 2;
	height : 125px;
}

#titles {
	width : 1300px center;
	position : absolute;
	top : 606px;
	z-index : 2;
}



#titles h1, 
#titles, 
footer,
#slides,
#fadeIn,
#films h4,
#attractions,
.att_article,
.attr_p p,
#television,
h6,
form#joinForm label, 
form#contactUs label,
form#applyForm label,
#church, 
#churchForm, 
#contactForm, 
#join, 
#television, 
#studios, 
#contactForm, 
#films, 
#slides2, 
#aboutmain,
#videos,
#videoshome,
#credits,
#miracledescription,
#gallery,
#journey,
#miracle,
#america,
#cmas,
#raff,
#spirit,
#theChurchVideo
#PakistanVideo 
#KenyaTrailer 
 {
	margin : 0 auto;
}

nav {
	width : 1300px;
	float : left;
}

.main a {
	width : 267px;
	height : 258px;
	overflow : hidden;
	float : left;
	padding : 0 5px 0 5px;
}

.main img {
	border : none;
	margin : 0;
}

.main a:hover img {
	margin-top : -258px;
}

footer {
	width : 1100px;
}

.main_sub {
	margin : 10px 0 0 0;
}

.main_sub a {
	width : 222px;
	height : 40px;
	overflow : hidden;
	float : left;
}

.main_sub img {
	border : none;
	margin : 0;
}

.main_sub a:hover img {
	margin-top : -40px;
}

#slides {
	width : 1300px;
	height : 729px;
	position : relative;
	top : 0;
	overflow : hidden;
	z-index : 1;
	background:#000;
}

.slides_container {
	width : 1300px;
	position : absolute;
	top : 0;
	margin-left : 0;
}


#slides .slide {
	position:absolute;
	top:0;
	width:1300px;
	height:729px;
	display:block;
	z-index:1;
}

#slides_two {
	width : 1300px;
	height : 729px;
	position : relative;
	top : 0;
	overflow : hidden;
	z-index : 1;
	
}

#slides_two .slide {
	position:absolute;
	top:0;
	width:1300px;
	height:729px;
	display:block;
	z-index:1;
}

.slides_container a {
	width : 1300px;
	display : block;
}

#slides .next, #slides .prev {
	position : absolute;
	top : 107px;
	left : -500px;
	width : 24px;
	height : 43px;
	display : block;
	z-index : 1000;
}

#slides .next {
	left : 1250px;
}

#fadeIn {
	width : 1241px;
	height : 287px;
	padding : 0;
	position : absolute;
	top : 315px;
	z-index : ;
}

#fadeIn img {
	padding : 10px;
	width : 1241px;
	height : 287px;
	top : 0;
	left : 0;
}

#films {
	position : relative;
	top : 0;
}

#films, #attractions{
	background:url(../images/filmBg.png)	
}

#films h4 {
	width : 220px;
	height : 40px;
	background : url(../images/colors_title.png) no-repeat center;
	text-indent : -9999px;
	position : relative;
	top : 150px;
}

.films {
	width : 960px;
	margin : 0 150px;
}

.films a {
	width : 175px;
	height : 175px;
	overflow : hidden;
	float : left;
	padding : 0 5px 0 5px;
	margin : 5px auto;
	position : relative;
	top : 150px;
}

.films img {
	border : none;
	margin : 0;
}

.films a:hover img {
	margin-top : -175px;
}

.attractions_nav {
	position:absolute;
	top:0;
	width : 1241px;
	z-index:1;
}


.att_article {
	position : relative;
	bottom : 225px;
	width : 750px;
}

.attr_p p {
	position : relative;
	top : 380px;
	right : 0px;
	z-index : 10002;
	width : 1134px;
	height : 250px;
	color : #cdcaca;
	font-weight : normal;
	font-size:12px;
}

#journey{
	background: url(../images/attractions/journey.png) no-repeat;
}

#miracle{
	background: url(../images/attractions/miracle.png) no-repeat;
}

#america{
	background: url(../images/attractions/america.png) no-repeat;
}

#cmas{
	background: url(../images/attractions/cmas.png) no-repeat;
}

#raff{
	background: url(../images/attractions/raff.png) no-repeat;
}

#spirit{
	background: url(../images/attractions/spirit.png) no-repeat;
}


#journeyRight {
	margin:0 auto;
	position:relative;
	width:225px;
	height:63px;
	z-index:3;
	overflow:hidden;
	visibility: visible;
	cursor:pointer;
}

#journeyRight:hover img {
	margin-top : -63px;
}

#cmasRight {
	margin:0 auto;
	position:relative;
	width:225px;
	height:63px;
	z-index:3;
	overflow:hidden;
	visibility: visible;
	cursor:pointer;
}

#cmasRight:hover img {
	margin-top : -63px;
}

#miracleControl{
	margin:-5px 0 0 110px;
	text-align:center;
}

#miracleReturnLeft {
	position:relative;
	width:225px;
	height:63px;
	z-index:3;
	overflow:hidden;
	visibility: visible;
	cursor:pointer;
}

#miracleReturnLeft:hover img {
	margin-top : -63px;
}

#miracleVisitLeft {
	position:relative;
	top:25px;
	width:117px;
	height:32px;
	z-index:4;
	cursor:pointer;
	overflow:hidden;

}

#miracleVisitLeft:hover img {
	margin-top : -32px;
}

#americaControl{
	margin:140px 0 0 150px;
	text-align:center;
}

#americaReturn{
	position:relative;
	width:225px;
	height:63px;
	z-index:3;
	overflow:hidden;
	visibility: visible;
	cursor:pointer;
}

#americaReturn:hover img {
	margin-top : -63px;
}

#americaVisit {
	position:relative;
	top:22px;
	width:117px;
	height:32px;
	z-index:4;
	cursor:pointer;
	overflow:hidden;

}

#americaVisit:hover img {
	margin-top : -32px;
}

#americaControl{
	margin:203px 0 0 120px;
	text-align:center;
}

#raffRight {
	margin:0 auto;
	position:relative;
	top:95px;
	width:225px;
	height:63px;
	z-index:3;
	overflow:hidden;
	visibility: visible;
	cursor:pointer;
}

#raffRight:hover img {
	margin-top : -63px;
}

#spiritControl{
	margin:150px 0 0 95px;
	text-align:center;
}

#spiritReturnLeft {
	position:relative;
	width:225px;
	height:63px;
	z-index:3;
	overflow:hidden;
	visibility: visible;
	cursor:pointer;
}

#spiritReturnLeft:hover img {
	margin-top : -63px;
}

#spiritVisitLeft {
	position:relative;
	top:22px;
	width:117px;
	height:32px;
	z-index:4;
	cursor:pointer;
	overflow:hidden;

}

#spiritVisitLeft:hover img {
	margin-top : -32px;
}

#descriptionRight{
	float:right;
	padding:10px;
	margin: 315px 0 0 0;
	width:475px;
	height:125px;
	color:#000;
}

#descriptionLeft{
	float:left;
	padding:20px;
	margin: 315px 0 0 35px;
	width:475px;
	height:125px;
	color:#000;
}

#spiritText{
	text-align:center;
}

#television {
	width : 1241px;
	height : 630px;
	background : url(../images/television.png) no-repeat;
}

.tv_visit {
	width : 214px;
	height : 63px;
	overflow : hidden;
	margin : 556px 0 0 239px;
	float : left;
	padding : 0 5px 0 5px;
}

.rccm {
	width : 278px;
	height : 320px;
	overflow : hidden;
	margin : 267px 0 0 435px;
	float : left;
	padding : 0 5px 0 5px;
}

#church, #churchForm{
	background : url(../images/thechurchsite.png) no-repeat;
}


#attractions,
#church, 
#churchForm, 
#contactForm, 
#join, 
#television, 
#studios, 
#contactForm, 
#films, 
#slides2, 
#aboutmain,
#videos,
#videoshome,
#credits,
#miracledescription,
#gallery,
#journey,
#miracle,
#america,
#cmas,
#raff,
#spirit,
#theChurchVideo {
	width : 1296px;
	height : 729px;
	border : 1px solid #7a7a7a;
	
}



.apply {
	width : 209px;
	height : 56px;
	overflow : hidden;
	margin : 553px 152px 0 0;
	float : right;
	padding : 0 5px 0 5px;
}

#churchVideoLink {
	position:absolute;
	left:335px;
	top:288px;
	width:421px;
	height:77px;
	z-index:5;
	cursor:pointer;
}

#theChurchVideo{
	background:url(../images/TheChurchVideoPage.png);
}

#theChurchVideo h1{
	margin-top:118px;
}

#theChurchVideo h1, #theChurchVideo h2{
	text-align:center;
	padding:2px;
}


#PakistanVideo {
	width : 1233px;
	height : 630px;
	border : 3px solid #7a7a7a;
}


#PakistanVideo h1{
	margin-top:92px;
}

#PakistanVideo h1, #PakistanVideo h2{
	text-align:center;
	padding: 2px;
}

#PakistanVideo{
	background : url(../images/PakVideoBK.png) no-repeat;
}


#KenyaTrailer {
	width : 1233px;
	height : 630px;
	border : 3px solid #7a7a7a;
}


#KenyaTrailer h1{
	margin-top:92px;
}

#KenyaTrailer h1, #KenyaTrailer h2{
	text-align:center;
	padding: 2px;
}

#KenyaTrailer{
	background : url(../images/KenyaTrailerBK.jpg) no-repeat;
}





#video_container{
	margin:0 auto;
	height:360px;
	width:640px;
	border : 2px solid #7a7a7a;
	margin-top:-56px;
	
}

#video_container960x540{
	margin:0 auto;
	height:540px;
	width:960px;
	border : 2px solid #7a7a7a;
	margin-top:-102px;
	
}

#chrchText {
	float : right;
	margin : 283px 15px 0 0;
	width : 463px;
	height : 275px;
	background-color : transparent;
	padding : 20px;
	border : 2px solid #ffffff;
	background : #7e050b;
	padding : 20px;
	overflow : hidden;
}

#formWrap {
	float : right;
	margin : 270px 25px 0 0;
	width : 463px;
	height : 355px;
	background-color : transparent;
	padding : 2px;
	
}

form#applyForm {
	height : 350px;
	z-index : 3;
	overflow : hidden;
}

form#applyForm fieldset {
	margin: 0 auto;
	width: 385px;
	border : none;
	margin-bottom : 0;
}

form#applyForm ol li {
	line-height : 20px;
	list-style : none;
	padding : 5px 10px;
	margin-bottom : 2px;
}

button {
	border:none;
	width : 75px;
	height : 18px;
	background: url(../images/navigation/send.png) no-repeat;
	cursor: pointer;
}

input, textarea {
	padding : 5px;
	border : 1px solid #000;
}

#aboutmain {
	background : url(../images/miracle/about.jpg) no-repeat;
}

#videos {
	background : url(../images/miracle/video.jpg) no-repeat;
}

#videoshome {
	background : url(../images/miracle/videohome.jpg) no-repeat;
}

#credits {
	background : url(../images/miracle/credits.jpg) no-repeat;
}

#miracledescription {
	background : url(../images/miracle/miracledescription.jpg) no-repeat;
}

.castcrew a {
	width : 202px;
	height : 57px;
	overflow : hidden;
	margin : 167px 0 0 297px;
	float : left;
	padding : 0 5px 0 5px;

}

.castcrew img {
	border : none;
	margin : 0;
}

.castcrew a:hover img {
	margin-top : -57px;
}


.aboutmiracle a {
	width : 202px;
	height : 57px;
	overflow : hidden;
	margin : -67px 0 0 544px;
	float : left;
	padding : 0 5px 0 5px;
}

.aboutmiracle img {
	border : none;
	margin : 0;
}

.aboutmiracle a:hover img {
	margin-top : -57px;
}


.makingof a {
	width : 202px;
	height : 57px;
	overflow : hidden;
	margin : -57px 0 0 791px;
	float : left;
	padding : 0 5px 0 5px;
}

.makingof img {
	border : none;
	margin : 0;
}

.makingof a:hover img {
	margin-top : -57px;
}

.videolink1 a {
	width : 308px;
	height : 33px;
	overflow : hidden;
	margin : 45px 0 0 492px;
	float : left;
	padding : 0 5px 0 5px;
}

.videolink1 img {
	border : none;
	margin : 0;
}

.videolink1 a:hover img {
	margin-top : -33px;
}


.videolink2 a {
	width : 308px;
	height : 33px;
	overflow : hidden;
	margin : -4px 0 0 492px;
	float : left;
	padding : 0 5px 0 5px;
}

.videolink2 img {
	border : none;
	margin : 0;
}

.videolink2 a:hover img {
	margin-top : -33px;
}


.videolink3 a {
	width : 308px;
	height : 33px;
	overflow : hidden;
	margin : -5px 0 0 491px;
	float : left;
	padding : 0 5px 0 5px;
}

.videolink3 img {
	border : none;
	margin : 0;
}

.videolink3 a:hover img {
	margin-top : -33px;
}

.videolink4 a {
	width : 308px;
	height : 33px;
	overflow : hidden;
	margin : -5px 0 0 492px;
	float : left;
	padding : 0 5px 0 5px;
}

.videolink4 img {
	border : none;
	margin : 0;
}

.videolink4 a:hover img {
	margin-top : -33px;
}


.videolink5 a {
	width : 308px;
	height : 33px;
	overflow : hidden;
	margin : -5px 0 0 492px;
	float : left;
	padding : 0 5px 0 5px;
}

.videolink5 img {
	border : none;
	margin : 0;
}

.videolink5 a:hover img {
	margin-top : -33px;
}



#prodtwoLink {
	position:relative;
	left:775px;
	top:600px;
	width:199px;
	height:45px;
	z-index:500;
	cursor:pointer;
	
	
}


#descriptionreturn {
	position:relative;
	left:550px;
	top:558px;
	width:199px;
	height:45px;
	z-index:500;
	cursor:pointer;
	
}


#creditsreturn {
	position:relative;
	left:575px;
	top:667px;
	width:159px;
	height:30px;
	z-index:500;
	cursor:pointer;
	
}



#descriptionshare {
position:relative;
	left:325px;
	top:520px;
	width:199px;
	height:40px;
	z-index:500;
	cursor:pointer;
	
}

#descriptionimdb {
position:relative;
	left:575px;
	top:525px;
	width:139px;
	height:30px;
	z-index:500;
	cursor:pointer;

}


.production a {
	width : 202px;
	height : 57px;
	overflow : hidden;
	margin : 268px 0 0 544px;
	float : left;
	padding : 0 5px 0 5px;
}

.production img {
	border : none;
	margin : 0;
}

.production a:hover img {
	margin-top : -57px;
}





#studios {
	background : url(../images/studios.png) no-repeat;
}

#studios p{
	text-indent:20px;	
}

.nav_studio {
	margin : 50px;
	width : 490px;
}

ul.first_line {
	float : right;
	width : 495px;
}

ul.scnd_line {
	margin : 0 0 0 160px;
	width : 475px;
}

ul.thrd_line {
	margin : 0 0 0 326px;
	width : 144px;
}

.nav_studio p {
	width : 160px;
	height : 40px;
	overflow : hidden;
	float : left;
	padding : 0 5px 0 0;
	margin : 5px auto;
	position : relative;
	top : 150px;
	cursor : pointer;
}

.nav_studio {
	border : none;
	margin : 0;
}

.nav_studio p:hover img {
	margin-top : -40px;
}

#content {
	position : relative;
	top : 325px;
	height : 281px;
	width : 510px;
	z-index : auto;
}


#red, #filmStage, #studio1, #lighthouse, #rentals, #school{
	width:451px;	
	position:relative;
	left: 25px;
	color:#000;
	border: 2px solid #fff;
}

#red{
	background: url(../images/1broom.jpg) no-repeat;
	height:154px;
}

#filmStage{
	background: url(../images/filmstage.jpg) no-repeat;
	height:234px;
}

#studio1{
	background: url(../images/studio1.jpg) no-repeat;
	height:154px;
}

#lighthouse{
	background: url(../images/lh.jpg) no-repeat;
	height:234px;	
}

#rentals{
	background: url(../images/studio1.jpg) no-repeat;
	height:234px;	
}

#school{
	background: url(../images/school.jpg) no-repeat;
	height:234px;	
}

#red ul{
	float:right;
	margin:0;
	top:20px;
	right:20px;
	position:absolute;
	text-align:right;
	font-size:12px;
}

#filmStage ul, #lighthouse ul{
	float:right;
	margin:0;
	top:20px;
	right:20px;
	position:absolute;
	font-size:12px;
}

#studio1 ul, #rentals ul{
	float:right;
	margin:0;
	top:25px;
	right:20px;
	position:absolute;
	font-size:12px;
}

#rentals ul, #school ul{
	margin:5px;
	top:5px;
	right:10px;
	position:absolute;
	font-size:12px;
}

#join {
	background : url(/images/JoinColors.png) no-repeat;
}

#joinWrap {
	float : right;
	margin : 115px 100px 0 0;
	width : 500px;
	height : 475px;
	background-color : transparent;
}

#join p{
	color:#000;
	font-size:11px;
	margin:0 0 0 30px;
	width:470px;
}

form#joinForm {
	height : 350px;
	z-index : 3;
	padding : 20px;
	overflow : hidden;
}

form#joinForm fieldset, form#contactUs fieldset {
	border : none;
	margin-bottom : 0;
}

form#joinForm ol li, form#contactUs ol li {
	line-height : 20px;
	list-style : none;
	padding : 5px 10px;
	margin-bottom : 2px;
}

form#joinForm label, form#contactUs label {
	padding : 0 2px 0 0px;
}

form#joinForm input, form#joinForm textarea, form#contactUs input, form#contactUs textarea {
	width : 450px;
}

#contactForm {
	background : url(../images/contactbg.png) repeat-x;
}

#contactWrap {
	margin : 125px auto;
	width : 500px;
	height : 375px;
	background-color : transparent;
	color : #fff;
	font-weight : normal;
	font-size:12px;
	
}

h6 {
	width : 410px;
}

img#contact_title {
	margin-left : 100px;
	width : 300px;
}

form#contactUs {
	height : 350px;
	z-index : 3;
	padding : 20px;
	overflow : hidden;
}

input, textarea {
	padding : 5px;
	width : 350px;
	border : 1px solid #000;
}

a#connectLink {
	margin : 0 0 0 115px;
	color : #000;
}

small, li.projectPage a {
	color : #9c0505;
}


#gallery {
	background-color:#ffffff;
	overflow:scroll;
}

#galleryWrap{
	margin: 130px 0 0 0;	
}

#galleryWrap h1{
	text-align:center;
	padding:10px;	
}

#galleryWrap p{
	margin:0 auto;
	font-size:12px;
	color:#000;
	width:500px;	
}

#projects {
	width:500px;
	height:119px;
	padding:5px;
	margin: 0 auto;
	background-color: #dedede;
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0.1, rgb(252,252,252)),
		color-stop(0.53, rgb(210,210,210)),
		color-stop(1, rgb(252,252,252))
	);
	background-image: -moz-linear-gradient(
		left center,
		rgb(252,252,252) 10%,
		rgb(210,210,210) 53%,
		rgb(252,252,252) 100%
	);
}

#projects ul{
	float:left;
	width:500px;
	display:inline;
	font-size:12px;
	margin: 0 10px 0 0;
	color:#000;
}

li.thmb{
		float:left;
	width:150px;
	text-align:center;
}

li.info{
	float:left;
	width:180px;
	height:119px;
	text-align:center;
}

li.projectPage{
	float:right
	width:180px;
	margin:50px 0 0 0;
	text-align:center;
}