@charset "utf-8";
/* CSS Document */

@import url('reset.css');

.clear {
	clear:both;
}

.textRight {
	text-align:right;
}

#theme-colour {
	position:absolute;
	left:0;
	top:220px;
	width:60px;
	height:181px;
	padding-left:1px;
	padding-top:125px;
	background-image:url(../images/white-layout/theme-bg.jpg);
	background-repeat:no-repeat;
}

	#theme-colour a.white-swatch {
		float:left;
		display:inline;
		width:40px;
		height:40px;
		background-image:url(../images/theme-swatches/white.png);
		background-repeat:no-repeat;
		text-indent:-9999px;
	}

	#theme-colour a.dark-grey-swatch {
		float:left;
		display:inline;
		width:40px;
		height:40px;
		background-image:url(../images/theme-swatches/dark-grey.png);
		background-repeat:no-repeat;
		text-indent:-9999px;
	}

	#theme-colour a.pastel-green-swatch {
		float:left;
		display:inline;
		width:40px;
		height:40px;
		background-image:url(../images/theme-swatches/pastel-green.png);
		background-repeat:no-repeat;
		text-indent:-9999px;
	}

	#theme-colour a.pastel-blue-swatch {
		float:left;
		display:inline;
		width:40px;
		height:40px;
		background-image:url(../images/theme-swatches/pastel-blue.png);
		background-repeat:no-repeat;
		text-indent:-9999px;
	}

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFF;
	padding-bottom:40px;
}

.container {
	margin:0 auto;
	width:840px;
}

#header {
	float:left;
	display:inline;
	width:100%;
	height:220px;
	background-image:url(../images/white-layout/header-bg.jpg);
	background-repeat:repeat-x;
	background-color:#f2f2f2;
}

	#header a.logo {
		float:left;
		display:inline;
		width:186px;
		height:158px;
		margin:20px;
		text-indent:-9999px;
		background-image:url(../images/white-layout/logo.png);
		background-repeat:no-repeat;
	}
	
	#header p {
		float:right;
		display:inline;
		width:50%;
		text-align:right;
		line-height:16px;
		font-size:14px;
		color:#000;
		margin-top:80px;
	}
	
		#header p a {
			color:#000;
			text-decoration:none;
		}
		
#main-content {
	clear:both;
	background-image:url(../images/white-layout/main-content-bg.jpg);
	background-position:left;
	background-repeat:no-repeat;
	height:306px;
}

	#main-content #text {
		float:left;
		display:inline;
		width:760px;
		padding:20px 0 20px 20px;
	}
	
		#main-content #text h1 {
			text-align:center;
			color:#000000;
			text-transform:uppercase;
			font-size:48px;
			line-height:48px;
			padding-top:20px;
			background-image:url(../images/white-layout/title-bg.gif);
			background-position:bottom center;
			background-repeat:no-repeat;
		}
		
		#main-content #text p {
			text-align:center;
			font-size:14px;
			color:#000;
			line-height:18px;
			padding-top:5px;
			height:100px;
		}
		
		#main-content #text #note {
			width:100%;
			height:40px;
			text-align:center;
		}
		
		#main-content #text input.textbox {
			float:left;
			display:inline;
			background-color:#f2f2f2;
			background-image:url(../images/white-layout/input-background.jpg);
			background-position:0px 0px;
			border:none;
			width:294px;
			height:21px;
			padding:10px;
			font-size:16px;
			margin-left:10px;
		}
		
		#main-content #text input:focus.textbox {
			background-position:0px -41px;
		}
		#main-content #text input.button {
			float:left;
			display:inline;
			width:82px;
			height:41px;
			margin-left:10px;
			background-color:transparent;
			border:none;
			background-image:url(../images/white-layout/submit.jpg);
			background-repeat:no-repeat;
		}

	#main-content #social-icons {
		float:right;
		display:inline;
		width:41px;
		margin-top:17px;
	}
	
		#social-icons li {
			float:left;
			display:inline;
			margin-bottom:7px;
		}
		
			#main-content #social-icons a {
				position:relative;
			}
		
			#main-content #social-icons a.facebook {
				float:left;
				display:block;
				clear:both;
				width:41px;
				height:40px;
				background-image:url(../images/social-icons/facebook.png);
				background-repeat:no-repeat;
				text-indent:-9999px;
			}
		
			#main-content #social-icons a.twitter {
				float:left;
				display:block;
				clear:both;
				width:41px;
				height:40px;
				background-image:url(../images/social-icons/twitter.png);
				background-repeat:no-repeat;
				text-indent:-9999px;
			}
		
			#main-content #social-icons a.digg-this {
				float:left;
				display:block;
				clear:both;
				width:41px;
				height:40px;
				background-image:url(../images/social-icons/digg-this.png);
				background-repeat:no-repeat;
				text-indent:-9999px;
			}
		
			#main-content #social-icons a.youtube {
				float:left;
				display:block;
				clear:both;
				width:41px;
				height:40px;
				background-image:url(../images/social-icons/youtube.png);
				background-repeat:no-repeat;
				text-indent:-9999px;
			}
		
			#main-content #social-icons a.myspace {
				float:left;
				display:block;
				clear:both;
				width:41px;
				height:40px;
				background-image:url(../images/social-icons/myspace.png);
				background-repeat:no-repeat;
				text-indent:-9999px;
			}
		
			#main-content #social-icons a.rss {
				float:left;
				display:block;
				clear:both;
				width:41px;
				height:40px;
				background-image:url(../images/social-icons/rss.png);
				background-repeat:no-repeat;
				text-indent:-9999px;
			}
		
	#footer {
		font-size:11px;
		padding-top:30px;
	}
	
	#footer a, #footer p {
		text-decoration:none;
		color:#000;
		font-size:11px;
	}
		
	#countdown {
		width:815px;
		padding-left:25px;
	}
	
		#countdown .countdown-item {
			float:left;
			display:inline;
			width:150px;
			height:150px;
			background-image:url(../images/white-layout/countdown-bg.gif);
			background-repeat:no-repeat;
		}
	
			#countdown .countdown-item h2 {
				font-size:28px;
				color:#000;
				text-transform:uppercase;
				text-align:center;
				padding-top:20px;
			}
			#countdown .countdown-item p {
				color:#000000;
				text-align:center;
				font-size:90px;
				line-height:80px;
			}