* { margin:0; padding:0; }

#body, #features { width:900px; }

.floatleft { float:left; }
.forcedown { clear:both; display:inline; height:0; visibility:hidden; }


#body { margin:0 auto; position:relative; }

#logo_login {
	position:absolute;
	top:10px; left:0;
  width:100%;
}
	#logo_login span { color:#1E242C; font-size:17px; position:relative; left:10px; }

  #login {
    color:#aaa;
		display:inline;
		float:right;
    font-family:Verdana;
    font-size:11px;
    font-weight:bold;
		line-height:16px;
		margin: 3px 15px 0 0;
  }
	.forgot, .forgot:visited { color:blue; font-weight:normal; text-decoration:none; }
	.forgot:hover { text-decoration:underline; }	
	#login b { color:#1E242C; margin:13px; }
	#login input { margin:1px 0 0 0; padding:2px; }
	#login input.button {  background:#E9E7E2; background-color:#E9E7E2; border:1px solid #ccc; color:#1E242C; cursor:pointer; display:inline; font-family:Arial, Helvetica, sans-serif;; font-size:9px; padding:4px 10px 3px 10px !important; padding:4px 5px 2px 5px; position:relative; top:-2px !important; top:-1px; }
  #f_email, #f_passw { width:126px; }

  #logo {
  	display:inline;
		margin:5px 0 0 10px;
  }
	h4 { color:#9098A9; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; margin:0 0 0 12px; position:relative; top:-2px; }

#banner {
  clear:both;
  background-image: url(banner.png);
  background-repeat: repeat-x;
  height:200px;
	position:absolute;
	top:70px; left:0;
  width:100%;
}

  #banner h2 {
    color:#fff;
    font-family:Verdana;
    font-size:16px;
    margin:0 0 0 12px;
    padding:20px 0 0 0;
  }

  #banner p {
    color:#e0e0e0;
    font-family:Verdana;
    font-size:13px;
    margin:10px 0 0 15px;
  }

  #scrn_demo, #scrn_feat, #img_demo, #img_feat {
  	border:none;
		cursor:pointer;
		float:left;
		position:relative;
		z-index:0;
  }

  #scrn_feat a,  #scrn_demo a {
    color:#fff;
    font-family:Verdana;
    font-size:11px;
    font-weight:bold;
    position:relative;
    text-decoration:none;
  }
	#img_demo {
		position:relative;
		left:51px;
	}
	#img_feat {
		position:relative;
		left:121px;
	}
	.scrn_demo_text { position:absolute; top:175px !important; left:-200px; top:165px; width:120px;  z-index:2; }
	.scrn_feat_text { position:absolute; top:140px !important; left:-80px; top:130px; width:120px;  z-index:2; }
  #scrn_demo:hover .scrn_demo_text, #scrn_feat:hover .scrn_feat_text { text-decoration:underline; }



#features {
  background-image: url(feat_back.png);
  background-repeat: repeat-x;
  height:auto;
	padding:0 0 20px 0;
	position:absolute;
	top:270px;
	left:0px;
}
  #features h3 {
  	clear:both;
    font-family:Verdana;
    font-size:16px;
    padding:10px;
  }
  #features h1 {
    font-family:Verdana;
    font-size:15px;
    font-weight:normal;
    padding:0 10px 10px 10px;
  }
  #features em {
    color:#999;
		clear:both;
    font-family:Verdana;
    font-size:11px;
		font-style:normal;
    margin:0 0 0 15px;
  }
	.wait_list, .wait_list:visited { color:blue; }
  .feature {
    border:none;
    float:left;
		margin:10px 0 10px 0;
    width:33%;
  }
  .feature p {
    color:#9F9F9F;
    font-family:Verdana;
    font-size:12px;
		line-height:18px;
    margin:10px 12px 20px 20px;
  }
  .read_more, .read_more:visited {
    color:blue;
		font-size:10px;
		text-decoration:none;
  }	
  .read_more:hover { text-decoration:underline; }
	.separator { border-left:1px solid #ccc; }

#demo_feat {
  color:#9AA0AB;
  float:right;
  font-family:Verdana;
  font-size:13px;
  font-weight:bold;
  padding:15px;
	text-align:right;
}
  #demo_feat li {
    color:#9AA0AB;
    line-height:26px;
    list-style:none;
  }
  .demo_feat_link {
    color:#9AA0AB;
    line-height:20px;
    text-decoration:none;
  }
  .demo_feat_link:hover {
    color:#c5c9cf;
    text-decoration:underline;
  }
/*
  #demo_feat li span {
    color:#c5c9cf;
  }
  #demo_feat li span.lite {
    color:#9AA0AB;
  }
*/

#footer {
  background: #fafafa;
  border-top: 1px solid #9db0b8;
	color:#C2CED2;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:13px;
	margin:26px 0 0 0;
  padding:15px 0 15px 15px;
}

	.xhtml_css { float:left; }
	.xhtml_css_link { color:#9db0b8; text-decoration:none; }
	.lite { color:#C2CED2; }
	.xhtml_css_link:hover { text-decoration:underline; } 

	#footer p { margin:0 auto; padding:0 0 0 5px; text-align:center;  width:50%; }
	#footer p a { text-decoration:none; }

	#seadream_link { color:blue; }
	#made_with_jade { color:#9db0b8; }

	#footer p #seadream_link:hover { font-weight:bold; }
	#footer p a:hover #fudge { font-weight:normal; padding:0 2px 0 0; }
	#footer p a #fudge { color:#9db0b8; font-weight:normal; }
	#footer p a #fudge:hover { cursor:default; }
	#made_with_jade:hover { cursor:pointer;  font-weight:normal; text-decoration:underline; }
 
	#footer img { border:none; float:right; }