/*--------------------------------------------------*/
/* General Setup                 					*/

	* {
		padding: 0;
		margin: 0;
	}

	body {
		font-family: arial, verdana, helvetica, sans-serif;
		font-size: 62.5%; /* resets fonts to 16px */
		color: #fff;
		background: #000 url("/a/img/global/bg.jpg") repeat top left;
		background-attachment: fixed;
		text-align: center;
	}

	/*--------------------------------------------------*/
	/* Text                                             */

		p {
			padding: 0 0 12px;
		}

		h1 {
			font-size: 2.1em;
		}

		h2 {
			font-size: 1.63em;
		}

		h3 {
			font-size: 1.6em;
		}

		h4 {
			font-size: 1.4em;
		}

		h5 {
			font-size: 1.1em;
		}

	/*--------------------------------------------------*/
	/* Links                                            */

		a {
			text-decoration: underline;
		}

			a:hover,
			a:active,
			a:focus {
				text-decoration: none;
			}

			a img {
				border: 0;
			}

	/*--------------------------------------------------*/
	/* Lists                                            */

		ul, ol {
			padding: 0 24px 12px;
		}

			ul li,
			ol li {
				padding: 0 0 2px;
			}

	/*--------------------------------------------------*/
	/* Images                                           */

		img {
			display: block;
		}

	/*--------------------------------------------------*/
	/* Table                                            */

		table {
			font-size: 1em;
		}

			table,
			table td,
			table th {
				border: 0;
			}

	/*--------------------------------------------------*/
	/* Form                                             */

		form {
			clear: both;
			width: 246px;
			margin: 0 10px;
		}

			form fieldset {
				border: 0;
			}

				input,
				textarea,
				select,
				button {
					font-family: arial, verdana, helvetica, sans-serif;
					font-size: 1em;
					margin-bottom: 5px;	
					clear: right;
				}
							
				form .clear {
					margin-bottom: 3px;
				}
				
				form input, form textarea {
					border: 2px solid #385674;
					background: #a8b3be;
					padding: 3px;
					width: 135px;
					color: #002942;
					font-size: 10px;
					font-weight: bold;
				}
				
				form textarea {
					width: 215px;
					height: 80px;
					margin-bottom: 3px;
					clear: both;
				}
				
				form input.error, form textarea.error {
					border: 2px solid red;
				}
				
				#answerCounter {
					float: left;
					clear: left;
				}
				
				.charLimit {
					width: 170px;
					height: 15px;
				}
				
				.charLimit p {
					margin: 0 0 0 3px;
					padding: 0;
					float: left;
				}
						
				form input:focus, form textarea:focus {
					background: #fff;
				}

				form label {
					width: 70px;
					display: block;
					float: left;
					padding: 0 10px 0 0;
					text-align: right;
					font-family: Rockwell, arial, verdana, helvetica, sans-serif;	
					color: #94bee6;
					font-size: 11px;	
					font-weight: bold;				
				}
				
				form .checkbox {
					line-height: 17px;
				}
				
				form .checkbox input {
					width: 14px;
					float: left;
					margin-left: 80px;
					background: none;
					border: none;
				}
				
				form .checkbox label {
					width: 100px;
					display: block;
					float: left;
					padding: 0 0 0 10px;
					text-align: left;
					font-family: arial, verdana, helvetica, sans-serif;	
					color: #fff;
					font-size: 9px;	
					font-weight: bold;					
				}
				
				form p.viewTerms {
					float: left;
					width: 70px;
					padding: 5px 10px 0 0;
					text-align: right;
				}
				
				form p.viewTerms a {
					font-family: arial, verdana, helvetica, sans-serif;	
					color: #fff;
					font-size: 9px;
				}
				
				form .submit {
					float: left;
				}

				form input.submit {
					background: none;
					border: none;
					margin: 0;
					padding: 0;
					height: 31px;
					width: 112px;
					background: url("/a/img/global/buttonBg.jpg") no-repeat top left;
					text-align: center;
					color: #000;
					font-family: arial, verdana, helvetica, sans-serif;
					font-size: 1em;
					text-transform: uppercase;
					font-weight: bold;
				}
						
				form input.submit:hover {
					color: #ccc;
					cursor: pointer;
				}

/*--------------------------------------------------*/
/* Generic Classes				                    */

	.offScreen {
		position: absolute;
		left: -5000px;
	}

	.clear:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.error {
		color: red;
	}

	.jsRequired {
		display: none;
	}

