/*	RESET: Standard overrides for common elements
	-------------------------------------------------- */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	
/*	CLEARFIX: Clear any float issues
	-------------------------------------------------- */
	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	.clearfix {
		display:inline-block;
	}
	/* Hides from IE-mac \*/
	* html .clearfix {
		height:1%;
	}
	.clearfix {
		display:block;
	}


/*	BASE: Default font & colour styles
	-------------------------------------------------- */	
	body {
		font: normal normal normal 75% Arial, Helvetica, sans-serif;  /* 11px */
		background: #020101;
		background-image: url(/images/bg-body.jpg);
		background-position: center top;
		background-repeat: repeat-y;
		text-align: center;
		color: #333333;	
		padding: 0 0 100px;
	}		
	
	/* Right margins for column alignment */
	.m-20	{margin-right: 20px;}
	.m-10	{margin-right: 10px;}
	
	
/*	TYPOGRAPHY: Headings, paragraphs & links
	-------------------------------------------------- */	
	h1 {
		padding: 0; 
 		font-size: 2.17em;
		font-weight: normal;
	}
	h2 {
		padding: 0; 
 		font-size: 1.58em;
		font-weight: bold;
	}
	h3 {
		padding: 0; 
 		font-size: 1.58em;
		font-weight: normal;
	} 
	h4 {
		padding: 0; 
 		font-size: 1.17em;
		font-weight: bold;
	} 
	h5 {
		padding: 0; 
 		font-size: 1.17em;
		font-weight: normal;
	}  
	h6 {
		padding: 10px 0; 
 		font-size: 1em;
		font-weight:n ormal;
	}  
	
	p {
		font-size: 1em; 
		line-height: 1.3em;
		margin: 5 0 10px;
	}
	
	a {
		text-decoration: none;
		color: #FFFFFF;
	}
	a:hover	{
		
	}

	
	
/*	LISTS: General content copy lists
	-------------------------------------------------- */
	ul, ol {
		margin: 0;
		padding: 0;
		list-style:none;
	}
	
	
/*	ACCESSIBILITY LINKS: Skip links
	-------------------------------------------------- */
	ul.accessibility {
		position: absolute;
		top: 0;
		left: 0;
		width: 300px;
		margin: 0;
		padding: 0;
		list-style: none;
		z-index: 550;
	}
	ul.accessibility li a {
		position: absolute;
		top: -1000px;
		left: -1000px;
		background-color: #333;
		border: 1px solid #666;
		font-size: 1.166em;
		font-weight: bold;
		color: white;
		padding: 2px 6px;
	}
	ul.accessibility li a:focus {
		position: absolute;
		top: 10px;
		left: 10px;
	}
	
	
