/* Main Layout */
html, body, #flashContainer {
	width: 100%; 
	height: 100%;
	margin: 0; 
	background:#2a514f; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#cccccc;
}

a { color:#ffffff; text-decoration:none; }
a:hover { color:#cccccc; text-decoration:none;}
	 
#htmlContainer { 
	margin:auto;
	padding:40px 0 0 0;
	width:750px;
}

#header { width:750px; }
#logo { float:left; }
#signup { float:right; padding-top:40px; }

#nav { width:750px; border-bottom: 1px solid #222222; border-top: 1px solid #222222; list-style: none; margin:20px 0 0 0; padding:0; }

#nav li { text-decoration:none; float:left; margin-right:20px; padding:20px 0; }

h1 { font-size:20px; color:#999999; }
h2 { font-size:16px; color:#999999; }

#getFlash { border-top: 1px solid #222222; border-bottom: 1px solid #222222; margin:20px 0; color:#ffffff; font-size:10px;  }
#footer { font-size:10px; padding-bottom:20px;}


/* clearfix */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

* html>body .clearfix {
  display: inline-block; 
  width: 100%;
}

* html .clearfix {
  /* Hides from IE-mac \*/
  height: 1%;
  /* End hide from IE-mac */
}

.clearfix
{
    zoom: 1;
}