/*----------------------------------------------------
Modified     July 13, 2010
Author       Zag Creative Group [info@zagcreativegroup.com]
-----------------------------------------------------*/

html, body {
	margin:					0px; 
	padding:	            0px;
}

body {
	background:				#FFF url(../../images/interface/background.gif) repeat-x;
	font-family: 			Arial, Helvetica, sans-serif;
}

/*----------------------------------------------------
Font Formatting and Styles
-----------------------------------------------------*/

h1,h2,h3,p {
	margin:					0px 0px 0px 0px;
}

p.regular {
	font-size:				14px;
	line-height:			18px;
}

	span.regular {
		font-size:				14px;
		line-height:			18px;
	}

p.large {
	font-size:				18px;
	line-height:			22px;
}

h2 {
	font-size:				28px;
	line-height:			32px;
}

	h2 span.smallH2 {
		font-size:				20px;
	}

h3 {
	font-size:				26px;
	line-height:			30px;
}

h4 {
	font-size:				24px;
	line-height:			28px;
}

		.tealHeadline, .tealText {
			color:				#06466a;
		}
		
		.whiteHeadline, .whiteText {
			color:				#FFF;
		}
		
		.greenHeadline, .greenText {
			color:				#09463b;
		}
		
		.orangeHeadline, .orangeText {
			color:				#c96a2e;
		}
		
		.greyHeadline, .greyText {
			color:				#636466;
		}
		
		.blueHeadline, .blueText {
			color:				#282781;
		}
		
		.yellowHeadline, .yellowText {
			color:				#eb9528;
		}
		
		.redHeadline, .redText {
				color:			#660d0f;
		}
		
		
		.lessSpace {
			margin:				0px 0px 10px 0px;
		}
		
		.normalSpace {
			margin:				0px 0px 20px 0px;
		}
		
		.moreSpace {
			margin:				0px 0px 40px 0px;
		}
		
		.pushRight {
			margin:				0px 0px 0px 16px;
		}


a.copyLink {
	color:				#636466;
}
		
a:hover.copyLink {
	color:				#282781;
}

a.textLink {
	color:				#282781;
}
		
a:hover.textLink {
	color:				#636466;
}
		
		
/*----------------------------------------------------
Global Settings
-----------------------------------------------------*/

.wrapper {
	width:					1206px;
	margin:					0px auto;
}

.header {
	width:					1206px;
	height:					496px;
	margin:					0px auto;
	position:				relative;
}

	.mainHeadline {
		color:				#fff;
		font-size:			42px;
		width:				530px;
		position:			absolute;
		left:				170px;
		top:				30px;
	}
	
	.secondaryHeadline {
		font-size:			36px;
		width:				600px;
		text-align:			center;
		position:			absolute;
		left:				300px;
		top:				445px;
	}

	.logo {
		width:					305px;
		height:					175px;
		position:				absolute;
		top:					65px;
		right:					90px;
	}
	
	.calloutTickets {
		width:					306px;
		height:					79px;
		position:				absolute;
		top:					560px;
		right:					154px;
		z-index:                20;
	}
	
	
/*----------------------------------------------------
Header Backgrounds (Per Page)
-----------------------------------------------------*/
.homeBG {
		background:				url(../../images/headers/header-home-bg.png) no-repeat;
}

.causeBG {
		background:				url(../../images/headers/header-cause-bg.png) no-repeat;
}

.earlybirdBG {
		background:				url(../../images/headers/header-earlybird-bg.png) no-repeat;
}

.grandprizeBG {
		background:				url(../../images/headers/header-grandprize-bg.png) no-repeat;
}

.tripsBG {
		background:				url(../../images/headers/header-trips-bg.png) no-repeat;
}

.vehiclesBG {
		background:				url(../../images/headers/header-vehicles-bg.png) no-repeat;
}

.prizesBG {
		background:				url(../../images/headers/header-prizes-bg.png) no-repeat;
}

.faqBG {
		background:				url(../../images/headers/header-faq-bg.png) no-repeat;
}

.rulesBG {
		background:				url(../../images/headers/header-rules-bg.png) no-repeat;
}

.buyticketsBG {
		background:				url(../../images/headers/header-buytickets-bg.png) no-repeat;
}