/*	CONTAINER: Main page container
	-------------------------------------------------- */
	#container {
		width: 978px;
		margin: 20px auto 0;
		position: relative;
		background: url(/images/container_bg.jpg) no-repeat top left #fff;
		border: 1px solid #3D3D3D;
		border-bottom: 0;
		height:520px;
		text-align:center;
	}

	#logo{
		background: url(/images/pink_my_ride_logo.gif) no-repeat top left #fff;
		position:absolute;
		top:32px;
		left:16px;
		width:178px;
		height:32px;
		text-indent:-2000px;
		overflow:hidden
	}
	
	.popup-inner{
		padding: 0 20px 20px;
		text-align:left;
	}
	#d-popup h1.downloads-title{
		background:transparent url(/images/download-title.gif) no-repeat scroll left bottom;
		height:14px;
		line-height:14px;
		margin:30px 0 15px 12px;
		overflow:hidden;
		padding:0;
		text-indent:-2000px;
		width:181px;
	}
		#d-popup .downloads-copy p {
			margin: 0 0 0 12px;
		}
		#d-popup ul.downloads_list  {
			display: block;
			margin: 40px 0 0 12px;
		}
		#d-popup ul.downloads_list li {
			display: block;
			float: left;
			width: 167px;
			margin: 0 16px 15px 0;
		}
		#d-popup ul.downloads_list li a {
			display: block;
		}
	
	#pinklogo{
		background: url(/images/500pink_logo.gif) no-repeat top left;
		position:absolute;
		bottom:16px;
		left:30px;
		width:141px;
		height:30px;
		text-indent:-2000px;
		overflow:hidden
		
		}
	#form{display:none;}
	#videoContainer{
		background: url(/images/video_container.jpg) no-repeat top left;
		width:616px;
		position:absolute;
		left:210px;
		top:30px;
		text-align:left;
		height:452px;
		}
	#videoContainer #info{
		position:absolute;
		top:12px;
		right:22px;
		background:url(/images/info.gif) no-repeat top left;
		text-indent:-2000px;
		display:block;
		width:16px;
		height:16px
		}
	#videoContainer #video{margin:24px 0 0 18px}
	
	#videoContainer .countdown-title{
		position: absolute;
		top: 137px;
		left: 94px;
	}
	#videoContainer #clock-countdown{
		position: absolute;
		top: 168px;
		left: 97px;
		width: 405px;
		height: 130px;
	}
	
	#tweets{
		position:absolute;
		text-align:left;
		width:616px;
		left:230px;
		top:460px;
		font-size:.9em;
		}
	#tweets h1{
		background:url(/images/latest_tweets.gif) no-repeat top left;
		width:106px;
		height:13px;
		line-height: 13px;
		text-indent:-2000px;
		margin:10px 0 5px 0;
		padding: 0;
		}
	#tweets ul{
		margin: 0;
	}
	#tweets ul li{
		margin: 0;
	}
	#tweets ul a{color:#333}
	#tweets ul a.posted{
		color: #333333;
	}
	
	
/*	FOOTER: 
	-------------------------------------------------- */
	#footer{
		width:978px;
		height:51px;
		display:block;
		margin:auto;
		background:url(/images/footer_bg.jpg) repeat-x top left;
		position:relative;
	}
		#footer ul {
			position: absolute;
			top: 20px;
			left: 286px;
		}
		#footer ul li {
			display: block;
			float: left;
			margin-right: 23px;
		}
		#footer ul li a {
			display: block;
			position: relative;
			text-indent:-2000000px;
			height:14px;
			cursor: pointer;
		}
			#footer #preview{
				background:url(/images/preview_car.gif) no-repeat top left;	
				width:132px;
			}
			
			#footer #enter{
				background:url(/images/competition.gif) no-repeat top left;	
				width:182px;
			}
			
			#footer #downloads-links{
				background:url(/images/download-btn.jpg) no-repeat top left;	
				width:99px;
				margin:1px 0 0;
			}
		
			#footer #twitter{
				background:url(/images/twitter_icon.gif) no-repeat top left;
				width:25px;
				height:25px;
				display:block;
				text-indent:-2000px;
				overflow:hidden;
				position:absolute;
				top:12px;
				right:90px;
			}
			#footer #sharethis{
				position:absolute;
				right:11px;
				top:16px;
				color:#333;
				z-index:10000
				}
				#footer #sharethis a{color:#333 !important}
				#footer #sharethis #colophon{display:none !important}
				
				
				
/*	TERMS: Terms and conditions page
	-------------------------------------------------- */				
#terms-content{
	position:absolute;
	background:#fff;
	text-align:left;
	padding:20px;
	top:80px;
	left:0;
	font-size:.9em;
	height:400px;
}	
	#termsContainer #hideTop{
		position:absolute;
		background:#fff;
		width:700px;
		top:0px;
		height:100px;
		left:200px;
	}
	#terms-content h1{
		background:url(/images/terms_header.gif) no-repeat top left;
		width:181px;
		height:16px;
		text-indent:-2000px;
		margin-bottom:15px;
	}
	#terms-content ol{
		margin: 20px 0 0 20px;
	}
	#terms-content ol li{
		list-style: decimal;
		margin: 0 0 8px;
	}
	#terms-content .left{
		float:left;
		display:block;
		width:48%;
	}
	#terms-content .right{
		float:right;
		display:block;
		width:48%;
	}
	#terms-content #terms-close{
		color:#E2017B;
		text-decoration:none;
		position:absolute;
		right:30px;
		top:20px;
		display:none;
		cursor:pointer
	}

	#tracking_iframe {
		position: absolute;
		left: -10000px;
		top: -10px;
	}