﻿body {
	text-align: center;
	margin: 0px;
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
:focus {
	outline: 0;
}

/* End Reset */



/********** Text **********/

h3 {
	font-size: 1.5em;
	padding-bottom:5px;
}

p.sub {
	color:#006a90;
	font-size:80%;
}


/********** Header **********/

#header {
	width:900px;
	margin-bottom:90px;
}

h1.chirp {
	display:none;
	float:left;
}

a.myogo {
	word-spacing: 1.2em;
	text-decoration: none;
	color: black;
	font-size: 12px;
	background: top left no-repeat;
	border:none;
	text-indent:-9999px;
	overflow:hidden;
	}


/********** General **********/

body {
	font-family: verdana, arial, sans-serif;
	background:#c9e2eb url(design3.jpg) top left repeat;
    font-size: 14px;
    line-height: 2em; /* 16×1.125=18px */
	letter-spacing:-0.03em;
	color: black;
	padding-bottom: 0px;
}

#innerBackground {
	background:url(clouds.png) top center no-repeat;
	width:100%;
}

#mainContainer {
	text-align: center;
	width:900px;
	margin: 0 auto;
}

#mountains {
	width:100%;
	background:url(mountains.png) bottom center repeat-x;
}










/********** Content **********/

.content {
	background-image: url(background.png);
	background-repeat: repeat;
	height:900px;
}

h2.title {
	font-size: 18px;
	color: #ff3439;
	float: left;
	background: url(background.png) top left repeat;
	display: block;
	width: 410px;
	height: 264px;
	border: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
	}
	
.announcement {
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 10px;
	width:375px;
	height:210px;
	background:url(background.png) top left repeat;
	float:right;
	margin-top:20px;
}


h2.thankYou {
	float: left;
	background:url(../images/presentation/thanks_02.png) top left no-repeat;
	display: block;
	width: 502px;
	height: 192px;
	border: none;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
	}	
	
a.tell {
	color: #8a83ff;
	background-color: #5f5f5f;
	position:relative;
	float:right;
	background: url(../images/presentation/tell_your_followers.png) top left no-repeat;
	display: block;
	width: 355px;
	height: 333px;
	border: none;
	padding: 0px;
	margin: 25px 0px 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
	}
	
a.tell:hover {
	background: url(../images/presentation/tell_your_followers.png) 0px -340px no-repeat;
	}		











/* Clearfix ____________________________________________________________________ */

#header:after,
.content:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* End Clearfix */