/* ===================== */
/*     Layout Styles     */
/* ===================== */

/* Reset styles */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body{
	min-height:100%;
	line-height:100%;
}

	iframe[src="about:blank"]{ display:none;}
	
	article,aside,details,figcaption,figure,
	footer,header,hgroup,menu,nav,section{ display:block;}
	
	nav ul{ list-style:none;}
	
	blockquote, q{ quotes:none;}
	blockquote:before, blockquote:after,
	q:before, q:after{
		content:'';
		content:none;
	}
	
	a{
		margin:0;
		padding:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
	}
	
	table{
		border-collapse:collapse;
		border-spacing:0;
	}
	.faq-table{ margin:0 0 20px 0;}
		.faq-table td{ padding:0 10px 10px 0;}
	
	hr{
		display:block;
		height:1px;
		border:0;   
		border-top:1px solid #cccccc;
		margin:1em 0;
		padding:0;
	}
	
	input, select{ vertical-align:middle;}

/* Layout elements */
html{
	width:100%; height:100%;
	padding:0; margin:0;
}
	body{
		background-image:url(../images/bg-top-left.jpg); background-size:1241px 895px; background-position:top left; background-repeat:no-repeat; background-color:#fff;
	}
	
		.clear{ clear:both;}
		.clearAfter:after{ visibility:hidden; display:block; font-size:0; content:"."; clear:both; height:0;}
		* html .clearAfter{ zoom:1; } /* IE6 */
		*:first-child+html .clearAfter{ zoom:1; } /* IE7 */
		
		.noShow,
		.noScriptShow{ display:none;}
		.noText{ font-size:0px; line-height:0px; text-indent:-999999em;}
		
		.left{ float:left;}
		.right{ float:right;}
		
		.valign-outer{
			height:100%;
			display:table;
			position:static;
			overflow:hidden;
		}
			.valign-middle{
				width:100%;
				display:table-cell;
				position:static;
				vertical-align:middle;
			}
				.valign-inner{ position:relative;}
	
		.mobileElement,
		a.mobileElement,
		.tabletElement,
		a.tabletElement{ display:none;}
		.nonMobileElement,
		.nonTabletElement,
		a.nonMobileElement,
		a.nonTabletElement{ display:block;}
			p .nonMobileElement,
			p .nonTabletElement,
			p a.nonMobileElement{ display:inline-block;}
		
		.innerMargin{ padding:0 40px;}
		
		header{
			width:100%; height:36px;
			background-image:url(../images/header-bg-repeat.png); background-position:top; background-repeat:repeat-x;
			margin:0 0 200px 0;
			position:relative;
			z-index:20;
		}
			#headerPadding{
				height:36px;
				display:block;
				overflow:visible;
			}
				header a{
					display:block;
					float:left;
				}
		
		#contentArea{
			width:100%;
			position:relative;
			z-index:2;
		}
			#contentArea #contentAreaPadding{ padding:0 40px;}
				#contentArea .valign-outer{ width:100%;}
					#contentArea .valign-inner{
						max-width:1840px;
						padding:10px 0; margin:0 auto;
					}
						#examplesOuter{
							width:70%;
							overflow:visible;
							float:left;
						}
							#examplesInner{
								width:100%;
								height:280px;
								background:#fff;
								-webkit-box-shadow:0 0 10px 2px #c3c3c3; -moz-box-shadow:0 0 10px 2px #c3c3c3; box-shadow:0 0 10px 2px #c3c3c3;
							}
								.example{
									width:25%;
									height:414px;
									float:left;
								}
									.exampleBorder{ border-left:1px solid #e5e5e5;}
									.example:first-child .exampleBorder{ border-left:none;}
										.popupLink{
											width:100%; height:280px;
											display:block;
											overflow:hidden;
											position:relative;
										}
											.example img{
												height:100%;
												position:absolute; top:0;
												-webkit-transition:opacity 300ms linear; -moz-transition:opacity 300ms linear; -o-transition:opacity 300ms linear; -ms-transition:opacity 300ms linear; transition:opacity 300ms linear;
											}
											.example .leftAlign img{ left:0;}
											.example .rightAlign img{ right:0;}
											.example .popupLink#Example-SkylineSkyrides img{
												height:auto;
												top:-20px; left:-40px;
											}
											.greyImage{ z-index:4;}
											.hoverImage{
												opacity:0;
												z-index:5;
											}
											.example:hover .hoverImage{
												opacity:1;
											}
											.exampleText{
												padding:50px 20px 24px 20px;
											}
						#textOuter{
							width:20.75%;
							padding:0 3.7% 0 0;
							float:right;
						}
		/* Popups */
		#contentPopups{
			width:100%; height:100%;
			text-align:center;
			background:url(../images/popup-bg.png) repeat;
			position:fixed; top:0;
			opacity:0;
			z-index:0;
		}
			#contentPopups .valign-middle{}
				#contentPopups .valign-inner{ margin:0 40px;}
					#contentPopupsInner{
						max-width:1200px; min-width:200px;
						margin:0 auto;
						padding:20px 0 0 20px; 
						background:#fff;
						text-align:left;
						-webkit-border-radius:8px; border-radius:8px;
						-webkit-box-shadow:0 0 10px 2px #616161; -moz-box-shadow:0 0 10px 2px #616161; box-shadow:0 0 10px 2px #616161;
					}
						.contentPopup{ position:relative;}
							body.popupBody{
								padding:0 20px 20px 0;
								background-image:none;
							}
							#contentPopup-close{
								width:30px; height:30px;
								position:absolute; top:-32px; right:-12px;
								background-color:#ed1c24;
								overflow:hidden;
								-webkit-transition:background-color 300ms linear; -moz-transition:background-color 300ms linear; -o-transition:background-color 300ms linear; -ms-transition:background-color 300ms linear; transition:background-color 300ms linear;
								-webkit-border-radius:4px; border-radius:4px;
								-webkit-box-shadow:0 0 5px 0 #616161; -moz-box-shadow:0 0 5px 0 #616161; box-shadow:0 0 5px 0 #616161;
							}
							#contentPopup-close:hover{ background-color:#be0d14;}
							#contentPopup-iframe{ width:100%;}
								.contentPopup-padding{ padding:20px;}
									.contentPopup-link{
										width:536px;
										display:block;
										float:right;
										margin:0 10px 20px 40px;
										border:4px solid #fff;
										-webkit-box-shadow:0 0 10px 2px #c3c3c3; -moz-box-shadow:0 0 10px 2px #c3c3c3; box-shadow:0 0 10px 2px #c3c3c3;
									}
										.contentPopup-link img{ width:100%;}
									.contentPopup-padding p.companyCredit,
									.popupBody p.companyCredit{
										width:536px; height:70px;
										display:block;
										clear:right; float:right;
										padding:0 14px 0 0; margin:0 0 10px 40px;
										font-size:12px; line-height:22px;
										text-align:left;
										position:relative;
									}
									#IECredit{ text-align:right;}
										.companyCredit span{
											display:block;
											color:#999999;
											position:absolute; top:0;
											z-index:3;
										}
										#IECredit span{
											right:14px;
											text-align:right;
										}
										#CTCCredit span{ right:122px;}
										.companyCredit a{
											width:192px; height:47px;
											display:block;
											position:absolute; right:14px;
											background-position:top left; background-repeat:no-repeat;
											z-index:2;
										}
										#IECredit a{
											top:24px;
											background-image:url(../images/logo-ironEdge.jpg);
										}
										#CTCCredit a{
											top:4px;
											background-image:url(../images/logo-cabbageTreeCreative.jpg);
										}
		
		#bottomRightBG{
			width:590px; height:356px;
			background-image:url(../images/bg-bottom-right.jpg); background-position:bottom; background-repeat:repeat-x; background-size:100%;
			position:absolute; bottom:0; right:20px;
			z-index:1;
		}
		
		footer{
			width:100%;
			position:absolute; bottom:36px; right:0;
			z-index:10;
		}
			#footerPadding{
				padding:0 10px;
			}