/*			Dear designer, if your reading this you know what your doing, please dont hate on me or my css code, it's not pretty, i know but i'm in the business of app development
			not site design + this is my first site..
			
			Head Phoenix
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #ccc;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}

#siteContainer {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	width: 804px;
}

#fnComingSoon {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;

	padding-top: 10px;
	width: 804px;
	height: 153px;
	-moz-user-select: none;
	-webkit-user-select: none;
}

#message2 {
	position: absolute;
	top: 75px;
	left: 20px;
	width: 764px;
	
}

#message2 h1 {
	color: #222;
	font-size: 16px;
	padding-bottom: 15px;
}

#message2 h2 {
	position: absolute;
	right: 5px;
	top: 0px;
	color: #777;
	font-size: 13px;
	
}

#message2 p {
	color: #555;
	font-size: 13px;
}

#message {
	position: absolute;
	top: 240px;
	left: 20px;
	width: 764px;
	
}

#message h1 {
	color: #222;
	font-size: 16px;
	padding-bottom: 15px;
}

#message h2 {
	position: absolute;
	right: 5px;
	top: 0px;
	color: #777;
	font-size: 13px;
	
}

#message p {
	color: #555;
	font-size: 13px;
}

#features {
	position: relative;
	display: inline;
	list-style: none;
	text-align: left;
	width: 500px;
	height: 30px;
	font-size: 13px;
	text-shadow: #fff 0 1px 0;
	padding-left: 5px;
}

#headerLinks {
	position: absolute;
	display: inline;
	list-style: none;
	text-align: right;
	right: 0;
	width: 300px;
	height: 30px;
	font-size: 13px;
	text-shadow: #fff 0 1px 0;
}

#featuresList {
	display: inline;
	padding-right: 20px;
}

#headerListCurrent {
	display: inline;
	color: #777;
	padding-left: 20px;
	padding-right: 5px;
}

#headerLinksList {
	display: inline;
	padding-right: -10px;
	padding-left: 20px;
}

#siteContainer a:link {
	color: #000;
	text-decoration: none;
	text-shadow: #fff 0 1px 0;
}

#siteContainer a:visited {
	color: #000;
	text-decoration: none;
	text-shadow: #fff 0 1px 0;
}

#siteContainer a:hover {
	color: #07f;
	text-decoration: none;
	text-shadow: #fff 0 1px 0;
}

#siteContainer a:active {
	color: #07f;
	text-decoration: none;
	text-shadow: #fff 0 1px 0;
}


#siteContainer a:focus {
	color: #07f;
	text-decoration: none;
	text-shadow: #fff 0 1px 0;
}

#messageBoxContainer {
	position: relative;
	display: block;
	margin-top: 15px;
	width: 804px;
	height: 120px;
}

#msgBoxTopLeft {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background-image: url("images/messageBoxSprite.png");
	background-position: 0 -40px;
}

#msgBoxTopRight {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	background-image: url("images/messageBoxSprite.png");
	background-position: 0 -60px;
}

#msgBoxTop {
	position: absolute;
	top: 0;
	left: 20px;
	right: 20px;
	height: 20px;
	background-image: url("images/messageBoxSprite.png");
	background-position: 0 -80px;
}

#msgBoxBottomRight {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 20px;
	height: 20px;
	background-image: url("images/messageBoxSprite.png");
	background-position: 0 -20px;
}

#msgBoxBottomLeft {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background-image: url("images/messageBoxSprite.png");
	background-position: 0 0px;
}

#msgBoxBottom {
	position: absolute;
	bottom: 0;
	left: 20px;
	right: 20px;
	height: 20px;
	background-image: url("images/messageBoxSprite.png");
	background-position: 0 -100px;
}

#msgBoxLeft {
	position: absolute;
	top: 20px;
	bottom: 20px;
	left: 0px;
	width: 20px;
	background-image: url("images/messageBoxSidesSprite.png");
	background-position: 0 0;
}

#msgBoxRight {
	position: absolute;
	top: 20px;
	bottom: 20px;
	right: 0px;
	width: 20px;
	background-image: url("images/messageBoxSidesSprite.png");
	background-position: -20px 0;
}

#msgBoxFill {
	position: absolute;
	top: 20px;
	bottom: 20px;
	right: 20px;
	left: 20px;
	background-image: url("images/messageBoxFill.png");
}

#messageText {
	position: absolute;
	top: 10px;
	left: 20px;
	right: 20px;
}

#messageText h1 {
	color: #222;
	font-size: 16px;
	padding-bottom: 15px;
}

#messageText h2 {
	position: absolute;
	right: 5px;
	top: 0px;
	color: #777;
	font-size: 13px;
	
}

#messageText p {
	color: #555;
	font-size: 13px;
}

#messageText a:link {
	color: #07f;
	text-decoration: none;
}

#messageText a:visited {
	color: #07f;
	text-decoration: none;
}

#messageText a:hover {
	color: #07f;
	text-decoration: none;
}

#messageText a:active {
	color: #07f;
	text-decoration: none;
}

#messageText a:focus {
	color: #07f;
	text-decoration: none;
}