/*--------------------------------------------------*/
/* Wrapper						                    */

	#wrapper {
		font-size: 1.1em; /* sets all fonts to 12px */
		width: 960px;
		margin: 30px auto;
		text-align: left;
	}
	
	/*--------------------------------------------------*/
	/* myContent					                    */

		#myContent {
			background: #000c14 url("/a/img/global/wrapperBgHome.jpg") no-repeat top left;
			padding: 35px 10px 0 10px;
		}
		
			#myContent img {
				display: inline;
			}
			
			/*--------------------------------------------------*/
			/* navigation					                    */
				
				#navigation {
					padding: 0 15px;
				}
				
					#launched {
						float: left;
						margin: 15px 0 5px 0;
					}
				
					#menu {
						float: left;
						width: 442px; 
						height: 19px;
						background: url("/a/img/global/nav/nav.gif") no-repeat top left;
						margin: 15px 15px 5px 0;
						padding: 0;
						position: relative;
					}
					
						#menu li {
							margin: 0; 
							padding: 0; 
							list-style: none;
							position: absolute; 
							top: 0;
						}
						
						#menu li, #menu a {
							height: 19px; 
							display: block;
						}							
							
							#home {
								left: 0; 
								width: 54px;
							}
							
							#theKit {
								left: 103px; 
								width: 70px;
							}
							
							#timeline {
								left: 216px; 
								width: 87px;
							}
							
							#theStory {
								left: 347px; 
								width: 95px;
							}
							
							#home a:hover, .hSelected {
							    background: transparent url("/a/img/global/nav/nav.gif")
							    0 -19px no-repeat;
							}
							
							#theKit a:hover, .kSelected {
							    background: transparent url("/a/img/global/nav/nav.gif")
							    -103px -19px no-repeat;
							}
							
							#timeline a:hover, .tSelected {
							    background: transparent url("/a/img/global/nav/nav.gif")
							    -216px -19px no-repeat;
							}
							
							#theStory a:hover, .sSelected {
							    background: transparent url("/a/img/global/nav/nav.gif")
							    -347px -19px no-repeat;
							}
						
			/*--------------------------------------------------*/
			/* content						                    */

				#content {
					float: left;
					width: 427px;
					z-index: 0; 
					position: relative;
				}
				
					#content h1 {
						background: url("/a/img/global/inspired.png") no-repeat top left;
						width: 390px;
						height: 16px;
						margin: 0 10px 0 10px;
					}
					
					#content p {
						padding: 0;
						margin: 8px 10px 10px 10px;
						color: #fff;
						font-size: 11px;
					}
					
					#overlayContainer {
						clear: both;
						position: relative;
					}

					#overlay {
						width: 427px;
						z-index: 11;
						position: absolute;
						top: -55px;
						right: 0;
					}
					
					#flashContentLand {
						width: 427px;
						z-index: -3;
						margin-top: 1px;
						height: 280px;
					}
		
			/*--------------------------------------------------*/
			/* copyColumn					                    */

				#copyColumn {
					float: left;
					width: 460px;
					margin: 20px 25px;
				}
				
					#copyColumn p {
						font-size: 11px;
						color: #ccc;
						margin: 0 0 15px 0;
						padding: 0;
					}
					
					#copyColumn p strong {
						font-size: 11px;
						color: #fff;
					}
					
					h2.home {
						background: url("/a/img/global/newKit.png") no-repeat top left;
						width: 385px;
						height: 46px;
						margin: 20px 0 15px 0;
					}
				
			/*--------------------------------------------------*/
			/* copyColumn					                    */

				#ctaFooter {
					clear: both;
					text-align: left;
					width: 100%;
					
					z-index: 21;
					position: relative;
					top: -50px;

					margin-bottom: 0;
					position: relative;
					z-index: 80;
				}
				
					#ctaFooter #galleryCTA {
						float: left;
						background: url("/a/img/home/galleryCTA.png") no-repeat top left;
						width: 675px;
						height: 168px;
						text-align: right;
					}
					
						#ctaFooter #galleryCTA img {
							margin: 85px 10px 0 0;
						}
					
					#ctaFooter #preorderCTA {
						float: left;
						background: url("/a/img/home/preorderCTA.jpg") no-repeat top left;
						margin: 41px 0 0 19px;
						width: 246px;
						height: 127px;
					}
			
	/*--------------------------------------------------*/
	/* Footer						                    */

		#footer {
			clear: both;
			background: #363636 url("/a/img/global/footerBg.jpg") no-repeat bottom left;
			height: 47px;
			width: 960px;
			color: #ccc;
			line-height: 33px;
			

			/*	fix for home CTA footer */
			position: relative;
			top: -37px;
		}
		
			#footer p {
				float: left;
				margin: 0 0 0 30px;
				font-size: 10px;
			}
			
				#footer p a {
					color: #fff;
					text-decoration: none;
					font-weight: bold;
				}
				
				#footer p a:hover {
					color: #fff;
					text-decoration: underline;
				}
			
			#footer p.terms {
				float: right;
				margin: 0 30px 0 0;
			}
			
				#footer p.terms span {
					margin: 0 10px;
					color: #000;
				}
			
				#footer p.terms a {
					color: #ccc;
					text-decoration: none;
					font-weight: normal;
				}
				
				#footer p.terms a:hover {
					color: #ccc;
					text-decoration: underline;
				}