.winnersBG {
		background:				url(../../images/headers/header-winners-bg.png) no-repeat;
}

	
/*----------------------------------------------------
Navigation
-----------------------------------------------------*/
	
.navigation {
		width:					1206px;
		height:					50px;
		margin:					0px auto;
		position:				relative;
		background:				url(../../images/interface/menu-bg.gif) no-repeat;
}
	
		.navigation .menu {
			width:					900px;
			color:					#fff;
			position:				absolute;
			top:					10px;
			left:					163px;
		}
		
		.navigation .menu li {
			float:					left;
		}
		
		.navigation .menu .accordionButton li {
			font-size:				27px;
			font-weight:            normal;
			margin:					0px 0px 0px 0px;
		}
		
		.navigation .menu .accordionButton a, .menu .accordionContent a {
			color:					#fff;
		}
		
		.navigation .menu .accordionButton a:hover, .menu .accordionContent a:hover,
		.navigation .menu .accordionButton a:hover, .menu .accordionContent a.current {
			color:					#282781;
		}
		
		.navigation .menu .accordionContent ul.subMenu {
			width:					210px;
			height:					120px;
			background:				#fff;
			position:				absolute;
			top:					40px;
			left:					300px;
			border:					1px solid #eb9528;
			display:                block;
		}
		
		.navigation .menu .accordionContent ul.subMenu li {
			width:					210px;
			height:					40px;
			font-size:				26px;
			line-height:			40px;
		}
		
		.navigation .menu .accordionContent ul.subMenu li a {
			color:					#eb9528;
			padding-left:	        10px;
			display:				block;
		}
		
		.navigation .menu .accordionContent ul.subMenu li a:hover {
			color:					#fff;
		}
		
		.navigation .menu .accordionContent ul.subMenu li:hover {
			display:				block;
			background:				#eb9528;
			color:					#fff;
		}
		
		.navigation .menu .accordionContent ul.subMenu li.sfhover {
			display:				block;
		}
		
		/*.accordion_content {
			overflow: 				hidden;  keeps the submenu from appearing behind parent menu (already off)
		}*/
		
		#earlybird #menu-earlybird a {
			color:					#282781;
		}
		
		#grandprize #menu-grandprize a {
			color:					#282781;
		}
		 
		#prizes #menu-prizes a {
			color:					#282781;
		}
		 
		#buytickets #menu-buytickets a {
			color:					#282781;
		} 
		
		#cause #menu-cause a {
			color:					#282781;
		} 
		
		#winners #menu-winners a {
			color:					#282781;
		}
		 
		#home #menu-home a {
			color:					#282781;
		}
		
.subNavigation {
		width:					1206px;
		height:					80px;
		margin:					0px auto;
		background:				#FFF url(../../images/interface/submenu-bg.gif) no-repeat;
	}
	
		.subNavigation .subNavigationMenu {
			width:					880px;
			height:					30px;
			color:					#636466;
			margin:					0px auto;
			padding:                20px 0px 0px 0px;
		}
		
		.subNavigation .subNavigationMenu li {
			font-size:				16px;
			line-height:			18px;
			float:					left;
		}
		
		.subNavigation .subNavigationMenu li a {
			color:					#636466;
		}
		
		.subNavigation .subNavigationMenu li a:hover {
			color:					#282781;
		}
		
		#rules #menu-rules a {
			color:					#282781;
		}
		
		#faq #menu-faq a {
			color:					#282781;
		}
		
		#tellafriend #menu-tellafriend a {
			color:					#282781;
		}

/*----------------------------------------------------
Content Area
-----------------------------------------------------*/
.content {
	width:					900px;
	margin:					0px auto;
}

.container {
	padding:                0px 0px 0px 17px;
}

	.content .leftColumn { 
		width:					543px;
		height:					350px;
		float:					left;
	}
	
	.content .rightColumn { 
		width:					289px;
		height:					350px;
		float:					right;
		position:				relative;
	}
	
		.content .rightColumn .calloutEarlyBird { /* featured on Home page */
			width:					351px;
			height:					289px;
			position:				absolute;
			top:					40px;
			right:					-23px;
		}
		
	.content .fullColumn { 
		width:					883px;
		float:					left;
	}

			.content .fullColumn .homebuilders { /* featured on Grand Prize page*/
				width:					464px;
				height:					138px;
				margin-top:				60px;
			}
	

