@charset "utf-8";
/* CSS Document */
body {
	color:#555;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.5;
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	margin-top:10px;
}

#container {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#copy{
	float:left;
	width:575px;
	color:#FFFFFF;
	text-align:left;
	text-align:justify;
	padding-left:5px;
}

#pro-splash #container{
	width: 960px;
	background:#222;
	-moz-border-radius:5px;
}

#pro-splash h1{
	color:#f1f1f1;
	background:#222;
	width: 960px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	-moz-border-radius:5px;
}

#pro-splash span.copywrite{
	font-size:11px;	
}

#pro-splash #copy{
	width:750px;
}

#callout{
	float:right;
	width:360px;
	margin-right:8px;
}

#pro-splash #callout{
	float:left;
	width:150px;
	color:#f1f1f1;
	padding:10px;
}

#maximize{
	margin-top:10px;
	margin-bottom:20px;
}

a, a:hover, a:active, a:focus {
	outline: 0;
}

a{color:#FFFFFF;}
a:hover{color:#CCCCCC;}

strong{color:#009900;}

/* CLEAR FIX*/
.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;
}
/* End hide from IE-mac */