/* Homepage CSS */

#ctaWrapper
{
	width: 860px;
	height: 330px;
	margin: 0px auto;
}

#ctaWrapper h2
{
	padding-left: 6px;
}

#step1,
#step2,
#step3,
#step4
{
	position: relative;
}

#step1 div.body,
#step2 div.body,
#step3 div.body,
#step4 div.body
{
	position: absolute;
	overflow: hidden;
	
}

#step1 div.body p,
#step2 div.body p,
#step3 div.body p,
#step4 div.body p,
#formInputs,
#step4 span.errorMessage
{
	line-height: 11pt;
	font-family: Arial, Sans-Serif;
	color: #fff;
	background-color: inherit;
	font-size: 8pt;
}

#step1 h3,
#step2 h3,
#step3 h3,
#step4 h3
{
	position: absolute;
	color: #E19F2C;
	background-color: inherit;
	font-size: 12pt;
}

#step1
{
	background-image: url(/images/cta-steps/step1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 211px;
	height: 297px;
	float: left;
}

#step1 h3
{
	top: 23px;
	left: 75px;
}

#step1 div.body
{
	top: 60px;
	left: 42px;
	width: 150px;
	height: 125px;
	background-color: inherit;
}

#step2
{
	background-image: url(/images/cta-steps/step2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 185px;
	height: 297px;
	float: left;
}

#step2 h3
{
	top: 41px;
	left: 47px;
}

#step2 div.body
{
	top: 76px;
	left: 16px;
	width: 150px;
	height: 145px;
	background-color: inherit;
}

#step3
{
	background-image: url(/images/cta-steps/step3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 183px;
	height: 297px;
	float: left;
}

#step3 h3
{
	top: 31px;
	left: 48px;
}

#step3 div.body
{
	top: 67px;
	left: 14px;
	width: 150px;
	height: 130px;
	background-color: inherit;
}

#step4
{
	background-image: url(/images/cta-steps/step4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 277px;
	height: 297px;
	float: left;
}

#step4 h3
{
	top: 28px;
	left: 31px;
	color: #fff;
	background-color: inherit;
}

#step4 div.body
{
	top: 62px;
	left: 6px;
	width: 230px;
	height: 200px;
	color: #000;
	background-color: inherit;
}

#step4 div.body p,
#step4 span.errorMessage
{
	margin: 0px;
	color: #c00;
	background-color: inherit;
	font-weight: bold;
	text-align: center;
}

#step4 span.errorMessage
{
	display: block;
}

#step4 div.body p.sendSuccess
{
	color: #fff;
	background-color: inherit;
	text-align: left;
	font-weight: normal;
	margin-bottom: 1.00em;
}

/* Step 4 - Inputs */
#formInputs
{
	list-style-type: none;
}

#formInputs input[type=text]
{
	font-family: Arial, Sans-Serif;
	font-size: 9pt;
	color: #000;
	background-color: #fff;
	border: 1px solid #666;
	padding: 2px 0px;
}

#formInputs label
{
	display: inline-block;
	text-align: right;
	margin-right: 2px;
	margin-bottom: 2px;
}

#formInputs label.lblName
{
	width: 60px;
}

#formInputs label.lblEmailAddress
{
	width: 75px;
}

#formInputs label.lblContactNumber
{
	width: 93px;
}

#formInputs input.txtContactNumber
{
	width: 133px;
}

#formInputs label.lblFestivalLocation
{
	width: 78px;
}

#formInputs label.lblStartDate
{
	width: 55px;
}

#formInputs label.lblEndDate
{
	width: 55px;
}

#step4 div.submitControls
{
	text-align: center;
	margin-top: 5px;
}


/* Photo Gallery */
#photoGallery
{
	width: 839px;
	height: 160px;
	padding: 10px;
	margin: 0px auto;
	background-image: url(/images/backgrounds/photos.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#photos
{
	width: 839px;
	text-align: center;
	margin: 20px auto;
}

#photos a
{
	display: inline-block;
	width: 127px;
	height: 94px;
	padding: 7px;
	margin: 0px 10px;
	background-image: url(/images/photos/photo-shadow.png);
	background-repeat: no-repeat;
}