/*----------------------------------------------------
Columned Text
-----------------------------------------------------*/
.content .fullColumn .columnText {
	width:					883px;
	display:				block;
}
	/* FAQ Page - Two Columns */	
	.content .fullColumn .columnText .left { 
		width:				350px;
		float:				left;
	}
	
	.content .fullColumn .columnText .right {
		width:				450px;
		float:				right;
	}
	/* FAQ Page - Three Columns */
	.content .fullColumn .columnText .first {
		width:				200px;
		float:				left;
	}
			
	.content .fullColumn .columnText .second {
		width:				200px;
		float:				left;
		margin-left:		20px;
	}
	.content .fullColumn .columnText .third {
		width:				443px;
		margin-left:		20px;
		float:				right;
	}
	/* Additional Prizes Page - (Smaller) Two Columns */		
	.content .fullColumn .columnText .leftSmall {
		width:				50px;
		float:				left;
	}
			
	.content .fullColumn .columnText .rightSmall {
		width:				800px;
		float:				right;
	}


/*----------------------------------------------------
Prizes > Trips
-----------------------------------------------------*/
.content .fullColumn .flag {
	width:				883px;
	height:				80px;
	display:			block;
}
		
			
/*----------------------------------------------------
Prizes > Vehicles
-----------------------------------------------------*/
.content .fullColumn .vehicle {
	width:				883px;
	display:			block;
	position:			relative;
}
		
	.content .fullColumn .outback {
		height:				265px;
		margin:		        60px 0px 30px 0px;
	}
			
		.content .fullColumn .outback .textArea {
			width:				290px;
			height:				135px;
			position:			absolute;
			top:				40px;
			left:				0px;
		}
			
	.content .fullColumn .camaro {
		height:				209px;
		margin:		        0px 0px 30px 0px;
	}
			
		.content .fullColumn .camaro .textArea {
			width:				210px;
			height:				160px;
			position:			absolute;
			top:				20px;
			right:				0px;
		}
			
	.content .fullColumn .ram {
		height:				326px;
		margin:		        0px 0px 30px 0px;
	}
			
		.content .fullColumn .ram .textArea {
			width:				310px;
			height:				130px;
			position:			absolute;
			top:				70px;
			left:				0px;
		}
			
	.content .fullColumn .fusion {
		height:				275px;
		margin:		        0px 0px 30px 0px;
	}
			
		.content .fullColumn .fusion .textArea {
			width:				240px;
			height:				130px;
			position:			absolute;
			top:				60px;
			right:				0px;
		}
			
	.content .fullColumn .spyder {
		height:				447px;
		margin:		        0px 0px 30px 0px;
	}
			
		.content .fullColumn .spyder .textArea {
			width:				240px;
			height:				160px;
			position:			absolute;
			top:				180px;
			left:				0px;
		}
			
	.content .fullColumn .altima {
		height:				295px;
	}
			
		.content .fullColumn .altima .textArea {
			width:				240px;
			height:				160px;
			position:			absolute;
			top:				70px;
			right:				0px;
		}


/*----------------------------------------------------
Footer
-----------------------------------------------------*/
.footer {
	width:					1206px;
	height:					110px;
	margin:					60px auto 0px auto;
}

	.footerLinks {
		width:					900px;
		margin:					0px auto;
		font-size:				11px;
		color:					#a3a3a5;
	}
	
		.footerLinks li {
			float:				left;
		}
		
		.footerLinks li a {
			color:				#a3a3a5;
		}
		
		.footerLinks li a:hover {
			color:				#282781;
		}

	.information {
		width:					900px;
		margin:					15px auto 0px auto;
		border-top:				8px solid #ea9425;
		text-align:				center;
		color:					#282781;
	}

		.information p.lrgHeading {
			font-size:				28px;
			line-height:			28px;
			margin-top:				20px;
		}
	
		.information p.smHeading {
			font-size:				22px;
			line-height:			22px;
			margin-top:				15px;
		}

	.copyright {
		width:					1000px;
		height:					50px;
		margin:					70px auto 0px auto;
	}

		.copyright p {
			color:					#a3a3a5;
			font-size:				11px;
			text-align:				center;
		}

		.copyright a {
			color:					#a3a3a5;
		}
		
		.copyright a:hover {
			color:					#282781;
		}